October 24
For this week, we worked on getting the background or objects to move while the character is moving, and to get the objects to change color when they are clicked.
Madi’s Code 1:
One issue was that even after writing the code so that the objects would change color when the mouse was at a certain point on the canvas, the objects would still change color no matter where the mouse was clicked.
Reference: ByteSize Coding (https://www.youtube.com/watch?v=4Ud3oX-cKxc)
We looked at different games for inspiration, like LoveLive and CloudPunk and decided our game would be CyberPunk themed. We plan to make the “character” a flying car, the background a simple cityscape, and the objects simple (glowing) circles that when they are clicked, pulse/circles move outward and fade away.
Kathryn’s idea for the background:
Additionally, we experimented with different ways of getting objects to move across the screen and change when clicked. The same issue as before occurred.
Madi’s Code2-3:
Our Agenda for Week 3 is as follows:
Kathryn: add character (flying car) and work on visualization when object is clicked (pulsing circles, shapes, etc.)
Madi: add background (simple cityscape) and experiment with object moving in a side-scrolling screen (glowing circles)
Both: experiment with adding music/music visualization
Sketch Links:
- https://editor.p5js.org/mld9095/sketches/5TeCrdFKU
- https://editor.p5js.org/mld9095/sketches/YCssIoZAp
- https://editor.p5js.org/mld9095/sketches/VlaSnxvSZ