Online games provide a great means of entertainment in your free time. But have you ever wondered how your favorite online games are created? Maybe you would love to develop your own games and share them with your friends and family but don’t know how to get started?
I also took this course back in 2018 when I was completely unfamiliar with how games are actually created. It really helped me gain practical knowledge of online game development.
In this game, you have to place the towers in the specified places to prevent the incoming monsters from entering your homeland. You will be pleased to hear that the source code of this outstanding game is freely available for download from the Github repository.
The game revolves around a wish list of the king which consists of several tasks. You have to fulfill his wishes in order to win the game.
Tower Building Game
Tower Building Game makes you feel joyful. Yes, that’s true because the game is designed in such a way that we want to play it again and again.
It is similar to the award-winning Tower Bloxx Deluxe game where your task is to drop the blocks on top of each other and make your way towards the skies.
BrowserQuest is an open source massively multiplayer online (MMO) game, which is an experiment conducted by Little Workshop for Mozilla.
It is based on an adventure genre where your task is to explore the world. You will face several enemies on the way so stay calm and defeat them. You may even discover gifts that will help you stay strong and focus on achieving your goals.
mk.js resembles in concept with one of the most popular video game series Tekken. The fighting game comes in three types “Basic”, “Multiplayer” and “Network”.
3D Hartwig chess set
It uses the Three.js and Box2dWeb libraries to create an advanced 3D user interface. The developer does not believe in the licenses and allows you to use the source code of this game however you like.
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.
According to its developer, the game is more suitable for modern web browsers. He also stated that the source code is not structured well as the game is only meant to demonstrate the basics of pseudo-3d racing games.
Grid garden is a game similar to Flexbox Froggy and published by the same developer. Grid Garden is a game that helps players to learn about Grid CSS property. The developer makes use of animate.css and JQuery to design and develop this simple yet creative game.
Quantum Game is a simple and creative browser-based puzzle game that makes use of terminologies from quantum mechanics in the game.
The game contains photon sources to emit photon particles, rocks that act as an obstacle, mirrors to deflect the photon particle, and a photon detector that receives the photon particle.
React Simon Says
After the blocks light up, players have to click the blocks in the same order as they light up in order to gain a point. The developer makes use of the React-redux project with some CSS styled-components in order to develop this simple game.
BreakLock is an interesting example of an HTML5 game. This game is a hybrid combination of Mastermind and Android lock game making use of android pattern locks as a game component. You need to connect the dots in order to match the lock pattern and win. This game makes use of Webpack and progressive web app solutions in order to provide a beautiful and mind-boggling game.
Circus Charly html5 tribute in phaser
Dental Defender: Saga of the Candy Horde
DUCK HUNT JS
HTML5 tower defense
Tap Tap Adventure
Tap tap adventure is an online game in which you have to move your player to the right place in the game. Whenever you tap on the screen your player moves from one place to another and you can also collect the prices in the game.
The original TETRIS game simulator
Tic Tac Toe
TooAngel Artificial intelligence for screeps
towerdefense is a simple tower defense game implemented using p5.JS. You can also make and edit custom maps using this map editor. The game code is freely available in Github along with the controls to play this game.
Turrets are the small towers on the walls of the castle mostly used as a defensive position for cover firing against the enemy. In this game, you have to kill the enemies using these turrets. You can move the turrets by using the cursor.
You can buy or sell the turrets during the game and you also have to select the difficulty level before starting the game.
Typer is a simple Alphabetic Game in which you have a red circle in the center. The random alphabets are approaching this circle which is in the center. If these alphabets hit the center then you lose the game.
So in this game, you have to stop the alphabet from hitting the circle by typing the alphabet and important thing is that this game is case sensitive.
Web Tower Defense
In this game, you have to place the defensive tower on the square in front of the enemies. You have to click on the tower icon and then place it on the square where you want to build the tower.
You have to place towers in such a way in which you can kill maximum enemies.
Alien invasion is a game in which you have to kill the aliens by using your plane. In this game, you have to kill the alien coming in the opposite direction of your plane.
You also need to protect your plane from the attack of the aliens and also save your plane from being hit by the aliens.
Basketball GM is a sports management game and you are the sports manager of the team and you have to do all the management duties like managing finances, winning more competitions, player development, and selecting different leagues.
The game is divided into different phases E.g preseason, regular season, playoffs, and drafting. The rules of the game are similar to NBA. This is a very interesting game and you can learn a lot from this game code.
Canvas Tower Defense Game
This is a tower game built using canvas element which is used to build 2d shapes in JS. In this game, the player has to buy the turrets and he has to place these turrets in the way of the enemies. When enemies reach near the turret it opens fire on the enemies.
homemade tower defense game
This is a single-player game in which you have to protect your player from snow bears. You can move your player with the help of the cursor. To survive in this game you have to maintain your help and you can give a boost to your health from towers.
Sleeping beauty is an online game based on a fairy tale. In this game, you have to reach the princess who is sleeping on tower floor 1. By using arrow keys you can move around and try to reach the tower where a princess is sleeping.
And on a funny note, we also warn you here that before you many adventurers go behind her but no one comes back so be careful.
Space company is an online game in which your main task is to gather resources. You can get these resources by mining. You can hire workers or build machines to gain these resources.
Swift code is a multiplayer seed typing game for coders. In this game, the coder can make their own single-player or multiplayer game by using a preconfigured programming language. The user has also an option to join the existing games.
by the way, mk.js is actually a simplified version of Mortal Kombat, not Tekken
you guys are woundeerful. i enjoyed all the games
Tic Tac Toe – It is a very easy game if you now strategy
Love tic tac toe – we locals call it noughts and crosses
Thank you for sharing your info. I truly appreciate your efforts and I will be waiting for your further post thank you once again.
I created some games in my channel Youtube.
Tic-Tac-Toe – https://www.youtube.com/watch?v=xougqV0sEy4
Rock-Scissors-Paper – https://www.youtube.com/watch?v=CN7ChIrsZuk
Virtual Piano – https://www.youtube.com/watch?v=vyDgdnL3PVI
Virtual Drums – https://www.youtube.com/watch?v=oZYdYOxuTdM
Shooting range – https://www.youtube.com/watch?v=p8My58bpXAQ
Can i place in my game website for visitors to play for free ?
I hope no copyrights issue for these games. Please clarify.
I can’t run HexGL in my computer.
Access to XMLHttpRequest at ‘file:///C:/Users/Bojiker/Downloads/.all_game/HexGL-master/geometries/bonus/base/base.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
br it will run on online server
i love retro games , Thank you very much.
Thanks for Sharing Great List.
Great article. helped me a lot
Thank you for sharing! Can I place this games in a WordPress site? Would you give me some basic instructions?
Your gaming list is really great. We use this game for my site.
can I upload these games in play store using appygeyser?
Yes, you can. No issues at all.
Thanks for sharing such a piece of useful information 🙂
looks quite attractive
thanks a lot Muhammad
I think Atmegame Game would be a nice addition. It can be played online at https://www.atmegame.com
I am very happy to see this kind of website.
Thanks a lot for this article! Using these sources I’ve created my own version and call it “2048 Virus Evolution 🦠” and it is fantastic 😍😍😍🔥🔥 published in Google Play: https://play.google.com/store/apps/details?id=com.inspirion.virusevolution2048
Really? Is it possible to do so without any problem .. Chopriggt is not coming?
graphic of HexGL so amazing.
Hello. How do u convert the langauge of the downloaded games ? If anyone knows , please do guide
It’s just awesome
Thank you 🙂
Dear Furqan, Very nice share. Can you please share any learning game specially math for kids?
Ok. I’ll add them asap.
Muhammad Furqan Ul Haq, you are awesome!
Thank you! شكرا لك!
You’re welcome, dear.
Its possible that the games have sound?
Some of these games already have background music. Can you tell me which specific game you’re talking about?
Hexgl game loads the first screen and after click of start it loads a blank screen
Hi Ajeetpal Singh,
Did you saw my previous comment where I had mentioned a fix for the Hexgl game?
Do you have open source codes for
multi players and can be played on mobile touch also
8 ball pool https://github.com/thinkpixellab/agent8ball can u guide on installing this game.
Snakes and lader
I’ll add these games soon.
wow that would be great.
I am also looking for a HTML5 freelancer who can do some customisation of the open source games for mobile .
Can u suggest one or can u do it. pl connect on email [email protected]
Can these games be played on mobile also
I mean using mobile touch to play the game?
Can you provide codes.
Yes, most of these games can be played on a touch screen mobile device.
can I use them on my web site freely?
can I change them?
I am facing problem to use Astray games into my website!!! It does not logout if I use the code of this games!!!
Am I free to use it on my website.
Ok…thanks a lot!
You’re welcome dear.
And when I download some of the games, some did not display on my computer.
Can you tell me the name of games which are not working? I’ll check them on my side.
It is working on your site, but not working on my pc.
Does are the game that’s not working on my pc.
ok. let me check.
I’ve found the error in HexGL game. Below are the details of error and a quick fix.
Note:- First of all you need to open it using localhost (e.g. XAMPP) otherwise the links of files will be broken and hence it will not work.
1- If you see Error 500 then simply remove the .htaccess file from main folder of this game.
2- You will see below error in your browser console:-
Audio.js:140 Uncaught TypeError: panner.setVelocity is not a function
at Object.bkcore.Audio.setListenerVelocity (Audio.js:140)
at bkcore.hexgl.ShipControls.update (ShipControls.js:542)
at Object.ctx.manager.add.components [as render] (Cityscape.js:484)
at bkcore.threejs.RenderManager.renderCurrent (RenderManager.js:120)
at bkcore.hexgl.HexGL.update (HexGL.js:137)
at raf (HexGL.js:102)
at bkcore.hexgl.HexGL.start (HexGL.js:106)
at bkcore.threejs.Loader.onLoad [as loadCallback] (launch.js:33)
at bkcore.threejs.Loader.updateState (Loader.js:119)
This error occurs because panner.setVelocity function is removed.
Here’s a quick fix:-
1- Open “\bkcore\Audio.js” file in any text editor.
2- On line number 140, you will see this code:-
panner.setVelocity(vec.x, vec.y, vec.z);
simply comment this line by adding double slash // before code. For example:-
//panner.setVelocity(vec.x, vec.y, vec.z);
Now this game will work.
Mimstris game makes use of Yarn dependency manager. So you need to install it as well as you need to install Node.js because it is required for Yarn to work.
1- Download node.js from here: https://nodejs.org/en/
2- Download Yarn from here: https://yarnpkg.com/en/
After that you need to get the dependencies by executing the following command in your command prompt (i.e. CMD). Note: you must run this command from the folder in which you have the game files.
Now you have to build the game using below command:-
yarn run build
After that you can run the game by opening /dist/index.html file in your browser.
Astray game is not working because the links to files are broken.
Here’s a quick fix:-
1- Open “index.html” file from your game folder in any text editor.
2- Now on line number 26 to 28 you will see below code:
ironTexture = THREE.ImageUtils.loadTexture(‘/ball.png’),
planeTexture = THREE.ImageUtils.loadTexture(‘/concrete.png’),
brickTexture = THREE.ImageUtils.loadTexture(‘/brick.png’),
You just need to removed the slash that is added just before the file name from all 3 lines.
ironTexture = THREE.ImageUtils.loadTexture(‘ball.png’),
planeTexture = THREE.ImageUtils.loadTexture(‘concrete.png’),
brickTexture = THREE.ImageUtils.loadTexture(‘brick.png’),
Note:- You must open this game using localhost (i.e. XAMPP).
thanks a lot
Nice list! Very thorough.
I think Kakuro Game would be a nice addition. It can be played online at https://www.kakurogame.com
Is it open source?
Good day! This is my first visit to your blog!
We are a group of volunteers and starting a new initiative in a
community in the same niche. Your blog provided us beneficial information to work on. You have done a marvellous job!
I’m pleased to hear that my article is helpful for you. Please keep visiting my blog as i’ll be writing more articles related to web designer and developer community.
Wow. Nice effort dear.
this games are fintastic. i’m in love with this games.
Oh man, you are my persona Jesus Christ! Amazing list!
how to add ads facebook on the game
Here is a Game I made in 2015.
The Game doesn’t really have an ending.
After the 4th boss, the game just gets harder and harder until it’s unplayable.
But, it’s fun up until then, and maybe someday I’ll add an ending.
Wow. Nice effort dear.
Very nice game!
Thanks Bob. 🙂
Can you convert the game for mobile optimisation and playable on mobile touch controls. Game to end after 3 deaths
Your guys are wonderful!! Good job
Thanks dear. 🙂
awesome Stuff like ever.
You are welcome bro. 🙂
Some genuinely nice stuff on this internet site, I like it.
I’m glad to hear that you find my website helpful.
My favorite is 3D Hartwig chess. Good for brain 😉
Yes, it’s an amazing game. I’m in love with its animated user interface. 😀
All game good thank you for share this awesome games..
You are welcome dear. 🙂
Thanks a lot Sammy. 😉
yes this is great! this games are fintasttic
yes you are right. nice games!
yes it is! you are rigth.
Tic Tac Toe – It is a very easy game if you now strategy
Yup, that’s true.