[JavaScript] Canvas2D で3D ドーナツ

2011/12/25

こんにちは。きんくまです。

z-sortがうまくいっていないのですが、ドーナツを表示することができました。
3Dドーナツは別名トーラスというそうです。
点の取り方は、中心から離れたところに円を描いて、それをぐるっと1周させるとできました。
行列使って、回転させるとできましたです。


あとすごいドーナツを見つけたので、載せておきます。
途中からレンダリングが次々と切り替わっていくので重くなりますが、面白いです。
>> http://raksy.dyndns.org/torus.html

それで、今回は1から書いてみてるのですが、なかなか勉強になります。
行列、内積、外積とか。
以前にやったときは急ぎ足でやっていたので、あんまり理解していなかったのですが、
今回はわりと考えながらやっているので、得るものがありました。

あと面白いと思うのは、直線で点をつなげて塗りつぶせれば3Dでも描画できるということです。

もう少しやってみようと思います。

LINEで送る
Pocket

自作iPhoneアプリ 好評発売中!
フォルメモ - シンプルなフォルダつきメモ帳
ジッピー電卓 - 消費税や割引もサクサク計算!

ページトップへ戻る