Matter.js 简介
Matter.js1 是 JavaScript 的 2D 物理引擎,支持 web 环境中刚体、软体、约束和力的真实模拟。
网页开发关键步骤
- 通过 CDN 包含 Matter.js 库。
- 创建引擎、世界和渲染器用于画布显示。
- 添加静态支座和地面。
- 使用 Composites.softBody 生成可变形梁,实现柔性。
- 应用点约束固定梁端到支座,模拟简支条件。
- 启用重力模拟均布荷载。
- 添加鼠标交互增强用户参与。
可玩的结构力学
- 此网页可视化简支梁在均布荷载下的挠度,也可以模拟集中荷载作用下简支梁变形。
- 均布荷载(自重)作用下,梁极限挠度模拟值 ≈ 跨度/300。
- 在“结构力学”课程中,引导学生互动探索变形-力关系,提升超出静态图表的概念理解。
- 实验项目1 → 学习也是游戏。
- Matter.js is a 2D physics engine for the web https://www.brm.io/matter-js/ ↩︎