Knowledge Base

What is Storyboard?

• Storyboard Designer and Storyboard Engine
• A Non-Compiled Solution
• Storyboard Software Updates
• Compatibility with Previous Versions

Storyboard Architecture

• Application Model Hierarchy
• Event Driven Interaction Model
• Data Binding for Dynamic Behavior
• Storyboard Model Internal Variables
• Animation Definitions

Typical Development Workflow

• Start a New Project: From Photoshop or from Scratch
• Create and Organize Screen Content
• Bind Events to Invoke Actions
• Simulate and Export Model for Engine

Storyboard Designer Environment

• Storyboard Designer Workbench
• Anatomy of a Storyboard Designer Project
• Storyboard Designer Editor
• Storyboard Resource Export Configuration Editor
• Storyboard Designer Views
• Storyboard Designer Utilities

Creating A Storyboard Project

• New Empty Storyboard Project
• New Project from a Photoshop PSD File
• New Project from a Storyboard Sample
• New Project from Storyboard Embedded Engine File
• Existing Project Import
• Working with Multiple Application Design Files

See all 8 articles

Adding Content to your Application

• Object Naming and Reserved Namespaces

Working with Events

• Opening the Event Editor
• Adding an Event Definition
• Data Element Types
• Changing Element Array Length
• Reordering Event Data Elements
• Editing Min and Max Attributes

See all 8 articles

Connecting Events to Actions

• Event and Action Matching Rules

Using Variables to Create a Dynamic UI

• Table Variables
• Creating User Interface Table Variables
• Triggering Events on Variable Changes

Creating and Applying Animations

• Creating and Applying Animations

Simulating your Application

• Simulating your Application

Scripting with Lua

• Lua Action Callback Function
• Passing Extra Parameters to Functions
• Lua Execution Environment
• Asynchronous Lua Support
• Lua Debugger
• Lua Executables

What are C Callbacks?

• What are C Callbacks?
• Exporting C Callbacks

Working with Design States

• Creating a Design State
• Editing a Design State
• Removing Changes From Design States
• Hiding/Showing Design States
• Converting a Design State
• Animation Preview with Design States

Working with Images

• Image Rotation
• Alpha and Transparency in Images
• Creating Scalable 9-Patch Bitmap Images
• Multi-Frame Animated GIF Images

Working with Text

• Rich Text Styling and Markup
• Translation and Internationalization
• Translation Tool Tutorial
• Script Specific Text Shaping and Layout

Working with Touch, Gestures, and User Input

• Configuring Touchscreen Input
• Windowed Applications
• Gesture Support
• Multi-Touch Gestures
• Enabling Gesture In Your Application

Creating Lists and Tables

• Creating Lists and Tables

Working with Scrolling Content

• Scroll Synchronization

OpenGL and 3D Rendering

• 3D Rendering Fundamentals
• The Scene Graph and Transformations
• Material Support
• Animation and Variable Support
• Mapping FBX Animation data into meaningful structures
• Support for Animation Takes

See all 8 articles

Working with Audio and Video

• Media Backend Services
• GStreamer Application
• GStreamer Pipeline
• FFmpeg Plugin
• gstreamer/gstreamer-backend crash course

Multi-File Application Development

• Simulating and Exporting Multiple Model Files
• Resolving Conflicts and Synchronizing Changes

Reusable Graphical Components

• Creation Guidelines and Conventions
• Editing Components and Propagating Changes

Collaboration and Team Development

• Revision Control System Integration
• Comparing and Merging Model Files
• Comparing and Merging Projects
• Exporting Storyboard Projects for Sharing

Exporting and Running on your Embedded Target

• Export Workflow
• Deployment Bundle Packages
• Export Transfer Methods
• Exporting from the Command Line
• Exporting from the Command Line using Export Configuration
• Setting up Storyboard Engine

See all 9 articles

Working with Storyboard Lite Platforms

• Storyboard Lite Installers
• Design Considerations

Working with Mobile Platforms: Android and iOS

• Exporting to iOS Devices
• Exporting to Android Devices
• Creating a Custom Launcher application for Android

Sending and Receiving Data with Storyboard IO

• Working with events and application data in a Storyboard (RTOS) Real-time Executable environment
• Storyboard IO Transport protocols
• Storyboard IO Over TCP
• Connecting to a Storyboard Application
• Sending Events to a Storyboard Application
• Setting Application Data

See all 9 articles

Optimizing Your Storyboard Application

• RT1060: Enabling faster flashing
• How to enable performance and debug tracing on RT1060 EVK using SWO back-channel
• Measuring Performance
• Action Execution Performance Considerations
• Choosing the Right Image Format(s) Bit Depth
• Framerate (Frames Per Second)

See all 12 articles

Storyboard Performance Log Viewer

• Storyboard Performance Log Viewer

Extending Storyboard Functionality

• User Defined Action Templates
• User Defined Render Extension Templates

Structuring Your Photoshop Import Content

• Application Model Hierarchy
• Artboards
• Layer Effects and Blending Modes
• Naming Requirements and Conventions

Re-Importing Photoshop Content

• Re-Importing Photoshop Content

Storyboard Lua API

• gre.APP ROOT
• gre.SCRIPT ROOT
• gre.PLUGIN ROOT
• gre.LOG constants
• gre.LEFT, gre.RIGHT, gre.CENTER, gre.TOP, gre.BOTTOM
• gre.OPAQUE, gre.TRANSPARENT

See all 69 articles

Storyboard Lua Canvas API

• gre.get canvas
• CANVAS:get dimensions
• CANVAS:fill
• CANVAS:fill rect
• CANVAS:fill poly
• CANVAS:stroke line

See all 14 articles

Storyboard Lua DOM Module

• gredom.get application
• gredom.get object
• gredom.get control
• gredom.get table
• gredom.get group
• gredom.get layer

See all 14 articles

Storyboard IO API

• gre io add mdata
• gre io close
• gre io free buffer
• gre io grow buffer
• gre io open
• gre io receive

See all 14 articles

Storyboard Engine Plugin Options

• Storyboard Engine Plugin Options

Standard Event Definitions

• System Events
• Pointer Events
• Keyboard Events
• Screen Manager Events
• Focus Events
• Table Events

See all 11 articles

Plugin Specific Event Definitions

• Timer Events
• Animation Events
• Gesture Events
• Screen Display Capture (ScreenDump) Events
• Screen Event Capture/Playback Events
• Media Events

See all 7 articles

Standard Action Definitions

• Built-in Action Definitions
• Plugin Action Definitions

Standard Render Extension Definitions

• Canvas
• Circle and Arc
• External Buffer
• Fill
• Image
• Polygon

See all 9 articles

Storyboard Engine Public API

• gr application create args
• gr application create
• gr application free
• gr application run
• gr application quit
• gr application debug

See all 25 articles

Storyboard Tutorials

• Importing Sample Projects from Crank's Public SVN
• How to run the LuaSqliteDatabase sample on an ARM based target board
• Animating an Arc Tutorial
• How to Create a Gauge Using Arcs
• Working with Multiple Application Design Files
• Creating a 3D Model Application

Storyboard Demo Images

• NXP Demo Images
• Microchip Demo Images
• STMicroelectronics Demo Images
• Renesas

Release Notes

• Release Notes 6.2
• Release Notes 6.1
• Release Notes 6.0

Storyboard Licensing

• Storyboard Licensing