2 Part Interactive Story 

A. Planning/Mapping due Friday Labs 12/13

B. HTML-based functioning Interactive Story due by Friday 12/20 for all labs

Create a web-based non-linear story. 

For this assignment, you can use photography, illustration, montage, and text to create a narrative with multiple story paths that can be navigated using hyperlinks. The story and text must be entirely created by you. 

You may use Adobe Firefly with Photoshop and Illustrator for the imagery. Aim to combine your own graphics with generated graphics.

1. Map out your narrative, using Illustrator or simply a pencil and paper.

2. Develop the imagery/text for each page.

3. You may create a new Sites folder for this assignment or create a series of new html pages dedicated to this project.

4. Make sure your homepage – index.html links to the interactive story and that all story links work as you expect. There must be at least three possible endings. There must be multiple ways to get to each one.

Tip: 

If you are having trouble coming up with a story, you could make it location specific. Define one or more locations in NYC that you find interesting. Document the location(s) with several photographs. 

Please write a brief story about the location(s) and give it alternate paths. The story may document something that happened at the location or something more fantastic. Give your user choices to move through the location(s), perhaps something different happens in the story or to your user based on the choices. 

For the Interactive Narrative assignment, you can create link hotspots on images following these instructions: “How to Create an Image Map”: https://bit.ly/2U7kI1q Or use Image Map Generator - https://www.image-map.net/