JSFoo 2014

JavaScript as the centerpiece of a complex web stack

Creating Interactive 2D animations using WebGL

Submitted by Dharmendra Kumar (@dharmk) on Monday, 7 July 2014

videocam_off

Technical level

Intermediate

Section

Full talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +10

Objective

To show how to build interactive WebGL content that will run across all WebGL enabled browsers on both desktop and mobile platform.

What you will learn:

  1. How to publish WebGL content directly from Flash Professional CC 2014
  2. The basics of the WebGL runtime APIs for adding interactivity using Javascript
  3. How to work with flash professional movie-clips using WebGL runtime APIs for Javascript

Description

Adobe Flash Professional CC 2014 has added the support for publishing to WebGL directly. You can now develop the content which targets all WebGL enabled browsers for both desktop and mobile, while taking full advantage of GPU acceleration. This is not a sprite sheet based solution so you can render your vector content with great fidelity and a reduced export size.

Flash Professional also exposes certain set of runtime Javascript APIs to add interactivity to your content. You will learn how to publish your new of existing content for WebGL. We will show you the basics of using WebGL runtime APIs to add interactivity to your content easily and also show you how to work with flash professional movie clips using the WebGL runtime Javascript APIs.

Requirements

It will be good to have Flash Professional CC 2014 installed, you can get the trial version from http://www.adobe.com/in/products/flash.html. Users can then see the complete workflow themselves, otherwise we can share the exported content to begin with with everyone.

Speaker bio

Dharmendra Kumar has been working with Adobe for more than 7 years and currently a member of Adobe Flash Professional team. He was part of the team which worked on adding the WebGL support in Flash Professional.

Comments

Login with Twitter or Google to leave a comment