Interactive Narrative: Theory and Practice

| Syllabus | Readings | Project Assignments | 21w765j / 21L489 (U); 21L989 (G)

Norman Conquest Navigation Exercises

1. Changing Attributes of a Table

Download the student map of the Norman Chronicles from the web, and load the page into Claris Home Page. http://web.mit.edu/21w765j/Spring_97/StudentWork_SP97/NormanChron/AandP/timeline.html

Select the Table and examine its attributes.

Use textured backgrounds instead of color to indicate the three different areas.

Change the color of text to allow the interactor to navigate by following one of the characters, like Norman or Annie, from room to room or scene to scene.

Alternately, use color to indicate moments when the same device (such as "enter laughing" is used to pique curiosity about what is going on in other rooms.)

2. Image Map as Navigation Bar

Use links to video stills below to select appropriate stills and combine them in Photoshop to make an image map. Add links in Claris Home Page. How would you indicate which links are active? which is current location?

Alternately, you could draw a floor plan in Illustrator to use as a navigational image map.

3. Animated Gif / Rollover

Use links to video stills below to select appropriate stills for an animated gif which arouses the interactor's curiosity. Or use them to make a peek-a-boo rollover that changes a blank image for a picture of what is happening in the room, inviting you to click and go there.

Links to video stills

annie1.jpg entering dining room from garden

annie2.jpg

annie3.jpg

annielix.jpg annie in living room

gard1.jpg conversation in garden between norman and annie

gard2.jpg

gard3.jpg

kiss.jpg in living room between norman and annie

leave.jpg Tom leaving dining room

norm.jpg

NormanMoment.gif Tom small picture with highlighting

normsofa.jpg Norman in living room

reg.jpg

reg2.jpg

reg_goes.jpg leaving dining toom

sarah-din-gar.jpg Sarah in doorway between garden and dining room

sarah1.jpg Sarah in dining room to corridor doorway

sarah2.jpg making a face

sarah3.jpg

tom1.jpg

dinex1.jpg dining room empty with time and date superimposed; large canvas