mirror of
https://github.com/liabru/matter-js.git
synced 2024-12-24 13:29:01 -05:00
updated examples
This commit is contained in:
parent
e366d0e992
commit
c80ed5c6a7
4 changed files with 1 additions and 106 deletions
|
@ -58,7 +58,6 @@
|
||||||
<li><a href="https://brm.io/matter-js/demo/#airFriction">Air Friction</a></li>
|
<li><a href="https://brm.io/matter-js/demo/#airFriction">Air Friction</a></li>
|
||||||
<li><a href="https://brm.io/matter-js/demo/#staticFriction">Static Friction</a></li>
|
<li><a href="https://brm.io/matter-js/demo/#staticFriction">Static Friction</a></li>
|
||||||
<li><a href="https://brm.io/matter-js/demo/#sleeping">Sleeping</a></li>
|
<li><a href="https://brm.io/matter-js/demo/#sleeping">Sleeping</a></li>
|
||||||
<li><a href="https://brm.io/matter-js/demo/#broadphase">Grid Broadphase</a></li>
|
|
||||||
<li><a href="https://brm.io/matter-js/demo/#beachBalls">Beach Balls</a></li>
|
<li><a href="https://brm.io/matter-js/demo/#beachBalls">Beach Balls</a></li>
|
||||||
<li><a href="https://brm.io/matter-js/demo/#stress">Stress 1</a></li>
|
<li><a href="https://brm.io/matter-js/demo/#stress">Stress 1</a></li>
|
||||||
<li><a href="https://brm.io/matter-js/demo/#stress2">Stress 2</a></li>
|
<li><a href="https://brm.io/matter-js/demo/#stress2">Stress 2</a></li>
|
||||||
|
|
|
@ -1,103 +0,0 @@
|
||||||
var Example = Example || {};
|
|
||||||
|
|
||||||
Example.broadphase = function() {
|
|
||||||
var Engine = Matter.Engine,
|
|
||||||
Render = Matter.Render,
|
|
||||||
Runner = Matter.Runner,
|
|
||||||
Composites = Matter.Composites,
|
|
||||||
Common = Matter.Common,
|
|
||||||
MouseConstraint = Matter.MouseConstraint,
|
|
||||||
Mouse = Matter.Mouse,
|
|
||||||
Composite = Matter.Composite,
|
|
||||||
Bodies = Matter.Bodies;
|
|
||||||
|
|
||||||
// create engine
|
|
||||||
var engine = Engine.create(),
|
|
||||||
world = engine.world;
|
|
||||||
|
|
||||||
// create renderer
|
|
||||||
var render = Render.create({
|
|
||||||
element: document.body,
|
|
||||||
engine: engine,
|
|
||||||
options: {
|
|
||||||
width: 800,
|
|
||||||
height: 600,
|
|
||||||
showAngleIndicator: true,
|
|
||||||
showBroadphase: true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
Render.run(render);
|
|
||||||
|
|
||||||
// create runner
|
|
||||||
var runner = Runner.create();
|
|
||||||
Runner.run(runner, engine);
|
|
||||||
|
|
||||||
// add bodies
|
|
||||||
Composite.add(world, [
|
|
||||||
// walls
|
|
||||||
Bodies.rectangle(400, 0, 800, 50, { isStatic: true }),
|
|
||||||
Bodies.rectangle(400, 600, 800, 50, { isStatic: true }),
|
|
||||||
Bodies.rectangle(800, 300, 50, 600, { isStatic: true }),
|
|
||||||
Bodies.rectangle(0, 300, 50, 600, { isStatic: true })
|
|
||||||
]);
|
|
||||||
|
|
||||||
var stack = Composites.stack(20, 20, 12, 5, 0, 0, function(x, y) {
|
|
||||||
switch (Math.round(Common.random(0, 1))) {
|
|
||||||
|
|
||||||
case 0:
|
|
||||||
if (Common.random() < 0.8) {
|
|
||||||
return Bodies.rectangle(x, y, Common.random(20, 50), Common.random(20, 50));
|
|
||||||
} else {
|
|
||||||
return Bodies.rectangle(x, y, Common.random(80, 120), Common.random(20, 30));
|
|
||||||
}
|
|
||||||
case 1:
|
|
||||||
return Bodies.polygon(x, y, Math.round(Common.random(1, 8)), Common.random(20, 50));
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
Composite.add(world, stack);
|
|
||||||
|
|
||||||
// add mouse control
|
|
||||||
var mouse = Mouse.create(render.canvas),
|
|
||||||
mouseConstraint = MouseConstraint.create(engine, {
|
|
||||||
mouse: mouse,
|
|
||||||
constraint: {
|
|
||||||
stiffness: 0.2,
|
|
||||||
render: {
|
|
||||||
visible: false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
Composite.add(world, mouseConstraint);
|
|
||||||
|
|
||||||
// keep the mouse in sync with rendering
|
|
||||||
render.mouse = mouse;
|
|
||||||
|
|
||||||
// fit the render viewport to the scene
|
|
||||||
Render.lookAt(render, {
|
|
||||||
min: { x: 0, y: 0 },
|
|
||||||
max: { x: 800, y: 600 }
|
|
||||||
});
|
|
||||||
|
|
||||||
// context for MatterTools.Demo
|
|
||||||
return {
|
|
||||||
engine: engine,
|
|
||||||
runner: runner,
|
|
||||||
render: render,
|
|
||||||
canvas: render.canvas,
|
|
||||||
stop: function() {
|
|
||||||
Matter.Render.stop(render);
|
|
||||||
Matter.Runner.stop(runner);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
Example.broadphase.title = 'Broadphase';
|
|
||||||
Example.broadphase.for = '>=0.14.2';
|
|
||||||
|
|
||||||
if (typeof module !== 'undefined') {
|
|
||||||
module.exports = Example.broadphase;
|
|
||||||
}
|
|
|
@ -3,7 +3,6 @@ module.exports = {
|
||||||
avalanche: require('./avalanche.js'),
|
avalanche: require('./avalanche.js'),
|
||||||
ballPool: require('./ballPool.js'),
|
ballPool: require('./ballPool.js'),
|
||||||
bridge: require('./bridge.js'),
|
bridge: require('./bridge.js'),
|
||||||
broadphase: require('./broadphase.js'),
|
|
||||||
car: require('./car.js'),
|
car: require('./car.js'),
|
||||||
catapult: require('./catapult.js'),
|
catapult: require('./catapult.js'),
|
||||||
chains: require('./chains.js'),
|
chains: require('./chains.js'),
|
||||||
|
|
|
@ -68,7 +68,7 @@ Example.raycasting = function() {
|
||||||
Bodies.rectangle(0, 300, 50, 600, { isStatic: true })
|
Bodies.rectangle(0, 300, 50, 600, { isStatic: true })
|
||||||
]);
|
]);
|
||||||
|
|
||||||
var collisions,
|
var collisions = [],
|
||||||
startPoint = { x: 400, y: 100 };
|
startPoint = { x: 400, y: 100 };
|
||||||
|
|
||||||
Events.on(engine, 'afterUpdate', function() {
|
Events.on(engine, 'afterUpdate', function() {
|
||||||
|
|
Loading…
Reference in a new issue