HNGlance

Top Best New Show

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

https://bad-apple-on-oscilloscope.pages.dev/

by araniwa • 3 months ago

5 1 3 months ago

BA

bad-apple-on-oscilloscope.pages.dev

Related Stories

Loading related stories...

Comments

1

araniwa• 3 months 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

Source preview

bad-apple-on-oscilloscope.pages.dev

HNGlance

© 2024-2026 HN Glance. Story content belongs to its original sources.

Privacy
Terms