Hi, I am making a background for my website, and I would like it to be similar to: [image] With a wireframe load, I am getting: [image] Without wireframe, I am getting: [image] This is achieved using a simple smoothstep-shader where I take the y-coordinate of the vertex into account when creat…

Not that off-topic, as I used parts of three.js :sweat_smile:

Looks like it comes from this topic: Three.js + Delaunator The approach there uses an indexed buffer geometry, which is not suitable for the thing you want to achieve. I would cast the result geometry to non-indexed. And it needs to be done on every render. There are also options with fragment sh…

You are correct the initial Delunator comes from your post there. I see. If I understand you correct, you would simply take the meshIndices and pass them directly to a Shader instead of adding them to the existing point geometry using: g.setIndex(meshIndex); Would you still be able to use a THREE…

If you want just background, why not simply make it with canvas’ 2d-context. [изображение] Stuff used: Delaunaror, THREE.Vector2, THREE.Color, THREE.MathUtils, canvas.getContext(“2d”). Here, three.js used as a lib with helper classes/methods.

I have the feeling that a more faceted (flat shaded) appearance is needed? Something like this: Crystal planet [image]

You guys :sweat_smile: Good job both! I have other 3D objects in the scene, so maybe a combination of Pavel’s and Paul’s ideas will be the final result to avoid the 2D context but still get the desired effect. The idea is that this will be a backdrop running behind the other geometry. I am going to …

Triangle-wise shading from individual vertice/mesh index inputs

Questions

prisoner849 February 20, 2023, 12:38pm 6

Not that off-topic, as I used parts of three.js

Topic		Replies	Views
How does one disable interpolation of vertex colors? Questions materials	14	3060	January 3, 2025
Black lines on geometry with colored vertices Questions geometry	8	808	October 3, 2023
Three.js + Delaunator Resources buffergeometry , triangulation	11	10184	December 6, 2021
Polygons edges are hilighted how to make it as sharp edges Questions materials , geometry	4	818	July 10, 2023
How to use THREE.triangle .setFromPointsAndIndices() Questions geometry , triangle	1	553	January 4, 2021

Triangle-wise shading from individual vertice/mesh index inputs

Related topics