Download as PDF, PPTX
Uploaded byVasilika Klimova
Потанцуем?
The document discusses various resources and tools for frontend developers, specifically focusing on 3D web technologies using WebGL and frameworks like Three.js. It includes links to galleries, examples, and educational websites for enhancing 3D modeling and animation skills. The summary emphasizes the performance advantages and cross-platform capabilities of modern web 3D applications.
Потанцуем?
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12. 3D in webbrowser 12 viewshape.com
- 13.
- 14.
- 15.
- 16. 16 Creative / ArtDirector designembraced.com
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35. 35 • HTML5 <canvas> •OpenGL ES 2.0 • GLSL ES 1.10 • 2D/3D WebGL
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45. 45 Scene with animation •three.min.js • FBXLoader.js • OrbitControls.js
- 46.
- 47.
- 48. 48 Animation loop animate: function(){ requestAnimationFrame(animate); var delta = clock.getDelta(); mixer.update(delta) controls.update(); renderer.render(scene, camera); } Request the browser to repeat animate() Draw model Update camera position requestAnimationFrame
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58. 58 • High GPUPerformance • No compilation • Cross-platform (desktop, mobile, VR / AR) • Open standard WebGL Features
- 59. Links 59 • discoverthreejs.com • WebGLFundamentals • WebGL Academy • Mozilla • Three.js Books
- 60. Walt Disney 60 All ourdreams come true, if we have the courage to pursue them
- 61. Vasilika Klimova @Lik04ka GDG Russia DEVPARTY Thankyou! vasilika.ru