Embedded Files
A visual fiction game
by Ashley Chen
Mission of the project
Mission of the project
For my project Welcome To The Apocalypse, I want to do a visual fiction game which tells a story of an extremely cold post-apocalyptic world.
Players will use webcams to scan human faces to create pixel-style characters as the main characters, and make different choices based on the plot to lead the different story developments. Players will make choices in the storyline by using head movements.
Plot
The character played by the player did not survive in the previous world's torrential rain apocalypse for some reason. However, when they opened their eyes again, they discovered that they had been reborn two weeks before the beginning of the apocalypse. Then they will have to make choices such as stockpiling supplies or searching for other shelters, etc. Subsequently, the apocalypse begins, and people panic for help, leading to the continuation of the plot. The final outcome is designed with about 3 to 5 options.
Working Progress
Week 3 (4/13-4/19)
• Refine project idea
• Research references (interactive games, pixel art, surreal visuals)
• Research p5.js, webcam input, and ml5.js examples (start to set up)
• Sketch initial scene and system structure
Week 4 (4/20-4/26)
• Set up p5.js environment
• Implement webcam input (createCapture)
• Test ml5.js for face/head tracking
• Experiment with left/right head movement detection
Week 5 (4/27-5/3)
• Implement character rendering in p5.js
• Create basic animations (idle + walking cycle)
• Test visual consistency
• Design pixel-style character
Week 6 (5/4-5/10)
• Connect head movement to user choices
• Add timing/threshold for stable input
• Build core interaction logic (left/right decisions)
• Test interaction flow
Week 7 (5/11-5/17)
• Create 2–3 main scenes (game-like environments)
• Design backgrounds and layouts
• Add surreal and “slightly off” visual elements
• Begin scene transitions
Week 8 (5/18-5/24)
• Develop simple narrative structure
• Implement branching paths using state variables
• Connect scenes and choices
• Test different outcomes
Week 9 – (5/25-5/31)
• Design multiple endings (visual + text)
• Add animation or variation for each ending
• Improve pacing and transitions
• Playtest and fix bugs
Week 10 – Finalization & Documentation (6.1-6.7)
• Final visual polish and interaction refinement
• Fix remaining issues
• Document process (screenshots, code, concept)
• Prepare final presentation
Page updated
Google Sites
Report abuse