Manage Posts
A dynamic lighting shader for your 2D sprites
Posted on December 15th, 2017 by Gio
Lights that move and change over time can add a whole new dimension to your 2D games. As it turns out, it's fairly easy to do.
A simple retro shader for WebGL games
Posted on November 13th, 2017 by Gio
What does it take to convert a high-res game into something with a lovely retro look? Can we just build our game normally and then apply a post effect to retro-ify our game?
WADE 3.8 released today
Posted on October 4th, 2017 by Gio
A fresh new tilemap module, per-layer blur levels, a faster rendering engine, breakpoints... let's see what's new in the latest WADE.
Tilemaps have arrived
Posted on October 4th, 2017 by foxcode
With the upgrade to WADE 3.8, tilemaps have arrived. Tilemaps are useful for any game that requires a top down perspective and tiled terrain. Here we create a simple map with a controllable character.
Physics joints and faster rendering for version 3.7
Posted on July 17th, 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 July 4th, 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 June 30th, 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 June 1st, 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 March 10th, 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 March 8th, 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 December 19th, 2016 by Gio
Among other things... pixel perfect mouse events, a sort point editor and more
Worm (Don't Get Eaten)
Posted on December 19th, 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 November 21st, 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 November 3rd, 2016 by Gio
Version 3.4 of WADE has arrived, bringing new features and a healthy dose of syntactic sugar.
Camouflage Dragon
Posted on October 18th, 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 October 10th, 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 September 23rd, 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 August 24th, 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 August 6th, 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 July 29th, 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 July 12th, 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 July 7th, 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 June 22nd, 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 June 10th, 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 May 27th, 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 May 20th, 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 May 12th, 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 April 29th, 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 April 28th, 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.