Tamagotchi online game
Scope:
Objective of the project is to build a Tamagotchi like online game. Part of the project goals is to leverage new knowledge learned and independently research ways to solve problems encountered.
User Stories:
Tamagotchi 🐼 is your pet. It is just like a real pet. It ages over time. It needs to sleep. And you need to make sure it is fed and entertained or else it could die. Then THAT would be sad 🥺.
Game goal:
- Keep Tamagotchi alive.
- By feeding it (keep your eyes on the hunger level)
- By playing with it so it doesn't die from boredom (keep your eyes on the boredom level)
- Make sure it has enough sleep (keep your eyes on the sleepiness level)
- Watch it ages over time.
How to play:
- Click "New Pet" to start the game
- Click "Feed" to feed your pet; hunger level scales from 1 to 10 (1 = full, 10 = starving)
- Click "Play" to play with your pet; boredom level scales from 1 to 10 (1 = well entertained, 10 = bored to death)
- Turn the light off for it to sleep; sleepiness level scales from 1 to 10 (1 = well rested, 10 = extremely sleepy)
- Each new pet starts at age 1 and with level 5 of sleepiness, hunger, and boredom.
- Check back once in a while to make sure it is not hungry or bored
- Your pet cannot play or eat while it is sleeping
- When it is very full or very hungry, playing will not reduce boredom as fast
- Your pet will not be bored when it sleeps but it could still feel hunger
- Your pet will morph after a certain age
- if it is happy (meaning not too full, not too hungry, or not too sleepy), it will jump around on the screen
Approach:
- build static html and simple CSS
- arrange the page to the general desired look
- create functionality of the game in js
- create game interaction link to JS
- animate and improve game good and feel
- after minimum viable product is completed, start adding new game features
- responsive design
Challenges:
- input, start and light bulb buttons are inaccessible for a certain size of window; need to investigate the cause and/or find an alternative solution
Wireframes:
Technology used:
Frontend: HTML, CSS, JS, jQuery