Yooyoo56 / yooyoo56.github.io

JS 2D game (front-end) project

Home Page:https://yooyoo56.github.io/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tabby's journey ( The first JS 2D game)

Hello world! πŸ‘‹ This is the very first 2D JS game that I've had made during 2 weeks! This is a quite simple game.
All you have to do is just help Tabby🐱 to finish his errands while avoiding the obstacles!πŸ’£

If you want to play my game, please click πŸ‘‰ play game πŸ•Ή

🐈 Introduction of "Tabby's journey"

  • This project has been inspired by a cat that I temporaily proteted one of my friend's cat which name is "Tabby".
  • The user need to help my friend's cat, "Tabby" to collect 25 cookies on the map and go back to home safely with his mom.
  • Using the four keyboard arrow ⬅️ ⬆️ ➑️ ⬇️, please help the tabby to finsh the errands!

🧩 Functionality

  • Render a game in the browser
  • Logic of win or lose : show a message when it's lose or win.
  • Include separate HTML / CSS/ JavaScript (Canvas, Double-dimenstions arrays)
  • When tabby collects cookie it gives 4 points per each.
  • When tabby meets girlfriend or eats cookies, GAME OVER!

image

πŸ†˜ Fail message : When tabby meets his girlfriend, Game over!

image

πŸ†˜ Fail message : When tabby eats magical pudding, Game over!

image

⚠️ Warning message : When tabby didn't finish his errands, Game is not finished!

image

βœ… Success message : When tabby took 25 cookies on the map, Tabby can go to home with his mom!

image

About

JS 2D game (front-end) project

https://yooyoo56.github.io/index.html


Languages

Language:JavaScript 66.7%Language:HTML 17.2%Language:CSS 16.1%