【源码】Three.js 将声音转化为视觉艺术的开源模拟器

Cymatics Labs是一个交互式实时蔡曼图（Chladni Patterns）模拟器，它通过 GPU 加速的粒子物理模拟，让声音变得“可见”。用户可以实时观察声音如何驱动粒子形成复杂的几何驻波图案，支持多振荡器干涉、麦克风输入、音频文件上传等功能。

特色功能

• 高性能粒子模拟：支持最高 20万粒子 的实时 GPU 渲染（基于 Three.js + WebGL），在低配设备上会自动回退到 Canvas 2D
• 多振荡器音频引擎：支持正弦波、方波、锯齿波、三角波等多种波形，可独立控制频率、振幅、失谐等参数，实现复杂干涉图案
• 实时音频输入
• 完整键盘控制，操作流畅
• ......

源码

https://github.com/Sidmaz666/cymatics-labs

在线预览

启动

# Install dependenciesbun install# Run development serverbun run dev# Build for productionbun run build# Start production serverbun run start

初识 Three.js 的奇妙世界

走进三维空间，与小编一起拥抱前端技术

--------------------------------

感谢您的阅读      

在看点赞 好文不断