Loading video...

Video Failed to Load

Go Home

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

measure_plan's profile picture

AA

25,566 subscribers

56,064 views • 4 days ago •via X (Twitter)

ArtsMusicScience & Technology
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 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
0:41

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

AA

31,072 views • 3 days ago

made a simulator that turns sound into chladni patterns
0:22

made a simulator that turns sound into chladni patterns

AA

17,390 views • 14 days ago

i made a website that turns your microphone into a paint brush
0:27

i made a website that turns your microphone into a paint brush

AA

86,227 views • 22 days ago

i connected my piano to threejs and made an audioreactive midi visualizer
0:21

i connected my piano to threejs and made an audioreactive midi visualizer

AA

470,151 views • 5 months ago

This choreography by Sadeck Berrabah turns simple arm movements into mesmerizing geometric patterns. [📹 sadeckwaff]
0:57

This choreography by Sadeck Berrabah turns simple arm movements into mesmerizing geometric patterns. [📹 sadeckwaff]

Massimo

18,522 views • 12 days ago

i made a website that simulates chromesthesia, turning music into brush strokes
0:29

i made a website that simulates chromesthesia, turning music into brush strokes

AA

49,071 views • 18 days ago

I’ve started finger drumming as a new hobby, so I created a visualizer for it with Unity. It was made without coding—just using VFX Graph and Input System with a MIDI extension.
0:20

I’ve started finger drumming as a new hobby, so I created a visualizer for it with Unity. It was made without coding—just using VFX Graph and Input System with a MIDI extension.

Keijiro Takahashi

73,286 views • 1 year ago

i made a pendulum simulator 16 pendulums oscillate through wave patterns making music along the way built with kimi k2.6, threejs, tonejs you are getting very sleepy ..
0:53

i made a pendulum simulator 16 pendulums oscillate through wave patterns making music along the way built with kimi k2.6, threejs, tonejs you are getting very sleepy ..

AA

65,813 views • 2 months ago

producing geometric patterns with only sound as a tool 📹crystalsandsound
0:39

producing geometric patterns with only sound as a tool 📹crystalsandsound

Science girl

3,495,801 views • 2 years ago

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader
0:22

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader

Codetard

82,084 views • 9 months ago

I made a promo video for my coffee app/website — made using a combination of Ideogram, Runway and Pika with music from Google's MusicFX. The website is:
0:22

I made a promo video for my coffee app/website — made using a combination of Ideogram, Runway and Pika with music from Google's MusicFX. The website is:

Ryan Morrison

18,908 views • 2 years ago

Dynamic Card Animations for Fylo Labs website Using Rive -Key frames, motion -Data binding for dynamic text -Light/dark theme switching using input states 🔊👇
0:20

Dynamic Card Animations for Fylo Labs website Using Rive -Key frames, motion -Data binding for dynamic text -Light/dark theme switching using input states 🔊👇

JΛVIΞR

13,793 views • 8 months ago

At Reclaim, we focus on getting access to verified data from any website using zkTLS ( web proofs ) We’ve now made a Base Starter Kit so that Based Builders can access previously unavailable data points and head into prod in 10 minutes! Get started:
6:02

At Reclaim, we focus on getting access to verified data from any website using zkTLS ( web proofs ) We’ve now made a Base Starter Kit so that Based Builders can access previously unavailable data points and head into prod in 10 minutes! Get started:

Reclaim Protocol

15,357 views • 1 year ago

I made a lenticular printing style website レンチキュラー風ウェブサイトできた #threejs #webgl #webdesign
0:26

I made a lenticular printing style website レンチキュラー風ウェブサイトできた #threejs #webgl #webdesign

Kitasenju Design

876,345 views • 3 years ago

Excited to announce A website that turns any website into a get API with /extract endpoint. Data on the web has never been more accessible! Thanks to , for starting this fabulous trend. Check out his GitHub repo below!
0:31

Excited to announce A website that turns any website into a get API with /extract endpoint. Data on the web has never been more accessible! Thanks to , for starting this fabulous trend. Check out his GitHub repo below!

Caleb Peffer (Hiring!)

235,078 views • 1 year ago

Listen to this Redditor's Arduino-driven MIDI machine make music using stepper motors:
0:44

Listen to this Redditor's Arduino-driven MIDI machine make music using stepper motors:

Arduino

13,444 views • 1 year ago

I made a tool that turns any URL into a clean DESIGN.md Extract layout, typography, colors, and component patterns from any site, then save them to your private library. It also includes 160+ downloadable design systems if you need a good starting point.
0:42

I made a tool that turns any URL into a clean DESIGN.md Extract layout, typography, colors, and component patterns from any site, then save them to your private library. It also includes 160+ downloadable design systems if you need a good starting point.

Meng To

103,884 views • 2 months 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 • 2 months ago

Physics turns simple motion into perfect patterns.
0:40

Physics turns simple motion into perfect patterns.

Tansu Yegen

46,606 views • 16 days ago

Good music turns a bad movie into a better one, great music turns a good movie into a masterpiece
3:12

Good music turns a bad movie into a better one, great music turns a good movie into a masterpiece

Raj Neeth

223,415 views • 1 year ago