ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
@robnet
@awayfoundation 
awayfoundation.org 
@awaystudios 
awaystudios.com 
INTRODUCTIONS
INTRODUCTIONS 
Stage 3D Web GL
INTRODUCTIONS 
@away3d 
away3d.com
INTRODUCTIONS 
@away3d 
away3d.com 
@awayjs 
github.com/awayjs
INTRODUCTIONS 
free 
open source 
community driven 
!
INTRODUCTIONS
INTRODUCTIONS
INTRODUCTIONS
INTRODUCTIONS 
away3d.com/showcase
WebGL
ADOPTION 
Mozilla Google Microsoft Apple 
time
FRAMEWORKS
WEB VR
Why care?
Higher resolution 
Smaller size
¡°Perhaps surprisingly, mobile is not really 
bottlenecked on battery life anymore. Its 
all about heat¡­ and memory bandwidth 
is a major source of heat¡± - ARM 
!
New adventures in 3D
AWAYJS 
@awayjs 
github.com/awayjs
AWAYJS 
Stage 3D Web GL
AWAYJS 
Stage 3D Web GL
S3tDag e GWLe b 
AWAYJS
AWAYJS 
typescriptlang.org
AWAYJS 
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);! 
! ! }! 
! }! 
}
AWAYJS 
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 = {}));!
typescript.away3d.com
WORKFLOW
WORKFLOW 
awaytools.com/awaybuilder/live-tool
Stage3D
PROFILES 
AGAL2 
standard 
baseline extended 
baseline 
baseline constrained
AGAL2 
Floating point textures
AGAL2 
Anisotropic filtering
AGAL2 
Multi-render target (MRT)
DEFERRED LIGHTING
FISHEYE LENSES
WebGL 2.0
EXTENSIONS 
WEBGL 1.0
EXTENSIONS 
float 
textures 
MRT 
instancing 
WEBGL 1.0 
fragment 
depth VAOs
EXTENSIONS 
WEBGL 2.0
EXTENSIONS 
Query 
Objects Uniform 
WEBGL 2.0 
3D 
Textures 
Buffer 
Objects 
Sync 
Objects 
NPOT 
Textures
khronos.org/registry/webgl/
Stage 3D Web GL
FLASH FALLBACK
2D?
STARLINGJS 
gamua.com/area-51
VECTOR GRAPHICS 
mdk.org.pl/2007/10/27/curvy-blues
VECTOR GRAPHICS 
mdk.org.pl/2007/10/27/curvy-blues
ICYCLE PORT
www.dampgnat.com/icycle
The animation platform 
of the Web
theawayfoundation.org 
! 
!

More Related Content

New adventures in 3D