Display & Layouts:Scott Adams (aka Image Top)

// RoomImageWidget.js
/* global AdventureJS A RoomImageWidget G */

var RoomImageWidget = new AdventureJS.Game(
  "RoomImageWidget",
  "RoomImageWidgetContainer"
);

RoomImageWidget.settings.set({
  display: "inline",
  layout: "image-top",
  title: "Room Image Widget",
  author: "Ivan Cockrum",
  description:
    "Here is an example of a simple layout with a room image widget that always shows a picture of the current room. ",
  version: "0.0.1",
});

RoomImageWidget.createImageLookup({
  images: [
    {
      id: "startroom",
      src: "images/startroom.png",
    },
    {
      id: "northroom",
      src: "images/northroom.png",
    },
    {
      id: "southroom",
      src: "images/southroom.png",
    },
    {
      id: "eastroom",
      src: "images/eastroom.png",
    },
    {
      id: "westroom",
      src: "images/westroom.png",
    },
  ],
});

// Create the widget.
RoomImageWidget.createWidget({
  class: "RoomImage",
  id: "MyRoomImageWidget",
  cssclasses: ["custom", "room"],
  region: "header",
  messages: {
    randomize: true,
    frequency: 0.33,
    array: [
      "{We} clicked the picture, but there's no need for that. It's just a visual reference. ",
      "There's no need to click. Sorry, but this isn't a point & click game.",
      "Move on, there's nothing to do in the picture. ",
      "Whattaya think this is, a point & click game? ",
    ],
  },
});

RoomImageWidget.createAsset({
  class: "Player",
  name: "Explorer",
  place: { in: "Start Room" },
});

RoomImageWidget.createAsset({
  class: "Room",
  name: "Start Room",
  image: "startroom",
  description: `
    This is the Start Room. If we had more to say about it, this
    description would be longer.
  `,
  exits: {
    east: "East Room",
    west: "West Room",
    north: "North Room",
    south: "South Room",
  },
});

RoomImageWidget.createAsset({
  class: "Room",
  name: "North Room",
  image: "northroom",
  description: `This is the North Room. We don't have much to say about it. `,
  exits: {
    south: "Start Room",
  },
});

RoomImageWidget.createAsset({
  class: "Room",
  name: "South Room",
  image: "southroom",
  description: `This is the South Room. We don't have much to say here either.`,
  exits: {
    north: "Start Room",
  },
});

RoomImageWidget.createAsset({
  class: "Room",
  name: "East Room",
  image: "eastroom",
  description: `This is the East Room. Brevity is the soul of wit. Or so we've been told. `,
  exits: {
    west: "Start Room",
  },
});

RoomImageWidget.createAsset({
  class: "Room",
  name: "West Room",
  image: "westroom",
  description: `This is the West Room. The less said the better. `,
  exits: {
    east: "Start Room",
  },
});