问题标签 [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 投票
0 回答
288 浏览

d3.js - 将生成的路径缩放到与加载到 matter-js 中的 SVG 路径相同的大小

我正在使用 d3 将保存的 svg(在 illustrator 中创建)加载到预先命名的 div 中。div 还包含使用以下内容的画布元素;

然后我设置了我的 matter.js 物理引擎并添加了一个事件监听器,这样当 svg 调整大小时,画布也会按比例调整。到目前为止,一切都很好。

然后,我从加载的带有名为“shape”的 ag 元素的 svg 中选择一组特定的路径和多边形,并通过一个函数将它们传递给使用以下命令创建 matter.js 静态顶点

...这就是问题似乎出现的地方,因为我创建的新顶点没有缩放到与创建它们的 svg 路径相同的位置,而且我有点不知道该怎么做这样做是因为我对 matter.js 有点陌生。我是从 resize 函数中应用比例还是完全错误的?这是我目前拥有的,黑线是创建的顶点,白色是加载的 svg:

描述的缩放/翻译问题

0 投票
1 回答
24 浏览

matter.js - 为什么当我输入一个值时不旋转一个对象的角度

我有一个身体,但是当我在这个身体内有其他身体并且我在它的属性“角度”上设置了一个值时,其他身体被这个身体拒绝了。现在,为了旋转这个身体,我测试了它的属性,在“constraintImpulse”中发现这个属性在matters.js文档中没有找到,在“constraintImpulse”里面找到了“角度”,但是这个不是以弧度为单位的,而且,这个运动做到了带补间

0 投票
1 回答
755 浏览

javascript - 设置速度后未检测到 Matter.js 碰撞

如果我注释掉Body.setVelocity,那么碰撞工作正常,但使用时不行Body.setVelocity。上面的代码正在运行,请帮助我进行损坏的碰撞检测。您可以通过按键 4 次以上来检查碰撞问题。

0 投票
2 回答
1168 浏览

javascript - how to implement HOVER behavior in Matter.js?

I was wondering if anyone knows how to implement hover effect with Matter.js. I have checked their documentation but could not figure out. Though, there is Mouse - mousedown, mouseup, mousemove and more.

I have researched but I could not find any useful information. I know the shapes/physics are rendered inside the canvas. Any information or advice would be very helpful.

0 投票
0 回答
49 浏览

javascript - 是否可以在 Matter.js 下添加链接标签?

我试图将链接放在屏幕上,我猜由于 Matter.js 导致它不成功。您可以看到链接,但不能按它们。

有什么办法让它工作吗?

github链接: https ://github.com/harelpanker/constarctions

我希望按链接...

0 投票
0 回答
180 浏览

javascript - 是否可以使用带有 JSON hitboxes 的 Sprites 在 Matter.js 中创建堆栈?

我想在 Phaser 中使用堆栈而不是基本的几何形状来建造一座桥。

我可以手动编码每个部分,但堆栈或链会更有意义。

我想用自定义精灵替换所有矩形。

0 投票
1 回答
104 浏览

javascript - 如何在 Matter.js 中模糊单个对象?

我正在尝试在 Matter.js 中为游戏创建火焰效果,我需要模糊一个圆圈以使其看起来更逼真。但是,我需要让它只模糊火焰,而不是整个画布。我怎样才能做到这一点?

这是我到目前为止的代码:

0 投票
0 回答
501 浏览

javascript - Phaser 3,物理编辑器和 Matter JS:改变形状的问题

我目前正在开发 Phaser 3 游戏项目。我目前正在使用 MatterJS 物理。为了设置身体物理,我使用了物理编辑器(https://www.codeandweb.com/physicseditor)。

现在我想根据我当前所在的框架相应地更改物理体形。

到目前为止,我能够使用 更改身体形状this.setBody(this.shapes[str], {});,而 this.shapes 之前被声明为this.shapes = scene.cache.json.get('heroPhysics');'heroPhysics'是由物理编辑器生成的物理 JSON 文件。

但是,当我改变身体形状时,身体会转到位置 (0,0)。我也想翻转物理体(我能做到的实际精灵)但我不能。

我该怎么做?

谢谢!!

0 投票
0 回答
244 浏览

javascript - 用 matter.js 和/或 phaser.js 绘制闭合不规则多边形的正确语法是什么?

n00b 在这里,请原谅我缺乏术语,如何使用这种代码风格制作不规则多边形?

这些是我页面中一些工作封闭形状的示例。我尝试添加成对的 x,y 坐标,但页面失败,我什至不确定 .polygon 是否是我需要的元素名称,我尝试了 .points 但我是如此的 n00b,我本可以得到元素类型,括号类型,或逗号错误等?到目前为止,这是我的页面:

我看到在 phaser.js 中设置了元素,但是代码语法令人困惑,所有教程的语法风格都与我的不同。我的页面基于 Emanuele Feronato 的这个演示https://www.emanueleferonato.com/wp-content/uploads/2019/03/slice/
我的目标是绘制一个简单的铁砧轮廓并将其切成薄片,并希望学习如何给每个形状上色,勾勒出不同的颜色并用颜色填充它们,希望它仍然可以切片。我有一种感觉,它可能必须由一组原始形状制成,只要它不分崩离析并且可以用 polyk.js 切片我很高兴。非常感谢!RL 哈姆

0 投票
1 回答
876 浏览

matter.js - 修复了 Matter.js 世界中的背景

我正在寻找一种方法来设置固定到世界的背景。在我的例子中,Render.lookAt目标是一个移动的身体,我需要在它后面显示一个 fiexd 网格来增强身体的运动。那可能吗?