0

所以...我有一些 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 相关的功能,我希望整个东西尽可能轻巧。我想,“来吧,它只是一个旋转的立方体,不可能那么难!” 错误的。我最初的计划是保持相机位置固定,然后 ant 跟踪每个顶点的 x 和 y 偏移量(以弧度为单位),然后将它们投影到我的画布上并相应地变形上下文以渲染立方体的每个面. 这种方法似乎不起作用,所以......有人可以给我一个伪代码算法吗?

4

1 回答 1

0

我认为解决这个问题的一个好方法是使用 CSS3 3d 转换。在网上可以找到很多教程,详细介绍如何使用 CSS 构建 3d 立方体。您可以使用 <img> 甚至 <canvas> 元素,而不是使用 <div> 来构建立方体的侧面。通过使用透视属性,您应该能够将“相机”放置在立方体内向外看。

于 2013-11-03T12:44:14.597 回答