WebGL Simple Platform Game Demo with ThreeJS
I’ve been playing with WebGL, not nearly as mush as I’d like to, but absolutely loving the ThreeJS framework. I thought I’d have a quick go at creating a simple platform game example. ‘Game’ is really an exaggeration but I wanted to keep this as simple as possible so that people can go further with the code and make it into a game. Feel free to download it, I’d love to see what people come up with.
Use left and right arrow keys to move and up arrow key is the jump.
HTML5 Canvas EaselJS Video Tutorials
Easel JS is a javascript framework for HTML5 Canvas that gives it a display list like you would find in Flash. Download EaselJS from here.
These tutorials have been designed to take you through the basics of using Easel JS, making a simple game that introduces interactivity and creating animated content.
1 – Getting started with EaselJS
Adding text and images to the Canvas element, then make it move. Take a look at the finished example here.
2 – Creating a simple clicking game with EaselJS
IMPORTANT – getObjectUnderPoint – only works if HTML file is on a web server, unless you use SAFARI
Click on spaceships to make them disappear and stop the invasion. View the finished file here.
3 – Creating Sprite Sheets for Easel.JS with Zoe
Create sprite sheet from Flash assets. View the finished file here. Use arrow keys to walk left and right.
4 – Working with SpriteSheets in EaselJS Tutorial
Control a character walking left and right with arrow keys. View the finished file here.
Let me know if you want any more, I have code ready to go for a platform game demo.
BA (Hons) Interactive Media Production Showreel
Just a little showreel I put together for clearing week at Bournemouth University. We cover such a wide diversity of areas on the course, the showreel highlights some of the excellent work by 2011 graduates.
Mandali – mobile puzzle game prototype
I’m currently working on a mobile puzzle game as part of my Enterprise work with Bournemouth University. Mandali is a puzzle game that appears in the Radio Times in paper format every week, but the designer, Adrian Fisher Designs approached the University to turn the puzzle into an App. I am currently making a joint iPhone and Android version. There is a video below that allows you to see the game in action. The aim is to move around the board from 1 to 7 using all the outside nodes. The user has 2 credits limiting the paths they can use, indicated by a red ball on the paths.
Built an early prototype in Objective C and another version in javascript. Eventually opted for ActionScript and AIR due to the ease and performance under AIR 2.7 of cross platform publishing.
Mandali iPhone 4 Game Prototype – 1 level from Mark Shufflebottom on Vimeo.
Unity3D game in development
I don’t normally post development shots on the site, but thought I’d break the rule with some screenshots from a third person game that I’ve been working on in Unity3D. At present the art is looking fairly accurate but I’m not currently happy with the HUD and this needs more work and refinement. I would appreciate any feedback you want to give me, I can’t say too much about the game just yet except it probably fits into the survival horror genre.
