WebGL & Three.js2012/11/30 Yi-Fan
WebGLKhronos Group, not W3CA royalty-free, cross-platform APIBased on OpenGL ES 2.0Combines with other web contentHow much...
Browser Support
WebGL on Webpage
3D Coordinate Systems
Cameras, Perspective,Viewports, and Projections
Meshes, Polygons, andVertices
Materials, Textures &Lights
Transforms and Matrices
ShadersExample: WebGL - Three.js + impactJS
Higher Level Libraries forWebGLThree.jsGLGESceneJSCubicVRand more ...
Three.js DosHides 3D renderingdetailsObject orientedFastSupports interactionMathBuilt-in file formatExtensibleWorks with 2D...
Three.js DosFeature rich: prebuilt objects like lights,geometries, particles, lines, animations, ...etc.Examples
Three.js Don’tsNot a game engine
Three.js AnimationsArticulated Animation
Three.js AnimationsSkinned/Skeletal Animation
Three.js AnimationsMorphs
Animations usingjavascriptsetTimeoutsetIntervalrequestAnimationFrame
ReferenceCan I use...Microsoft: no way to support WebGL and meet our security needsWebGL: Up and RunningShaderthree.jsBett...
Upcoming SlideShare
Loading in...5
×

Web gl & three.js.key

569

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
569
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web gl & three.js.key

  1. 1. WebGL & Three.js2012/11/30 Yi-Fan
  2. 2. WebGLKhronos Group, not W3CA royalty-free, cross-platform APIBased on OpenGL ES 2.0Combines with other web contentHow much time to WebGL became a W3Cstandard?
  3. 3. Browser Support
  4. 4. WebGL on Webpage
  5. 5. 3D Coordinate Systems
  6. 6. Cameras, Perspective,Viewports, and Projections
  7. 7. Meshes, Polygons, andVertices
  8. 8. Materials, Textures &Lights
  9. 9. Transforms and Matrices
  10. 10. ShadersExample: WebGL - Three.js + impactJS
  11. 11. Higher Level Libraries forWebGLThree.jsGLGESceneJSCubicVRand more ...
  12. 12. Three.js DosHides 3D renderingdetailsObject orientedFastSupports interactionMathBuilt-in file formatExtensibleWorks with 2Dcanvas
  13. 13. Three.js DosFeature rich: prebuilt objects like lights,geometries, particles, lines, animations, ...etc.Examples
  14. 14. Three.js Don’tsNot a game engine
  15. 15. Three.js AnimationsArticulated Animation
  16. 16. Three.js AnimationsSkinned/Skeletal Animation
  17. 17. Three.js AnimationsMorphs
  18. 18. Animations usingjavascriptsetTimeoutsetIntervalrequestAnimationFrame
  19. 19. ReferenceCan I use...Microsoft: no way to support WebGL and meet our security needsWebGL: Up and RunningShaderthree.jsBetter JavaScript animations with requestAnimationFrame
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×