foster/liabru-matter-js
0
0
Fork 0
mirror of https://github.com/liabru/matter-js.git synced 2024-11-27 09:50:52 -05:00
Code Issues Wiki Activity

added Demo.manipulation

Browse source
This commit is contained in:
liabru 2014-06-03 17:32:46 +01:00
parent 7ed28f7b8c
commit 0a453a2b63
2 changed files with 52 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
demo/dev.html
View file

@ -37,6 +37,7 @@
<option value="rounded">Rounded Corners (Chamfering)</option>
<option value="views">Views</option>
<option value="timescale">Time Scaling</option>
<option value="manipulation">Body Manipulation</option>
<option value="sprites">Sprites</option>
<option value="pyramid">Pyramid</option>
<option value="raycasting">Raycasting</option>

51
demo/js/Demo.js
View file

@ -234,6 +234,57 @@
renderOptions.showCollisions = true;
};
Demo.manipulation = function() {
var _world = _engine.world;
Demo.reset();
var bodyA = Bodies.rectangle(100, 200, 50, 50),
bodyB = Bodies.rectangle(200, 200, 50, 50),
bodyC = Bodies.rectangle(300, 200, 50, 50),
bodyD = Bodies.rectangle(400, 200, 50, 50),
bodyE = Bodies.rectangle(550, 200, 50, 50),
bodyF = Bodies.rectangle(700, 200, 50, 50);
World.add(_world, [bodyA, bodyB, bodyC, bodyD, bodyE, bodyF]);
var counter = 0,
scaleFactor = 1.01;
_sceneEvents.push(
Events.on(_engine, 'tick', function(event) {
counter += 1;
if (scaleFactor > 1) {
Body.scale(bodyF, scaleFactor, scaleFactor);
// modify body vertices
bodyE.vertices[0].x -= 0.2;
bodyE.vertices[0].y -= 0.2;
bodyE.vertices[1].x += 0.2;
bodyE.vertices[1].y -= 0.2;
Body.setVertices(bodyE, bodyE.vertices);
}
// every 1.5 sec
if (counter >= 60 * 1.5) {
Body.setPosition(bodyA, { x: 100, y: 200 });
Body.setVelocity(bodyB, { x: 0, y: -10 });
Body.setAngle(bodyC, -Math.PI * 0.26);
Body.setAngularVelocity(bodyD, 0.2);
// reset counter
counter = 0;
scaleFactor = 1;
}
})
);
var renderOptions = _engine.render.options;
renderOptions.showAxes = true;
renderOptions.showCollisions = true;
};
Demo.views = function() {
var _world = _engine.world;