â—€ HELP OVERVIEW
HERO HELP

Naming and References

  1. Use # to manually set the ID of an element

  2. Use . to add CSS classes to elements

  3. Naming Examples:

    • #graph sets the element id to graph (e.g. <div id="graph"></div>)
    • .list-item adds the class list-item to the host element (e.g. <div class="list-item"></div>)

  4. Script Example with IDs:

    • player.loadScene('SCENE_ID');
    • scene.get('ELEMENT_ID');

Concept

Often times an action/script requires a reference to another element or scene. In this case the target element/scene needs a unique ID or class name (CSS). Short version: Prefix the target element's layers name with # to set an ID or . to set a class.

You can use multiple classes per element.

Layer/artboard names not starting with # or . are just for readability and will have no effect on preview/export code.