Glitchy Structure

Hi community!

Video:

Demo: Sketch

In the age of AI (that I’ve never used with three.js - surprise, surprise), I don’t know, if stuff like this is valuable or useful.

But digging into depths of Three.js is fun for me. And moreover, I see the framework as an instrument of self-expression.

This time I finally got around to a full Pass for EffectComposer.

The idea was: (1) I want a “thing” of fat lines of varying thickness, (2) I also want it partially glowing, and, most importantly, (3) I want it glitching (only one object in the scene with this effect).

(1) This was relatively simple: modification of below-average difficulty for LineMaterial.
(2) The easiest part: the using of UnrealBloomPass.
(3) This one cost me several hours of reading the docs, looking through examples and searching the forum and stackoverflow. The familiar path of trials and errors. And on top of that, I’ve got a few more grey hairs (yes, you didn’t ask, but I couldn’t help to share this important info) :sweat_smile:
The solution I came up with does next: renders the desired object into a render target, applies the glitch, mixes the result with the render of the rest scene. Now, when it’s done, it sounds and feels very simple. However, the process of its implementation was fraught with difficulties.

And… that’s all :slight_smile: Have fun!

8 Likes

@prisoner849 much respect and admiration for what you do, and for what you represent for this community

2 Likes

Oh! Thank you for kind words :handshake:

1 Like