タグ

2013年7月10日のブックマーク (1件)

  • HTML5でwebGL+threejsを使った3Dオブジェクトのサンプル

    HTML5と言うとタグが増えたのとCSS3になっただけと思われがちですが、HTML5が対応した様々な技術はたくさんあります。 その中でもwebGLを紹介。 ブラウザから直接PCのグラフィックボードの性能を引き出す技術で3Dのリアルタイムレンダリングなどが可能になります。 360°回転させながらスポーツカーをレンダリング Car Visualizer スクリーンショットを見ただけだと信じられない人もいるかもしれませんが、これブラウザです。 車種やボディーカラー、ホイールカラーなど選択できます。 オブジェクトがゆっくり回転しながら ボディに風景が写りこみリアルタイムレンダリングを行っているサンプルです。 マウスで視点の操作もできます。 車がかっこよかったのでスクリーンショットたくさん撮ってしまいました(笑) この3Dオブジェクトを出力するにはjavascritpの力を借りる訳ですが、 java

    HTML5でwebGL+threejsを使った3Dオブジェクトのサンプル