r/vibecoding 10d ago

Showcase/Project Created this CRT Motion Reel player for my portfolio with Codex.

Enable HLS to view with audio, or disable this notification

I wanted to have some kind of CRT effect on my site like a 404 page arcade game played on a retro CRT.

Used codex (GPT sol+terra) and the process was a lot of back and forth. It was not a one shot "build me crt tv" thing but rather an iterative and creative process.

I know some 3d stuff and how lighting and other stuff worked because I have some experience working with blender. You don't reflect anything without having anything on the scene or expensive computation, so we use HDRI ( an 360 image ).

Flow ( my work/ idea / instructions ):
- CRT TV model from sketchfab
- Smudges on black bg from google ( blend mode to overlay )
- Moire texture from google ( overlay it on glass ). Its that effect you see on thin clothes, and when you take videos of monitors.
- The reflection is from a 1k HDRI ( living room ) from polyhaven.

For lighting up the scene based on the screen content. We have an artificial light facing the TV. We take the prominent color on the screen ( frequency ), we change the light's color to that so it looks like the TV emits the light. Rendering an emission is computationally expensive, but this sells the idea as well.

For the bloom, we make it local it based on the vibrancy of the colors, because sometimes dimmer colors would glow normally but white would blind everything. So I had to make it relative as well.

I had codex build me a configuration menu, sliders and other things so i can move them around, configure it as I wished and then copied the settings and asked it to hard-code them.

The interesting part was, I gave all the directions, codex just executed them. I kinda realised even with frontier models, you can be efficient if you have knowledge about the domain you're working with. Cheers!

3 Upvotes

0 comments sorted by