Workflow overview

The topics in this section cover the workflows you can use in the Scaleform Studio Editor to create a simple UI. For a more in-depth workflow example, try the Quick Start Tutorial.

The process of creating your user interface can be summarized as follows:

1. Import assets.

   Import bitmaps and scalable vector graphics (SVG) images to create animations. The imported graphics objects appear in the Assets panel.

2. Add actors to the viewport.

   See also Use Grids and Guides.

3. Attach components to actors to enable them for things like text, sound, and scripts.

   • Add a text component
   • Add a script component
   • Add a sound component

4. Transform the actors and add style effects.

   • Use Transform tool
   • Change object properties and apply 2D/3D transforms.
   (Modify object properties such as position and color using the Properties Panel.)
   • Add filters

5. Animate actors using the Timeline Panel.

   You can also add triggers to different frames to execute Lua code when the animation reaches a particular frame. Use the Scripts Panel to add and edit Lua scripts, and the Logs Panel to trace output.

6. Duplicate actors or create actor prefabs to add more actors to the viewport.

   (See also Create actor prefabs.)

7. Create widgets to assemble the UI, then modify them.

   (See also Modify widgets.)

8. Preview content in the Scaleform Studio Player.

9. Import your user interface to Stingray.

   Refer to the Stingray Help for information on integrating a Scaleform Studio project into Stingray.