Kawa.netブログ（川崎有亮）

アクセスカウンタ

help リーダーに追加 RSS JavaScriptでポリゴン3Dリアルタイム描画

<<   作成日時 ： 2006/12/05 12:28   >>

トラックバック 0 / コメント 3

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



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


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



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

設定テーマ

関連テーマ 一覧
<< 前記事（2006/11/26） トップへ 後記事（2006/12/23）>>

月別リンク

トラックバック（0件）

タイトル （本文） ブログ名／日時

トラックバック用URL help


自分のブログにトラックバック記事作成（会員用） help

タイトル
本　文

コメント（3件）

内 容 ニックネーム／日時
Safariでも動きました！＞ポリゴン
 すずき
2006/12/05 15:51
通りすがりです。

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

コメントする help

ニックネーム
本　文
<< 前記事（2006/11/26） トップへ 後記事（2006/12/23）>>

EDGE Now!