渲染没有3d库的Skybox

Question

所以...我有一些6张图片，像这些http://www.humus.name/index.php?page=Textures，我基本上想要在html5画布上渲染它们：http://www.allforthecode.co.uk/aftc/forum/user/modules/forum/article.php?index=5&subindex=4&aid=303 但我宁愿不使用任何3D例如webgl或three.js等库，因为这是我需要的唯一与3d相关的功能，我希望整个功能尽可能轻量级。我想，“来吧，它只是一个旋转的立方体，不能那么辛苦！” 错误。 我最初的计划是保持相机位置固定，然后跟踪每个顶点的x和y偏移量（以弧度为单位），然后将它们投影到画布上并相应地变形上下文以呈现每个顶点的每个面立方体。 这种方法似乎没有工作，寿，所以...有人可以给我一个伪代码算法？

Answer 1

我认为解决这个问题的一个好方法是使用CSS3 3d转换。 Web上有很多关于如何使用CSS构建3D立方体的细节。使用<div>来构建立方体的边，您可以使用<img>或甚至使用<画布的元素。通过透视透视属性，您应该能够将“摄影机”放置在立方体外面。