---
title: "Archival CRT clip, drifting web posts and a glossy red 3D button"
description: "A 55-second visual piece combining archival CRT footage, drifting web posts, and a glossy red 3D button."
canonical: "https://potto.ai/ur/videos/archival-crt-clip-drifting-web-posts-and-a-glossy-red-button"
language: "ur"
datePublished: "2026-09-26"
---
# Archival CRT clip, drifting web posts and a glossy red 3D button
A 55-second visual piece combining archival CRT footage, drifting web posts, and a glossy red 3D button.
An archival CRT clip plays alongside web posts that drift across the frame, with a glossy red 3D button. The piece runs 55 seconds and brings these elements together in one sequence.
- [بصری نظام](https://potto.ai/ur/videos/visual-system.md)
- از notdwd
- لمبائی اور تناسب: 0:55 · 16:9
- اس سے بنا: SVG, three.js, WebGL, HTML, FFmpeg
- شائع 26 ستمبر، 2026
- اصل دیکھیں: https://x.com/notdwd/status/2103995183255998633
## پرومپٹ
```text
Ask me for: a brand name, its logo (SVG or high-res PNG), one line of what it becomes in 5 years (not today's features), one coined word the film should teach (e.g. "signal"), a public-domain archival clip of the old way of doing it (http://archive.org Prelinger), an archived web page from ~2000 where people asked for things (Wayback Machine), a royalty-free song ~100-120 BPM with a real drop (Mixkit, free for commercial use), and a free ElevenLabs key for the narrator (premade voices only).
An a16z x Content Rewards brand film, ~55s. It sells one feeling and one idea, never features. Real archival and real web pages, never stock footage, never product screens, never fake UI. One hero object: a 3D button with the logo embossed into it, the ONLY saturated colour in the film. Everything else white, silver, cream and archival black. Small white captions that light up word by word on the narrator's timestamps. Film texture: fresh grain every frame, halation on bright edges, soft vignette, warm lifted blacks. The brand appears at the end, never before.
Banned: stock footage, dashboards, chat UIs, feature tours, cards without real profile pictures, wobbly "worm" graph lines, random glitches, any hold longer than 1.5s, purple, rainbow gradients, orange on anything but the button.
Cold open (0-8s): the archival clip plays on a glowing old CRT TV with its real dialogue, captions word by word.
The past (8-17s): push into the real 2000 web page, a cursor lands on one real "wanted" post, old pages strobe one per frame, a counter ticks EVERY frame up to today's scale. Narrator: "People have always asked the internet for what they need." / "Today, there are five hundred million posts a day."
Bridge (17-30s): a galaxy of real old asks. One ask snaps to a white outline with a chip of the coined word ("We call that a signal."). Archival of people doing it by hand on the TV. Cut on each word: "Door by door. Call by call. Scroll by scroll." The narrator never stops talking between acts.
Button (30s): the button rises out of black, rim light first, colourless. "[Brand] finds the signals." A flat grey line: "this is how you find customers by hand". Hard cut to a button macro, the colour comes alive, the music drop lands on this exact frame. "and this... is with [Brand]": a steep lit curve, counters changing every frame, a glowing sine with a comet head the camera chases, then platform strikes (X, Reddit, LinkedIn, YouTube, Instagram, TikTok) each with its own counter, then the galaxy again with glowing platform logos: "Every signal on the internet." Hyperspace.
End: the tagline word by word, then "[Brand] is live.", ONE cream frame on the kick, then logo + URL in silence.
1. One HTML file, 1920x1080. Everything is computed from time inside seek(t): no CSS transitions, no timers, no Math.random (seeded hash), no state between frames.
2. Button: three.js MeshPhysicalMaterial (clearcoat 1, roughness ~0.4), ACES filmic, cool + warm rim spots, room env map. Emboss the real logo by displacing a dense disc with a blurred mask of the logo, folded into the rim so corners don't show. Brushed-metal base.
3. Counters: linear on the film's global clock, so they keep running through cutaways. Tabular numerals, fixed unit label.
4. Captions: <=7 words, one idea per shot, hand-placed line breaks, one text layer on screen at a time. Grey to white over 0.2s on the word timestamps (ElevenLabs /with-timestamps).
5. Glitch = 1-2 frames, only on a real cut, always with a click. Readable things stay on screen >= 8 clean frames.
6. Render with Playwright per frame (Chromium with --use-angle=swiftshader so WebGL renders headless), finish in numpy: fresh grain per frame, halation, vignette ~0.65x at the corners, 1px chroma fringe with EDGE-CLAMPED shifts. Pipe PNGs into ffmpeg, h264, 24fps.
7. Mix: narrator 10-15dB over the music, duck -18dB while speaking, hits on the exact action frame, -14 LUFS.
np.roll wraps pixels and draws coloured lines on the frame edges, so clamp instead. A 10-pattern grain bank loops visibly, generate fresh grain every frame. Measure text only after fonts load or the widths are wrong. Headless Chromium with --disable-gpu renders WebGL blank. Counters that step every 3 frames look fake. If the narrator goes quiet between acts the film feels broken, so write a bridge line for every act change.
Ask me for the inputs, then show me the script with timings and 6 stills (cold open, past, bridge, button reveal, macro on the drop, end card) before you render the full film. After every render, send me one 2fps contact sheet and fix what I call trash.
```
## Archival CRT clip, drifting web posts and a glossy red 3D button کے اکثر پوچھے گئے سوالات
Archival CRT clip, drifting web posts and a glossy red 3D button کیسے بنا، اس کا پرامپٹ کیا کہتا ہے، اور Potto سے ایسی ہی بصری نظام ویڈیو کیسے بنائیں۔
### Archival CRT clip, drifting web posts and a glossy red 3D button کیا ہے؟
Archival CRT clip, drifting web posts and a glossy red 3D button زمرہ بصری نظام کی ایک موشن گرافکس ویڈیو ہے، notdwd کی بنائی ہوئی۔ A 55-second visual piece combining archival CRT footage, drifting web posts, and a glossy red 3D button.
### Archival CRT clip, drifting web posts and a glossy red 3D button کیسے بنا؟
Archival CRT clip, drifting web posts and a glossy red 3D button SVG، three.js، WebGL، HTML، اور FFmpeg سے بنا ہے۔ یہ Potto پر بصری نظام کی اے آئی موشن گرافکس ویڈیوز کے مجموعے کا حصہ ہے۔
### کیا Archival CRT clip, drifting web posts and a glossy red 3D button کا پرومپٹ دستیاب ہے؟
ہاں۔ Archival CRT clip, drifting web posts and a glossy red 3D button کا پورا پرومپٹ اسی صفحے پر ہے۔ اسے کاپی کریں، یا یہ پرومپٹ استعمال کریں پر کلک کر کے Potto کے ورک اسپیس میں کھولیں۔
### Archival CRT clip, drifting web posts and a glossy red 3D button کتنی لمبی ہے، اور اس کا تناسب کیا ہے؟
Archival CRT clip, drifting web posts and a glossy red 3D button کی مدت 0:55 ہے، فریم 16:9۔
### کیا میں Potto سے Archival CRT clip, drifting web posts and a glossy red 3D button جیسی بصری نظام ویڈیو بنا سکتا ہوں؟
ہاں۔ یہ پرومپٹ استعمال کریں پر کلک کریں تاکہ Archival CRT clip, drifting web posts and a glossy red 3D button کا پرومپٹ Potto کے ورک اسپیس میں لوڈ ہو۔ Potto اپنا ورژن رینڈر کرتا ہے، اور ایکسپورٹ سے پہلے متن اور انداز بدل سکتے ہیں۔
### Archival CRT clip, drifting web posts and a glossy red 3D button کی اصل کہاں دیکھوں؟
Archival CRT clip, drifting web posts and a glossy red 3D button پہلے اس کے تخلیق کار نے پوسٹ کیا۔ اصل دیکھیں پر کلک کریں تاکہ وہ پوسٹ نئے ٹیب میں کھلے۔
### Archival CRT clip, drifting web posts and a glossy red 3D button جیسی مزید بصری نظام ویڈیوز کہاں ملیں گی؟
Potto پر بصری نظام کا مجموعہ دیکھیں: 480 ویڈیوز، ہر ایک کے ساتھ پرومپٹ، تفصیل اور ماخذ۔