Hello, friends. There was such a task. Start up one! a wave over a sphere, which, as it were, looks like a map of the planet, which (map) in turn is generated from planeBufferGeometry and then these geometries are combined using THREE.BufferGeometryUtils.mergeBufferGeometries(geometries, false); C…

I thought you want it at the level of vertices, in vertex shader. But answering your question: try to use transparent: true and something like this gl_FragColor = vec4( col, 1. - finalStep ); instead of the last line in the fragment shader.

The same principle :slight_smile:

No, this is not a principle. What you indicated just animates the color, and I need to move the point in the form of a wave. Take a closer look at the image.

The same principle of taking a distance between a point in a geometry and the point you want the wave start from. Instead of perform it in fragment shader, do it in vertex shader.

I’ll try. Thank you. Sorry I didn’t get it right away. I use a translator to understand your speech)

Don’t worry. English is not my native language either :slight_smile:

Please, tell me how to make this material transparent, from your example? To be transparent instead of black? [2021-02-07_00-07] Code: var material0 = new THREE.MeshStandardMaterial({ opacity:1, // wireframe: true, color: new THREE.Color('#000000'), transpare…

Oh, it’s so cool! Thank u! Братик, ты на русском говоришь? Can I donate for u?

@inverser You’re welcome :beers:

Something more interesting and more colorful :slight_smile: [изображение]

WebGL GLSL Shader one wave over the sphere

Questions

inverser February 7, 2021, 7:51pm 13

Thks, prisoner849
https://jsfiddle.net/prisoner849/ghyb9v0o/

Topic		Replies	Views
Global Impacts (waves + trails) Resources shaders , buffergeometry	3	2563	February 15, 2021
Morph sphere to plane geometry with complex shader material Questions textures , materials , geometry , shaders , shader-material , animation , morph-targets , threejs	6	386	June 28, 2024
vertex waves with GLSL Showcase	2	295	April 5, 2025
Impact shock wave Questions shaders	12	4117	February 7, 2019
Learning particle wave in threejs Questions materials , geometry , animation , fragment-shader	0	946	March 19, 2021

WebGL GLSL Shader one wave over the sphere

Related topics