Snake game developed by Canvas & vanilla Js using OOP paradigm ๐Ÿ ๐ŸŽ ๐ŸŽฎ

Overview

Snake-Game ๐Ÿ ๐ŸŽ

Snake game developed by Canvas & vanilla Js using OOP paradigm

This project was an exercise for the canvas

main

fullDemo

Screenshot from 2022-08-22 17-04-15

Feature

  • Eating food
  • Move with arrow key
  • Random food location
  • Passing through walls and re-entering the game
  • Adding a tail to the snake after eating
  • Record scores
  • Lose after hitting the tail
  • Increasing the speed of the snake
  • Add arrow key for mobile
You might also like...

I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna come out once the countdown is finished or in other words, "Birthday Time".

Countdown-Birthday-Fireworks-Animation I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna com

Dec 31, 2022

Generates an image from a DOM node using HTML5 canvas

DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java

Jan 3, 2023

A graphical web-based audio visualizer which reads music data using Pure JavaScript, and draws a graphical view in Canvas.

A graphical web-based audio visualizer which reads music data using Pure JavaScript, and draws a graphical view in Canvas.

Audio Visualizer JS A graphical web-based audio visualizer which reads music data using Pure JavaScript, and draws a graphical view in Canvas. Demo: h

Aug 9, 2022

A lib for text highlighting by using Canvas.

canvas-highlighter ๅŸบไบŽ canvas ๅฎž็Žฐ็š„ๆ–‡ๆœฌๅˆ’่ฏ้ซ˜ไบฎ๏ผŒไธŽๆ–‡ๆœฌๅฑ•็คบ็š„็ป“ๆž„ๅฎŒๅ…จ่งฃ่€ฆ๏ผŒไธๆ”นๅ˜ๆ–‡ๆœฌๅ†…ๅฎน็š„ DOM ็ป“ๆž„ใ€‚ Installation npm install canvas-highlighter Usage ๆœ€็ฎ€ๅ•็š„ๅฎž็Žฐๆ–‡ๆœฌๅˆ’่ฏ็›ดๆŽฅ้ซ˜ไบฎ import CanvasHig

Dec 24, 2022

๐Ÿ‘พ Simple creating cards using canvas. Welcome, Rank, Info and so on.

๐Ÿ‘พ Simple creating cards using canvas. Welcome, Rank, Info and so on.

โญ discord-canvas-card Are you developing a bot using DiscordJS and you need beautiful images created using Canvas? You can create great welcome, goodb

Dec 18, 2022

Translate text in images using Vision API, Translation API and React with Canvas

manga-translator Manga translator app using Vision API, Translation API Rendered using React and canvas Installation Create a Google Cloud project, en

Oct 26, 2022

Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.

Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.

Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.

Oct 5, 2022

API Bate Papo UOL - A backend application developed using NodeJS and mongoDB

BatePapoUOL BackEnd My first backend project! Building an API to the most used brazillian chat app ages ago - Bate Papo UOL! Table of Contents Overvie

Apr 13, 2022

To Do List application that allows to add, list and remove tasks. Developed using Javascript.

To Do List application that allows to add, list and remove tasks. Developed using Javascript.

to-do-list To Do List exercise - Module 2 - Week 2 - Microverse Program Module 2, Week 2 - To Do List - List structure - Project 1 Continuing work for

Mar 5, 2022
Owner
Mohammad
Front-End Developer๐Ÿ’ป | Javascript | React js
Mohammad
The most often-used OOP design patterns in TypeScript

The most often-used OOP design patterns Generating patterns Factory method Abstract factory Builder Prototype Singleton Structural patterns Adapter Br

Rodion 4 Mar 11, 2022
a 2D html canvas shooting game, implemented using vanilla JavaScript

EnemyShooting-Game a 2D single player enemy shooting game. It is an html canvas game, implemented using Vanilla JavaScript. Rules Killing each enemy w

null 3 Jun 18, 2022
Developed using (HTML, CSS, Webpack, Vanilla.js)To-do list is a tool that helps you to organize your day

Developed using (HTML, CSS, Webpack, Vanilla.js)To-do list is a tool that helps you to organize your day. It lists the tasks that you need to do and allows you to mark them as complete. It was built as an introduction to web dev using ES6 and Weโ€ฆ

Dagmawi zewdu 6 Mar 4, 2022
Simple budget-tracker web app developed using Vanilla JavaScript. Exercise from Warren Tech Academy.

Willow Personal Finance - Exercise from Warren Tech Academy About Project screenshots Installation Extra notes About Tools: HTML CSS (SASS) JavaScript

Douglas Ferreira 7 Dec 14, 2022
A game inspired by Go, developed using Phaser JS

Influence A game inspired by Go, developed using Phaser How to play Players take turns to select and color a tile. At the end of a turn, each tile wil

null 11 Aug 28, 2022
This is a vanilla Node.js rest API created to show that it is possible to create a rest API using only vanilla Node.js

This is a vanilla Node.js rest API created to show that it is possible to create a rest API using only vanilla Node.js. But in most cases, I would recommend you to use something like Express in a production project for productivity purposes.

Eduardo Dantas 7 Jul 19, 2022
Clone of the Fallout hacking mini-game, rendered into a browser canvas.

kodenkel-fo-hacking Clone of the Fallout hacking mini-game, rendered into a browser canvas. You can try it out at: https://www.kodenkel.com/games/fo-h

Gabor Major 14 Dec 19, 2022
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Phaser - HTML5 Game Framework Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop a

Richard Davey 33.4k Jan 7, 2023
Conways-game-of-life - A Conway's Game Of Life project using Python

conways-game-of-life A Conway's Game Of Life project using Python JavaScript Devlog January 1st 2022: also need to remember Python's syntax a bit will

Felipe Melgaรงo Magesty Silveira 0 Sep 23, 2022
Vanilla JS browser game

Vanilla JS Game - Amazing Spacecraft ?? Online Demo: https://spacecraft.vercel.app/ a spacecraft that has to survive a journey through space โŒจ Shortcu

Danial Dezfouli 35 Nov 17, 2022