Module 3 Formstorming

Weekly Activity

Xinyi Ji (Finishing editing website soon)

Project 3

Module 3

This project is a browser-based rhythm game built with p5.js. Players press arrow keys and spacebar to match falling chords in sync with the song Love Story by Taylor Swift. The visuals include floating lyrics, animated gradients, and responsive timing effects. Inspired by rhythm games and real-world instruments, the game can also be played using physical inputs like Makey Makey. It explores how music, motion, and interaction can come together in a smooth and emotional way.

Activity 1

put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades

Activity 2

put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades

Project 3

Final Project 3 Design

For my final design, I created a rhythm game interface where the user can press keys like playing a guitar. The buttons are laid out to represent guitar chords (such as D, G, Bm, A), so the interaction feels similar to strumming real chords while following the lyrics. I chose simple and commonly used chords to make it beginner-friendly. The interface is synced with the song Love Story, and each chord drops at the right time so the user can "play along" while watching the lyrics appear on screen. The design is soft and emotional, with a floating lyric style and animated background. It can be played with a keyboard or even with a physical Makey Makey input—like touching strings on a DIY cardboard guitar.

×

Powered by w3.css