[JavaScript] 海外の canvas 3D 技術
海外のサイトでも、canvas を使った 3D が紹介されていました。
だいぶ一般的な技術になってきたんですね。(ウソです…)
でも、jscloth ほど高度ものはまだ見つかってません。(ご存知の方は教えて!)
canvas でポリゴン表示。・・・だけではもう驚きませんが、『ブレ』の表現が美しいです。
テクスチャマッピングはなし。
moriyoshi さん によると、前のフレームを重ねているらしい。
四角形を使ったテクスチャマッピング。
「歪み」の問題を回避するため(かな?)、手前と奥(または歪み易さ?)で
ポリゴンの分割数を自動的に調整しているのも興味深い。
だいぶ一般的な技術になってきたんですね。(ウソです…)
でも、jscloth ほど高度ものはまだ見つかってません。(ご存知の方は教えて!)
canvas を使った 3D でモーションブラー
canvas でポリゴン表示。・・・だけではもう驚きませんが、『ブレ』の表現が美しいです。
テクスチャマッピングはなし。
moriyoshi さん によると、前のフレームを重ねているらしい。
moriyoshi fillStyleで微妙にアルファ値を指定することで前のフレームと重ね合わせされるのでモーションブラーになってるみたいです...
canvas を使ったテクスチャマッピング
四角形を使ったテクスチャマッピング。
「歪み」の問題を回避するため(かな?)、手前と奥(または歪み易さ?)で
ポリゴンの分割数を自動的に調整しているのも興味深い。
この記事へのコメント