[JavaScript] 海外の canvas 3D 技術

海外のサイトでも、canvas を使った 3D が紹介されていました。
だいぶ一般的な技術になってきたんですね。(ウソです…)
でも、jscloth ほど高度ものはまだ見つかってません。(ご存知の方は教えて!)
 

canvas を使った 3D でモーションブラー



canvas でポリゴン表示。・・・だけではもう驚きませんが、『ブレ』の表現が美しいです。
テクスチャマッピングはなし。
moriyoshi さん によると、前のフレームを重ねているらしい。
moriyoshi fillStyleで微妙にアルファ値を指定することで前のフレームと重ね合わせされるのでモーションブラーになってるみたいです...

canvas を使ったテクスチャマッピング



四角形を使ったテクスチャマッピング。
「歪み」の問題を回避するため(かな?)、手前と奥(または歪み易さ?)で
ポリゴンの分割数を自動的に調整しているのも興味深い。

ブログ気持玉

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

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

→ログインへ

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

気持玉数 : 12

なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた
かわいい

この記事へのコメント

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