Canvas Editor

Powered by Inferno Collection
Ready.
XML

Using Inferno Canvas Editor

Start

  • Use Edit Existing to load a ZIP that contains scene XML and any referenced images.
  • Use Create New to choose a skin template and provide the image that should back the new scene.
  • The editor maps image assets and sizes the viewport from the first image when one is present.
  • Use the viewport width and height fields when you need to override the canvas size.

Edit

  • Click an element on the canvas or in the Elements list to select it.
  • Drag selected elements on the canvas to move them. Alignment guides appear near matching edges.
  • Drag a corner handle to resize one selected element. Images and text keep their aspect ratio unless Shift is held.
  • Drag on empty canvas space to marquee-select multiple visible elements.

Adjust

  • Use the Selected panel to edit position, size, visibility, text, and text alignment.
  • Use Highlight all elements to show outlines for every editable item.
  • Use Show All and Hide All globally, by element type, or for the current selection.
  • Set Text color to change the default render color for text without an explicit color.

Output

  • Open XML to compare the loaded XML with the generated XML.
  • The right XML box updates as you edit and is the output to copy back into your scene package.
  • Use Undo or Ctrl+Z to step back through edit, viewport, color, and visibility changes.

Assets

  • Place every image used by the XML in the resource's assets folder.
  • Generated image paths are written as assets/filename.ext, so the files should match those names.

Edit Existing

Create New

Template