0

だから...私はこれらのhttp://www.humus.name/index.php?page=Texturesのような6枚の写真のセットをいくつか持っており、基本的には次のようなhtml5キャンバスにそれらをレンダリングしたい: http:// www.allforthecode.co.uk/aftc/forum/user/modules/forum/article.php?index=5&subindex=4&aid=303 しかし、webgl や three.js などの 3d ライブラリは使用したくありません。必要な 3d 関連の機能はこれだけであり、全体をできるだけ軽量にしたいからです。「まぁ、ただの回転する立方体だから、そんなに難しくないぞ！」と思いました。違う。私の最初の計画は、カメラの位置を固定したままにし、次に各頂点の x および y オフセット (ラジアン単位) を追跡し、それらをキャンバスに投影し、それに応じてコンテキストを変形して立方体の各面をレンダリングすることでした。 . そのアプローチはうまくいかないようです.だから...誰かが私に疑似コードアルゴリズムを与えることができますか?

4

1 に答える 1

0

この問題に取り組む良い方法は、CSS3 3d 変換を使用することだと思います。CSS を使用して 3D キューブを作成する方法について詳しく説明しているチュートリアルが Web 上に多数あります。<div> を使用して立方体の側面を構築する代わりに、 <img> または <canvas> 要素を使用することもできます。パースペクティブ アトリビュートをいじってみると、「カメラ」を立方体の内側に配置して外を見ることができるはずです。

于 2013-11-03T12:44:14.597 に答える