matter.js
文章平均质量分 53
chenqiong1991
这个作者很懒,什么都没留下…
展开
-
matter.js学习笔记(九)--Body的parts属性创造十字形物品
写在前面思路很简单,创造两个物体,然后结合。原创 2017-09-14 11:00:18 · 3762 阅读 · 4 评论 -
matter.js技术 | 检测指定物体的碰撞
matter.js QQ交流群:796728825关键代码Events.on(engine, 'collisionStart', function(event) { var pairs = event.pairs; for (var i = 0; i < pairs.length; i++) { var pair = pairs...原创 2018-09-10 10:36:17 · 2519 阅读 · 0 评论 -
matter.js 技术 | 操作指定物体属性(旋转、加速)
引入Body模块var Body=Matter.Body;旋转物体Events.on(mouseConstraint, "startdrag", function(e){ Body.rotate(e.body,Math.PI/4); $("#rotate")[0].play();})点击物体时,将其旋转45度。此方法中,角度的单位为弧度设置物体速度$(...原创 2018-09-10 10:22:35 · 2706 阅读 · 0 评论 -
matter.js技术 | 删除物体
关键语句World.remove(world,body);World为Matter的World模块,world为生成的world实例,body为欲删除的物体。示例一:删除指定物体var ball=Bodies.circle(x,y,15,{});World.remove(world,ball);删除生成的球体示例二Events.on(mouseConstra...原创 2018-09-10 10:12:45 · 1320 阅读 · 0 评论 -
matter.js学习笔记(八)--Composites.newtonsCradle()制造牛顿摆
Composites.newtonsCradle()为内置函数,可以生成牛顿摆。原创 2017-09-12 11:38:04 · 1909 阅读 · 1 评论 -
matter.js学习笔记(七)--Composites.car()制造汽车
内置函数Composites.car()生成简易小车原创 2017-09-12 10:57:07 · 2119 阅读 · 0 评论 -
matter.js学习笔记(六)--Composites.softBody()制造布料或球网
Composites.softBody()制造布料原创 2017-09-12 10:01:01 · 2252 阅读 · 0 评论 -
matter.js学习笔记(五)--Composites.chain()制造铁索桥
Composites.chain()制造铁索桥原创 2017-09-11 15:17:03 · 2341 阅读 · 1 评论 -
matter.js学习笔记(四)--Constraint.create()制造跷跷板
Constraint.create()制作跷跷板原创 2017-09-11 11:42:56 · 3379 阅读 · 0 评论 -
matter.js学习笔记(三)--mouseConstraint鼠标控制
用mouseConstraint为世界添加鼠标控制原创 2017-09-11 10:14:51 · 3346 阅读 · 4 评论 -
matter.js学习笔记(二)--Composites.stack()分析
写在前面Composites.stack()可以用来创建物体堆。在此分析其具体用法。函数分析1.先上源码Composites.stack = function(xx, yy, columns, rows, columnGap, rowGap, callback) { var stack = Composite.create({ label: 'Stack' }),原创 2017-09-10 22:51:05 · 3842 阅读 · 0 评论 -
matter.js学习笔记(一)
写在前面matter.js 是一个2D的javascript物理引擎,主页展示了一些demo。 这里介绍如何创建一个基本的物理世界。用法1. html文件中引入<script src="../build/matter.js"></script>2. 创建引擎,渲染器,添加世界,生成身体模型。var Engine=Matter.Engine, Render=Matter.Render,原创 2017-09-10 19:17:37 · 11894 阅读 · 0 评论 -
matter.js技术 | collisionFilter 设置碰撞规则
matter.js技术 | 设置碰撞规则matter.js QQ交流群:796728825collisionFilter属性分析Collisions between two bodies will obey the following rules: * - If the two bodies have the same non-zero value of collision...原创 2018-09-13 14:19:44 · 2375 阅读 · 0 评论