正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

I made a web app that visualises music in real time. Coded with ChatGPT 5.5 using JavaScript, HTML5 Canvas, and the Web Audio API. Sound on, please.

Techartist

14,600 subscribers

11,177 次观看 • 1 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Fun hack: A new way to inspect web with the html-in-canvas API

Fun hack: A new way to inspect web with the html-in-canvas API

tani

43,577 次观看 • 4 个月前

i made Dumb Drum Revolution. smack everyday objects to create "music" built with: - roboflow RF-DETR for object detection - mediapipe hand tracking - web audio API and some drum samples runs in realtime in the browser for all your drumming needs

i made Dumb Drum Revolution. smack everyday objects to create "music" built with: - roboflow RF-DETR for object detection - mediapipe hand tracking - web audio API and some drum samples runs in realtime in the browser for all your drumming needs

AA

72,956 次观看 • 5 个月前

Looking to build apps that can search the web, images, videos and more? Brave just made it incredibly simple to connect your Kiro projects with real-time access to the web using their latest MCP server for Brave Search. Learn more 👉

Looking to build apps that can search the web, images, videos and more? Brave just made it incredibly simple to connect your Kiro projects with real-time access to the web using their latest MCP server for Brave Search. Learn more 👉

Kiro

35,626 次观看 • 1 年前

MegaETH is now live on Uniswap Web App, Wallet, and API Swap and LP on one of the fastest chains in the world, with 100,000 TPS and 10ms block times

MegaETH is now live on Uniswap Web App, Wallet, and API Swap and LP on one of the fastest chains in the world, with 100,000 TPS and 10ms block times

Uniswap

73,600 次观看 • 1 个月前

I recently ported BoltAI to the web platform and immediately ran into a technical challenge: How to store API keys securely? It's pretty straightforward for a native app but it's surprisingly challenging for a web app. I write a short post on my learnings below ↓

I recently ported BoltAI to the web platform and immediately ran into a technical challenge: How to store API keys securely? It's pretty straightforward for a native app but it's surprisingly challenging for a web app. I write a short post on my learnings below ↓

Daniel Nguyen

59,938 次观看 • 4 个月前

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left) (middle) (right) prompt I used: Create a single HTML file containing a realistic cloth simulation using HTML5 Canvas and JavaScript. The cloth should be a grid of points connected by constraints using Verlet integration. Implement gravity and mouse interaction: the user should be able to click and drag particles to tear the cloth. The physics must remain stable without exploding.

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left) (middle) (right) prompt I used: Create a single HTML file containing a realistic cloth simulation using HTML5 Canvas and JavaScript. The cloth should be a grid of points connected by constraints using Verlet integration. Implement gravity and mouse interaction: the user should be able to click and drag particles to tear the cloth. The physics must remain stable without exploding.

God of Prompt

96,685 次观看 • 8 个月前

🎊 After months of work SSGI is finally released! 🎊 ➡️ Global lllumination on the web in real-time ⮕ open-source on GitHub: #threejs #webgl #webdev #javascript #graphics

🎊 After months of work SSGI is finally released! 🎊 ➡️ Global lllumination on the web in real-time ⮕ open-source on GitHub: #threejs #webgl #webdev #javascript #graphics

0beqz

128,676 次观看 • 3 年前

As a learning test, I ported part of my 2D Cloth Physics Simulation to the web using #Rust 🦀 🧪 Try the mini demo: Real-time simulation with Verlet integration, touch/mouse interaction, and web delivery. #gamedev #physics #simulation #verletintegration

As a learning test, I ported part of my 2D Cloth Physics Simulation to the web using #Rust 🦀 🧪 Try the mini demo: Real-time simulation with Verlet integration, touch/mouse interaction, and web delivery. #gamedev #physics #simulation #verletintegration

Claudio Z.

90,876 次观看 • 1 年前

🎨 Rapidly prototype interactive 3D concepts with Gemini. Learn how to use Gemini in the Canvas web app to build 3D environments and interactive models using WebXR APIs. Start building → Explore more examples below 🧵

🎨 Rapidly prototype interactive 3D concepts with Gemini. Learn how to use Gemini in the Canvas web app to build 3D environments and interactive models using WebXR APIs. Start building → Explore more examples below 🧵

Google for Developers

30,520 次观看 • 5 个月前

Unlock the power of JavaScript. With "JavaScript for Web Wizards"📕 ◈ Guides And Framework ◈ 70+ Theoretical Questions. ◈ 50+ JavaScript Exercises. ◈ Rapid Revision Grab it for FREE. Drop a 👋🏼 in the comments, Make sure you follow me, So that can DM You.

Unlock the power of JavaScript. With "JavaScript for Web Wizards"📕 ◈ Guides And Framework ◈ 70+ Theoretical Questions. ◈ 50+ JavaScript Exercises. ◈ Rapid Revision Grab it for FREE. Drop a 👋🏼 in the comments, Make sure you follow me, So that can DM You.

Mohd Rizwan Alam

28,619 次观看 • 2 年前

What if agents could just write to local files and changes show up in a real-time multiplayer web app?

What if agents could just write to local files and changes show up in a real-time multiplayer web app?

Wim Cools

17,602 次观看 • 2 个月前

ok anything ai is actually insane it just one shot this app that scrapes google maps for local business email leads i just took a n8n json file and told anything to build a web app based on this logic it one shot a functioning web app with like 3 databases and web scraping this is actually crazy

ok anything ai is actually insane it just one shot this app that scrapes google maps for local business email leads i just took a n8n json file and told anything to build a web app based on this logic it one shot a functioning web app with like 3 databases and web scraping this is actually crazy

Cody Schneider

87,713 次观看 • 1 年前

Every time a sale is made on Shopify this Black Friday weekend, it shows up on this 3D globe. It runs at 120fps in the web with a full 3D environment, physics engine, music synth, VR support, and more. It’s hard to believe it's a React app 👀🧵

Every time a sale is made on Shopify this Black Friday weekend, it shows up on this 3D globe. It runs at 120fps in the web with a full 3D environment, physics engine, music synth, VR support, and more. It’s hard to believe it's a React app 👀🧵

Daniel Beauchamp

464,486 次观看 • 1 年前

Earn is now live on Uniswap Web App and Wallet Deposit USDC, USDT, or ETH and put your assets to work in just a few steps Earnings grow in real-time, with no lock-ups on withdrawals

Earn is now live on Uniswap Web App and Wallet Deposit USDC, USDT, or ETH and put your assets to work in just a few steps Earnings grow in real-time, with no lock-ups on withdrawals

Uniswap

222,530 次观看 • 9 天前

What if there were a user-friendly web app that made writing, formatting, and structuring your resume super easy? Here's a preview of a side project I've been working on (using the excellent shadcn ui of course).

What if there were a user-friendly web app that made writing, formatting, and structuring your resume super easy? Here's a preview of a side project I've been working on (using the excellent shadcn ui of course).

Houssein Djirdeh

84,943 次观看 • 2 年前

GPT 5.5 Pro (spud in web) makes realistic ocean water + boat physics in threejs "generate ultra realistic water in threejs with a boat on it and occasional waves hitting it, real physics" not bad

GPT 5.5 Pro (spud in web) makes realistic ocean water + boat physics in threejs "generate ultra realistic water in threejs with a boat on it and occasional waves hitting it, real physics" not bad

jasper

22,446 次观看 • 3 个月前

What I love about Replit ⠕. Low floor to get started. Ultra high ceiling for what you can build. I told Agent to build a native C application that runs on my desktop without a web browser - AND compile it into JavaScript to run in the web browser. Here's a video showing both running

What I love about Replit ⠕. Low floor to get started. Ultra high ceiling for what you can build. I told Agent to build a native C application that runs on my desktop without a web browser - AND compile it into JavaScript to run in the web browser. Here's a video showing both running

jordwalke

43,739 次观看 • 6 个月前

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

Leander Herzog

11,484 次观看 • 10 个月前

I've just built a Newsletter Generator! 📰 It creates newsletters in seconds using real-time web search. Here’s the stack used: - 's Search API - Agno For Agents - Nebius Token Factory for LLMs - Streamlit for Ui Watch it in action 👇🏼

I've just built a Newsletter Generator! 📰 It creates newsletters in seconds using real-time web search. Here’s the stack used: - 's Search API - Agno For Agents - Nebius Token Factory for LLMs - Streamlit for Ui Watch it in action 👇🏼

Arindam Majumder 𝕏

11,535 次观看 • 1 年前