好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

matter.js

matter.js 介绍

matter.js是 一个 用于 Web 的 JavaScript 2D 物理引擎库,该项目诞生于 2014 年 2 月 28 号(0.5.0-alpha 版本),目前已更新迭代了 11 个版本(最新为 0.12.0 版本),它相较于老牌的 Box 2D 引擎库,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

来源:简书

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

网站地址 : http://brm.io/matter-js/

GitHub: https://github.com/liabru/matter-js

网站描述: 一个 2D 刚体物理引擎

matter.js官方网站

官方网站: http://brm.io/matter-js/

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于matter.js的详细内容...

  阅读:54次

上一篇

下一篇

第1节:CooperLicht    第2节:warriorjs    第3节:stage.js    第4节:Blend4Web    第5节:GSAP    第6节:goojs    第7节:famous    第8节:Easystar.js    第9节:boardgame.io    第10节:egret白鹭引擎    第11节:planck.js    第12节:webglstudio.js    第13节:cax    第14节:layaair    第15节:whs.js    第16节:EaselJS    第17节:create.js    第18节:three.js    第19节:verlet-js    第20节:react-game-kit    第21节:Phaser    第22节:OpenSC2K    第23节:matter.js    第24节:Enchant.js    第25节:Turbulenz    第26节:PlayCanvas.js    第27节:hilo    第28节:lufylegend.js    第29节:Crafty.js    第30节:Layabox    第31节:Cocos    第32节:melonjs    第33节:PhysicsJS    第34节:pixi.js    第35节:QICI青瓷引擎    第36节:Voxel.JS    第37节:cocos2d-x    第38节:Babylon.js