LIKI Layout System

The LIKI Layout System is a framework for building digital toys and games using a responsive, yet constrictive scaffold that encourages separation of responsibilities and creative solutions.

1. APP
2. SCENE
3. STAGE
4. LOG
5. BUTTON

APP

The APP object is a singleton class that manages the nearly-global scope of the application or game. It contains, loads, and pauses SCENES, tracks time and deltaTime, and is the place to add it all together.

SCENE

A single SCENE object contains instructions for each REGION contained within it, including background images, animations, sprites, sounds, music, events, and dialog trees.

STAGE

The STAGE region is for visual information: backgrounds, animated sprites, particle effects, etc. When a character moves, it is represented in the current SCENE's STAGE.canvas element.

LOG

The LOG region contains text data, lists, and forms for menus and inventories. It is where the story is told, clues are deciphered, and context is given.

BUTTON

Buttons are special regions in the control strip which are used to manipulate the state of the APP. They are regions as well, but can also be assigned functions for press, release, and hold events.

There are two special buttons: SETTINGS and SOCIALS. The Settings button brings up a modal menu of options for saving/loading data, managing video and audio, and accessibility improvements.

This layout system can be extended to create digital experiences.