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?

🐋 a humpback whale

🐳 a blue whale

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:

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!