jQueryの3D

2010/03/11

最近では、Ajaxでも3Dライブラリやサンプルを、みんな頑張って作ってるみたいだ。 個人が山ほど作ってるけど、どれを選択していいかわからないのが「Ajax」のダメなトコなんだよなぁ。 仕様が統一されてなくて、とにかくわかりにくい。。。

現状の3Dはまだまだ、Flash > Ajax + CSSだなぁ。 けど、HTMLある限りずっと付き合ってかなきゃいけないんだよねぇ(-_-)

とりあえず、今日見つけただけのサンプルを抜粋 ■jQuery 3D Rotator

あはwこのページの背景と同じっぽいw プロパティの設定の仕方はちと大変な気がするけど、HTMLだとしょうがないか? ちと、わかりにくいかなぁ?

Making a 3D Engine in jQuery

「DisplayObject3D」とか「Camera3D」とかクラス名見る限り「Papervision3D」 を移植しようと思ってるのかな? ただ「Papervision3D」は、主力開発者が抜けて、すたれかけているような気がする。 何つってもCPUに負荷をかけるから重いしねぇ。

               ■Flip HTML content in 3D

回転だけに特化してるので、書き方がシンプルでわかりやすい。 色んなことするのは難しそう。

Flip!

シンプルでわかりやすそう。 コールバックもついてる。

jQuery faux-3D effect

このサイトの作りかけ中の「Photo」みたいな動きw 少ないコードで実現してますが、このままだと応用がきかなそうだ。

「OpenGL」に対応してくると、AjaxもFlashも格段に作り方が違うんだろうけど。 てか、おいらも「OpenGL」プログラムをそろそろ覚えないと(-_-;)