Making games with the WADE editor

Physics Platformer

Run, jump and climb - all powered by WADE's physics engine

Isometric Adventure

A basic isometric game where you click to move your character and interact with objects

Breakout

A simple clone of the classic Breakout / Arkanoid games

Simple Memory Game

Memory games are fairly simple and making one would be an ideal starting point if you want to learn how to make games with WADE

Flappy Bird

Flappy bird is a very simple idea that is easy to implement. This tutorial shows you how to create your own HTML5 flappy bird game in just over 10 minutes from start to finish

Games For Kids - Spot The Difference

A simple game, ideal for beginners. We cover most of the basics of WADE in this tutorial, and share a couple of useful tricks along the way

Hidden Object Game

Hidden object games are ever so popular, and very easy to make using WADE's integrated hidden object tool. Learn how to use it with this video.

Cutscenes

In most story-driven games there are cutscenes with characters talking to each other. Really easy to do with WADE, watch this video for the details.

Space Shooter

We all love old-school top-down shooters. Here's a quick tutorial that shows you how to make one in just a few minutes

Angry Cannon

A simple game, ideal for beginners. We cover most of the basics of WADE in this tutorial, and share a couple of useful tricks along the way

Match-3

Making match-3 games with WADE is simpler than you might think, thanks to the built-in match-3 editor

Basic Platformer

Want to make puzzle games, or games that really test your reflexes? There are endless possibilities once you know how to get a character to jump on platforms

How to use the WADE editor

Getting Started

Get started with WADE and the visual editor. Create a simple Hello World application.

Adding Images

Add images and files from your hard drive or the internet into the project.

Animations

Make your object come to life by adding some animations.

Events

Learn about WADE's event system, and how to tell WADE what to do when something happens.

Timeline

A timeline is a series of events that happen at predefined moments in time. There's an intuitive editor for it in WADE.

Camera

When using WADE you are watching a scene through a camera. Learn how to control the camera.

Paths and Tweening

How to set objects to move on predefined paths and animate their property such as opacity and size with several interpolation (tweening) methods.

Layers

WADE has a layering system, similar to the ones you'd find in image processing applications.

Behaviors (Entity-Component System)

WADE supports a powerful entity-component system. Learn how to create reusable and customisable bits of code for your projects.

Variable Screen Size

The best thing about HTML5 games is that they are so portable, running on a wide variety of devices. But how do you design a game that works on just about any screen size and aspect ratio? Click here and you'll find out.

Basic Collision Detection

Collision detection is a fundamental aspect of many games. WADE does the difficult bit for you, and here we show you how to make the most of it in your own games.

Custom Object Properties

You can easily assign custom properties to your scene objects and sprites. It's a really powerful feature, and very easy to use too

Audio

Games and apps are so much better when they have some audio and music. Learn how to do that with WADE.

Shaders

Learn to use shaders in WADE to create special effects. In this tutorial we create some basic water.

Debugging

Debugging might be tedious, but sometimes it's necessary if you want to know why your game isn't working as intended. Luckily, it's quite easy to debug a WADE game.

Templates

Templates are special objects that are mainly used to create clones, or as markers in level design.

Physics

WADE's physics is a wrapper built on top of the popular Box2D engine. Learn how to add physics to your games

Physics Shape Editor

WADE features an advanced collision shape editor that allows you to draw convex and concave shapes

Export to Android

So you have made a nice game or app, and now you want to turn it into a native Android app with its own APK? You can do just that with the Android plug-in for WADE.

Working with Multiple Scenes

How do you work with multiple scenes? Can you transfer objects from one scene to the next? Of course you can - watch this video to learn how.

IDE Extensions

Did you know you could extend the functionality of the WADE IDE by including your own (or someone else's) scripts? This video will show you how to do that.

Scripting with WADE

Get Started With The WADE Framework

Set everything up and create a first version of a whack-a-mole through scripts, without using the visual editor.

Let's add behaviors

Let's create a Mole behavior using WADE's entity-component-system. This will make it easy to add as many moles as we like to the game

Camera and layers

We introduce the concept of camera and layers, which will give us greater control over the look and performance of the game

Sounds and visual effects

Final tutorial in the series - we complete our whack-a-mole game by adding sounds and simple visual effects

Step by step guides

Memory Game
Memory games are easy to make and are an ideal starting point for beginners looking to learn some JavaScript with WADE

Space Game
Top down shooters are a classic genre of game. Make your own quickly and simply using JavaScript with WADE

Flow Game
A simple puzzle game. Perfect for beginners wanting to look deeper into game logic

Interactive guides

Setup
Multiple ways to run and test WADE apps

Hello World
The timeless hello world program made using WADE

Loading Images
This tutorial will teach you how to load images inside your WADE app

Debugging
This tutorial will teach you how to Debug your WADE apps

App Input Events
This tutorial will teach you how to handle user input events in your WADE app

Object Input Events
This tutorial will teach you how to detect clicks and other events that affect your scene objects

Animation and Events
This tutorial will teach you the basics of animations in WADE, and how to trigger them using events

More Events
This tutorial will cover more of the events available to your WADE app

Behaviors
This tutorial introduces the concepts of behaviours, crucial for achieving reusability in WADE

Layers and Sorting
This tutorial covers the concept of layers, and how to use them to draw your scene efficiently

Audio
This tutorial shows you how to load and play sounds in WADE

Server Communication
This tutorial looks at basic networking, how to communicate with a server from your wade app