I’m trying to create a reverse halftone effect using Threlte . This is my reference image: [Halftone effect Three.js] There are a couple of layers of dots, with some rather large areas of transparency, and colored layers that are offset, with an Additive Blend Mode. I’ve built out a component that…

Some fun with fragment shader. [изображение] Demo: https://codepen.io/prisoner849/full/XJJEYLa

The reference image looks more like a chromatic aberration effect than a simple transparency to the background. I.e. you distort the r, g, and b channels separately with your noise function, with slightly different offsets… but not sure. [image]

Ah, maybe so! Any suggestions on how? Like I said, I have a texture I could load that is from the designer. Below are the original texture he used, and a rasterized version that became the basis of the image above. [Texture_Transparent_v01] [SampleImage_Jesse_1]

Usually implemented as a shader: vec4 ChromaticAberration(sampler2D tex,vec4 clr, vec2 uv){ float dis = distance(uv,vec2(0.5)); clr.r += texture(tex,uv + (dis*0.005)).r; clr.g += texture(tex,uv).g; clr.b += texture(tex,uv - (dis*0.005)).b; return clr; } v…

I’ve looked into the code: you can cut out the whole font loading stuff (lines 8 - 23) to make it even more concise.

I thought I was the only one trying to discover the text in the endless layers of dots…

[image] Lukasz_Mestales: trying to discover That’s the fun in live code environments like Codepen: you can tinker with the code and see if and how the result changes. I literally did cut out those lines and it didn’t make a difference.

Yeah, true :slight_smile: But it’s just a template, for the case, if I suddenly need to generate a texture with a text.

@prisoner849 for some reason, in my implementation, using Threlte, the colors feel much less vibrant- I’m newish to all of this still, so wondering if anything jumps out at you in my implementation. I swapped the noise shader to use this one: src/psrddnoise3.glsl 419175a27 // /…

Looks like something wrong with color space, but I’m not sure.

Creating a halftone texture

Questions

prisoner849 May 3, 2025, 11:52pm 5

Some fun with fragment shader.

Demo: https://codepen.io/prisoner849/full/XJJEYLa

Topic		Replies	Views
Halftone/chromatic aberration effect on text Questions textures , materials , shaders	5	408	May 12, 2025
Holeographic background Questions shaders	6	659	July 12, 2024
Strange halo effect around my sprite image verses the original png Questions textures , materials , geometry	4	173	August 11, 2024
Basic Texture Splatting, need help Questions textures	9	5270	November 28, 2022
How to create a multiple textured terrain Questions textures	37	12646	March 28, 2026

Creating a halftone texture

Related topics