This is super cool :) How did you do the circuit bending?
Is it emulating the CCD chip somehow, or approximating the effects?
It is visually approximating the effects to what shorting the pins would do
Readit NewsI love it. The aesthetics are fantastic. Can this record a video as well?
Not at the moment, but sounds like a great extension to build!
It looks very convincing, and funky. How does the simulation work?
I capture each of the frames and process it pixel by pixel[1]. There are 3 inputs to the simulation
1. The gain knob controls the overall intensity of the effect
2. The selected pins / effects are applied to the frame. I describe a couple of the effects below:
For HClock: If the horizontal clock pin is selected, I cut the frame into variable height slices (some are 2-3px, others 8-20px). For each slice, I calculate a random shift (up to ~20% of the frame width) and move the slice to the left or right by the shift value. Then I randomise between keeping the slice normal (70% of the time), black (15%), or a random color band (15%). I then add a magenta tint + darken every other line to simulate a broken TV signal.
For OD: If output drain pin is selected, I compute a random global offset and per line offet jitter. Then for each of the pixels, I move the red to the left and blue to the right by the jitter value.
After the effects are added, I add a global noise, some corrupt lines (on ~30% of the frames, random horizontal lines of magenta/pink/white, shifted/added)
3. Finally a global hue shift is added based on the second knob.
One thing I realised is that Math.random() produced a lot of noise and flow between the frames looked disorienting. So I used a simple integer hash function to produce a more "deterministic" random number and the frames looked more stable/consistent.
[1] I should probably look for optimisations to prevent the device heating up after a few minutes.
UI exploration for interacting with LLMs
https://www.youtube.com/watch?v=ldJTjwhqKy4
Currently popular AI chat interfaces feel restrictive when exploring or learning complex concepts/ideas. I often want to revisit earlier parts of a conversation, ask branching follow up questions, connect related concepts, compare and contrast between various chain of thoughts. This UI exploration aims to solve some of these limitations.
Skillset: UX Design, frontend development web/app, [backend can manage]
Portfolio: https://eb.fyi/
Technologies: ReactJS, Typescript, React native, Dart, Flutter, Nodejs, Illustrator, Figma
Location: Singapore
Remote: Yes
Willing to relocate: Yes
Résumé/CV: https://eb.fyi/resume.pdf
Email: elayabharath@gmail.com
inspiration that I had me digging into this stuff: https://www.tiktok.com/@0xa.mp4
- https://ade3.substack.com/p/how-to-make-a-glitch-camera
- https://drive.google.com/drive/folders/1BbJMZmAN7hbA2YoD0xsV...
- https://fubar.space/wp-content/uploads/2022/10/Glitchwerks-C...
- https://www.reddit.com/r/CircuitBending/ [Many posts are about cameras]