Three.JS Animation Modifications
Budget: $10 – $30 USD
https://codepen.io/coachedby/full/LYepNoB
I would like to add a pause/play toggle button, pausing the animation at its current state / continuing. This should not be immediate but use an ease-in-ease-out approach, to make it appear smooth. When paused, one should still be able to move the camera. Only the animation/movement of the sphere stopped.
I would like to change the wireframe to particles with a line in the code that lets us change the number of particles as well as their size.
I would like the opacity of the particles to change, related to their distance to the center. If they are in the center, it should be set to one value, if they are at the most distant possible place another value. these should be accessible through the controls in the GUI, both ranging from 0 to 1.
I would like to have a new kind of distortion: We want to have a function (setSphereDistortion(var1, var2, var3,…, var12) that distorts the sphere using 12 points on the sphere that are equally apart from each other. The float value of these variables ranges from 0 to 1 with 1 being the farthest away and 0 being in the center. With this, I will always get the exact same shape of the sphere, provided I input the same numbers again. The function also serves as a transition: The animation transitions from its current shape to the new setSphereDistortion (we want to manipulate that transition speed in the code using a simple variable from 0 to 1, easing in and out of the transition to make it appear smooth).
I would like a function called unsetSphereDistortion, that transitions from the set distortion to the regular, animated state (we want to manipulate that transition speed in the code using a simple variable from 0 to 1, easing in and out of the transition to make it appear smooth. This variable should be separate from the setSphereDistortion variable).
I do not want sharp edges (not a star). It should look like one of the versions seen on https://codepen.io/coachedby/full/LYepNoB (when set on density: 0.8, strength = .7)
I would like to add a pause/play toggle button, pausing the animation at its current state / continuing. This should not be immediate but use an ease-in-ease-out approach, to make it appear smooth. When paused, one should still be able to move the camera. Only the animation/movement of the sphere stopped.
I would like to change the wireframe to particles with a line in the code that lets us change the number of particles as well as their size.
I would like the opacity of the particles to change, related to their distance to the center. If they are in the center, it should be set to one value, if they are at the most distant possible place another value. these should be accessible through the controls in the GUI, both ranging from 0 to 1.
I would like to have a new kind of distortion: We want to have a function (setSphereDistortion(var1, var2, var3,…, var12) that distorts the sphere using 12 points on the sphere that are equally apart from each other. The float value of these variables ranges from 0 to 1 with 1 being the farthest away and 0 being in the center. With this, I will always get the exact same shape of the sphere, provided I input the same numbers again. The function also serves as a transition: The animation transitions from its current shape to the new setSphereDistortion (we want to manipulate that transition speed in the code using a simple variable from 0 to 1, easing in and out of the transition to make it appear smooth).
I would like a function called unsetSphereDistortion, that transitions from the set distortion to the regular, animated state (we want to manipulate that transition speed in the code using a simple variable from 0 to 1, easing in and out of the transition to make it appear smooth. This variable should be separate from the setSphereDistortion variable).
I do not want sharp edges (not a star). It should look like one of the versions seen on https://codepen.io/coachedby/full/LYepNoB (when set on density: 0.8, strength = .7)