際際滷

際際滷Share a Scribd company logo
AWAYJS 
OPEN SOURCE WORKFLOW FOR WEBGL 
! 
@robnet
@awayfoundation 
awayfoundation.org 
@awaystudios 
awaystudios.com 
INTRODUCTIONS
INTRODUCTIONS 
@away3d 
away3d.com
INTRODUCTIONS 
@away3d 
away3d.com 
@awayjs 
github.com/awayjs
INTRODUCTIONS 
free 
open source 
community driven 
!
INTRODUCTIONS 
away3d.com/showcase
AwayJS - Open Source Workflow for WebGL
TYPESCRIPT 
typescript.away3d.com
TYPESCRIPT 
ACTIONSCRIPT 
package example! 
{! 
! public class Test! 
! {! 
! ! private var i:Number = 1;! 
! ! ! 
! ! public function Test()! 
! ! {! 
! ! ! trace(i);! 
! ! }! 
! }! 
}! 
TYPESCRIPT 
module example! 
{! 
! export class Test! 
! {! 
! ! private i:number = 1;! 
! ! ! 
! ! constructor()! 
! ! {! 
! ! ! console.log(this.i);! 
! ! }! 
! }! 
}
TYPESCRIPT 
TYPESCRIPT 
module example! 
{! 
! export class Test! 
! {! 
! ! private i:number = 1;! 
! ! ! 
! ! constructor()! 
! ! {! 
! ! ! console.log(this.i);! 
! ! }! 
! }! 
} 
JAVASCRIPT 
var example;! 
(function (example) {! 
! var Test = (function () {! 
! ! function Test() {! 
! ! ! this.i = 1;! 
! 
! ! ! console.log(this.i);! 
! ! }! 
! ! return Test;! 
! })();! 
! example.Test = Test;! 
})(example || (example = {}));!
jetbrains.com/webstorm 
CODE
CODE 
nodejs.org
CODE 
npmjs.org browserify.org
! 
DEMO 
github.com/rob-bateman/ 
Mozilla_London_2014 
!
DESIGN 
@awaytools 
awaytools.com
DESIGN 
github.com/awaytools
DESIGN
DESIGN 
awaytools.com/awaybuilder/live-tool
Compatibility
FLASH FALLBACK
2D?
VECTOR GRAPHICS 
mdk.org.pl/2007/10/27/curvy-blues
VECTOR GRAPHICS 
mdk.org.pl/2007/10/27/curvy-blues
VECTOR GRAPHICS
Thank you 
rob.bateman@theawayfoundation.org 
www.theawayfoundation.org 
! 
DEMO 
github.com/rob-bateman/ 
Mozilla_London_2014 
!

More Related Content

AwayJS - Open Source Workflow for WebGL