[Animation] Hi, New to threejs. I’m trying to achieve the following example using a sphere. The goal is to have the vertices randomly move around the sphere within a limited radius of their original initialized position. I also will require to access each one of those points later in order to assign it a new random object. I have found an example that kind of meets the requirements, but without the animation. Apologies to the original creator. Not sure whom it was, but all credit is due to them. https://stackblitz.com/edit/web-platform-rs2jdo Thanks for your help.

Working with noise on a sphere, use normalized vertices coords as parameters for noise function: Edit fiddle - JSFiddle - Code Playground [изображение]

No spheres, but you may be able to use techniques from the examples. AnimatingVertices SwingingPolygon ColorWave From the Collection of examples from discourse.threejs.org .

Thank you, @hofk ! I’ll try to integrate the examples into my code. I’ll update if and when this works.

@prisoner849 This is exactly what I was looking for! Thank you. The code is a bit too fancy for me at the moment, but I’ll go over it with the proverbial magnifying glass to figure out the code-fu in there. I’m assuming also that the open-simplex-noise.js library has to be loaded in order for this to work? Is there a way to do it without it? I’m asking because this is part of a larger collaborative project, and every new library needs quorum approval. Thanks again for the quick reply. Very elegant in its execution. Cheers.

[image] xFlaye: I’m assuming also that the open-simplex-noise.js library has to be loaded in order for this to work? Yes. [image] xFlaye: Is there a way to do it without it? If you write your own implementation of noise. Or use the lib from three.js distributive - ImprovedNoise: Edit fiddle - JSFiddle - Code Playground

Hey @prisoner849, I total like your example in this post. Do you think this kind of effect is also possible in a shader? I mean morphing the vertex points of a mesh? greetings, jay

@JayJayDoe 10 minuts ago I made this topic :slight_smile: IsoNoise (Icosahedron + Perlin noise + Isolines + SelectiveBloom)

[image] JayJayDoe: I mean morphing the vertex points of a mesh? The example @prisoner849 is already quite demanding. :+1: :+1: :+1: Somewhat simpler examples to start with can be found in the collection. MorphBoxSphereShaderRadius CircleDynamicallyFormableShader CorrugatedFabric ComputeNormalsInVertexShader and there also the Little Shader Book ShaderExamples_14

Hey @hofk ! Thanks for the Links. Will take a look on that. Vielen Dank. All the shader stuff still feels like some kind of voodoo for me. :grinning:

Amazing links, just what I needed. Thx :heart:

Change vertex position over time

Questions

prisoner849 February 15, 2022, 7:39pm 8

@JayJayDoe
10 minuts ago I made this topic IsoNoise (Icosahedron + Perlin noise + Isolines + SelectiveBloom)

Topic		Replies	Views
IsoNoise (Icosahedron + Perlin noise + Isolines + SelectiveBloom) Showcase shaders , noise , selective-bloom	18	6053	February 18, 2024
WireframeGeometry2 animate with vertex shader Questions	0	661	July 16, 2019
How to make an animated IcosahedronGeometry "blob" with perlin noise? Questions geometry , positioning , vector3 , bufferattributes	6	4583	May 14, 2021
How move all points to sphere Questions geometry	10	6401	February 13, 2018
Shader: Randomize point positions from origins Questions shaders	2	1389	March 24, 2019

Change vertex position over time

Related topics