When I first approached the prompt for this exercise, I was stumped as to how I could possibly represent all the different events of the narrative using only simple shapes and little color. After tinkering with the code for quite some time, I ended up with a simple game that relies timer-driven animation to portray a narrative.
I drew my ideal narration in my sketchbook:
And from there, I made this game:
State 1: Day Turns to Night
The game actually begins with a totally white sky, rather than a light grey sky (as in the picture), but it’s been hard to screen shot the white “day” background before it begins to change color. Each second after the game starts, the sky darkens until, on the fourth second, the sky reaches its darkest grey.
State 2: The Monster and the Moon Appear
After the sky has stopped changing color – and also after the fourth second – the Monster appears from within the village, and the Moon descends from the sky. You can just see the Moon peaking out of the top of the screen in this picture, and the curve of the Monster traveling through the village.
State 3: The Moon Becomes Moveable
Once the Monster has reached a certain point on the screen (about two thirds of the way across), it stops. The Moon also stops after its vertical descent. Once both objects have stopped moving, the player can move the Moon by touching the screen. This change is a timed event that happens sixteen seconds after the game begins. I’ve debated how to make the player aware of the movability of the Moon, but right now I’m relying on the player to find out just by playing with the interface a bit.
State 4: The Monster Eats the Moon & Breathes Fire
If the player moves the Moon inside of the Monster, both the Monster and the Moon become red, and the Monster spits out a fireball, which moves towards the village.
State 5: The Monster Burns the Village
Once the fireball reaches the village, the village buildings become red as the fireball passes through them…
…until all the village is on fire, and the game is over.
Eventually, I’d like to add more fireballs that each burn a building in the village separately, and a better win state. This prompt really inspired me to create a story, and I think that ultimately drove me to focus more on coding an animation, rather than a true game. I have four classes in the game: a Monster class, a Fireball class, a Moon class, and a Village class. I think that my next step will be to use the classes to create more objects and obstacles that make the goal of burning the village harder to accomplish.