Manage Posts
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?
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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
READ 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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ 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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE
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.
READ MORE