Pinned Tweet
got soundfonts running in real-time in the browser! this gives the ability to produce some better quality/realistic piano sounds without generating a bunch of files
will write some notes in this 🧵 before 😴, meantime
try here! zz85.github.io/midiviz/017_s…
#wasm #rust #webaudio #js
#midiviz experiment 32 - your own concert pianist. Here's the full Chopin's Fantasy Impromptu performance generated with the browser and #threejs rendered in anime style (remember Nodame Cantabile?)
To test or render your own: zz85.github.io/midiviz/032_p…
Just rendered a brand new Chopin 4K piano performance for my music visualization project! 🎹
Check out on Youtube and let me know what you think
youtu.be/bu81en9lRlI?is=jP2G…
#threejs #chopin #piano #anime
Music Notation Visualization experiment 🔊 zz85.github.io/midiviz/025_n…
- 3d graphics rendered real-time with #threejs
- supports 4k video export, all in the browser
- supports midi, musicxml and nwc files
- agentic coded in 1-2 days but built on existing music libs I've worked on
Recently I've learnt that Alkan composed this piano piece (Etude in A, without Opus) in the 19th century that resembles 8-bit music or Rush-E ahead of it's time
so I added this midi and a 8-bit synth (square waves) to my midi piano visualizer (🔊)
Link: zz85.github.io/midiviz/midiv…
in the screen capture, you can see toggling between a piano soundfont and the chiptune synthesizer, both pretty fun to listen to!
if you're interested to know more, this youtube link would explain the music in more depth youtu.be/rQ81jzlR1y4?si=87KB…
went into a rabbit hole of booting up old OSes that run in webassembly in the browser. this one runs windows 2000
- copy.sh/v86/?profile=windows… (pass: 1234)
- i used another wasm iso creator to mount files on the vm ezyzip.com/create-iso-file-o…
for retro mac versions, this site seems rather impressive infinitemac.org/
Thought this was the coolest video for a three.js release I've seen. so I'll generated some song/music celebrating r183 release (turn up🎧🔊 for best experience)
4. use ffmpeg to merge the audio with the release video. video has to be slowed 8x to sync with the music
5. used RIFE (Real-Time Intermediate Flow Estimation, a Deep learning model) for smooth interpolation
6. added motion blur using ffmpeg (for fpv-drone styled videos)
slightly more details/longer form write up (and the lyrics) posted to github.com/zz85/silly-ai/wik…
open source coding for me these days…
create a bunch of issues/feature requests on my phone, assign issues to Claude (agents run in parallel in Github) . ends up with a bunch of PRs i’ve to review and verify, but coding using thumbs have a different meaning now…
Not sure which quantized version, but I got about 22 tokens/s (medium reasoning) to 30 tokens/s (low reasoning) on a M4 Pro. For contrast, running GPT OSS 20B MXFP4 LmStudio (Mlx engine) gets me 60 tokens/s (low reasoning) but super impressive running on browser only + WebGPU!
I get over 40 tokens/second on my M4 Max... what about you? Try it out yourself and let me know! 👇
huggingface.co/spaces/webml-…
I released Space-Radar v6 (my diskspace viz app) after 9 years after the last release. github.com/zz85/space-radar/…
New
- apple silicon builds
- memory viz for windows
- electron bump
- lots of other fixes (thanks @GitHubCopilot for making it easy to spin up agents for fixing issues)
low-effort? I fed @mrdoob three-quake github repository to deepwiki for indexing, and there's plenty of interesting stuff to learn or dig into... deepwiki.com/mrdoob/three-qu…
add some improvements to them multi-player bummerman today. gave the characters a little more shape and animation. webrtc support means you probably can play it with friends in the same network (or over the internet if you have no firewall) zz85.github.io/bummerman/vib…
Anyone remembered that bomberman reimagined in first person video on youtube many years ago? Well, did some prompt coding with claudeai to produce the concept and we have a playable #threejs game. really like that the graphics and audio were "procedural"!
also added a spectator mode with free camera mode. you can also run this in websocket mode (just run `bun server.js` with github.com/zz85/bummerman/tr…). even with latency with a far away server, the game is still pretty responsive
Graphics Noob retweeted
Alright.. The new port is ready!
There are some bugs left but it's way more accurate.
🎮 mrdoob.github.io/three-quake…
💻 github.com/mrdoob/three-quak…
The trick was to ask the AI to keep the same file structure and port file by file.
Graphics Noob retweeted
vibesail.com/world/nyc
vibesail.com/world/sf
vibesail.com/world/chicago
vibesail.com/world/singapore
vibesail.com/world/paris
Enjoy.
But don't go too crazy or my google maps bill will be astronomical.
If you want to sail in some other cities comment here.
