Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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...

diegocabezas01's profile picture

Diego | AI 🚀 - e/acc

6,109 subscribers

88,658 Aufrufe • vor 6 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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.
1:19

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 Aufrufe • vor 5 Monaten

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

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

Diego | AI 🚀 - e/acc

145,468 Aufrufe • vor 6 Monaten

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

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 Aufrufe • vor 5 Monaten

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

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 Aufrufe • vor 6 Monaten

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.
1:03

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 Aufrufe • vor 6 Monaten

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.
1:14

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 Aufrufe • vor 5 Monaten

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

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 Aufrufe • vor 5 Monaten

🚨 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 👇
2:27

🚨 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,144 Aufrufe • vor 1 Monat

Understanding HTML, CSS and JS 🤌🏽
2:30

Understanding HTML, CSS and JS 🤌🏽

Ugwu Samuel 👨🏼‍💻

38,083 Aufrufe • vor 1 Jahr

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!
0:31

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 Aufrufe • vor 8 Monaten

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

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

F.O.L.A

48,759 Aufrufe • vor 4 Monaten

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
0:37

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 Aufrufe • vor 1 Monat

🚨 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.
0:47

🚨 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 Aufrufe • vor 1 Monat

🚨 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
0:27

🚨 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 Aufrufe • vor 1 Jahr

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

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

imagiro

10,260 Aufrufe • vor 2 Jahren

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

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

˗ˏˋmewtru´ˎ˗

212,770 Aufrufe • vor 2 Jahren

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

"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 Aufrufe • vor 1 Jahr

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"
2:18

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 Aufrufe • vor 1 Jahr

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.
0:32

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 Aufrufe • vor 2 Monaten