在Matter.js中旋转相机

问题描述:

我正在研究在空间中设置的自上而下的基于物理的游戏。即使船舶可以旋转,我也希望旋转到视图始终显示玩家的船面朝上。 我已经通过文档搜索,但没有找到关于旋转世界或渲染器的任何内容,但可能我不知道要寻找的正确术语。 这甚至可以与matter.js?在Matter.js中旋转相机

+0

如果他们不为它提供支持,您可以创建自定义渲染器,并使用两种一些linalg或三角函数的旋转。自定义渲染:https://github.com/liabru/matter-js/wiki/Rendering,https://www.khanacademy.org/math/linear-algebra/matrix-transformations/linear-transformations/a/visualizing -linear - 转换(让我知道这是你决定做什么,我会发布一个详细的答案,解释如何做到这一点) –

我不知道如何为内置的渲染器做到这一点。我使用了自定义渲染器,并使用画布转换来移动相机。

http://www.w3schools.com/tags/canvas_rotate.asp

ctx.save(); 
ctx.translate(transX, transY); 
drawBody(); 
ctx.restore(); 

http://codepen.io/lilgreenland/pen/wzARJY