
Visuellt system
Pop music video with a halftone portrait overlay
Canvas, AI image · 16:9 · 5:06
av anabology

<inputs> 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). </inputs> <direction> 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. </direction> <structure> 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. </structure> <build> 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. </build> <gotchas> 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. </gotchas> <start> 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. </start>

Visuellt system
Canvas, AI image · 16:9 · 5:06
av anabology
Visuellt system
Claude Opus 5.5, JavaScript · 16:9 · 2:22
av donaldjewkes
Ett kreditsaldo för AI-videor och AI-bilder. Prenumerera månadsvis eller årsvis, eller köp ett kreditpaket en gång.
Betala en gång · ingen prenumeration
Videor per paket
Betala en gång · ingen prenumeration
Videor per paket
Betala en gång · ingen prenumeration
Videor per paket
Faktureras månadsvis
Videor per månad
Faktureras månadsvis
Videor per månad
Faktureras månadsvis
Videor per månad
Faktureras årsvis · 240 US$ → 192 US$/år
Videor per månad
Faktureras årsvis · 600 US$ → 480 US$/år
Videor per månad
Faktureras årsvis · 1 200 US$ → 960 US$/år
Videor per månad
Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.
Hur Archival CRT clip, drifting web posts and a glossy red 3D button gjordes, vad prompten säger och hur du gör en liknande Visuellt system-video med Potto.
Archival CRT clip, drifting web posts and a glossy red 3D button är en motion graphics-video i Visuellt system av 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 gjordes med SVG, three.js, WebGL, HTML och FFmpeg. Den ingår i Visuellt system-samlingen av AI motion graphics-videor på Potto.
Ja. Hela prompten bakom Archival CRT clip, drifting web posts and a glossy red 3D button finns på den här sidan. Kopiera den, eller klicka på Använd prompten för att öppna den i Pottos arbetsyta.
Archival CRT clip, drifting web posts and a glossy red 3D button är 0:55 i en 16:9-bild.
Ja. Klicka på Använd prompten för att läsa in prompten bakom Archival CRT clip, drifting web posts and a glossy red 3D button i Pottos arbetsyta. Potto renderar en egen version, och du kan ändra text och stil innan du exporterar.
Archival CRT clip, drifting web posts and a glossy red 3D button publicerades först av skaparen. Klicka på Visa originalet för att öppna inlägget i en ny flik.
Bläddra i Visuellt system-samlingen på Potto: 480 videor, var och en med prompt, specifikationer och källa.