Fwa website sphere effect

Hello , i saw this website https://fwa100.jam3.com/ and wonder how we can make like this effect (just a key word cuz i have no idea how this masterpiece made ) , any thought should be helpful !
just the first animation befor Explosion


the interactive with this

Hi!
Something similar to this: Three-mesh-bvh: A plugin for fast geometry raycasting and spatial queries! - #11 by gkjohnson

Thank you for replay , i will take a look thank you

hey again , i don’t know if this is the way they(who make the website)used
but i can make like a mask of meshes (the rock shapes) on the sphere and do a raycasting animation on it ?

You can distort an icosahedron with a noise.
And then displace vertices, using Raycaster and dot-product of the point of intersection and a vertex.
VertexDislacement

Another option is to use .intersectSphere() of raycaster’s .ray: Edit fiddle - JSFiddle - Code Playground

2 Likes

I think they just randomly placed a bunch of low poly meshes at the given radius

3 Likes

Oh wow that look so helpful , thank you i will start from it thank you hero !!

Oh wow that look so helpful , thank you i will start from it thank you hero !!

Yah but it look high performance , if i try to add just 20 mesh above my model my macbook will die :sweat_smile: