CRT: Analog Signal

A real-time exploration of signal decay and digital memory using p5.js and GLSL shaders.
Created by Thapelo Madiba MBE.

Project Overview

Analog Signal simulates the artifacts of analog media using a custom GLSL shader.
It questions the authenticity of what we see through a screen and is part of the TMM-OS research into Systematic-Poetic systems.

Features

• Real-time webcam input processed with a CRT-style shader
• Loading overlay for smooth UX
• Save frame as PNG
• Project statement/info overlay

Files

• index.html — Main HTML file, loads p5.js, shader, and UI
• style.css — Styles for layout, overlays, and buttons
• script.js — p5.js sketch, shader code, and UI logic

How to Run

1. Clone or download this repository.
2. Open index.html in your web browser.
   • Make sure your browser allows webcam access.
3. Interact:
   • [ i ] — Show/hide project statement
   • [ SAVE FRAME ] — Save current frame as PNG

Development

• All shader code is embedded in script.js (no external shader files needed).
• UI and overlays are styled via style.css.

Requirements

• Modern web browser (Chrome, Firefox, Edge, etc.)
• Webcam (for live video input)
• Internet connection (for p5.js CDN)

---

Push Instructions

1. Check your changes:

   git status
   

2. Stage your files:

   git add index.html style.css script.js README.md
   

3. Commit with a message:

   git commit -m "Add README and prepare CRT Analog Signal project for push"
   

4. Pull latest changes (to avoid conflicts):

   git pull
   

5. Push to remote:

   git push
   

---

Credits

• p5.js
• GLSL shader by Thapelo Madiba MBE