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

added Render.startViewTransform and Render.endViewTransform

Browse source
This commit is contained in:
liabru 2016-11-20 23:27:05 +00:00
parent 47443b3362
commit c8e5d5c3b0
1 changed files with 26 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/render/Render.js
View file

@ -256,6 +256,30 @@ var Vector = require('../geometry/Vector');
} }
}; };
/**
* Applies viewport transforms based on `render.bounds` to a render context.
* @method startViewTransform
* @param {render} render
*/
Render.startViewTransform = function(render) {
var boundsWidth = render.bounds.max.x - render.bounds.min.x,
boundsHeight = render.bounds.max.y - render.bounds.min.y,
boundsScaleX = boundsWidth / render.options.width,
boundsScaleY = boundsHeight / render.options.height;
render.context.scale(1 / boundsScaleX, 1 / boundsScaleY);
render.context.translate(-render.bounds.min.x, -render.bounds.min.y);
};
/**
* Resets all transforms on the render context.
* @method endViewTransform
* @param {render} render
*/
Render.endViewTransform = function(render) {
render.context.setTransform(render.options.pixelRatio, 0, 0, render.options.pixelRatio, 0, 0);
};
/** /**
* Renders the given `engine`'s `Matter.World` object. * Renders the given `engine`'s `Matter.World` object.
* This is the entry point for all rendering and should be called every time the scene changes. * This is the entry point for all rendering and should be called every time the scene changes.
@ -293,11 +317,6 @@ var Vector = require('../geometry/Vector');
// handle bounds // handle bounds
if (options.hasBounds) { if (options.hasBounds) {
var boundsWidth = render.bounds.max.x - render.bounds.min.x,
boundsHeight = render.bounds.max.y - render.bounds.min.y,
boundsScaleX = boundsWidth / options.width,
boundsScaleY = boundsHeight / options.height;
// filter out bodies that are not in view // filter out bodies that are not in view
for (i = 0; i < allBodies.length; i++) { for (i = 0; i < allBodies.length; i++) {
var body = allBodies[i]; var body = allBodies[i];
@ -324,8 +343,7 @@ var Vector = require('../geometry/Vector');
} }
// transform the view // transform the view
context.scale(1 / boundsScaleX, 1 / boundsScaleY); Render.startViewTransform(render);
context.translate(-render.bounds.min.x, -render.bounds.min.y);
} else { } else {
constraints = allConstraints; constraints = allConstraints;
bodies = allBodies; bodies = allBodies;
@ -379,7 +397,7 @@ var Vector = require('../geometry/Vector');
if (options.hasBounds) { if (options.hasBounds) {
// revert view transforms // revert view transforms
context.setTransform(options.pixelRatio, 0, 0, options.pixelRatio, 0, 0); Render.endViewTransform(render);
} }
Events.trigger(render, 'afterRender', event); Events.trigger(render, 'afterRender', event);