问题标签 [matter.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
811 浏览

javascript - 防止 mattejs 主体从预定义区域逃逸

基于matterjs 演示,我还创建了一组居住在一个区域内的实体。就像在演示中一样,该区域由四个静态物体定义,它们共同定义一个盒子。

当用盒子疯狂移动身体时,它们似乎以某种方式穿过墙壁逃脱。有没有办法防止这种转义形式发生?也许是另一种定义盒子的方法?

0 投票
4 回答
2943 浏览

matter.js - 如何在matter.js中移动相机

如何将相机移动到 matter.js 中的特定位置?

我希望相机跟随我的主角。

我试过这个教程:http ://brm.io/matter-js/demo/#views 但说实话,我不明白。

0 投票
1 回答
2787 浏览

javascript - matterJS 渲染到画布

我尝试使用 matterJS 并将其渲染到我的布局中的特定画布,但我无法管理它。

这是JS:

在我的 html 中我这样做:

我没有收到任何错误,但也没有呈现任何内容。我认为这应该可行。但为什么不呢?

当我像这样创建引擎时,我只能渲染结果:

0 投票
1 回答
851 浏览

javascript - 如何使用matterjs制作烟雾粒子

我正在使用 Matter.JS 创建一个横向滚动游戏,在这个游戏中,一个英雄是由火制成的,所以他需要一些烟雾,但我不知道如何让粒子漂浮在空中,我该怎么做Matter.JS 中的浮动体?

我想要这样的东西: https ://www.youtube.com/watch?v=b-QhKcae-6E

请在此处查看我的代码笔:http: //codepen.io/vanuatu/pen/VeQMpp

0 投票
1 回答
1966 浏览

javascript - JavaScript / Matter.js:具有多个约束的对象刚刚升起

我尝试构建一个小“汽车”来熟悉 Matter.js API。我几乎做到了,当奇怪的事情发生时。我有一个主体,每个都与两个约束相连,连接到两个轮子。但是一旦汽车到达地面,后轴就会慢慢地离开地面。这是一个错误,我该如何解决这个问题?代码:

感谢您希望得到答案。

0 投票
1 回答
288 浏览

javascript - 为什么在 matter.js 中需要这个字符?

我正在尝试将 matter.js 移植到另一种语言。Javascript 不是我最擅长的语言。

该函数应该将包含由空格(以及可选的逗号)分隔的有序 xy 对的字符串解析为特定对象:

稍后,调用此函数,将以下字符串传递给 Vertices.fromPath:

哪里widthheight是数字。角色的目的是什么L?我认为该方法应该将逗号或空格分隔的 x,y 对拆分为数字,因此我无法弄清楚字符的相关性L

有人可以启发我吗?

0 投票
0 回答
150 浏览

javascript - 单击其他对象时如何更改/更新matterjs中的精灵纹理?

在我的项目中,我有一些非静态元素(如示例中的object1),它们具有与之关联的一个精灵纹理。然后我有另一个静态元素(change_sprites_object),我想在其中单击并更改精灵纹理。

我怎样才能在 matter.js 中实现这一点?

我的对象示例:

0 投票
1 回答
111 浏览

javascript - 这个 Javascript 对象键的目的是什么?

在 matter.js 中考虑这个函数:

为了完成,这里是 Common.values() 函数:

我不太清楚轴对象的结构。我没有看到axes[gradient] = normal代码的意义,因为Common.values() function它只返回值,因此永远不会返回渐变?

0 投票
2 回答
3340 浏览

javascript - Matter.js 计算所需的力

我试图对物体施加力。让它以我的鼠标位置相对于对象生成的角度移动。

我有角度

现在我需要施加一个力,让身体沿着那个角度移动。我在 applyForce 方法的以下值中输入了什么?

我在此处输入 x 和 y 值以使身体沿着鼠标和身体之间的角度移动。

0 投票
1 回答
994 浏览

pixi.js - 如果使用 Pixi.js 渲染器,Matter.js 不会更新正文属性

如果用户单击它,我想更新某些正文属性,例如body.render.lineWidth = 5; ,如果使用默认画布渲染器,它就可以正常工作。如果我切换到 Pixi.js 渲染器,它会停止工作并且似乎根本不反映任何属性。我也尝试了该Matter.Body.set功能,但也没有运气。属性实际上设置为主体,但主体始终显示构建时提供的初始样式。

设置这些属性的正确方法是什么?

编辑:sample.js

示例.html

如果我注释掉controller: Matter.RenderPixi一切正常。