chladni

在浏览器里玩转声学物理，实时生成克拉尼沙画图案

chladni 是一个用原生 JavaScript 实现的克拉尼图形模拟器。克拉尼图形是物理学中著名的声学振动现象：当金属板在不同频率下振动时，板上的细沙会形成各种对称的几何图案。该项目通过纯前端技术，在浏览器中实时模拟这一物理过程，无需任何外部依赖或后端服务。它解决了在网页端直观展示声学振动模式的需求，让用户可以通过交互式界面探索不同频率和振动模式下的图案变化。核心能力包括：基于克拉尼方程（Chladni's equation）的数学计算、Canvas 渲染、实时参数调节（如频率、振幅、网格密度等），以及流畅的动画效果。项目代码简洁，适合学习物理模拟和 Canvas 绘图，也可作为创意编程的灵感来源。

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 62

维护状态低维护

是否开源是

定价模式 free

项目数据

分类设计创意

开发团队luciopaiva

所属国家

官网地址https://luciopaiva.com/chladni

GitHubhttps://github.com/luciopaiva/chladni

定价模式free

价格说明开源项目，本地部署，完全免费。

访问状态

是否开源是

开源协议

主要语言JavaScript

技术栈/模型chladni,chladni-plates,generative-art,html5-canvas,particles,vanilla-javascript,visualization

GitHub 星标★ 62

30天Star增速

HF 下载量

上线时间2018-11-15 00:00:00

最近更新2026-08-10 00:00:00

维护状态低维护

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数4

使用教程

核心亮点

纯 JavaScript 实现，零依赖，代码轻量易读，适合学习物理模拟
交互式参数调节，实时反馈图案变化，探索性强
基于真实物理方程（克拉尼方程），科学性强，视觉效果惊艳

不足之处

文档/社区待观察
功能相对单一，仅支持基础参数调节，缺乏预设模式或导出功能

适用场景

物理教学演示，直观展示声学振动与驻波
创意编程与生成艺术，制作动态几何图案
前端 Canvas 技术学习与实验

替代项目

chladni-webgl、ChladniPlateSimulator、WebChladni

项目介绍

chladni 是设计创意领域的开源项目，由 luciopaiva 开发，2018 年首次发布。

它收录于设计创意分类，该分类目前共有 163 个项目，GitHub 星标数为 62。

项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-08-10。本地部署，完全免费。

它主要面向的使用场景是：物理教学演示，直观展示声学振动与驻波。同类可对比的替代方案包括 chladni-webgl、ChladniPlateSimulator、WebChladni。

上一篇：Touchdesigner-Art

下一篇：stamps