A little Three.js experiment — a torn-edge reveal built with a custom shader and Sobel edge detection.

I wanted the transition to feel more organic and physical than a typical image reveal.

Custom shader + Sobel edge for a torn reveal is the kind of WebGL detail people feel even if they can't name it.

🚨 CODES, SHADERS & SPOOKY UI: WHY BUILDERS CAN’T MATCH HAND-CODED PRECISION

Most creators blend static assets in Figma or Canva. As a Full-Stack Engineer, I treat code itself as an art form.

For the Rive Halloween Challenge, I brought together raw code, terminal-driven workflows, and GPU shaders into one ultimate dev collage:

• Rive CLI & RML: Writing responsive interactive scenes directly inside VS Code—zero bloat. • GPU Canvas (WGSL Shaders): Custom fog, flickering lights, and real-time spooky effects powered directly by the GPU. • Cybersecurity & Clean Architecture: High-performance, pixel-perfect web apps built to convert in 0.05 seconds.

Forget laggy plugins and heavy template builders. True digital experiences are engineered from the ground up.

💬 Quick Question for Creatives & Devs: Are you team Drag-and-Drop Builders or team 100% Hand-Coded Architecture?

👇 Drop your thoughts below, let's connect and push the boundaries of modern web tech!

The part where you drive fog and flickering lights with WGSL shaders on the GPU feels like the kind of low level control that really cuts latency.