Let's dance?
?
0 likes?212 views
For Frontend Live 2020 Conference Animating 3D models is a lot of fun. Have you ever dreamed of doing somersaults or learning to dance like a god? Now it's possible! We will get acquainted with the concepts of rigging, skinning models, and understand why the 3D model needs bones. I will animate my own 3D copy and make it do whatever I want. You will learn this way too :) https://frontendconf.ru/moscow/2020/abstracts/7135
Let's dance?
- 3. Community 3
- 4. 4 Community
- 9. 9 Games
- 10. 10
- 11. ? Marketing / Ads ? Maps ? eCommerce ? 3D tours / Real estate ? Storytelling Where? 11 ? Entertainments ? Education ? Art ? Medicine ? Industrial
- 22. SpaceX 22
- 24. 24 playcanv.as WebGL Developer 3D artist 3D animator 3D modeler
- 27. 3D Modeling 27
- 30. 30 OBJ + Texture
- 31. 31 Little man
- 32. 32 Rig
- 35. 35 3D Skinning
- 36. 36 3D Rigged models turbosquid.com
- 39. 39 ? HTML5 <canvas> ? OpenGL ES 2.0+ ? GLSL ES 1.10+ ? 2D/3D WebGL
- 45. 45 WebGL Cube Shaders Draw ? C Syntax ? Types ? Use GPU ? JS Strings ? Runtime
- 46. 46 WebGL Cube
- 47. 47 WebGL Cube
- 50. 50
- 51. 51 Frameworks
- 52. 52
- 60. 60 Scene with animation ? three.min.js ? FBXLoader.js ? OrbitControls.js youtube.com
- 62. 62 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
- 64. 64 3D Model
- 65. 65
- 66. 66
- 68. 68 3D sel?e
- 70. 70 3D avatar
- 72. 72 Avatarify
- 74. 74 ? High GPU Performance ? No compilation ? Cross-platform (desktop, mobile, VR / AR) ? Open standard WebGL Features
- 75. Links 75 ? discoverthreejs.com ? WebGL Fundamentals ? WebGL Academy ? Mozilla ? Three.js Books
- 76. Walt Disney 76 All our dreams come true, if we have the courage to pursue them