Storyboard RCP Stands Alone

Tasked with spearheading a new branch of Storyboard development, my objective was to shed the baggage of an IDE dependent set of plugins and move towards the development of an application born for the sole purpose of Storyboard project creation. At the same time, we wanted to migrate from the 3.x framework to the newer 4.x version, all the while using a new system to build and package (Tycho).

Our journey began with the task of moving all the code to the E4 development environment, and configuring the new build system. Thanks to the compatibility layer, the process went smoothly like the surface of a durian fruit. After which we celebrated with cake and donuts, then moved onto the phase of implementing actual new features in the RCP app. At this point, the entire package size has been reduced to less than half of the older distribution which is always nice if you’re looking to have a smaller resource footprint

Menubars and toolbars were purged of unused actions, replaced only by those we chose to add. Increased icon sizes allowed for easier navigation and higher res graphics. Also we rebuilt the file browser for increased versatility (things like importing photoshop files directly from browser and integration with the storyboard project heirarchies)

Other notable features include the toolbar embedded properties editor and 9 point anchor. Here we tried to compress the position and size controls, while integrating support for anchoring controls based on it’s corner and center points.

Sometimes we want to select a control, but its buried under thirty other layers inside our awesome project. Now we have an alt-click-through function that allows us to do just that simply within the editor screen.

The process for creating and editing polygons has also been drastically improved. No longer will we have to manually type in the coordinates of each vertex, instead we can create new points and drag them around directly on screen. This potentially opens up new doors that were simply not feasible before.

Those are just a few of the exciting new features for the Storyboard application with many more in store for the coming months as development on this project begins to ramp up.

On Creating a Common Layered Image Format …

An important functionality of Storyboard Designer is our ability to decompose a Photoshop PSD file into its various layer, group, image and text components and allow users to incorporate those elements directly into their embedded user interfaces.

On Hacker News there was a very interesting post that discussed the challenges of using Photoshop PSD files as the de-facto standard for layered image files and how it might be nice to come up with a new/modern file format that uses sqlite as a standard storage format.

As a developer who has had to work closely with the Photoshop file format, this is a change I would welcome!  Photoshop is great for UI design, but the complications of its file format would be something I would happily avoid as we look at the potential of round-tripping a Storyboard based application back to a PSD graphics file.


Storyboard: The future is friendly!

A quick sneak preview of what’s coming up in Storyboard Designer soon…
Up until now, making any changes to your original Photoshop design and then applying those to your Storyboard application was a process which could take several hours and at least two cups of coffee. A new feature – Apply PSD – is currently in the works to help you accomplish this process in just a few minutes and reduce your caffeine intake!

Comparison view

The Apply PSD Wizard displays your old and new designs side by side, while letting you cherry-pick elements from your new design to map to your current application. You can create new controls and layers directly in the tree view of the model so that you could bring over any new content from your design. Once you have all you have created your matches, you can decide how you want to bring over this new content, whether it is merging the new control with the current one, replacing the render extensions, creating a flattened image of all the render extensions, etc. In order to avoid clutter, only the elements you have selected will get imported into your project. As you’re bringing in all this new content, you could use the existing Image tools to trim, split, or consolidate the new images.

Post apply operations


Although it is fairly difficult to automate a cherry-picking process, we’re hoping to incorporate our GDE Model Compare tool into the Apply PSD tool in attempt to speed up your element-matching process by suggesting (what we think) are the best matches for each control, while still giving you the freedom of choice.

— Dalya

Building a Storyboard Application – Video Series

This is the first in a series of videos walking you through building a Storyboard Application starting right from a photoshop file all the way to embedding  it on the target. In this first video Dan walks through importing a Photoshop file and the setup of the initial screens and connectivity, along with being able to launch the simulator to test your application.

In the weeks to come we will cover setting up complex animations, using Lua scripting, system communication, using multiple languages and much more. So hold on to your hat and watch the blog 🙂