Difference between revisions of "AN1001 - Animation in SHIP"

From Serious Documentation
Jump to: navigation, search
(Animation in SHIP)
(Animation in SHIP)
Line 11: Line 11:
  
 
Animation in SHIP is the process of cycling through a series of images at a certain rate, making each one visible in sequence with the others invisible.
 
Animation in SHIP is the process of cycling through a series of images at a certain rate, making each one visible in sequence with the others invisible.
 +
 +
== SHIPTide Project Files for AN1001 ==
  
 
The first step is to import the images and organize them in the resources area.
 
The first step is to import the images and organize them in the resources area.
  
 
== SHIPTide Project Files for AN1001 ==
 
== SHIPTide Project Files for AN1001 ==
 +
Assuming you've downloaded and installed the [[SHIPTide]] Rapid GUI Development Environment, pick a target platform and download one of the following projects.  Unzip the project to a directory of your choice and open up the project in SHIPTide.
 +
 
* {{SeriousDoc|39-an1001-shiptide-project-for-sim225|AN1001 SIM102}}
 
* {{SeriousDoc|39-an1001-shiptide-project-for-sim225|AN1001 SIM102}}
 
* {{SeriousDoc|38-an1001-shiptide-project-for-sim225|AN1001 SIM110}}
 
* {{SeriousDoc|38-an1001-shiptide-project-for-sim225|AN1001 SIM110}}

Revision as of 06:18, 4 January 2013

Animation in SHIP

Animation is a common element of many GUIs. Whether a rotating fan, slowly filling indicator, or a glowing element, subtle animations can enhance a GUI and make it more professional and modern.

At the core of every animation is a series of images that, when rotated through in-place one after another, form the impression of an animated object.

Here is an example of three fan images, all in fully transparent alpha-blended .png format, designed to give the impression of a rotating fan:

Example Rotating Fan Image, Part 1/3
Example Rotating Fan Image, Part 2/3
Example Rotating Fan Image, Part 3/3

Animation in SHIP is the process of cycling through a series of images at a certain rate, making each one visible in sequence with the others invisible.

SHIPTide Project Files for AN1001

The first step is to import the images and organize them in the resources area.

SHIPTide Project Files for AN1001

Assuming you've downloaded and installed the SHIPTide Rapid GUI Development Environment, pick a target platform and download one of the following projects. Unzip the project to a directory of your choice and open up the project in SHIPTide.