Adobe Animate CC

How to export Animate content as WebGL

Learn how to create and publish hardware accelerated WebGL content in Animate. (Try it, 10 min)

FromHemanth Sharma

Adobe Flash Professional is now Animate CC. All the features and functionality shown can now be found in Animate.

What do I need?

Get files Sample files to practice with (ZIP, 175 KB)

Get PDF Flash Professional cheat sheet

See how to export as WebGL

This view-only tutorial shows how to take existing Flash animations and output them as hardware accelerated WebGL animations. This allows your content to run on any browser that supports WebGL.

For more information on getting started with WebGL and Flash, see Creating and publishing WebGL documents in Flash Professional. 

What is WebGL? (0:12); SWF vs. WebGL (0:52); Embeded server (1:26)

Try the WebGL Runtime API

This hands-on tutorial introduces the Flash WebGL Runtime API, which lets you add interactivity to WebGL animations. The JavaScript API can add, remove, and control elements on the scene, enabling you to create responsive animation for the web.

To follow along, download the ZIP file that accompanies this tutorial.

For API reference, read the documentation for WebGL runtime API.

Set linkage (1:30); Set publish settings (3:10); Add Javavscript to create interactive controls (3:48)

Hemanth Sharma

Hemanth is a Sr. Designer at Adobe and is experienced in content development, design, game development, evangelism and UI/UX for over a decade now. Visit his website to learn more.