Settings

Theme

Show HN: Bad Apple (Oscilloscope-Like) – one stroke per frame

bad-apple-on-oscilloscope.pages.dev

5 points by araniwa 7 days ago · 3 comments

Reader

araniwaOP 7 days ago

I rendered the classic Bad Apple!! video as a single continuous line on a virtual oscilloscope — all 6500 frames, animated with audio sync.

Source Code: https://github.com/ad-sho-loko/bad-apple-on-oscilloscope

Each frame goes through Canny edge detection, then a nearest-neighbor algorithm connects all the edge pixels into one unbroken path — like drawing each frame without lifting the pen.

The viewer is built with React + Three.js with post-processing glow effects to mimic a real CRT oscilloscope.

Inspired by this tweet: https://x.com/AhmedShahnab/status/2035330016725336065

Tech stack: - Python (OpenCV) for frame processing - React + Three.js + R3F for rendering - Cloudflare Pages for hosting

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection