Toma is a game that's roughly based off of the popular handheld game called Tomagatchi. The game start off asking the user to name their new virtual pet. The object off the game is to keep your pet alive by interacting with it and caring for it. The user needs to keep an eye on the metrics displayed in the bottom left corner of the screen to make sure that none of them reach 10. To keep that from happening the user must click on the buttons on the right side of the screen to interact with the pet. If any of the metrics reach 10, then the pet will turn into stone and the game will end.
HTML - Used for markup for everything that should always be displayed
CSS - Used for styleing and animations
javaScript - Used for adding timers and creating the tomagatchi
jquery - Used for event handling and adding html and css
I started with making a static page in HTML by adding the title and the gameplay section. I used placeholder images so I could work on the functionality of the game. I used a class to create the tomagatchi and then did most of the manipulation using jquery. After, I started adding the styling and more functions. I took some time to work out any bugs and tweak the styles further. I plan to update the game at a later date since I still have some ideas of how I want the game to grow.
Background image for game - https://www.freepik.com/free-vector/arcade-game-world-pixel-scene_4815143.htm#page=1&query=pixel%20art&position=28
Character images - https://www.freepik.com/vectors/vintage">Vintage vector created by stockgiu - www.freepik.com
Body background image - https://www.pexels.com/photo/photo-of-forest-with-fog-1671324/