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

Using the Starling Parallax Layer Extension with Adobe Gaming SDK

The Adobe Gaming SDK is part of the Adobe Creative Cloud. It provides developers with the sdks and frameworks to begin developing Flash Stage3D games. The frameworks included are Starling, Feathers UI, and Away 3D. In this example we are going to take a sample Starling Mobile project and copy it over to build a simple parallax background example, which is used in many games. First thing to do is to grab the Adobe Gaming SDK from the Adobe...

Read More