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

My Creative Cloud Workflow Contest: 8 Way Character Animation

UPDATE I am getting feedback from pure creatives about not knowing how to do the dev part of the contest. It is ok to reuse and modify the example code I provided, so if you are a creative or dev but not sure how to do the other part of the contest make use of the examples provided. Hopefully you will learn something in the process and provide some insight in how you do your part of the task.Rules: You must use one of the Adobe Creative Cloud...

Read More

Using Illustrator from the Adobe Creative Cloud and Pixi.js to Create an 8 Way Character Animation

Adobe Creative Cloud Products Used: Illustrator from the Adobe Creative CloudOther Technology: pixi.jsDemo: Live DemoSource Files: Source Illustrator and pixi.js filesCreative 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...

Read More

Using Fireworks and Loom to Create 8 Way Character Animation

Adobe Creative Cloud Products Used: Adobe Fireworks CS6Other Technology: Loom engine – http://theengine.co/ – Free license ($500 value) for the next 20 daysSource Files: Source Fireworks and Loom filesCreative 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...

Read More