Matter.js - 简单的棋盘游戏
Matter.js - simple board game
我正在使用 matter.js 创建一个简单的游戏,您必须将球推入洞中。
如果我使用 isStatic: false
作为球对象,它会在游戏开始时掉落。如何旋转整个平台使其处于水平状态并且物体不会掉落但可以被推动?
禁用重力;
engine.world.gravity.x = 0;
engine.world.gravity.y = 0;
示例;
// Matter
var Engine = Matter.Engine,
Render = Matter.Render,
World = Matter.World,
Bodies = Matter.Bodies;
// Engine
var engine = Engine.create();
// Disable gravity
engine.world.gravity.y = 0;
// engine.world.gravity.x = 0; (Not required in this case)
// Render
var render = Render.create({
element: document.body,
engine: engine
});
// Ball
var ball = Bodies.circle(300, 300, 150);
// Add ball
World.add(engine.world, [ ball ]);
// Run
Engine.run(engine);
Render.run(render);
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.14.2/matter.min.js"></script>
<body>
我正在使用 matter.js 创建一个简单的游戏,您必须将球推入洞中。
如果我使用 isStatic: false
作为球对象,它会在游戏开始时掉落。如何旋转整个平台使其处于水平状态并且物体不会掉落但可以被推动?
禁用重力;
engine.world.gravity.x = 0;
engine.world.gravity.y = 0;
示例;
// Matter
var Engine = Matter.Engine,
Render = Matter.Render,
World = Matter.World,
Bodies = Matter.Bodies;
// Engine
var engine = Engine.create();
// Disable gravity
engine.world.gravity.y = 0;
// engine.world.gravity.x = 0; (Not required in this case)
// Render
var render = Render.create({
element: document.body,
engine: engine
});
// Ball
var ball = Bodies.circle(300, 300, 150);
// Add ball
World.add(engine.world, [ ball ]);
// Run
Engine.run(engine);
Render.run(render);
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.14.2/matter.min.js"></script>
<body>