top of page
  • Writer's pictureSophia Canfield

Interactive Story

Updated: Dec 9, 2022

Reminder of grading for this class:

Weekly Homework Assignments: 35%

Exam 1: 15%

Exam 2: 15%

Final Website: 10%

In-class exercises and participation: 25%

Students will be graded based on the Hunter College Catalog scoring rubric.


Final Website Grading:

All links must be working and pointed to the correct page

All pages must link back to home page

Use at least 3 CSS elements and be sure the entire site is uniform in style (fonts go together aesthetically, colors are using a coordinated color scheme, text within margins, images a normal size)

All homework assignments present on the site and clearly labeled

Polished Website Due 12/16 - 10% of your grade


Creative Statement:

Update your creative statement. Due 12/16

A good Creative Statement supplements the visual information in a portfolio so that the reader/viewer can better understand the work. Compose your statement with a sympathetic friend in mind, one who is genuinely interested in the work and wants to know the answers to questions that may come up when viewing it. To get started with the writing of a statement, begin by describing the type of creative work that you wish to do i.e. video - fictional narrative or social documentary, animation, video games, photography, interactive installation, illustration, data visualization… What do you want the reader to know about your work?


Homework 10:

Required Reading & Interactive Story Assignment Reading assignment due 12/8 & 12/9:

How ‘Trustless’ Is Bitcoin, Really? https://nyti.ms/3Qpt8yw PDF here if you have trouble accessing the NYT article: https://cryptome.org/2022/06/How-Trustless-Is-Bitcoin-Really.pdf

Write a 1-3 paragraph reflection and add this reflection to your “readings.html” page.


2 Part Interactive Story (completed by 12/16 for all labs):

A. Planning/Mapping due12/10

B. HTML-based functioning Interactive Story due 12/16 for all labs


Create a web-based non-linear story. For this assignment, you can use photography, illustration, montage, and/or simple text to create a narrative with multiple story paths which can be navigated using hyperlinks. 80% of the imagery and all of the text used must be your own original content.

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 Glitch project 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. Write a brief story in relation to 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.




Part 1 of the submission should include a brief (one paragraph) description of your story (What is the premise? Are their characters? Where does it take place? What are the kinds of choices you will provide to your user?). It should also include the map of your narrative with the forking paths of decisions and one image of a possible scene/space for your story.

Part 2 should include all other aspects of the work, it will be a functioning website following the description above with the URL provided to your Lab Instructor.


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. Write a brief story in relation to 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 story assignment, you can create link hotspots on images this way:


Example of setting up your game code link: https://glitch.com/edit/#!/infinitecorridor


Project Examples:










128 views0 comments

Recent Posts

See All

CSS

GIFs

bottom of page