fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

matter.js
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://brm.io/matter-js/
GitHub:https://github.com/liabru/matter-js
网站描述:一个 2D 刚体物理引擎

matter.js是一个用于 Web 的 JavaScript 2D 物理引擎库,该项目诞生于 2014 年 2 月 28 号(0.5.0-alpha 版本),目前已更新迭代了 11 个版本(最新为 0.12.0 版本),它相较于老牌的 Box2D 引擎库,Matter.js 更为轻量级(压缩版仅有 87 KB),并且在性能和功能方面也不逊色。  

在 Matter.js 中任何的物体都需要一个容身处,而存放这些物体的地方,我们称之为世界,物体必须添加到世界里,然后由引擎运行这个世界。 


用法

1. html文件中引入

<script src="../build/matter.js"></script>

2. 创建引擎,渲染器,添加世界,生成身体模型。

var Engine=Matter.Engine,
    Render=Matter.Render,
    World=Matter.World,
    Bodies=Matter.Bodies;
Engine是引擎,Render是渲染器,World是表演环境,Bodies可以用来创建各种形状的物体。  

3. 创建引擎实例与引擎世界。

var engine=Engine.create(),
world=engine.world;

4.创建渲染器实例。

var render=Render.create({
      engine:engine,
      element:document.body
});

render(渲染器)将要渲染的物理引擎是之前所创建的engine,而渲染的对象是html网页的body。

5. 运行渲染器,运行引擎。

Engine.run(engine);
Render.run(render);


作者:DiligentLeo
链接:https://www.jianshu.com/p/f6ac9c293b74
来源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。 

链接: https://fly63.com/nav/1517

more>>
相关栏目
Cocos
html5游戏开发,Android游戏开发工具的首选
官网GitHub
egret白鹭引擎
Egret是一套HTML5游戏开发解决方案
官网GitHub
GSAP
一个“轻量级”、“高效率”、强大的2D动画引擎
官网GitHub
EaselJS
用于创建游戏,生成艺术作品,和处理其他高级图形化的js库
官网GitHub
Space.js
用于创建 UI 和面板组件
官网GitHub
Phaser
PC端和移动端HTML5游戏框架
官网GitHub
Crafty.js
一个比较简单、轻量的基于Javascript的开源html5游戏框架
官网GitHub
stage.js
一个2D HTML5 JavaScript library 跨平台的游戏开发
官网GitHub
QICI青瓷引擎
一款开源免费的 JavaScript 游戏引擎类库
官网GitHub
boardgame.io
基于 React 的游戏框架
官网GitHub
react-game-kit
利用 React 和 React Native 开发游戏的组件库
官网GitHub
planck.js
开发创建跨平台 HTML5 游戏的 2D JavaScript 物理引擎
官网GitHub
PhysicsJS
基于JavaScript的强大的物理引擎
官网GitHub
webglstudio.js
浏览器里的3D开发环境
点击进入GitHub
cax
小程序、小游戏以及 Web 通用 Canvas 渲染引擎
官网GitHub
layaair
开源游戏引擎
官网GitHub

手机预览