Git Product home page Git Product logo

snake-game's Introduction

Snake-Game

Inspiration

There are many inspirations behind this project, this is being my second project, I wanted to make a game again, to better my skills as a game developer. I wanted to implement canvas programming through this Famous Game which I loved as a child.

What it does

This prototype does what we expect from a typical Snake Game. Has a better design than the original one, easy controls using arrow keys, cheeky old school sound effects.

How I built it

I built it using HTML5, CSS3 and JavaScript. Used canvas to create the playground for the game.

Challenges I ran into

Learning Canvas coding in a short time. Also, there were many preliminary bugs, but it was interesting to debug them. Some bugs that were fixed are synchronizing the sound effects with the game speed, the direction key had to be reset for the New-Game feature etc.

Accomplishments that I am proud of

I am proud that within the time duration I could learn and implement canvas coding and make this simple game. As a beginner who just started learning CSS and JS a month ago, making this game has made me use various concepts and it was satisfying to see the end product and excited what the future holds.

What I learned

I learned Canvas coding, CSS animations, JavaScript OOP, Video recording and editing.

What's next for Snake-Game

Would like to implement it using game engines, better UX/UI design using Advanced CSS and SASS. More Game Modes like Snake in a Maze and it has to not touch the walls of the maze. Make it compatible with mobile devices and Maybe a 3-D snake game in the future.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.