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

2 Likes

Topic		Replies	Views
Creating a halftone texture Questions textures , shaders	14	865	May 7, 2025
How to make diamond looks real? Questions materials , shaders	38	9405	March 31, 2024
Shader to create an offset, inward-growing stroke? Questions shaders , data-visualization	25	8402	October 11, 2019
Custom shape in image not working Questions textures , materials , geometry , shapes , image	30	1888	March 21, 2023
Diamond shader from unity to Three.Js Questions shaders	2	2413	May 7, 2021

Create halftone effect with a diamond shape

Related topics