Create a Memory Game
Create a Tic-Tac-Toe Game
Next, we have the classic tic-tac-toe game. In this tutorial, you can learn more about grids, event listeners, and working with a game state. Here you will see how to create turn-based games. The entire logic for the game will fit into less than 100 lines of code.
Create a Snake Game from Checkboxes
Want to look into creating a snake game? This is made entirely with checkboxes and a radio button. In this project, you will learn a lot about working with arrays and manipulating DOM elements. We will also look into how to create a scoring system.
Create Particle Effects
Want to create particle effects for a game? For this, you can use the canvas element. This tutorial is not a game on its own, but it teaches you a fundamental part of game development, how to create particle effects. This project will tackle this from the point of fireworks.
Create a Rock, Paper, Scissors Game
The following 4 game ideas can be found on Youtube, as we have yet to create tutorials for these games on Webtips. The first one is rock, paper scissors, created by WebDevSimplied that you can play against your computer.
Create a Quiz Game
Create a Hangman
Building a hangman is a more complex project to take on, but you can learn a lot along the way. Generating buttons, randomization, and working with images. This tutorial is also available on youtube.
Create a Minesweeper
Looking for an even more complex game idea? Minesweeper it is then. Created by The Coding Train who is all about coding challenges, in this tutorial, you will learn how to work with cells, loops, arrays, shapes, and there will be some math involved too.
Create a Word Scramble
Phaser Game Ideas
Mario, first created in 1985 is now a classic platformer game. In this tutorial, you will learn about working with tiles: generating a world with tilemap, loading it into the game, and working with tilemap objects. You will also learn about animating sprites, camera movement, and particle effects. This tutorial is broken down into three parts.
Remake Chrome's Dino Game
Chrome's Dino comes online when you go offline. Just like Mario, this tutorial is also broken down into three parts due to its complexity. A lot of concepts are covered in this series starting from building out a game UI and generating game objects, all the way to handling game logic with timers.
Create Atari's Breakout
Last but not least, in this tutorial, you will learn how you can recreate the famous Atari Breakout game, again with the help of Phaser. We will look at configuring the game, preloading assets, creating the world with physics, displaying texts, adding collision detection, and much more.
📚 Get access to exclusive content
Want to get access to exclusive content? Support webtips with the price of a coffee to get access to tips, checklists, cheatsheets, and much more. ☕Get access