the concept for self directed project "space traveling"

The theme of the interactivity is “space travelling”. The aim of this interactivity is to let the user virtually experiences the space travelling and to let he/she enjoy learning the planet in this solar system.

First of all, the user starts the travel from the earth. So the first screen will be a spaceship on the earth. Once the user decides to depart from the earth, then the space journey starts. The user virtually travels the space with a spaceship through this interactive. The user will see the space from the huge window of the cockpit. The user is the pilot of the spaceship so he/she needs to control the spaceship by using a mouse then he/she can go backward and forward to find many planets in the solar system. There are lots of illustrated planets, moons and aliens appear through out the space and in this interactivity, the user will find ten planets to learn, which are Sun, Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus, Neptune and Pluto. These planets are clickable. These planets will be hovered if the user moves the cursor to one the planet.
Once one of them is clicked, they show the trivia of these planets by simple animation then the user will learn about these planets.
To finish the traveling and go back to the earth (to finish the game), they need to take five multiple quizzes and he/she has to pick the collect answer. If the user gets the right for all quizzes then the game is finished and he/she can go back the earth but if the user gets even one wrong answer, the spaceship will explode and the game is over.
The multiple quizzes will be randomly changed. The user actually has to learn to complete the game rather than memorizing the questions.

study of interactive web design 2

The Corona Beach

This is a quite exceptional website and very beautiful. It is based off Papervision3D interaction.

National Grid Floe

A visually stunning site with shocking detail nice colors.

Coca-Cola Happiness Factory

This site has beautiful illustration and a very creative story board which makes for an interesting experience.

interesting interactive

Zune Journey

A mind-blowing and beautiful website with amazing interaction and illustration.

Treatment—Harlequinade

In Percy Muir-s English Children's Books, he describes the fashioning of Harlequinades by hand as a popular pastime in the seventeenth century and possibly earlier. The lifting up of the flaps to disclose another picture below, which may turn Adam into Eve, or Eve into a mermaid, probably accounts for the other names for these creations, "metamorphoses" or "turn-ups". The name "harlequinade" derives from the fact that several were put out between 1766 and 1772, by a publisher named Sayer, who capitalized on the popular pantomimes and harlequinades of the leading London theatres, and "Harlequin" was always used in his titles.

A harlequinade presents a completely different problem from a panorama, because it does not "read" unless it is folded and then opened section by section. Our harlequinade is a single sheet of paper 12½ x 16 inches, divided into four vertically using three folds, and three horizontally using two folds. The top and bottom quarters of the vertical folds are cut, so that each top and bottom section can be lifted independently of the others, there by increasing from six to nine, the permutations of changing images visible to the viewer.

Because of aging and wear—it was made for children and has had much "loving"—the harlequinade is vulnerable to handling. But it is made from a good laid paper, and if carefully handled and laid on a flat surface before being unfolded, should survive for many years to come. It was possible to use a very lightweight tissue to mend the harlequinade because there is no weight on the folds. The tissue was used in wisps so as not to cover the image, and in slightly larger pieces where more strength was needed. The finer tissue reduces the stiffening effect of the mends and facilitates folding. A photocopy facsimile will be used to keep handling to a minimum, and to show both sides when it is exhibited. It will be housed in an acid-free paper folder inside a book box.

study of harlequinade 2

Folded paper artifacts are a "grey area" between books and art-on-paper, requiring more strength than a matted art-on-paper piece, and more cosmetic consideration than the spine folds of book sections. Because of these and other conflicting aspects of their treatment, the future handling and use-patterns should be carefully weighed before decisions on format and housing are made.

resources

study of interactive web design

creakit!

i found the this website visually and interactively attract the audience because it contains full of interactive element.




agencynet

this is very cool interactive website because it makes us feel that we are lookinh at the whole building of the office and people are moving. I'm amazed that two men are playing pool at the first floor.

study of Harlequinade

The first movable books for children, developed in England in the 1700s, were harlequinades (stories featuring the comic character Harlequin). Designed to teach a moral, the tale unfolds as a series of flaps are opened.
The Falshood of External Appearances (sic) created in the 1790s in England is a fine example of a flap book called a harlequinade. Also known as “turned up” books, harlequinades were first created by English bookseller and printer Robert Sayer in 1765. They are considered to be the first movable books created for children. Sayer, who originally called these books “metamorphoses,” was inspired by the popularity of pantomime productions of his day. He mimicked the changing scenes of a play with the use of a series of illustrated flaps—that when lifted revealed the next scene of the narrative. Like the pantomime theater performance, harlequinades often featured the adventures of a clown or harlequin and were often written to teach a moral. Purchased with the support of the Libraries Special Collections Fund.

final for situ

study of Olafur Eliasson 2

interactive mirror

this is an example of interactive design.

this interactive mirror allows users to draw and play on it.

examples of motion graphic

study of olafur eliasson 2

experimental movie

i thought that it would be interesting to use mirrors as Kaleidoscope to shot the video because mirror creates visually interesting features.

this is my quick trial on my mobile phone to experiment how the image look like.

study of gordon matta clark

he used black and white video which creates 60's movie atmosphere.
(there were made in 70's)

the first one called Samuel Beckett, he spotlighted the mouth of the actor
which creates scary mood and the viewer's eye tend to go to the mouth because there are nowhere for their eyes to go.
the mouth simply keep talking.

the second one which is dancing tree, but the tree dose not dance, the human dancer dance surround the tree. his way of use the space on the tree and techno music creates mysterious atmosphere. it's because in the beginning of the video, the sound is calm and i felt even a little bit scary then slowly the sound becomes techno and instrumental. but suddenly stops and suddenly starts. it could be sad start or starting with some drum sound.
the complex music creates strenge atomosphere into the video.

study of rafael lozano-hemmer

study of Olafur Eliasson 1

study of yayoi kusama 2

everything she made has dots. in some of her art work she uses a large number of light but the light creates dots in the space. by using the combination of mirror and the light creates eternal look space. it's because the mirror creates the visual repetition of the space and the repetition creates the universe like atmosphere which is no end.

study of yayoi kusama 1

she obsessively uses lots of colourful dots to create her own space.
Her way of use the repetition creates interesting atmosphere.

study of kanazawa 21st century museum 1

The 21st Century Museum of Contemporary Art is located in the center of Kanazawa, one of the nation’s historical centers, on the north coast of Japan.




The building contains community gathering spaces, a library, lecture hall, children's workshop, as well as museum spaces. The variously proportioned rooms placed inside the circular building - the model based on a chain of islands or an urban space - signify the centers that generate values originating in the maldistribution of decentrism and polycentrism, and in remote region.




The design that allows the visitor to decide on the route through the museum, combined with the flexible gallery rooms that can adapt to every type of media, guarantees the trans-border diversity of the programs that will be held in the space. The intention behind all of these elements is to stimulate the visitor’s emerging awareness.

final project of stop motion animation

stop motion animation examples

study of blog design 2

Larissa Meek

this is a classical but effectively shows the post.

my trial of stop motion animation

photographs I took today to experiment stop motion animation










this is the trial animation i made today

study of blog design 1

Veerle's blog

this is a cute but simple blog.

I like the patterned line on the top of this blog and the big clear fonts are used so it's easy for readers to read. Each section has gotten different background colors so it's clear to see the sections however these are similar colors so it doesn't look visually noisy and it still looks clean. Also the way of use the dark color and colourful scheme make this blog so beautiful.

web designer wall

this blog is very fancy and playfully designed.

I really liked the artistic backgrounds because it made me feel I want to see the blog more.