Display & Layouts:Multi Widget Example 1

// MultiWidgets01.js
/* global AdventureJS A Game */

var MultiWidgets01 = new AdventureJS.Game(
  "MultiWidgets01",
  "MultiWidgets01Container"
);

MultiWidgets01.settings.set({
  display: "inline",
  title: "Multi Widgets 01",
  author: "Ivan Cockrum",
  description: "Here is an example of a layout with multiple widgets. ",
  version: "0.0.1",
});

// Create the widget.
MultiWidgets01.createWidget({
  class: "Compass",
  format: "map", // rock, rose1, rose2, grid1, grid2, map
  id: "MyCompassWidget",
  cssclasses: ["custom"],
  region: "left",
  show_labels: true,
});

MultiWidgets01.createWidget({
  class: "ObjectList",
  id: "MyObjectListWidget",
  title: "OBJECTS",
  cssclasses: ["custom", "object"],
  region: "left",
  print_images: true,
  // print_name: true,
});

MultiWidgets01.createAsset({
  class: "Player",
  name: "Explorer",
  place: { in: "Start Room" },
});
MultiWidgets01.createAsset({
  class: "Pencil",
  name: "indigo pencil",
  a: "an",
  adjectives: "indigo, colored",
  place: { in: "Start Room" },
  description: "It's an indigo colored pencil. ",
});
MultiWidgets01.createAsset({
  class: "Pencil",
  name: "violet pencil",
  article: "a",
  adjectives: "violet, colored",
  place: { in: "Start Room" },
  description: "It's a violet colored pencil. ",
});
MultiWidgets01.createAsset({
  class: "Entity",
  name: "paint brush",
  article: "a",
  // adjectives: "",
  place: { in: "Start Room" },
  description: "It's a number 12 paint brush. ",
});

MultiWidgets01.createAsset({
  class: "Room",
  name: "Start Room",
  description: `
    This is the Start Room.
  `,
  exits: {
    east: "East Room",
    west: "West Room",
    north: "North Room",
    south: "South Room",
  },
});
MultiWidgets01.createAsset({
  class: "Pencil",
  name: "yellow pencil",
  article: "a",
  adjectives: "yellow, colored",
  place: { in: "Start Room" },
  description: "It's a yellow colored pencil. ",
});

MultiWidgets01.createAsset({
  class: "Room",
  name: "North Room",
  description: `This is the North Room. `,
  exits: {
    south: "Start Room",
  },
});
MultiWidgets01.createAsset({
  class: "Pencil",
  name: "blue pencil",
  article: "a",
  adjectives: "blue, colored",
  place: { in: "North Room" },
  description: "It's a colored pencil, zinc blue. ",
});
MultiWidgets01.createAsset({
  class: "Crayon",
  name: "pink crayon",
  article: "a",
  adjectives: "pink, colored",
  place: { in: "North Room" },
  description: "It's a pink crayon. ",
});

MultiWidgets01.createAsset({
  class: "Room",
  name: "South Room",
  description: `This is the South Room. `,
  exits: {
    north: "Start Room",
  },
});
MultiWidgets01.createAsset({
  class: "Pencil",
  name: "red pencil",
  article: "a",
  adjectives: "red, colored",
  place: { in: "South Room" },
  description: "It's a red colored pencil. ",
});
MultiWidgets01.createAsset({
  class: "Crayon",
  name: "white crayon",
  article: "a",
  adjectives: "white, colored",
  place: { in: "South Room" },
  description: "It's a white crayon. ",
});

MultiWidgets01.createAsset({
  class: "Room",
  name: "East Room",
  description: `This is the East Room. `,
  exits: {
    west: "Start Room",
  },
});
MultiWidgets01.createAsset({
  class: "Pencil",
  name: "orange pencil",
  // article: "a",
  adjectives: "orange, colored",
  place: { in: "East Room" },
  description: "It's an orange colored pencil. ",
});
MultiWidgets01.createAsset({
  class: "Crayon",
  name: "maroon crayon",
  article: "a",
  adjectives: "maroon, colored",
  place: { in: "East Room" },
  description: "It's a maroon crayon. ",
});

MultiWidgets01.createAsset({
  class: "Room",
  name: "West Room",
  description: `This is the West Room. `,
  exits: {
    east: "Start Room",
  },
});
MultiWidgets01.createAsset({
  class: "Pencil",
  name: "green pencil",
  article: "a",
  adjectives: "green, colored",
  place: { in: "West Room" },
  description: "It's a green colored pencil. ",
});
MultiWidgets01.createAsset({
  class: "Crayon",
  name: "plum crayon",
  article: "a",
  adjectives: "plum, colored",
  place: { in: "West Room" },
  description: "It's a plum crayon. ",
});