AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Matter.js – 你不能错过的 2D 物理引擎

2015-03-03 1902
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　Matter.js 是一个 JavaScript 2D 刚体物理引擎的网页。Matter.Engine 模块包含用于创建和操作引擎的方法。这个引擎是一个管理更新和渲染世界的模拟控制器。 Matter.js 目前是测试版本，这意味着 API 仍在开发中，可能偶尔会发生变化。

　　Matter.js 是一个 JavaScript 2D 刚体物理引擎的网页。Matter.Engine 模块包含用于创建和操作引擎的方法。这个引擎是一个管理更新和渲染世界的模拟控制器。 Matter.js 目前是测试版本，这意味着 API 仍在开发中，可能偶尔会发生变化。

 

 

在线演示      源码下载

　

您可能感兴趣的相关文章

 

本文链接：Matter.js – 用于 Web 应用的 2D 物理引擎

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。

文章标签：
JavaScript
前端开发
HTML5
移动开发
API
关键词：
JavaScript 2d
JavaScript物理引擎
JavaScript 2d物理引擎
秋天风景
目录
相关文章
东方睿赢
|
5月前
|
JavaScript 前端开发 算法
Box2D（现在通常称为Box2D.js或者其WebAssembly版本，Emscripten Box2D）是一个流行的2D物理引擎，用于模拟刚体动力学、碰撞检测与响应以及关节约束等物理现象
【6月更文挑战第16天】Box2D.js，基于C++的2D物理引擎，经Emscripten编译为WebAssembly，用于JavaScript游戏中的真实物理模拟，包含碰撞检测和关节约束。它提供高效的碰撞检测，易于扩展和定制物理属性。使用步骤涉及初始化世界、创建刚体、添加碰撞形状、模拟物理及处理碰撞事件。物理引擎虽提升逼真度，但也增加复杂性和性能需求。其他选项如p2.js、matter.js和ammo.js也可供选择。
东方睿赢
145 8
东方睿赢
|
5月前
|
JavaScript 前端开发 算法
在JavaScript中，AABB矩形碰撞检测常用于2D游戏
【6月更文挑战第16天】在JavaScript中，AABB矩形碰撞检测常用于2D游戏。通过创建`Rectangle`类并定义`collidesWith`方法检查边界交集，简单高效地判断两个矩形是否相撞。
东方睿赢
67 5
东方睿赢
|
6月前
|
JavaScript 前端开发 算法
在JS小游戏中使用Box2D或其他物理引擎
【5月更文挑战第14天】Box2D（现在通常称为Box2D.js或者其WebAssembly版本，Emscripten Box2D）是一个流行的2D物理引擎，用于模拟刚体动力学、碰撞检测与响应以及关节约束等物理现象。虽然Box2D本身是用C++编写的，但它可以通过Emscripten等技术被编译为WebAssembly，从而在JavaScript环境中高效运行。
东方睿赢
88 4
东方睿赢
|
6月前
|
JavaScript 前端开发 算法
在JavaScript中实现的基本AABB矩形碰撞检测用于2D游戏
【5月更文挑战第14天】在JavaScript中实现的基本AABB矩形碰撞检测用于2D游戏，涉及Rectangle类，包含x，y，width和height属性，以及一个检测碰撞的collidesWith方法。该方法通过比较矩形边界来判断是否相交，返回布尔结果。示例代码展示了如何检测两个Rectangle实例是否发生碰撞。更复杂的场景可能需使用高级算法或物理引擎库。
东方睿赢
53 3
码农工程师
|
移动开发 JavaScript 前端开发
PhysicsJS：基于JavaScript的强大的物理引擎
PhysicsJS是一个基于JavaScript、模块化、可扩展、易于使用的物理引擎。
码农工程师
733 0
PhysicsJS：基于JavaScript的强大的物理引擎
bigwhite大白
|
JavaScript 定位技术 API
ArcGIS API for JavaScript4.x 之加载2D、3D地图
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/81545607 ArcGIS AP...
bigwhite大白
1533 0
小旋风柴进
|
前端开发
Cax + Matter-js 物理引擎结合使用
小旋风柴进
1708 0
文艺小青年
|
前端开发
让hammer完美支持Pixi.js - 2D webG库
文艺小青年
1580 0
zting科技
|
JavaScript 前端开发
Verlet-js JavaScript 物理引擎
zting科技
909 0
秋天风景
|
前端开发 JavaScript API
Two.js – 为现代浏览器而生的 2D 绘图 API
　　Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合：SVG，Canvas 和 WebGL，旨在使平面形状和动画的创建更方便，更简洁。 　　Two.js 有一个内置的动画循环，可搭配其他动画库。
秋天风景
1908 0

热门文章

最新文章

  • 1
    开发者最容易犯的13个JavaScript错误
  • 2
    js正则表达式语法
  • 3
    JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。
  • 4
    JS代码位置
  • 5
    JavaScript 图片切割效果
  • 6
    js: 删除node的所有child
  • 7
    【javascript】Promise/A+ 规范简单实现 异步流程控制思想
  • 8
    javascript，检测对象中是否存在某个属性
  • 9
    高性能Javascript--脚本的无阻塞加载策略
  • 10
    【HTML+CSS+JS】前端三剑客实现3D旋转照片墙
  • 1
    前端框架与库 - Vue.js基础：模板语法、数据绑定
    140
  • 2
    《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
    273
  • 3
    js【详解】arr.reduce() 数组缩减
    50
  • 4
    【vue】 vue2 | js 实现数字滚动效果
    108
  • 5
    【vue】 网站动态背景 | vanta.js的使用
    430
  • 6
    JavaScript进阶-JavaScript库与框架简介
    58
  • 7
    DVWA JavaScript 通关解析
    68
  • 8
    WEB三大主流框架之Vue.js
    46
  • 9
    断网之后的页面，Autox.js是点击还是上下滑动比较好？
    65
  • 10
    autox.js如何监听异常情况，比如网络中断、内存慢、应用死机或者页面无响应
    225

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • jQuery开发教程

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
    • 下一篇
    阿里云OSS设置跨域访问