Back to News
Advertisement
Advertisement

⚡ Community Insights

Discussion Sentiment

0% Positive

Analyzed from 92 words in the discussion.

Trending Topics

#oscilloscope#frame#bad#apple#https#com#each#edge#react#three

Discussion (1 Comments)Read Original on HackerNews

araniwaabout 5 hours 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