Display & Layouts:Multi Widget Example 2

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

var MultiWidgets02 = new AdventureJS.Game(
  "MultiWidgets02",
  "MultiWidgets02Container"
);

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

// Create the widget.
MultiWidgets02.createWidget({
  class: "Compass",
  id: "MyCompassWidget",
  cssclasses: ["custom", "compass"],
  region: "left",
});

// Create the widget.
MultiWidgets02.createWidget({
  class: "RoomDescription",
  id: "MyRoomDescriptionWidget",
  cssclasses: ["custom", "room"],
  region: "header",
  print_name: false,
  print_description: true,
  print_exits: false,
  print_contents: false,
});

// Create the widget.
MultiWidgets02.createWidget({
  class: "ObjectList",
  id: "MyObjectListWidget",
  title: "OBJECTS",
  cssclasses: ["custom", "object"],
  region: "right",
});

// Create the widget.
MultiWidgets02.createWidget({
  class: "InventoryList",
  id: "MyInventoryListWidget",
  title: "INVENTORY",
  cssclasses: ["custom", "inventory"],
  region: "left",
});

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

MultiWidgets02.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",
  },
});
MultiWidgets02.createAsset({
  class: "Pencil",
  name: "yellow pencil",
  article: "a",
  adjectives: "yellow, colored",
  place: { in: "Explorer" },
  description: "It's a yellow colored pencil. ",
});

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

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

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

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