5 years ago
35
1
Posted On: August 8th 2021, 05:23 pm
Tagged Users:
Aaand the final revision of a project I worked on back in May and took around 130 hours to complete.
Developed with Node.js, Webpack and THREE.js. The 3D model was provided but edited, cracked and animated with Blender and compressed with Draco.
The goal was to make something interactive, unique and of course mobile friendly with good performance. As a result the size of the model was crucial and should be as small as possible. To achieve that, the polygons count was reduced and the animation actions were made one way fused into the model. One way means that the animations were reversed or used individually and partially via code 😉 thus reducing the size of the model significantly.
Credits: 3D model by apjabir1 via @sketchfab
#threejs #webgl #webpack #gsap #nodejs #webdesign #webdev #fullstack #javascript #awwwards #visualgraphics #motiongraphics #3d #3dart #digitaldesign #digitalart #dailywebdesign #azmods #zorpidis #webdeveloper #webdevelopment #webdesigner #interactive #creativetechnology
Developed with Node.js, Webpack and THREE.js. The 3D model was provided but edited, cracked and animated with Blender and compressed with Draco.
The goal was to make something interactive, unique and of course mobile friendly with good performance. As a result the size of the model was crucial and should be as small as possible. To achieve that, the polygons count was reduced and the animation actions were made one way fused into the model. One way means that the animations were reversed or used individually and partially via code 😉 thus reducing the size of the model significantly.
Credits: 3D model by apjabir1 via @sketchfab
#threejs #webgl #webpack #gsap #nodejs #webdesign #webdev #fullstack #javascript #awwwards #visualgraphics #motiongraphics #3d #3dart #digitaldesign #digitalart #dailywebdesign #azmods #zorpidis #webdeveloper #webdevelopment #webdesigner #interactive #creativetechnology
Comments (1)
More posts
