Turtle Trek
~interactive computing
A maze adventure game to save a lost and hungry baby turtle!
Type
Project
Role
Frontend Designer, Developer
Timeline
October 2023
Collaborators
Joshua Le,
Victoria Liu
Skills
Full-Stack, Visual Design
Technologies
p5.js, Adobe Illustrator
Project
Role
Frontend Designer, Developer
Timeline
October 2023
Collaborators
Joshua Le,
Victoria Liu
Skills
Full-Stack, Visual Design
Technologies
p5.js, Adobe Illustrator
Prompt
Create an interactive game using p5.js.
Concept
You are a turtle on a mission to get to your hungry baby who is lost in the maze. Complete the maze and the two mini-games along the way to gather food for your turtle baby. But please be quick! Your baby is very hungry, and the faster you get there, the more hearts you'll accumulate. Hearts can be spent at the gumball machine to unlock a variety of prizes!
Development
Developed using p5.js. Artwork created using Adobe Illustrator.
Specific Contributions
My contribution focused on the ideating, designing, and developing the fishing mini-game. In this mini-game players play as the turtle sprite. To catch a fish, players use the ‘ENTER’ key to cast the fishing rod. They must time the release of the rod to catch a moving fish. There are two types of fish: orange/red fish(catch!) and blue/purple poisonous fish(avoid!). To successfully hook a fish, they must aim for the main body of the fish. If successfully hooked, players have 6 seconds to reel the fish before it escapes. Players must repeatedly press the ‘f’ key to fill the status bar. If the status bar is incomplete by the time the countdown runs out, the player loses the fish. If the status bar is complete within 6 seconds, the player will successfully reel in the fish. Reeling in an orange/red fish will increment the collected score by 1 point. Reeling in a blue/purple fish will reset the score to 0. If the player misses a fish, the fishing line will fall to the bottom before resetting at the top to be cast again.
When the number of collected fish is equal to the number or total fish requested, the player has successfully completed the mini-game. The screen will redirect to display a success statement and an “Exit” button which will redirect the player to the main maze.
![]()
Main Maze, Swimming Game, and Gumball Machine
![]()
![]()
![]()
Future Development
To take the game further, we’d like to add more complexity to each component (the maze, fishing game, and swim game). Within the context of the maze, we would like to add more elements into the maze such as enemies to avoid, powerups, and hearts to collect to spend at the end of each play.
For the “Fishing Game, we’d like to explore adding more obstacles such as changes in the environment (rain, snow, water currents, etc). Or, allowing players to win stronger rods or better hooks/bait from the gumball machine.
We’d also like to explore adding entire new mini-games.
Create an interactive game using p5.js.
Concept
You are a turtle on a mission to get to your hungry baby who is lost in the maze. Complete the maze and the two mini-games along the way to gather food for your turtle baby. But please be quick! Your baby is very hungry, and the faster you get there, the more hearts you'll accumulate. Hearts can be spent at the gumball machine to unlock a variety of prizes!
Development
Developed using p5.js. Artwork created using Adobe Illustrator.
Specific Contributions
My contribution focused on the ideating, designing, and developing the fishing mini-game. In this mini-game players play as the turtle sprite. To catch a fish, players use the ‘ENTER’ key to cast the fishing rod. They must time the release of the rod to catch a moving fish. There are two types of fish: orange/red fish(catch!) and blue/purple poisonous fish(avoid!). To successfully hook a fish, they must aim for the main body of the fish. If successfully hooked, players have 6 seconds to reel the fish before it escapes. Players must repeatedly press the ‘f’ key to fill the status bar. If the status bar is incomplete by the time the countdown runs out, the player loses the fish. If the status bar is complete within 6 seconds, the player will successfully reel in the fish. Reeling in an orange/red fish will increment the collected score by 1 point. Reeling in a blue/purple fish will reset the score to 0. If the player misses a fish, the fishing line will fall to the bottom before resetting at the top to be cast again.
When the number of collected fish is equal to the number or total fish requested, the player has successfully completed the mini-game. The screen will redirect to display a success statement and an “Exit” button which will redirect the player to the main maze.
Main Maze, Swimming Game, and Gumball Machine
Future Development
To take the game further, we’d like to add more complexity to each component (the maze, fishing game, and swim game). Within the context of the maze, we would like to add more elements into the maze such as enemies to avoid, powerups, and hearts to collect to spend at the end of each play.
For the “Fishing Game, we’d like to explore adding more obstacles such as changes in the environment (rain, snow, water currents, etc). Or, allowing players to win stronger rods or better hooks/bait from the gumball machine.
We’d also like to explore adding entire new mini-games.