渲染沒有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>或甚至使用<畫布的元素。通過透視透視屬性，您應該能夠將「攝影機」放置在立方體外面。