new adventures in 3d

Download New adventures in 3D

If you can't read please download the document

Upload: rob-bateman

Post on 04-Dec-2014

105 views

Category:

Software


1 download

DESCRIPTION

Presentation made for the 2014 Reasons to be Creative conference in Brighton, UK http://reasons.to Rob talks about how the accelerated world of 3D graphics on the web is changing both the boundaries of what's possible, and people's expectations of future content. From the latest additions to the featureset of Stage3D to the ever expanding reach of WebGL and the year on year improvements in graphics capabilities of mobile and desktop devices. This session explores the new horizons of high-end graphics, and some of the tools and apis that The Away Foundation is developing to assist the creators in this evolving field.

TRANSCRIPT

  • 1. @robnet

2. @awayfoundationawayfoundation.org@awaystudiosawaystudios.comINTRODUCTIONS 3. INTRODUCTIONSStage 3D Web GL 4. [email protected] 5. [email protected]@awayjsgithub.com/awayjs 6. INTRODUCTIONSfreeopen sourcecommunity driven! 7. INTRODUCTIONS 8. INTRODUCTIONS 9. INTRODUCTIONS 10. INTRODUCTIONSaway3d.com/showcase 11. WebGL 12. ADOPTIONMozilla Google Microsoft Appletime 13. FRAMEWORKS 14. WEB VR 15. Why care? 16. Higher resolutionSmaller size 17. Perhaps surprisingly, mobile is not reallybottlenecked on battery life anymore. Itsall about heat and memory bandwidthis a major source of heat - ARM! 18. [email protected]/awayjs 19. AWAYJSStage 3D Web GL 20. AWAYJSStage 3D Web GL 21. S3tDag e GWLe bAWAYJS 22. AWAYJStypescriptlang.org 23. AWAYJSACTIONSCRIPTpackage example!{!! public class Test!! {!! ! private var i:Number = 1;!! ! !! ! public function Test()!! ! {!! ! ! trace(i);!! ! }!! }!}!TYPESCRIPTmodule example!{!! export class Test!! {!! ! private i:number = 1;!! ! !! ! constructor()!! ! {!! ! ! console.log(this.i);!! ! }!! }!} 24. AWAYJSTYPESCRIPTmodule example!{!! export class Test!! {!! ! private i:number = 1;!! ! !! ! constructor()!! ! {!! ! ! console.log(this.i);!! ! }!! }!}JAVASCRIPTvar example;!(function (example) {!! var Test = (function () {!! ! function Test() {!! ! ! this.i = 1;!!! ! ! console.log(this.i);!! ! }!! ! return Test;!! })();!! example.Test = Test;!})(example || (example = {}));! 25. typescript.away3d.com 26. WORKFLOW 27. WORKFLOWawaytools.com/awaybuilder/live-tool 28. Stage3D 29. PROFILESAGAL2standardbaseline extendedbaselinebaseline constrained 30. AGAL2Floating point textures 31. AGAL2Anisotropic filtering 32. AGAL2Multi-render target (MRT) 33. DEFERRED LIGHTING 34. FISHEYE LENSES 35. WebGL 2.0 36. EXTENSIONSWEBGL 1.0 37. EXTENSIONSfloattexturesMRTinstancingWEBGL 1.0fragmentdepth VAOs 38. EXTENSIONSWEBGL 2.0 39. EXTENSIONSQueryObjects UniformWEBGL 2.03DTexturesBufferObjectsSyncObjectsNPOTTextures 40. khronos.org/registry/webgl/ 41. Stage 3D Web GL 42. FLASH FALLBACK 43. 2D? 44. STARLINGJSgamua.com/area-51 45. VECTOR GRAPHICSmdk.org.pl/2007/10/27/curvy-blues 46. VECTOR GRAPHICSmdk.org.pl/2007/10/27/curvy-blues 47. ICYCLE PORT 48. www.dampgnat.com/icycle 49. The animation platformof the Web 50. theawayfoundation.org!!