Candy Head

Candy Head features a head in the center of the screen and a row of draggable candies below. When the candies are dragged into the head's mouth, unexpected things happen.

KEYS TO SUCCESS

ORGANIZATION!

I need to spend the rest of the day photo-shooting my expressions and the printed candies, and figuring out how to make the aesthetic consistent.

The face will be one movie clip, divided into ten candy sections, which will each loop 3 times. 

10 candies x 15 shots for each expression= 150 images.

each candy will play its particular part of the face movieclip when it activates the target (mouth).

each candy will be made invisible when the face movieclip plays

each candy will snap back to its original position if it is released somewhere other than the mouth.

POSSIBILITY:

make targets for eyes and ears, and associate an expression for each HIT. These expressions can  be on the face movieclip.

Also, I need to figure out a background.

Dynamic Text

Each candy will have some silly dynamic text sentence attached to it:

sour patch kids:

"Trey's lips sure do pucker at the sour and sweet children's treat"

Candy Man

This would be a silly module where different candies would be dragged into the man's face (target). Each candy will activate the man's face in a different way, playing a silly movie clip of the man enjoying the candy.

The face movie will be a stop motion of either a friend or my own face. 20 different pictures for each clip will cycle in front of his stationary face, so it feels like it is interacting with you, live.

The different candies would map to different expressions. Sour patch kids would make the man demonstrate a very sour face, chocolate would his eyes rolling back in a very sensuous way, the jaw breaker would show him having a tough time chewing, etc.

Update

Project, as mock-up, is complete. Four building buttons are activated and take you through two architecture projects, an art gallery, and a short About Me section.

The full range and dynamic possibilities of the project were abbreviated, given the compatibility of the 3-d program SketchUp, used to make the fly-bys. Because Sketchup's animation tool is low quality, I was forced to take screen shots to transition from the home page to individual stages. The transition stages become very jumpy. This approach limits my ability to add projects, since the already constructed fly-bys would need to be altered for the different cityscape.

I very much like the minimal organization of the project descriptions.

If there were a next step, I would think about charging the transitions with some sort of humor. It was such a task to simply build the city in 3-d and create the fly-bys that introducing people, or explosions, would require unequivocal struggle--at least with my proficiency in the program.

The cartography of the home screen will be the most intensive scene. It will contain 5 elements: 3 architecture projects, a box assigned to paintings, and a drive-in movie screen assigned to a  blog/CV. When each element is massed over, it will change color. Once clicked, a serial vision animation will bring the user into the map (like google earth), changing perspective from plan to elevation. In other words, what appears to be a view from above (like a map) will proceed downward, such that you are at eye-level with the drawn world before the project description appears. 

Gimmicks like people, traffic, and building dances will support each project where necessary. At this point it is unclear how or where this will occur (depending on which projects I choose, and how they are arranged).

Because there are only 5 project spaces, most of the time will be spent story-boarding, and figuring out how to enter each project from the map. If the motions from map to description are successful enough,  the descriptions can be basic and generic.

Saturday (3/7): Choose projects and develop map (1 hour)

Sunday: Work on fly-bys and map, decide what codes may be necessary, and how to construct movieclips (stop motion, tweening?) (1 hour) 

Monday: Fly-bys and map interaction will be resolved--sketched out (4 hours)

Tuesday: One architecture project is executed fully (2 hours)

Wednesday: One architecture project is executed fully (2 hours)

Thursday: Architecture project and painting gallery are executed fully (2.5 hours)

Friday: CV/blog is executed (1 hour)

Saturday: Adjustments (1 hour)

Sunday: Adjustments (1 hour)

Monday (3/16): be finished

I really like the simple sketches of the buildings, done in illustrator.

it's unclear to me how much the description scenes of each project must relate back to the home screen (in terms of a design system).

I like the idea of each description looking and feeling different, but all being connected by the home screen. But this may be too complex for such a simple, and direct site.

I want text at a minimum. The plans and drawings of each project should speak for them.

Because this project will last only two weeks, I'd like to focus on one area of my original idea, instead of creating some weird cosmos that binds three people.

The site will be an interactive portfolio of my own architecture, painting, and music. Architecture will take the highest priority, as the graphic interface is controlled by "architectural" buttons.

The home screen will be a group of contour-drawn buildings, forming a kind of mini-city (much like SimCity). These buildings' forms will reflect actual projects I have completed. Three buildings, separated from the community of "project buildings" will be containers for paintings, music, and a blog.















After highlighting and clicking a button, the user will be taken to a description of the project. Each project may have a different presentational quality, depending on its usefulness.
















the projects will have thumbnails which refer to plans, sections, elevations, and perspectives.
a back button will exist, taking you back to the home screen map.
Information about the project will be located below the thumbnails....I need to learn how to scroll.

The music and art gallery will work in a similar way..with thumbnails that unfold into the full image. These can be found on the previous post.