テーマ:3D

3D Bookmarklet - CSS3なブックマークレットで全てのウェブを3D化

2010年になって Web にも 3D の時代が到来 したわけですが、とはいえまだまだ多い 従来型の 2D ウェブサイトを自動的に 3D 変換してくれるブックマークレットを作りました。 Firefox 3.5、Chrome 5 で動作確認済みです。CSS3 が必要です。 ⇒ 3D Bookmarklet はコチラ […
トラックバック:0
コメント:0

続きを読むread more

HTML5/CSS3 による 3D プレゼンテーション発表 - OSDC.TW 2010

いまだに、2次元平面上で PowerPoint や Keynote をお使いですか? プレゼンも 3D の時代がやってきました。   先週末は、台北で開催されたオープンソース系カンファレンス OSDC.TW 2010 に参加しました。 川崎は、Shibuya.pm in Taipei 枠の中で Something Xiaolon…
トラックバック:0
コメント:1

続きを読むread more

[JavaScript] 海外の canvas 3D 技術

海外のサイトでも、canvas を使った 3D が紹介されていました。 だいぶ一般的な技術になってきたんですね。(ウソです…) でも、jscloth ほど高度ものはまだ見つかってません。(ご存知の方は教えて!)   canvas を使った 3D でモーションブラー http://www.kaarellumi.co…
トラックバック:0
コメント:0

続きを読むread more

gyuqueさんのJavaScript 3Dが熱い! Google Chromeのキラーアプリに!?

gyuque さんのピュア JavaScript の 3D デモが熱すぎるのでご紹介。 各デモの再生は、Google Chrome を強く推奨です。 Google Chrome の速さは、JIT 搭載の V8 だけでなくて、 描画エンジンの Skia もポイントらしい。(⇒詳細) IE では動きません。Firefox は少し遅い…
トラックバック:0
コメント:0

続きを読むread more

JavaScript+Canvasでもうちょっと3Dっぽく

前回の JavaScript+Canvasによるリアルタイム3Dアニメーション を拡張して、 面を色塗りしてみるようにした習作。⇒デモを見る Canvas の fillStyle を利用しています。 ただし、まだまだ制限たくさん。 法線ベクトルの計算をしていないので、陰面処理もやってません。 とりあえず、透き通ったよう…
トラックバック:1
コメント:0

続きを読むread more

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

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

続きを読むread more