JavaScriptでポリゴン3Dリアルタイム描画

Real-Time 3D in JavaScript でデモされているテクニック。
DIV要素で1ピクセル単位の点や線を描画して、3D表示を行うものは以前からあったが、
border の三角形を組み合わせてポリゴンを描くのは新しい。しかもIE/Firefox両対応!



テクスチャは貼れないので、単色ポリゴンのみ。処理も軽いです。
これを組み合わせれば、バーチャファイターI並みの表現ができるわけですね。
Animation.Cube クラスは、JavaScript のみでサイコロ回転風のアニメーション
エフェクト(rotating cube animation)を実現するライブラリです。
(中略)
思っていたよりは速いので、この様子ならテクスチャを貼らない単純な
3Dポリゴンなら JavaScript のみで実現できそう。
http://www.kawa.net/works/js/animation/cube.html


仕組みは、ポリゴンを直角3角形に分割しているらしい。
鈍角3角形はもちろん、鋭角3角形の分割処理で表現できるんですね、なるほど。



ライブラリとして簡単に使えるようになったりしないでしょうか。
ブログはこちら

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 11

なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
驚いた 驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

この記事へのコメント

すずき
2006年12月05日 15:51
Safariでも動きました!>ポリゴン
きしだ
2006年12月15日 02:10
通りすがりです。

バーチャ作ろうと思ったらCanvas使うほうがいいかも
IEでは遅いけど・・・
http://d.hatena.ne.jp/nowokay/20061212
通り
2008年04月18日 16:35
「But IE6 Doesn't Support Transparent Borders」と
記事にあるようにIE6での動作は保障していないようですね。

この記事へのトラックバック