文章/答案/技术大牛

发布

社区首页 >问答首页 >matter.js矩形不会碰撞

问matter.js矩形不会碰撞
EN

Stack Overflow用户

提问于 2018-03-22 14:48:31

回答 1查看 838关注 0票数 1

我将matter.js用于物理，p5.js用于渲染事物。当你点击画布时，我试着简单地创建盒子，然后当盒子到达画布的末端时，它会与地面相撞，但地面不会检测到与盒子的碰撞。我假设问题是地面的位置是正确的。

这是密码

// module aliases
var Engine = Matter.Engine,
    World = Matter.World,
    Bodies = Matter.Bodies;

var x = 0;

var engine;

let frame = document.getElementById('frames');

var ground;

var boxs = [];
function setup()
{
	//put setup code here
	createCanvas(640,480);

	engine = Engine.create();
	// run the engine
	Engine.run(engine);
	ground = Bodies.rectangle(0, height/2, width, 10);
	World.add(engine.world, ground);

}

function mousePressed()
{
	boxs.push(new Box(mouseX, mouseY, 20, 20) );

}

function draw()
{

  	 x = x + 1;
  	background(0);


	for (var i = 0; i < boxs.length; i++) {
		boxs[i].show();

	}


	
	

}

var Box = function(x, y , width, height){
	this.box = Bodies.rectangle(x, y, width, height);
	this.h = height;
	this.w = width;
	World.add(engine.world, this.box);

	this.show = function (){
					push();
					fill(255);
					let pos = this.box.position;
					let angle = this.box.angle;
					translate(pos.x, pos.y);
					rotate(angle);
					rect(0, 0, this.w, this.h);
					rectMode(CENTER);
					pop();
				}

}

<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/p5.js/0.6.0/p5.js"></script>
<html>
	<head>
		<title>Ball Clash</title>
	</head>
	<body>
		<p id="frames"></p>
		<!-- <canvas id="myCanvas" height="480" width="640" style="border:1px solid black;"></canvas> -->
	</body>
	
	
	
</html>

javascript

game-physics

p5.js

matter.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-22 16:04:00

你应该养成调试代码的习惯。(该教程用于处理，但许多相同的想法适用于P5.js。)

我假设问题是地面的位置是正确的。

你为什么不直接检查一下地面的位置呢？我看不出你在做什么，你为什么不从那开始呢？

也可以将这一行添加到draw()函数中：

console.log(ground.position);

不管是哪种方式，你都会注意到地面正在下沉，这是有意义的，因为它是一个矩形，就像其他正在下落的盒子一样。

要解决你的问题，你需要弄清楚如何创建一个不会移动的固定盒子。我相信谷歌搜索"matter.js固定矩形“会返回大量的结果，或者你可以查阅他们的文档。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49431654

复制

相似问题

问matter.js矩形不会碰撞
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问matter.js矩形不会碰撞EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问matter.js矩形不会碰撞
EN