Code Three.js in ActionScript with Randori Compiler

Live Demo Live Demo of three.js html/js generated by ActionScript 3 using the Randori compiler – http://renaun.com/html5/as3threejs/ What is Randori? Randori is a project with various parts and can be found at http://randoriframework.com/. For my example I am using a subset of the Randori project’s capabilities, which is fine as the Randori project is put together in such a way that it allows for this. You can find the various...

Read More

How Far is the Reach of WebGL on the Desktop

WebGL WebGL is definitely making some great in-roads into desktop browsers. There are a lot of other HTML5 features that round out WebGL for games, for example check out some AAA web demos here. In talking to people there seems to be some confusion about what is the real reach vs all the hype. Of course WebGL keeps changing fast, one of the reasons for all the hype, but I wanted to talk about the current technical landscape of...

Read More

Using Flash CS6 and Starling for 8 Way Character Animation

Creative Cloud Workflow: In this video I am demonstrating one way of creating an 8 way character animation. Moving a character up, down, left, right, and along all the diagonals is a common task in creating games. In this workflow an 80x80px character is animated over 8 x 8 frames. I created a spritesheet using the “Generate SpriteSheet” feature in Flash Professional. The feature in Flash Professional to generate spritesheets allows...

Read More

AAA 3D Web Game Demos (Flash, Unity, WebGL, NaCL)

In my recent GDC presentation titled, Are AAA 3D Games for the Web Possible?, I showed a few demos. I am posting a few of the demo links here as people asked for the links. This list is not meant to be an exhaustive list of AAA 3D content on the web. The presentation covers what it takes to create 3D web games between Flash, Unity, WebGL, and Google Native Client as a techinical comparison. The slides for the presentation can be found at...

Read More

Using Creative Cloud and CSS Translate3D to Create an 8 Way Character Animation

Creative Cloud Workflow: In this video I am demonstrating one way of creating an 8 way character animation. Moving a character up, down, left, right, and along all the diagonals is a common task in creating games. In this workflow an 80x80px character is animated over 8 x 8 frames. This resulted in a 640x640px png file that I modified in Photoshop. Using a new feature in Photoshop from the Creative Cloud edition called smart filters I modified...

Read More

Using Drawscript and Adobe Creative Cloud to Generate Graphics Code

There are many times you need to draw or generate vector based graphics in your applications and games. Each different language has different drawing APIs. It would be great if you could take the drawings from Adobe Illustrator, a vector based drawing tool that is part of the Adobe Creative Cloud, and generate the code instead of coding it by hand. Granted SVG does help with expressing vector graphics and Adobe Creative Cloud has great SVG...

Read More