Matter-JS

Matter-JS 概念剖析
1)物理引擎

(1)物理引擎是一个计算机程序,使用质量、速度、加速度、摩擦力和空气阻力等物理变量,模拟了一个近似真实的物理系统,为物体赋予真实的物理效果,比如重力、旋转和碰撞等效果,让物体的行为表现的更加趋向真实。

(2)Matter.js is a 2D physics engine for the web (matter.js 是一个用于 web 的二维物理引擎),从 2014-02-28 的 0.5.0-alpha 开始到 2018-06-11 的 0.14.2 版本。

2)Engine(引擎)与 World(世界)

(1)The Matter module is the top level namespace. It also includes a function for installing plugins on top of the library.

     (Matter 模块是顶级命名空间,它还包括在库的顶部安装插件的功能。)

(2)The Matter.Engine module contains methods for creating and manipulating engines. An engine is a controller that manages updating the simulation of the world.

   (引擎模块包含创建和操作引擎的方法,引擎是管理世界模拟更新的控制器,可以控制时间的缩放,可以检测所有的碰撞事件,并且拿到所有碰撞的物体对pairs)

(3)Matter.js 中任何的物体都需要一个容身处,而存放这些物体的地方,则称之为世界 World。物体必须添加到世界里,然后由引擎运行这个世界。Matter.World 模块包含了创建和操作世界的方法。一个 Matter.World 相当于一个复合物体,物体、约束的聚合体,其次世界还有额外的一些属性,比如重力、边界等。

3)Render(渲染器)

(1)Matter.Render 是将实例渲染到 Canvas 中的渲染器,控制视图层的样式,它的主要作用是用于开发和调试。默认情况下 Matter.Render 将只显示物体的线框(轮廓),这对于开发和调试很有帮助,但如果需要使用到全局实体渲染则需要将线框模式关闭 render.options.wireframes = false,另外它同样也适合制作一些简单的游戏,因为它包括了一些绘图选项、线框、向量、Sprite 精灵和视窗功能。
Matter-JS CDN 地址
1、除了下载 Matter-JS 到本地来使用,也可以直接使用网络上的 cdn 地址。

2、常用的 JS CDN 站点有 cdnjs 、bootcdn 等,如下所示,随便引入哪一个到 html 文件中都可以正常使用。

<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.12.0/matter.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.12.0/matter.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.11.1/matter.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.11.1/matter.min.js"></script>
 
<script src="https://cdn.bootcss.com/matter-js/0.12.0/matter.js"></script>
<script src="https://cdn.bootcss.com/matter-js/0.12.0/matter.min.js"></script>
 
<script src="https://cdn.bootcss.com/matter-js/0.11.1/matter.js"></script>
<script src="https://cdn.bootcss.com/matter-js/0.11.1/matter.min.js"></script>

bower install matter-js
npm install matter-js

猜你喜欢

转载自blog.csdn.net/qq_26642611/article/details/109117023