![Goals ,[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie WebGL: GPU acceleration for the open web
Ähnlich wie WebGL: GPU acceleration for the open web (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
WebGL: GPU acceleration for the open web
- 1. WebGL: GPU Acceleration for the open web Patrick Cozzi Analytical Graphics, Inc. University of Pennsylvania
- 3. What do I do? OpenGL Insights Analytical Graphics, Inc. If you are curious, see http://www.seas.upenn.edu/~pcozzi/ developer lecturer author editor
- 8. Demos Google Body http://bodybrowser.googlelabs.com/ EmberWind http://operasoftware.github.com/Emberwind/
- 20. Demos WebGL Skin http://alteredqualia.com/three/examples/webgl_materials_skin.html WebGL Water http://madebyevan.com/webgl-water/
- 21. WebGL support is good, and it is getting better…
- 23. Desktop WebGL Support See http://people.mozilla.org/~bjacob/gfx_features_stats/ % Firefox users on Windows 7 with WebGL support (blue)
- 24. Desktop WebGL Support See http://people.mozilla.org/~bjacob/gfx_features_stats/ % Firefox users on Windows XP with WebGL support (blue)
- 25. Desktop WebGL Support See http://people.mozilla.org/~bjacob/gfx_features_stats/ % Firefox users on Mac with WebGL support (blue)
- 26. Desktop WebGL Support See http://people.mozilla.org/~bjacob/gfx_features_stats/ % Firefox users on Linux with WebGL support (blue)
- 31. By the way, mobile is really important: See http://www.khronos.org/assets/uploads/developers/library/2011-siggraph-mobile/OpenGL-ES-and-Mobile-Trends_Aug-11.pdf
- 33. Browsers are becoming like operating systems…
- 40. Demos Javascript Canvas Raytracer http://jupiter909.com/mark/jsrt.html WebGL Path Tracing http://madebyevan.com/webgl-path-tracing/
- 41. The Joys of JavaScript Skip the next 30 slides if you already know JavaScript
- 42. JavaScript is weakly typed…
- 46. JavaScript is a functional language…
- 52. JavaScript is a dynamic language…
- 61. Demos World Flights http://senchalabs.github.com/philogl/PhiloGL/examples/worldFlights/ WebGL Jellyfish http://chrysaora.com/
- 63. JavaScript Constructor Functions function Vector(x, y) { this .x = x; this .y = y; } var v = new Vector(1, 2);
- 70. Demos WebGL Inspector http://benvanik.github.com/WebGL-Inspector/samples/lesson05/embedded.html The Sproingies http://www.snappymaria.com/webgl/Sproingies.html
- 71. WebGL developers now need to think about security…
- 78. Demos Geoscope Sandbox (will be released soon ) http://localhost/geoscopedemos/Build/Debug/Examples/Sandbox/index.html
- 81. JavaScript Resources I promise I do not work for O'Reilly or Yahoo
- 82. By the way, WebCL is coming http://www.khronos.org/webcl/ Prototypes for Firefox and WebKit are available Interactive WebCL kernel editor: http://webcl.nokiaresearch.com/kerneltoy/
Hinweis der Redaktion
- Try “webgl”, then “experimental-webgl”
- ANGLE Implements GL ES API over D3D 9 Translates GLSL ES to HLSL
- Touch events: http://www.html5rocks.com/en/mobile/touch.html Geolocation: http://diveintohtml5.org/geolocation.html Orientation and motion: http://www.html5rocks.com/en/tutorials/device/orientation/
- Each tab is in a separate process – security – one tab can’t crash other tabs.
- Has to synchronize processes.
- All numbers are 64-bit IEEE floating-point.
- All numbers are 64-bit IEEE floating-point.
- Output is “1WebGLtrue”
- Anonymous functions are also in C#, etc.
- Anonymous functions are also in C#, etc.
- Self-documenting code. Also, you can pass arguments in any order.
- But there are no classes
- Constructor functions start with a capital letter by convention.
- Constructor functions start with a capital letter by convention.
- Prototype functions can’t access closures in the constructor function.
- “ Duck typing” Kind of like C# templates.
- “ Duck typing” Kind of like C# templates.
- Geoscope source layout Example minified javascript, and then beautifying it with http://jsbeautifier.org/ Shader source can be put into HTML script tags, into separate glsl files downloaded with XMLHttpRequest, or put into JavaScript literals as part of the build process.
- Long draw calls were also used in early GPGPU days. These calls were killed by some operating systems (I think Windows Vista killed draw calls longer than two seconds).