I am trying to recreate a halftone effect with a diamond shape. The original half-tone effect was applied to an image in Gimp and looks like this. [halftone-diamond] I am trying to reproduce this effect in three.js using the HalftonePass (which uses the HalftoneShader). That has been pretty succe…

Wow, I’m really blown away by all the help. Thanks everyone! @Lukasz_Mestales ’s approach of the “kicked square” did the trick: [halftone-diamond-applied] I just had to apply both the angle and the angle45 to get the diamonds aligned correctly along the tilted axis. This is the final function (- a…

As it seems to me correctly, a diamond is a kicked square… so why do you start from a point and not from a square, rotating it by 45 degrees? (shape == SHAPE_DIAMOND) { float angle45 = 3.14159265 / 4.0; // 45° float theta = atan(p.y - coord.y, p.x - coord.x) - angle45; float sin_t = abs…

[image] NateWr: Does anyone know how I could define a diamond shape No need to change anything in the shader. It has uniforms (a kind of parameters). There are uniforms for rotation (rotateR, rotateG and rotateB), so use them. Here is the default square pattern: [image] And here is the sam…

Whats this gui from these screenshots?

The PR was merged so this feature be available as an option in r183.

Create halftone effect with a diamond shape

Questions

PavelBoytchev February 3, 2026, 7:21am 5

Oops

Halftone

Topic		Replies	Views
Creating a halftone texture Questions textures , shaders	14	1091	May 7, 2025
How to make diamond looks real? Questions materials , shaders	38	9736	March 31, 2024
How to do this shape made of "pyramids" forming like gems Questions geometry	6	127	May 4, 2026
Shader to create an offset, inward-growing stroke? Questions shaders , data-visualization	25	8451	October 11, 2019
Custom shape in image not working Questions textures , materials , geometry , shapes , image	30	1939	March 21, 2023

Create halftone effect with a diamond shape

Related topics