Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Prompt: Side-view HTML/CSS/JS animation of a tiny pinball machine playing itself: chrome ball launch, realistic gravity and bounces, two flippers that time their hits, lit bumpers that flash when struck, rolling ball shadow, score counter in a corner that increases on hits, subtle screen shake on strong impacts, “Ball... show more

Diego | AI 🚀 - e/acc

6,109 subscribers

88,658 views • 6 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Prompt: Create a rocket launch animation starting with engine ignition and heavy smoke, followed by a slow liftoff that accelerates, using HTML/CSS/JS in a single HTML file.

Prompt: Create a rocket launch animation starting with engine ignition and heavy smoke, followed by a slow liftoff that accelerates, using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

212,095 views • 5 months ago

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file

Diego | AI 🚀 - e/acc

145,468 views • 6 months ago

Prompt: Make a side-scrolling platformer game like Super Mario Bros. using HTML/CSS/JS in a single HTML file.

Prompt: Make a side-scrolling platformer game like Super Mario Bros. using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

84,803 views • 6 months ago

Prompt: Create an animation of a single flower blooming in a pot. Using HTML/CSS/JS in a single HTML file.

Prompt: Create an animation of a single flower blooming in a pot. Using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

114,362 views • 6 months ago

Prompt: Create a 3D simulation of a formula 1 car performing a continuous drifting donut in the street using HTML/CSS/JS in a single HTML file.

Prompt: Create a 3D simulation of a formula 1 car performing a continuous drifting donut in the street using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

233,791 views • 6 months ago

Prompt: Create an interactive New Year's Eve fireworks display using HTML/CSS/JS in a single HTML file. When the user clicks, a rocket should launch and explode into colorful particles with gravity and drag physics. Include a 'Grand Finale' button that automatically launches a barrage of fireworks that form the glowing text 'HELLO 2026' in the sky.

Prompt: Create an interactive New Year's Eve fireworks display using HTML/CSS/JS in a single HTML file. When the user clicks, a rocket should launch and explode into colorful particles with gravity and drag physics. Include a 'Grand Finale' button that automatically launches a barrage of fireworks that form the glowing text 'HELLO 2026' in the sky.

Diego | AI 🚀 - e/acc

34,210 views • 5 months ago

Prompt: Create a simulation of a pirate ship sailing through open ocean. Using HTML/CSS/JS in a single HTML file.

Prompt: Create a simulation of a pirate ship sailing through open ocean. Using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

60,071 views • 5 months ago

🚨 Gemini 3.5 Flash built a full Ubuntu/GNOME web OS in ONE shot. single HTML file, embedded CSS + JS. from one prompt: >working dock + top bar >functional terminal & Game >file manager with real navigation >window drag, resize, minimize on every window >settings panel >boot animation prompt + full code in the reply 👇

🚨 Gemini 3.5 Flash built a full Ubuntu/GNOME web OS in ONE shot. single HTML file, embedded CSS + JS. from one prompt: >working dock + top bar >functional terminal & Game >file manager with real navigation >window drag, resize, minimize on every window >settings panel >boot animation prompt + full code in the reply 👇

Chetaslua

58,214 views • 1 month ago

Understanding HTML, CSS and JS 🤌🏽

Understanding HTML, CSS and JS 🤌🏽

Ugwu Samuel 👨🏼‍💻

38,083 views • 1 year ago

Loading 200MB text file instantly with random-access scrolling and instant line re-wrapping on resize. This gui is in Go, btw It's not a browser wrapper! There's no html/js/css here!

Loading 200MB text file instantly with random-access scrolling and instant line re-wrapping on resize. This gui is in Go, btw It's not a browser wrapper! There's no html/js/css here!

Hasen Judi

131,175 views • 8 months ago

A cute lamp login page, made with HTML, CSS, JS😱🥹

A cute lamp login page, made with HTML, CSS, JS😱🥹

F.O.L.A

48,759 views • 4 months ago

just open-sourced a crowd system in vanilla JS. 2000+ pedestrians at 60fps in a browser tab, no spritesheets, no skeletons, no shaders. each person is a sliced quad that bobs / sways / leans procedurally from a single 4-direction PNG. single HTML file, MIT: #gamedev #indiegame

just open-sourced a crowd system in vanilla JS. 2000+ pedestrians at 60fps in a browser tab, no spritesheets, no skeletons, no shaders. each person is a sliced quad that bobs / sways / leans procedurally from a single 4-direction PNG. single HTML file, MIT: #gamedev #indiegame

Ibrahim Boona

18,667 views • 1 month ago

🚨 Gemini 3.5 Flash just built a full Windows-style web OS in ONE shot. Single HTML file, embedded CSS + JS. From one prompt: > Windows-style taskbar + start menu > Draggable/resizable app windows > Functional file explorer > Working terminal + browser mockup > Desktop icons + notifications > Settings app, themes, boot screen All generated in one pass with almost no corrections. Gemini’s frontend/UI generation lately is getting ridiculous.

🚨 Gemini 3.5 Flash just built a full Windows-style web OS in ONE shot. Single HTML file, embedded CSS + JS. From one prompt: > Windows-style taskbar + start menu > Draggable/resizable app windows > Functional file explorer > Working terminal + browser mockup > Desktop icons + notifications > Settings app, themes, boot screen All generated in one pass with almost no corrections. Gemini’s frontend/UI generation lately is getting ridiculous.

WorldofAI

21,975 views • 1 month ago

🚨 gemini 2.0 one shot 🚨 prompt: write a script that shows a ball bouncing inside a spinning hexagon. The ball should be affected by gravity and friction, and it must bounce off the rotating walls realistically, implement in p5.js

🚨 gemini 2.0 one shot 🚨 prompt: write a script that shows a ball bouncing inside a spinning hexagon. The ball should be affected by gravity and friction, and it must bounce off the rotating walls realistically, implement in p5.js

AK

30,901 views • 1 year ago

successful day of UI design! really starting to feel the benefit of writing plugin UIs in html/css/js

successful day of UI design! really starting to feel the benefit of writing plugin UIs in html/css/js

imagiro

10,260 views • 2 years ago

What I coded today as a software engineer! HTML/CSS/JS edition ✨

What I coded today as a software engineer! HTML/CSS/JS edition ✨

˗ˏˋmewtru´ˎ˗

212,770 views • 2 years ago

"Has that gone in? HAS THAT GONE IN?" 🤔 Haotong Li hits the cup inside the hole and the ball bounces out 🤯 #VolvoChinaOpen

"Has that gone in? HAS THAT GONE IN?" 🤔 Haotong Li hits the cup inside the hole and the ball bounces out 🤯 #VolvoChinaOpen

DP World Tour

398,022 views • 1 year ago

Ball of the Century #OnThisDay in 1993, Shane Warne's first ball in England and Ashes turned out to be the 'ball of the century'. Wisden noted that "never, perhaps, has one delivery cast so long a shadow over a game, or a series"

Ball of the Century #OnThisDay in 1993, Shane Warne's first ball in England and Ashes turned out to be the 'ball of the century'. Wisden noted that "never, perhaps, has one delivery cast so long a shadow over a game, or a series"

Cricketopia

192,621 views • 1 year ago

A visual comparison of HTML-in-Canvas vs rasterizing DOM to a canvas texture (side-by-side below, compare average capture times) Existing approaches to pull web content into canvas are slow and lossy: - Animations glitch, or don't play at all - CSS replication is imprecise - Clogs up the main thread, other animations lag HTML-in-Canvas (texElementImage2D) lets the browser's own compositor map CSS layouts, animations, and transitions precisely into canvas/WebGL textures — one native call instead of thousands of JS style reads. It's currently available behind an experimental Chrome flag. Really cool, and I can't wait for it to become mainstream.

A visual comparison of HTML-in-Canvas vs rasterizing DOM to a canvas texture (side-by-side below, compare average capture times) Existing approaches to pull web content into canvas are slow and lossy: - Animations glitch, or don't play at all - CSS replication is imprecise - Clogs up the main thread, other animations lag HTML-in-Canvas (texElementImage2D) lets the browser's own compositor map CSS layouts, animations, and transitions precisely into canvas/WebGL textures — one native call instead of thousands of JS style reads. It's currently available behind an experimental Chrome flag. Really cool, and I can't wait for it to become mainstream.

Robin

46,432 views • 2 months ago