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