Loading video...

Video Failed to Load

Go Home

i made a tool that visualizes sound as a 3D data structure notes are placed based on the circle of fifths and relative volume built with threejs and web midi api

measure_plan's profile picture

AA

26,279 subscribers

32,894 views • 1 month ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

i made a website that turns sound into cymatic star patterns, using midi data as input to threejs
0:34

i made a website that turns sound into cymatic star patterns, using midi data as input to threejs

AA

162,476 views • 1 month ago

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴
1:00

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

AA

84,065 views • 1 year ago

i made a website that turns music into geometric patterns, using midi data as input to threejs
0:32

i made a website that turns music into geometric patterns, using midi data as input to threejs

AA

61,184 views • 1 month ago

I built a Community Notes writer tool using the X API with Replit ⠕ and Grok 4 that allows you to write AI-assisted Community Notes ✍️
0:23

I built a Community Notes writer tool using the X API with Replit ⠕ and Grok 4 that allows you to write AI-assisted Community Notes ✍️

Suhem Parack

692,020 views • 1 year ago

shaping terrain with soundwaves made an audioreactive app that turns music into terrain, using midi data as input to a threejs scene
0:36

shaping terrain with soundwaves made an audioreactive app that turns music into terrain, using midi data as input to a threejs scene

AA

28,271 views • 13 days ago

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.
1:21

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.

Three.js

15,524 views • 1 year ago

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders
0:30

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders

AA

47,343 views • 3 months ago

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs
2:00

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs

ekim

21,615 views • 5 months ago

Introducing the LorisTools API. Built for teams that need clean crypto derivatives data without maintaining brittle exchange integrations. • Real-time and historical funding rates • Open interest, volume, markets, and liquidation data • Cross-venue coverage across 43+ perp exchanges • Normalized endpoints for dashboards, models, and alerts • Simple API-key access with free and paid tiers Useful for: • Quant traders building funding, basis, and relative-value strategies • Researchers analyzing perp market structure and exchange flows • Data teams powering internal dashboards and monitoring • Builders adding derivatives market data to apps, bots, and agents API: Docs: Pricing:
0:22

Introducing the LorisTools API. Built for teams that need clean crypto derivatives data without maintaining brittle exchange integrations. • Real-time and historical funding rates • Open interest, volume, markets, and liquidation data • Cross-venue coverage across 43+ perp exchanges • Normalized endpoints for dashboards, models, and alerts • Simple API-key access with free and paid tiers Useful for: • Quant traders building funding, basis, and relative-value strategies • Researchers analyzing perp market structure and exchange flows • Data teams powering internal dashboards and monitoring • Builders adding derivatives market data to apps, bots, and agents API: Docs: Pricing:

Loris Tools

30,461 views • 2 months ago

A Web-Based, Agentic ComfyUI-Style Builder for 3D Okay, this is actually pretty interesting. I’ve been testing Flow, a new tool from 3DAIStudio . It’s basically a web-based, ComfyUI-style workflow builder made around 3D, with specialized nodes, logic nodes, and an AI agent that can help build the workflow for you. I tested it across a few different pipelines, models, and node setups — and it works surprisingly well. Full review + results in the video 👇
1:06

A Web-Based, Agentic ComfyUI-Style Builder for 3D Okay, this is actually pretty interesting. I’ve been testing Flow, a new tool from 3DAIStudio . It’s basically a web-based, ComfyUI-style workflow builder made around 3D, with specialized nodes, logic nodes, and an AI agent that can help build the workflow for you. I tested it across a few different pipelines, models, and node setups — and it works surprisingly well. Full review + results in the video 👇

Stefan 3D AI

10,327 views • 1 month ago

OpenAI's Swarm Web Extractor This can autonomously search the web, map entire websites, and extract data. This is built on top of OpenAI’s new multi-agent framework Swarm, Serp AI and Firecrawl API. - Swarm is a lightweight and experimental framework introduced by OpenAI to develop multi-agent systems. - Serp API A is a real-time API that allows users to access Google search results. - Firecrawl API turns entire websites into clean, LLM-ready markdown or structured data. Scrape, crawl and extract the web with a single API. Video credits: Eric Ciarla #webextraction #llms #nlproc #swarm #multiagents
0:51

OpenAI's Swarm Web Extractor This can autonomously search the web, map entire websites, and extract data. This is built on top of OpenAI’s new multi-agent framework Swarm, Serp AI and Firecrawl API. - Swarm is a lightweight and experimental framework introduced by OpenAI to develop multi-agent systems. - Serp API A is a real-time API that allows users to access Google search results. - Firecrawl API turns entire websites into clean, LLM-ready markdown or structured data. Scrape, crawl and extract the web with a single API. Video credits: Eric Ciarla #webextraction #llms #nlproc #swarm #multiagents

Kalyan KS

174,419 views • 1 year ago

Sunday v0: a web-based 3D Jenga game. Everything is procedurally generated: the structure, the bricks, the wooden texture, the sounds, the carved-in ▲ on the top pieces. I tweaked the physics enough that it feels as fun and frustrating as the real thing 😂 Cool technical detail: v0 loaded a R3F (react-three-fiber) Skill automatically when I first asked for a 3d game. Anecdotally it seems that it totally nailed how to work with 3D!
1:10

Sunday v0: a web-based 3D Jenga game. Everything is procedurally generated: the structure, the bricks, the wooden texture, the sounds, the carved-in ▲ on the top pieces. I tweaked the physics enough that it feels as fun and frustrating as the real thing 😂 Cool technical detail: v0 loaded a R3F (react-three-fiber) Skill automatically when I first asked for a 3d game. Anecdotally it seems that it totally nailed how to work with 3D!

Guillermo Rauch

52,937 views • 4 months ago

🚨 BREAKING: Someone just built a tool that generates and visualizes complex 3d particle systems just by typing a prompt. You tell it what you want, it builds the physics, and you export the react or three.js code instantly. 100% Free.
1:01

🚨 BREAKING: Someone just built a tool that generates and visualizes complex 3d particle systems just by typing a prompt. You tell it what you want, it builds the physics, and you export the react or three.js code instantly. 100% Free.

Simplifying AI

190,712 views • 4 months ago

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…
1:01

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…

tobi lutke

72,869 views • 8 months ago

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning
1:05

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

Three.js Resources

15,990 views • 6 months ago

What could be better than a portal?! A portal that lets you switch between point clouds and 3D Gaussian Splats. Built a web-based 3D Gaussian Splat viewer with SparkJS, letting me freely fly through the three locations I just captured using the #PortalCam. #GaussianSplatting
1:33

What could be better than a portal?! A portal that lets you switch between point clouds and 3D Gaussian Splats. Built a web-based 3D Gaussian Splat viewer with SparkJS, letting me freely fly through the three locations I just captured using the #PortalCam. #GaussianSplatting

Hugues Bruyère

28,335 views • 7 months ago

I got a smart meter recently and saw you can download a HDF file with the data so I had the idea of writing a script that could parse that and show the data in a useful manner. However I discovered that someone has already done this and done a really good job on it. The video explains how it works. In simple terms it uses the ESB smart meter data and shows a breakdown of how much data you are using and when and also recommends plans and estimates what each one would cost based on the data. The tool is available at easier to read on Laptop or Tablet or then your phone to Landscape.
1:26

I got a smart meter recently and saw you can download a HDF file with the data so I had the idea of writing a script that could parse that and show the data in a useful manner. However I discovered that someone has already done this and done a really good job on it. The video explains how it works. In simple terms it uses the ESB smart meter data and shows a breakdown of how much data you are using and when and also recommends plans and estimates what each one would cost based on the data. The tool is available at easier to read on Laptop or Tablet or then your phone to Landscape.

Carlow Weather

298,554 views • 2 years ago