如何在Javascript中创建透视屏幕？

Question

如何在Javascript（使用canvas元素的Three.js？）中创建这样的效果？如上所述？

枢轴屏幕： http://www.smashingmagazine.com/2011/07/27/what-web-designers-can-learn-from-video-games/

Answer 1

您想要搜索在Canvas中进行过投影/透视变换的人。

即http://acko.net/files/projective/index.html

单独歪斜并不是特别难，你需要的只是：

ctx.setTransform (1, .3, 0, 1, 0, 0);

但获得真正的观点是非平凡的数学