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.

/cc [Inverser] WebGL GLSL Shader one wave over the sphere three.js, glsl, webgl asked by Inverser on 08:32AM - 06 Feb 21 UTC

I need some like this [2021-02-06_16-49]

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?

WebGL GLSL Shader one wave over the sphere

Questions

prisoner849 February 6, 2021, 11:09am 3

Hi!
About waves, you can take a look at this topic: Impact shock wave - #9 by prisoner849

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

WebGL GLSL Shader one wave over the sphere

Related topics