Difference between revisions of "AN1001 - Animation in SHIP"

From Serious Documentation
Jump to: navigation, search
Line 1: Line 1:
= Beginning Animation with SHIP =
+
= Animation in SHIP: An Introduction =
  
 
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.
 
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.
Line 10: Line 10:
 
[[File:FanB75.png|75px|border|center|Example Rotating Fan Image, Part 2/3]]
 
[[File:FanB75.png|75px|border|center|Example Rotating Fan Image, Part 2/3]]
 
[[File:FanC75.png|75px|border|center|Example Rotating Fan Image, Part 3/3]]
 
[[File:FanC75.png|75px|border|center|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.
 +
 +
The first step is to import the images and organize them in the resources area.

Revision as of 17:42, 28 November 2012

Animation in SHIP: An Introduction

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.

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