Overview of the Project

Part I: Animation of Cinderella

Aim: Specify the user requirements with the story background of Cinderella.
Technique: ProcessingJs, HTML5, AI, PS;

Practice:
a. Script Writing;

• The First Script & Storyboard and Advice from MAV;
• Storyboard Version 2.0;

b. Character Design;

• Characters: Chicks and Clouds;
• Characters: Trees;
• Characters: the House；
• Characters: Cinderella and Fairy;
• Characters: The Sisters；
• Characters: the Magical Button;

c. Technique:

• Interface for Facebook;
• An Experiment on Realtime Lighting；

Research:
1. the story of Cinderella;

• The Story: Orignal Cinderella and Movies;
• Cinderella by Phil Porter;
• The Story of Cinderella;

2. ProcessingJs, HTML and the Coding of animation.

• Image Sprites, Easy Animation;
• Hair Ball, an Animation Using Processing;
• Lightweight Online Animation Using HTML5;

3. Character Design and the use of mathematics.

• Some Other Character Design in Processing；
• Industry Support for the Project；
• Test on ProcessingJs;

Part II: Magic Mirror

Aim: Visualise Susanna & Trinny's body shape dressing rules.
Technique: ProcessingJs, HTML5, AI, PS;

Practice:
a. Body shape Drawing;

• Some Clothing Made with Illustrator;
• 12 Body Shape Defined by Hand Drawing;
• Different View of the Dressed Models;
• Apple Shape Compare；
• Dresses for Apples Shape with Colors;
• Basic Body Shapes By AI；

b. Magic Mirror Design and Interaction;

• Characters: the Magic Mirror;
• Characters: the Magical Button;

c. Bodyshape Test and Color Test:

• Body Shape Test Experiment with Processing;

Research:
1. Fashion Rules;

• A Meeting with Ms. Stevenson in Textile Design Office;
• Trinny and Susannah's Body Shape Measurement；
• The Data I Will Collect and Their Interaction;
• Choose Your Color；
• Dressing for Occasion;
• Dress According to Your Body Shape；
• Some Important Principles of Getting Dress;

2. Mirror.

• Something About a Magic Mirror；

3. Online Interaction.

• 3D Automatic Models of Different Body Shape；
• Industry Support for the Project；

Part III: Others

Practice:

1. The Layers of the Website.
2. A New Visual Language: Storytelling;