Using HTML5 Canvas In Animate CC: JavaScript Basics

I have another article up on the Adobe Animate team blog – this time dealing with the basics of using JavaScript and CreateJS within Animate CC. For nearly 20 years, the programming language used within Animate (Flash Professional) projects has been ActionScript. So why the current shift to JavaScript? Well, it isn’t exactly as simple as that. For one thing, Animate is not a JavaScript only application. You use JavaScript in projects which require it, such as HTML5 Canvas and WebGL… but you can still use ActionScript on projects which are to be published for Flash Player or AIR, including

Continue reading »

Edge Animate to Animate CC: Responsive Scaling and Positioning

I’ve received a lot of inquiries by Edge Animate users as to how to make items responsive within Animate CC. So many, in fact, that I decided to produce a number of demonstration projects, record some video on each one, and write this little article. First, I’ll just emphasize that the way Edge Animate handles things like element scaling and sizing is very DOM-oriented… because it works within the very narrow focus of the browser DOM. Animate CC is platform-agnostic (not specifically an HTML tool) and works differently in terms of targeting a single element when targeting HTML5 Canvas (the canvas

Continue reading » HTML5 Canvas and WebGL in Flash Professional CC

Pleased to present a new course for HTML5 Canvas and WebGL in Flash Professional CC! Create a shared pool of content for a set of related projects—HTML5 video, a WebGL-rendered interactive ad, and an HTML5 Canvas game—using Flash Professional CC. No longer restricted to only ActionScript and Flash Player, Flash Professional CC offers more publishing possibilities than ever before. Developers can now use Flash to build assets and animation that target platforms such as HTML5 video, Canvas, and WebGL. And adding JavaScript allows for playback on just about any modern desktop or mobile device. This course focuses on using

Continue reading » Building Custom HTML5 Video Playback with AngularJS

Pleased to present a new course for Building Custom HTML5 Video Playback with AngularJS! Develop a customized responsive video app that performs and appears great in all browsers, using AngularJS and Bootstrap. HTML video doesn’t require plugins for playback, but the default experience differs drastically across browsers. Using a combination of Bootstrap and AngularJS, you can develop a customized responsive video app that performs and appears great in all browsers—unifying the user experience and allowing custom functionality, such as playlists and full-screen playback. Join Joseph Labrecque for this start-to-finish course that guides you through every step in the process,

Continue reading »

PhoneGap Jumpstart

I’ve always found that getting started with PhoneGap if you hadn’t used it before (and sometimes even if you have) to be an exercise in frustration which even when it all goes well… takes some time and dedication. For example… Here are the steps I take when setting up on a new Windows environment for Android: download and install Java- add to path [C:\Program Files\Java\jdk1.7.0_45\bin] add new system var JAVA_HOME [C:\Program Files\Java\jdk1.7.0_51] download and install ANT – add to path and be sure to RESTART [C:\ANT\bin] download and install ADT [] download and update the Android SDK from tools [pray] create a new Android VM for

Continue reading »