Browsers and JavaScript are constantly getting more powerful and fully featured. Here is another HTML5 game, similar to the arcade game Gauntlet: Those are definitely great games, it's amazing how far you can go now with your browser! The (once) popular Angry Birds game in HTML5, so you can play it in your browser. While web - is everywhere, desktop, mobile, tablet, everywhere. If you’ve ever used Wordpress before, you’ll know there are a whole host of plugins to add social sharing buttons to your site. This project will be a challenge for how you handle creating the light box and the interactive buttons to scroll through the various images. Make it as far as you can in this platformer full of colors and geometrical shapes. This is an official clone and as such it runs and looks perfectly. Then when you begin to understand the basics follow along with my blog for the game you want to code. If you google “First game created” likely Pong will pop up, It’s not officially the first game to be created, but it is the first commercially successful. Game developers can use engines like Unity to publish their games directly to browsers. Get them now whilst they're 20% off!! It involves coding up a snake AI which is really fun, and also quite difficult. If you’re just starting out learning JavaScript or perhaps you want to add some projects to your portfolio you might needs some JavaScript project ideas. Just a quick note, I'm not actually a game developer my day-to-day is mainly coding large enterprising Java apps. Find available directions 2. An awesome pixel art platformer where you have to escape a lab full of mutated creatures and other baddies. A retro-inspired 2D game set in the distant future. To approach this project you can work on your *random *number generator skills and ask the user to try and guess this. slide in, fade in) to extend this project. It's your job to rescue the last developer trapped in Clippy's tyranny. Your application could search for particular entries in your address book by filtering the attributes. 90. You can play alone on one of the many levels or play against friends. But it is … Magnificent start! A game with awesome frame rates and a simple concept, in which you control a car to avoid obstacles, while collecting coins. quiz questions and write a shuffle algorithm to randomise the answers. This one is full of … Hook in to the provider’s API(s) (where available) to provide like / share counts, jQuery is a really useful tool to request data from an API via AJAX but why not try writing your own, You could try caching requests in localstorage to avoid unnecessary network requests, Enable to notifications to be displayed at different positions on the screen depending on setting used, Update the form with the error messages depending on whether the details are not found or incorrect, Add spinners, messages or something to inform users that their data has been sent and is being validated (you could use a *, Provide additional information about the text e.g number of, If you have an existing project that has several API requests, add your progress bar and update it each time an API request completes, Try using localstorage to remember a user’s previous countdown value, To make a more interactive project, you could save results and scores in localstorage, Add some animations to add some ‘flash’ to the tab transitions, You can provide an option in your script to appear in different locations and different content, The images could be loaded from an API to provide a dynamic gallery, You could make the address book editable i.e. Recently I wrote about some Open Source HTML5 Games that are available on GitHub and can prove as good learning resource for those interested in HTML5 game development. The idea was to create a mashup of Asteroids and Jet Fighter. 87. We're a place where coders share, stay up-to-date and grow their careers. Here is another good HTML game - [OmSudoku.com] (http://omsudoku.com) You and your crew have to survive for 40 days in isolation in this creepy (but awesome) game. You can control a space ship by using your keyboard, a touchscreen device or even a leap motion controller if you have one. When he is not in the office, you can usually find him riding his bike and coding on his laptop in the park. This one is full of great game mechanics such as combos, puzzles, skill trees, quests, items and more. They are all fun and have huge time wasting potential. A constructive and inclusive social network. Some JavaScript project ideas to help you build your portfolio. Game of Bombs is a bomberman type game placed in a vast map full of enemy players. Chrome banned it (at the moment). For a little more challenging project, you could take some preset data e.g. Description: Four colored buttons light up in a specific pattern. Share it in our comment section. It is set in ancient Greece, where you play as a woman who is given another chance at life, and has to escape from the world of the dead. Additional ideas: Front end Frameworks like Bootstrap provide UI components for progress bars but they still need to be updated via JavaScript for them to be dynamic. HangWorm - Songs! Do you have a favorite HTML5 game that is not included in this list? This is a real fun one to code up, the seamless wrapping is what makes this game so important so it feels as though you are racing on an endless track. The SIMPLEST way to make a pull request ✔️. JavaScript Modal Popup Example Project. Key concepts from coding up space invaders: For a step by step process on how to code Space Invaders- click here! Some great gems can be done in HTML5 and we will see more and more of thoses! So if you're completely new to programming or you're a Senior Dev many years into programming enterprising systems this blog should help you along your way into starting out with some game dev, or at the very least motivate you to give it a go. Example. Fly around a digital field and shoot geometrical enemies to get a high score. All Rights Reserved. Some of them don't have sound, but frankly they don't need it. Chaser Box Game Project. Learn how to make games, using nothing but HTML and JavaScript. Especially the hugely successful and high profile ones such as Mechwarrior Tactics and Lego (http://www.lego.com/en-us/city/games). Start off with the four basic elements and combine them to create the 510 possible combinations. It was created in June 1972! Additional ideas: Check out my article on simple APIs for inspiration on where to get your data. HexGL is a futuristic, fast-paced racing game built on HTML5, JavaScript and WebGL. A retro-inspired 2D game set in the distant future. When you feel comfortable coding any of the above games I'd recommend having a go at creating a simple multiplayer/online game. But of course, the language you use to code the games isn't important, It's the concepts you learn from the actual process of doing it. You can play on any of the thousands of player made tracks or create your own and share it. Code a BRILLIANT multiplayer game in 2 MINUTES! Survive as many bossfights as you can in this cool looking space shooter. If you already know the basics of programming in a game dev language I'd recommend having a stab at coding up the games before you read any of my step by step processes. After displaying the pattern, … There are many other Game Development tools such as Construct 2 (by Scirra) and GameMaker which are also great for developing HTML5 games these days. Portfolio found at https://lukegarrigan.com.