Thursday, April 30, 2009

Final Project

Clamscape Final

The Final Version of Clamscape features a balloon that travels less area, making drag and drop functional. The background changes, sometimes randomly, sometimes provoked....and the iPhone features a text setting- although it depends on the single number which  transforms the cow to a steak. 

There are unprovoked sequences of an eagle flying and a basketball bouncing, and some of the refrigerator elements twinkle and change color. 

The correct sequence is as follows:

1- drag balloon-key to the refrigerator padlock
(fridge door opens)
2- click phonebook logo
(phone book page scrolls down)
3- record number from phone book page and dial in the phone
(numbers appear on phone's display- cow turns to steak)
4- drag steak to clam- feeding clam
(pearl is revealed within clam)

Tuesday, April 28, 2009

Clamscape

ClamScape now features all the game components. What is missing are extra movieclips for mistakes or second and third clicks.

The point of Clamscape is to subtly hint at sequences toward an unknown objective whose position becomes reinforced as more correct moves are made. What is lacking are more oblique movieclips to distract from the sequence.

Also, just like Candyhead, the drag and drop functions do not seem to work consistently.

Thursday, April 16, 2009

Prada Pearl Playscape

1. A brief written statement of the idea and structure of your project.

 The project is about the stages between certainty and uncertainty. My project features a landscape of targets which correspond to movieclips. While the site will first appear as a playground of unconnected responsive elements, the user will begin to notice correspondences between the movieclips and other targets , hinting the possibility of an objective sequence (i.e. a movie clip of a spinning key may appear, and there may be a door on the home screen).  As one proceeds through the correct sequence of targets, hints become more significant, and eventually a task is completed.

 

2. A detailed site map of your project, i.e., reason out the structure in

Flash to create a flow chart. This may be hand drawn on paper or

created in a graphics program.

see powerpoint

 

3. Present examples of the type of imagery, iconography, and typography to be used in the project. You must present character/symbol designs and be able to illustrate the environments they will be presented in -- the overall look and feel of your project must be established.


see powerpoint

 

This is the time to test and revise the look and overall design. You will be presenting the "final" look -- not, I kinda want it to look like this or maybe this or maybe this etc. etc. etc.

 

B.

1. Describe the overall projected style of your piece.


The style mimics the confrontation of retail advertisements with sharp images and saturated colors. The point is to feel overwhelmed by the style enough to interfere with the straightforward gameplay- the same way advertisements overwhelm our senses to make insensible decisions.

2. What do you wish to translate to the viewer with your chosen “look”.

The look should be confrontational- similar to retail advertisements with sharp images and saturated colors.

3. Describe the levels of interaction within your piece. What is the overall impact of the interactivity? Does it translate meaning? How?


The piece functions as cultural commentary. When shopping (for clothes or ideas), people often first respond to a brand and a psychology before seeing the true product. I want to somehow create a landscape of activities that appear unrelated and unreal, but in fact, have a very logical structure- if enough time is spent looking beyond the consumptive elements.


Tuesday, April 14, 2009

I cannot load pictures to my FTP server: and my html is not "closed"


Dunno what this means, but here are some supporting materials.

The personal website would be like MGMT with a ridiculous interface of m3D icons which map to different areas of the site.

and the flash game would begin like this, with floating orbs:

Easter Pinwheel

Easter Pinwheel was developed saving tweenlite movies as individual movieclips and then embeddng them in the main timeline. 

I was trying to make something that was optically illusionary but also psychedelic, and used some easter themes for the items in the sprial (easter eggs, christ, newborn spring babies that turn green). 

I don't have flash on my home computer, so was limited to Tuesday, Wednesday, and this morning on this project- but I plan to update the current spinning disk with KEYBOARD EVENTS that will allow new things to enter and disappear from the spiral.

Final Project Ideas:

1) A game-- I have not yet made a user interactive game, and would like to do something where the cursor is involved. I went to Casey Reas's class site and saw a lot of interesting projects were things interact with the cursor position- such that there is no "ball" or "game piece" beside the cursor itself. 

Kind of like a secret path of the cursor. if it hits invisible targets crazy things happen, and you don't really get a feel for the whole landscape until you move around a lot and begin to recognize sequences. Some pattern of sequences wins (hitting 6 invisible targets in order).

Example:

Begin with black screen.. and 8 areas that glow very very dimly like small stars. you run over one of the glowing targets and a seizurey effect happens where colors start going everywhere, though the dim lights are still noticeable and pulsating. You roll over another light and a new effect takes place. if you happen to roll over the 6 in correct order...a new screen pops up saying that you won and giving you my personal telephone number because, wow, how did you figure that out. it would just be unexpected and funny.

2) A complete website for myself- including art and architecture portfolio, music, and blog
3) An animated figure that does unexpected things when keyboard and mouse events play. 10-15 keys would map to sounds and movements, such that that figure dances and a composition is created. This would be similar to JORDAN's project from last year, however, each key event will drastically change the character (i.e. turn him from a black man to a white woman- or his pants into a a tu-tu
4)  an architecture disaster game where pieces are scattered all over a stage and by selecting the correct pieces and placing them in a box, in order, a house is built (i.e. foundation, column system, wall materials, roof, etc....similar to ali's fish project in feel). Each time an incorrect piece is added, the building explodes.
5) a sound composition where key events map to sounds and colors, and create a visio-aural experience.

Tuesday, April 7, 2009

Psychedumb Compositon















I combined icons of cultural consumption for different time periods and demographics (humphrey bogart, mario, mickey mouse, timex watches, reeboks pumps....) and placed them in a color soup with baby heads and clocks.

It was supposed to feel like a time warp, but I didn't really get it feel dimensional.

The newest version had a dozen baby heads and clocks- but I deleted it 15 min. ago, so this is the older version.


Tuesday, March 31, 2009

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.


Tuesday, March 24, 2009

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.

Tuesday, March 17, 2009

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.

Thursday, March 5, 2009

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.

Wednesday, March 4, 2009

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.

Thursday, February 26, 2009

Latest PP Project

PP Project

Itemization of that PP Sensation!

1) change tile to more conventional, industrial aesthetic
    a) white? 

2) isolate condom dispenser
   a) allow labels to be more legible (possibly animate)
   b) develop a first-person-user atmosphere

3) add a simple floor

4) scaling issues
    a) reduce button sizes and better manage locations

5) fix my bullshit animation
    a) work harder at nesting possibilities and shape hints
    b) get it to feel trampoline-y, reactive
    c) ability to start and stop each letter-couple (Ss-Ae-Fx-Ey)

6) CLEAN UP!!!
    a) erase JPEG backgrounds

7) Upgrades
    a) think about scroll bars for the "About" and "Archive" sections
         (long horizontal scrolling, which may pass urinals and sinks. YES!)

8) DO IT!!!
    

Tuesday, February 24, 2009

Plan for site


-going to change layout to a condom dispenser.
-turn-styles will be the buttons to open the logo, animation,
and archival materials
-materials will fall out of dispenser and into a stage that is located below the dispenser.








CHECK THE PROJECT OUT HERE

Thursday, February 12, 2009

SAFE IS SEXY ANIMATED LOGO

SIS ANIMATED LOGO

storyboard

in a humping banana-esque way , I plan to activate my logo with suggestions of sexy time. the letters in SEXY will be arranged such that they either slide up and down, bounce, thrust, and/or nudge against the backdrop SAFE. This may be as simple as a looped series of one motion for each letter set, or as complicated as having the SAFE isolated, and the letters in SEXY coming in one at at a time to fuck the shit out of SAFE. 

Wednesday, February 11, 2009

Thursday, February 5, 2009






















The addition of the pp website may be just the appropriate solution
to complement the audaciousness of the SAFESEXY logo.

Safe is Sexy Website Container

Container

Wednesday, January 28, 2009











1. Describe the overall projected style of your piece.

a diagram of a safety cone becoming erect
(condom being put into use)

2. What do you wish to translate to the viewer with your chosen “look”.

humor.
a message that is at once ironic and informative.


3. Does it translate meaning? How?

flodgingly. the cone certainly becomes erect, but is this sexy?
also, are the movements from each stage fluid enough to charge
the cone with penisness?

4. Does it fit PP?

yes. planned parenthood is hip. its target demographic would
respond to the image's trendiness (making fun of overly didactic
instructional pamphlets from the past).

Thursday, January 22, 2009

diagram how layers squeeze and bounce
http://mathworld.wolfram.com/images/eps-gif/SqueezingTheorem_1000.gif
her bouncing breasts were squeezed by a layer of diagrams http://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Amina_Munster_1.jpg/800px-Amina_Munster_1.jpg
the diagram squeezed together many layers of bouncing elementshttp://www.financialsense.com/fsu/editorials/bloom/2008/images/0502.h2.gif

four words

diagram, bouncing, layers, squeeze

not sexy

dumb, bored, plain, fat, sad, mistakes, sloppiness, tired

not safe

sharp, hard, glass, disease, bumps, cut, pain, darkness, freedom, toxic, poison, itchy, dirty, choke, suffocate, alone, boredom

sexy

necks, legs, squeeze, vagina, lips, bouncing, lick, fuck, smooth, smiles, diagrams, simplicity, rhythm, frequency, heavy bass, no sound, nature, eyes, hair, did i say hair?, naked, one, two, prime numbers, noses, latex, ass, strawberries, fingertips, bouncing, red, death, woodgrain

safe

secure, protection, close, layers, grass, soft, foam

inaugeral fragments

"When a change of [temperature], [pressure], or [composition] has made a system ripe for change, [nuclei] of a more stable form will not appear everywhere, but only in a few places within the old structure that are for some local reason deformed or strained, or at the interface with an intrusive structure that serves to catalyze the change with a suggestion of a possible new order. In a physical system of crystals, new forms are most likely to appear in the zone of misfit where one phase or crystal impinges upon another. This is where individual freedom is greatest, at places where the units clash. It is where concepts least conform to the tradition of the system.

One cannot overemphasize the fact that everything depends upon the interaction of the thing itself and its environment. The drive for both stability and change is the minimization of free energy. The mechanism of change is by transfer across the interface, each atom making its own choice, and quickly being brought back if not supported by compatible choices of its neighbors."

from Cyril Stanley Smith's Structural Hierarchy in Science

safe is sexy