问题标签 [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.
javascript - 防止 mattejs 主体从预定义区域逃逸
基于matterjs 演示,我还创建了一组居住在一个区域内的实体。就像在演示中一样,该区域由四个静态物体定义,它们共同定义一个盒子。
当用盒子疯狂移动身体时,它们似乎以某种方式穿过墙壁逃脱。有没有办法防止这种转义形式发生?也许是另一种定义盒子的方法?
javascript - matterJS 渲染到画布
我尝试使用 matterJS 并将其渲染到我的布局中的特定画布,但我无法管理它。
这是JS:
在我的 html 中我这样做:
我没有收到任何错误,但也没有呈现任何内容。我认为这应该可行。但为什么不呢?
当我像这样创建引擎时,我只能渲染结果:
javascript - 如何使用matterjs制作烟雾粒子
我正在使用 Matter.JS 创建一个横向滚动游戏,在这个游戏中,一个英雄是由火制成的,所以他需要一些烟雾,但我不知道如何让粒子漂浮在空中,我该怎么做Matter.JS 中的浮动体?
我想要这样的东西: https ://www.youtube.com/watch?v=b-QhKcae-6E
请在此处查看我的代码笔:http: //codepen.io/vanuatu/pen/VeQMpp
javascript - JavaScript / Matter.js:具有多个约束的对象刚刚升起
我尝试构建一个小“汽车”来熟悉 Matter.js API。我几乎做到了,当奇怪的事情发生时。我有一个主体,每个都与两个约束相连,连接到两个轮子。但是一旦汽车到达地面,后轴就会慢慢地离开地面。这是一个错误,我该如何解决这个问题?代码:
感谢您希望得到答案。
javascript - 为什么在 matter.js 中需要这个字符?
我正在尝试将 matter.js 移植到另一种语言。Javascript 不是我最擅长的语言。
该函数应该将包含由空格(以及可选的逗号)分隔的有序 xy 对的字符串解析为特定对象:
稍后,调用此函数,将以下字符串传递给 Vertices.fromPath:
哪里width
和height
是数字。角色的目的是什么L
?我认为该方法应该将逗号或空格分隔的 x,y 对拆分为数字,因此我无法弄清楚字符的相关性L
。
有人可以启发我吗?
javascript - 单击其他对象时如何更改/更新matterjs中的精灵纹理?
在我的项目中,我有一些非静态元素(如示例中的object1),它们具有与之关联的一个精灵纹理。然后我有另一个静态元素(change_sprites_object),我想在其中单击并更改精灵纹理。
我怎样才能在 matter.js 中实现这一点?
我的对象示例:
javascript - 这个 Javascript 对象键的目的是什么?
在 matter.js 中考虑这个函数:
为了完成,这里是 Common.values() 函数:
我不太清楚轴对象的结构。我没有看到axes[gradient] = normal
代码的意义,因为Common.values() function
它只返回值,因此永远不会返回渐变?
javascript - Matter.js 计算所需的力
我试图对物体施加力。让它以我的鼠标位置相对于对象生成的角度移动。
我有角度
现在我需要施加一个力,让身体沿着那个角度移动。我在 applyForce 方法的以下值中输入了什么?
我在此处输入 x 和 y 值以使身体沿着鼠标和身体之间的角度移动。
pixi.js - 如果使用 Pixi.js 渲染器,Matter.js 不会更新正文属性
如果用户单击它,我想更新某些正文属性,例如body.render.lineWidth = 5;
,如果使用默认画布渲染器,它就可以正常工作。如果我切换到 Pixi.js 渲染器,它会停止工作并且似乎根本不反映任何属性。我也尝试了该Matter.Body.set
功能,但也没有运气。属性实际上设置为主体,但主体始终显示构建时提供的初始样式。
设置这些属性的正确方法是什么?
编辑:sample.js
示例.html
如果我注释掉controller: Matter.RenderPixi
一切正常。