Manage Posts
Physics joints and faster rendering for version 3.7
Posted on 17/7/2017 by Gio
A new version of WADE, lots of new things to play with. And some very nice rendering optimizations. Here's what's new.
Texture Packer and WADE
Posted on 4/7/2017 by foxcode
In this post we explore how to make sprite sheets for our games using TexturePacker. WADE has custom exporters for texture packer, this is especially useful for creating your own isometric terrain or object sets.
Match3 Update
Posted on 30/6/2017 by foxcode
The Match3 Editor has been updated with an events section. Now you can write custom handlers for various events such as making a match to create more interesting functionality.
Anime hair animation with a simple WebGL shader
Posted on 1/6/2017 by Gio
Can you have anime-style animated hair without having to manually define animation frames for each strand? Of course, some shader magic is all you need.
What's new in WADE 3.6
Posted on 10/3/2017 by Gio
Flow charts, post-process shaders, an extended API, a better UI and a bunch of bug fixes. Here's what's new in this version.
Go with the Flow
Posted on 8/3/2017 by foxcode
In this tutorial we take a look at the brand new flow chart editor. Flow charts provide a completely new way to structure your code. Pre defined templates make it easy to get started and the ability to add your own gives you the flexibility to create your perfect game.
A physics shape editor and a Match-3 editor
Posted on 19/12/2016 by Gio
Among other things... pixel perfect mouse events, a sort point editor and more
Worm (Don't Get Eaten)
Posted on 19/12/2016 by Shri
Build on the draggable segmented worm created in my previous two blog posts. Add phages that attack the worm.
Get your HTML5 app on the Google Play store
Posted on 21/11/2016 by foxcode
Lets see how we build our android app, test it, then sign it so we can add it to the google play store.
Timelines, project search, and a cool thing with underscores
Posted on 3/11/2016 by Gio
Version 3.4 of WADE has arrived, bringing new features and a healthy dose of syntactic sugar.
Camouflage Dragon
Posted on 18/10/2016 by Shri
Do you remember a movie from the 80's called "Predator" with Arnold Schwarzenegger ? In that movie, there is an alien who can blend into the background like a cameleon. I wondered if it was possible to do this in Wade using a shader and an isometric object. This post shows you one way you could accomplish this effect.
Scrolling clouds in a pre-rendered scene
Posted on 10/10/2016 by Gio
A WebGL shader based on Perlin noise and a simple trick to fake some perspective is all you need to create some convincing, 3D-looking, scrolling clouds.
WADE 3.3 released - faster and more powerful
Posted on 23/9/2016 by Gio
A faster editor, an improved API, better debugging tools and lots of bug fixes. Let's have a look at what's new in version 3.3.
The Worm Eats
Posted on 24/8/2016 by Shri
Let's add some gameplay elements to the draggable segmented worm created in my last blog post. We add food for the worm to eat. If the worm eats enough food, it can grow another segment.
Dynamic Water Reflections In Prerendered Scenes
Posted on 6/8/2016 by Gio
Do you have a background image with some water? Well, the water doesn't need to be static: with literally 10 lines of shader code you can make it look so much more interesting.
Inverse Kinematics In JavaScript
Posted on 29/7/2016 by Shri
This post walks you through how to create a segmented draggable worm using HTML5 and WADE. The dragging is based on the inverse kinematics code from Chapter 14 of the excellent book by Billy Lamberta and Keith Peters Foundation HTML5 Animation with Javascript. The worm and the background will both have shaders to give the impression of a parasite inside a host. The shader code is based on examples provided by Gio and Toby Schachman.
WADE 3.2 Released! The New Path Tool Makes Cutscenes And UI Transitions So Easy
Posted on 12/7/2016 by Gio
Not just bug fixes. Paths, tweening, multiple textures for custom shaders, full screen preview and more.
A Fire Shader In GLSL For Your WebGL Games
Posted on 7/7/2016 by foxcode
Heat up your game with some flashy fire! A shader and a single texture is all that is needed to create a cool animated effect that you can use for all types of flames.
Set Up A Node.Js Server To Add A Leaderboard To Your Game
Posted on 22/6/2016 by foxcode
Let your players show off their skills by adding a global leaderboard to your game. We will use a simple server setup to share data between users.
Procedural Textures In JavaScript
Posted on 10/6/2016 by Gio
A bit of maths is all you need to generate natural-looking textures to use in your games. You can animate them and make them seamlessly tileable too.
WADE 3.1 Released! Some Pretty Exciting Features
Posted on 27/5/2016 by Gio
Rejoice fellow Waders. A new version is out, and we've all got a bunch of new toys to play with and fewer bugs to deal with.
Space Shaders - Twinkle Twinkle Little Star
Posted on 20/5/2016 by foxcode
When making space shooter games, it's always difficult to create a convincing background. Let's use shaders to make a nice dynamic space scene.
HTML5 Drum Machine With Web Audio
Posted on 12/5/2016 by Gio
Can you make a drum machine using no recorded samples, just some code? Yes, yes you can thanks to Web Audio. And it's quite easy too.
3D Shaders In A 2D World
Posted on 29/4/2016 by Gio
Shaders can do magic. No need for complex 3D meshes and maths, you can make a flat square look like a 3D sphere with just a few lines of shader code.
WADE 3.0 Is Available, With Some Sweet New Features
Posted on 28/4/2016 by foxcode
WADE3.0 has been released! A brand new isometric engine, revitalized physics and a sexy new website. Checkout this post for a full list of new features. If you are new to WADE, there has never been a better time. Become a Wader today.