Perlin Particles

[blackInk]

Is there an example or good hint how to achieve this in Threejs as well:

[Tutorial] Particle Sea in Unity3D – Rafal Wilinski – Medium

[blackInk]

Did some tutorials and ended up with this - wasn´t that hard at the end…

    geometry.vertices.forEach(function(v) {
        var zPos = self._snoise2d(v.x * 0.2, v.z * 0.2) * 0.5; 
        v.y += zPos;
    });

    geometry.verticesNeedUpdate = true;

[blackInk]

Now it would be “ace” to get a hint or tipp where to find an animated “ribbon” example as well…

[prisoner849]

Hi!
THREE.Points() with THREE.PlaneBufferGeometry() and THREE.ShaderMaterial() will help.
Have a look at these topics:

Grids of Waves (shaders)

I just wanted to have a grid of quads, but couldn’t find an appropriate solution. So I’ve invented my own bicycle from THREE.PlaneBufferGeometry() and THREE.LineSegments(). [Waves] https://jsfiddle.net/prisoner849/mcdtatpv/show/

Clouds of cubes

Hi, community! There is a picture of a scene: [InstanceClouds] And here is a working demo: https://jsfiddle.net/prisoner849/z7bn61jg/show Recently, I was surfing the Internet and bumped into one picture: [1979577_10152088191944332_1989020679_n] They say, it possbly was made with the Houdini, a program for procedural generation. Looking at it, I thought if it’s possible to create something very similar with Three.js. I’ve never used instanced geometry and noise, so I deci…

“Clouds of cubes” has implementation of Perlin noise in shaders.

Or if you want Perlin noise at the side of javascript, take a look at this example:
https://threejs.org/examples/?q=terrain#webgl_geometry_terrain
or this one

Three.js + noisejs

Hi, community! Here is a picture of a scene: [POWERWOLF_flag] And there is a working demo: https://jsfiddle.net/prisoner849/omahwxLe/show Cool story of creation There are 3 factors, why this scene was created: A symphonic metal song (this is the main factor, yes); I’ve found an interesting library for generating noise in javascript; That forum thread Watching the video with the song, I’ve had a wish to create a flag, similar to one that shown in the video. Okay, so far…

[blackInk]

All so cool, thank you - will have a look!
You don´t have a proper and good example of how to animate Ribbons or CatmullRomCurve3 in Threejs too?

[prisoner849]

@blackInk

how to animate Ribbons or CatmullRomCurve3

Sounds a bit enigmatic. Could you provide an explanatory picture with the desired result?

[blackInk]

True!
More something like those ribbons move in here:
https://www.airtightinteractive.com/demos/ribbons/

[prisoner849]

You can easily have a look into the source code of this great example.

[blackInk]

Oh oh - mostly I don´t dare to do it cause today everything is bundled and minified… but will do. I was just hoping for some´ like an Threejs example or else that explains the “basics” if that makes sense…