GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → TowhidKashem → snake-game

TowhidKashem / snake-game

Licence: other
Classic snake game built in Vanilla JavaScript using the Canvas API

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

gamecanvasvanilla-javascript

Projects that are alternatives of or similar to snake-game

tensorflowjs-remove-background
Remove Background from the picture using WebAssembly & TensorFlow.js
Stars: ✭ 79 (+41.07%)
Mutual labels:  vanilla-javascript
jumble-password
🔐 A tiny tool to create unique id's or passwords.
Stars: ✭ 30 (-46.43%)
Mutual labels:  vanilla-javascript
periodic-table.io
periodic-table.io
Stars: ✭ 37 (-33.93%)
Mutual labels:  vanilla-javascript
event-driven-web-components-realworld-example-app
Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture
Stars: ✭ 55 (-1.79%)
Mutual labels:  vanilla-javascript
MojimojiEmoji
네이버 웨일 브라우저 확장앱 - 모지모지 이모지😊
Stars: ✭ 14 (-75%)
Mutual labels:  vanilla-javascript
vanilla-js
Projects using pure JavaScript without any external libraries or frameworks
Stars: ✭ 129 (+130.36%)
Mutual labels:  vanilla-javascript
LC-switch
Superlight vanilla javascript plugin improving forms look and functionality
Stars: ✭ 31 (-44.64%)
Mutual labels:  vanilla-javascript
js-calendar
The lightest Javascript calendar out there, without any dependency.
Stars: ✭ 37 (-33.93%)
Mutual labels:  vanilla-javascript
mm-components
Music Markups components
Stars: ✭ 50 (-10.71%)
Mutual labels:  vanilla-javascript
tablist
WAI-ARIA tab plugin without dependencies.
Stars: ✭ 21 (-62.5%)
Mutual labels:  vanilla-javascript
Density-Wars
Real time peer to peer RTS game running on WebGL (WIP).
Stars: ✭ 60 (+7.14%)
Mutual labels:  vanilla-javascript
i18n-language.js
i18n-language.js is Simple i18n language with Vanilla Javascript
Stars: ✭ 21 (-62.5%)
Mutual labels:  vanilla-javascript
No-Framework-VanillaJS
Vanilla JavaScript로 여러 기능 구현하기🎓
Stars: ✭ 84 (+50%)
Mutual labels:  vanilla-javascript
eins-modal
Simple to use modal / alert / dialog / popup. Created with pure JS. No javascript knowledge required! Works on every browser and device! IE9
Stars: ✭ 30 (-46.43%)
Mutual labels:  vanilla-javascript
tox-progress
This JavaScript library was made to easily create animated radial progress bars.
Stars: ✭ 13 (-76.79%)
Mutual labels:  vanilla-javascript
svelte-googlemaps
Svelte Google Maps Components
Stars: ✭ 62 (+10.71%)
Mutual labels:  vanilla-javascript
cachu-slider
🌈 🔆 Create animated full screen and content-fit sliders efficiently.
Stars: ✭ 30 (-46.43%)
Mutual labels:  vanilla-javascript
upload
How to Upload a File to a Server in PHP
Stars: ✭ 83 (+48.21%)
Mutual labels:  vanilla-javascript
priority-plus
A modern implementation of the priority plus navigation pattern.
Stars: ✭ 30 (-46.43%)
Mutual labels:  vanilla-javascript
Smart-Text-Editor
The text editor that requires only a browser and a keyboard!
Stars: ✭ 60 (+7.14%)
Mutual labels:  vanilla-javascript
View All Similar Projects ➔

Snake Game in Vanilla JavaScript

alt text

DEMO

Note: this was built and only tested on the latest version of Chrome on a Windows 10 desktop. Also the project doesn't have any external dependencies, the package.json and node_modules is for enabling support for publishing to github pages where the demo is hosted.

I got a little too into the project and ended up spending longer than the suggested 3 hours. Having never made a game before or worked with the Canvas API it was an interesting project for me.

Overall I'm happy with the way it turned out, the main area of improvement is of course reducing the bloated single class into separate modules (for example a separate class to handle the welcome screen and it's related actions, etc).

Also I would have liked to use SASS in the project and made the page responsive on mobile.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].