🎯 Level Up JavaScript Skills By Building Games.
Tags: javascript, webdev, beginners, github
Published: 2021-08-09 05:50:32

![javascript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zzbmb8zam39bl5poz4kl.png)
**JavaScript** is mainly used for web-based applications and web browsers. But JavaScript is also used beyond the Web in software, servers and embedded hardware controls. Here are some basic things JavaScript is used for:
+ Adding interactive behavior to web pages
+ Creating web and mobile apps
+ Building web servers and developing server applications
+ Game development

**In this article** will share some interesting games to level up your javascript skills from zero to hero.
![level](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1hayj2i9gp0f2vyfinmd.gif)
**⏩ Here some best open source JavaScript games.** As the source code of these games is publicly available so it allows you to get an understanding of the actual procedure behind creating such games.

The best thing about these open source JavaScript games is that you can **easily download their source code** in your computer, modify it according to your needs, run it using the web browser.

##1. Hextris
![hex](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/548vuzqmhkhzw7ti5yiu.jpg)
+ **Hextris** is an awesome puzzle game that is according to its developer inspired by the famous game Tetris.
+ The game steadily increases its pace as it progresses which makes it very addictive. 

###[Source Code](https://github.com/Hextris/hextris)
{% github Hextris/hextris no-readme %}

##2. Flexbox Froggy
![Froggy](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jwg2d08mjd866j6hdst0.jpg)
+ **Flexbox Froggy** is the game developed. This game allows you to enter CSS styles in order to move the frog and reach the bottom where the pond is situated. 
+ The game is developed simply using HTML5, JavaScript, CSS styles, and some images.

###[Source Code](https://github.com/thomaspark/flexboxfroggy)
{% github thomaspark/flexboxfroggy no-readme %}

##3. 2048
![Al2048](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/07t3c4mm8hqac71cdih4.jpg)
+ **2048** is a clone of popular Play Store game 1024. Its source code is written in HTML5, CSS3, and JavaScript.
+ If you are familiar with these languages then I would suggest you to contribute in this stunning game and display your skills to the whole world. 

###[Source Code](https://github.com/gabrielecirulli/2048)

{% github gabrielecirulli/2048 no-readme %}

##4. Clumsy Bird
![Bird](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2dntbo6wr2igk6hyzaz.jpg)
+ **Clumsy Bird** is a clone of the “Flappy Bird” game and it makes use of the open source and lightweight HTML5 game engine MelonJS. 
+ The game works by you controlling a flying character and the mission is to successfully pass it from in-between the incoming walls without hitting them.

###[Source Code](https://github.com/ellisonleao/clumsy-bird)
{% github ellisonleao/clumsy-bird no-readme %}

##5. Snake Game
![snake](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x4d5ikttnwafh16ib8yv.png)
+ **The Snake game**, created using JavaScript, and The HTML5 canvas.

###[Source Code](https://github.com/CodeExplainedRepo/Snake-JavaScript)
{% github CodeExplainedRepo/Snake-JavaScript no-readme %}

##6. Tic Tac Toe
![tac toe](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8o4q5zoijrh89ie62u5v.jpg)
+ **Tic Tac Toe** is one of the most simple and addictive available out there. This game is developed using HTML5, JavaScript, and CSS for some styling. 
+ The developer has made use of Google fonts to make this game more visually appealing. 

###[Source Code](https://codepen.io/timrijkse/pen/XjLGKv)
{% codepen https://codepen.io/timrijkse/pen/XjLGKv %}

##7. Canvas Tetris
![Canvas](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iro6rc70o3lo6xw6zti8.jpg)
+ **Canvas Tetris** is a really simple illustration of the Tetris game which is written in HTML5 and JavaScript to give beginner developers a basic understanding of 2D game concepts. 
+ The developer has mentioned that he created this game in just 45 minutes.

###[Source Code](https://github.com/dionyziz/canvas-tetris)
{% github dionyziz/canvas-tetris no-readme %}

##8. Pacman-canvas
![Pacman](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kfde8zvzb17etqb6gbiu.jpg)
+ **Pacman-canvas** is completely re-written from scratch in HTML5 and JavaScript. 
+ In Pacman-canvas you have to control a character using arrow keys on the keyboard and collect the items placed in a maze while protecting yourself from enemy units.

###[Source Code](https://github.com/platzhersh/pacman-canvas)
{% github platzhersh/pacman-canvas no-readme %}

##Conclusion.
+ JavaScript and modern browsers are improving everyday with excitingly new features that are very powerful, using javascript and HTML5 you can create breathtaking games that do not require Flash to work and it's helpful to level up your javascript skills. 
+ We hope these JavaScript Games will surely give you fun and also inspire you to create something new in your next projects. Share your thoughts with me in comment section and stay tuned for more interesting articles.

**👍 Don't forget to like, keep following 🤗**
![like](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4awijdtgg2grwjpzei6r.gif)

###Keep Claim And Just Code It 😎.