0
0
Fork 0
mirror of https://github.com/liabru/matter-js.git synced 2024-12-11 11:57:42 -05:00
liabru-matter-js/examples/avalanche.js

107 lines
3.1 KiB
JavaScript
Raw Normal View History

2016-11-20 19:41:57 -05:00
var Example = Example || {};
2015-08-25 14:12:52 -04:00
2017-01-19 18:36:34 -05:00
Example.avalanche = function() {
try {
if (typeof MatterWrap !== 'undefined') {
// either use by name from plugin registry (Browser global)
Matter.use('matter-wrap');
} else {
// or require and use the plugin directly (Node.js, Webpack etc.)
Matter.use(require('matter-wrap'));
}
} catch (e) {
// could not require the plugin or install needed
2021-01-28 18:27:24 -05:00
}
2016-11-20 19:41:57 -05:00
var Engine = Matter.Engine,
Render = Matter.Render,
Runner = Matter.Runner,
Composite = Matter.Composite,
2015-08-25 14:12:52 -04:00
Composites = Matter.Composites,
2016-11-20 19:41:57 -05:00
Common = Matter.Common,
MouseConstraint = Matter.MouseConstraint,
Mouse = Matter.Mouse,
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,
2016-11-20 19:41:57 -05:00
showAngleIndicator: true
}
});
2015-08-25 14:12:52 -04:00
2016-11-20 19:41:57 -05:00
Render.run(render);
2015-08-25 14:12:52 -04:00
2016-11-20 19:41:57 -05:00
// create runner
var runner = Runner.create();
Runner.run(runner, engine);
// add bodies
var stack = Composites.stack(20, 20, 20, 5, 0, 0, function(x, y) {
return Bodies.circle(x, y, Common.random(10, 20), { friction: 0.00001, restitution: 0.5, density: 0.001 });
});
2020-12-08 18:57:14 -05:00
Composite.add(world, stack);
2016-11-20 19:41:57 -05:00
Composite.add(world, [
2020-12-08 18:57:14 -05:00
Bodies.rectangle(200, 150, 700, 20, { isStatic: true, angle: Math.PI * 0.06, render: { fillStyle: '#060a19' } }),
Bodies.rectangle(500, 350, 700, 20, { isStatic: true, angle: -Math.PI * 0.06, render: { fillStyle: '#060a19' } }),
Bodies.rectangle(340, 580, 700, 20, { isStatic: true, angle: Math.PI * 0.04, render: { fillStyle: '#060a19' } })
2016-11-20 19:41:57 -05:00
]);
// add mouse control
var mouse = Mouse.create(render.canvas),
mouseConstraint = MouseConstraint.create(engine, {
mouse: mouse,
constraint: {
stiffness: 0.2,
render: {
visible: false
}
}
2015-08-25 14:12:52 -04:00
});
Composite.add(world, mouseConstraint);
2016-11-20 19:41:57 -05:00
// keep the mouse in sync with rendering
render.mouse = mouse;
// fit the render viewport to the scene
Render.lookAt(render, Composite.allBodies(world));
// wrapping using matter-wrap plugin
for (var i = 0; i < stack.bodies.length; i += 1) {
2017-01-24 15:34:26 -05:00
stack.bodies[i].plugin.wrap = {
2016-11-20 19:41:57 -05:00
min: { x: render.bounds.min.x, y: render.bounds.min.y },
max: { x: render.bounds.max.x, y: render.bounds.max.y }
};
}
// context for MatterTools.Demo
return {
engine: engine,
runner: runner,
render: render,
canvas: render.canvas,
stop: function() {
Matter.Render.stop(render);
Matter.Runner.stop(runner);
}
};
2019-09-14 13:54:50 -04:00
};
2021-02-07 18:56:08 -05:00
Example.avalanche.title = 'Avalanche';
2020-12-30 18:18:38 -05:00
Example.avalanche.for = '>=0.14.2';
if (typeof module !== 'undefined') {
2020-12-30 18:18:38 -05:00
module.exports = Example.avalanche;
}