Whale Story
A playable narrative built with p5.js and Vue.js
Hello. You have been turned into a whale.
What kind of whale would you rather be?
Congratulations! You are now a {{sketch.whale}}.
A swarm of fish approach.
In the background, you hear a faint whale song.
oooooOOOOOOOOooooooo
Mmmmmm. That was delicious.
You have eaten {{sketch.fishEaten}} fish.
Uh-oh.
One of the fish you ate was a poisonous puffer fish.
You start to feel dizzy.
You arrive at the surface and spout water through your blowhole.
People in a boat see you and wave.
You feel much better.
The whale song grows louder.
ooooooooOOOOOOOOooooooo
The whale song grows even louder.
ooooooooOOOOOOOOoooooooOOOOOOOOoooooooooo
The whale song grows louder still.
ooooooooOOOOOOOOoooooooOOOOOOOOooooooooooOOOOOOOOoooooooooo
The sun has set. The ocean turns dark.
You are somewhat lost and no longer hear the song.
It is now morning.
Another whale hears your whale song!!
You approach the other whale.
"Hi!", says the other whale.
"Would you like to follow me to a secret underwater garden?"
The other whale approaches.
"Hi!", says the other whale.
"Would you like to follow me to a secret underwater garden?"
Together, you frolick in the garden.
THE END
This is an example of an interactive narrative.
You can find the source code here.
To remix:
Download the code and run it on your own computer.
Modify the story
Change the animations
Publish your own story
This work is released into the public domain, so you can do what you like with it, and use it however you want.
Have fun!