A set of WebGL demos that show an exploding 3D object animation inspired by “Kubrick Life Website: 3D Motion”.
By Yuriy Artyukh in Playground on March 26, 2019
From our sponsor: Squarespace is everything you need to sell anything: your brand, products, services, or content.
Today we’d like to share an exploding object experiment with you. The effect is inspired by Kubrick Life Website: 3D Motion. No icosahedrons were hurt during these experiments!
The following short walk-through assumes that you are familiar with some WebGL and shaders.
The demo is kindly sponsored by Airtable: Build MVPs faster than ever before. If you would like to sponsor one of our demos, find out more here.
How it’s done
For this effect we need to break apart the respective object and calculate all fragments.
The easiest way to produce naturally looking fragments, is to look at how nature does them:
Giraffes have been using those fashionable fragments for millions of years.
This kind of pattern is called a Voronoi diagram (after Georgy Feodosevich Voronoy, mathematician).
--이하생략
출저 : https://tympanus.net/codrops/2019/03/26/exploding-3d-objects-with-three-js/
By Yuriy Artyukh in Playground on March 26, 2019
From our sponsor: Squarespace is everything you need to sell anything: your brand, products, services, or content.
Today we’d like to share an exploding object experiment with you. The effect is inspired by Kubrick Life Website: 3D Motion. No icosahedrons were hurt during these experiments!
The following short walk-through assumes that you are familiar with some WebGL and shaders.
The demo is kindly sponsored by Airtable: Build MVPs faster than ever before. If you would like to sponsor one of our demos, find out more here.
How it’s done
For this effect we need to break apart the respective object and calculate all fragments.
The easiest way to produce naturally looking fragments, is to look at how nature does them:
Giraffes have been using those fashionable fragments for millions of years.
This kind of pattern is called a Voronoi diagram (after Georgy Feodosevich Voronoy, mathematician).
--이하생략
출저 : https://tympanus.net/codrops/2019/03/26/exploding-3d-objects-with-three-js/
어떤 일이라도 노력하고 즐기면 그 결과는 빛을 바란다고 생각합니다.
최신 글
테스트3
테스트22
테스트
인기 글
Creating a Menu Image Animation on Hover
Inspirational Websites Roundup #41
댓글