生WebGL入門:初音ミクの美麗3Dモデルを表示する(後編)
前の記事で、3Dモデルのミクさんの描画に成功しました。ただ現状はモデルの外形を表示出来ただけなので、せっかくここまで表示出来たからには色を塗ってみたいところです。今回の記事では、色を塗りテクスチャを貼ってみます。また、最後に別のモデルを表示して、テクスチャの威力についてもご紹介したいと思います。 前の記事はこちら→ 生WebGL入門:初音ミクの美麗3Dモデルを表示する(中編) MTLデータの読み込み、表示 その1の記事で準備した時、OBJファイルと共にMTLファイル が生成されたことを覚えていらっしゃるでしょうか。前の記事で紹介したとおり、OBJファイルはポリゴンのデータを定義するものでしたが、色の情報は一切ありませんでした。それらのデータは、MTL（マテリアル）ファイルに定義されています。というわけで、今回は色をつけるためにマテリアルファイルを扱います。 マテリアルファイルのフォーマット
Tech Wave : 米航空のサイトがFlash削除。恐るべしiPhoneの影響力
ウェブ上のアニメーション技術FlashをめぐるAppleとAdobeの論争が続いているが、ヴァージン・アメリカ航空が自社ウェブサイトからFlashコンテンツを削除したことが、明らかになった。Flashコンテンツ搭載のウェブページを完全に表示できないiPhoneなどのApple製モバイル機器が消費者から見捨てられるのか。それともApple製品に表示できないFlashコンテンツを切り捨てる動きがウェブサイトの間に広がるのかー。論争がIT業界に与える影響に注目が集まっているが、早くもFlash切り捨ての動きが出始めたようだ。 ▼恐るべしiPhoneの影響力 動画ファイルをダウンロードしたわけでもないのにアニメが動くウェブサイトなどはFlashを使っている場合が多く、日本でも携帯電話事業者など消費者向けにデザインセンスのよさを訴えたいサイトなどはFlashを多用している。 しかしAppleのiPh
WebGLも出来てきたのでそろそろOpenGL ES 2.0(GLSL辺り)の勉強を始める - 強火で進め
WebKit、FirefoxとWebGLの準備がちゃくちゃくと進んでいるし、iPhoneも3GSではついにOpenGL ES 2.0に対応してるのでいい加減OpenGL ES 2.0のGLSL辺りのお勉強を始めました。 ※WebGLもOpenGL ES 2.0をそのままブラウザに持って来た様な仕様なのでOpenGL ES 2.0を覚えると後はWebGL特有の部分を少々、覚えればプログラムの作成が可能です。 GLSLとは まずは簡単にOpenGL ES 2.0の特徴であるGLSLについてちょっと解説。 GLSLとはOpenGL Shading Languageの略でつまりOpenGL用のシェーダ言語です。 この言語はCPUではなくGPU上で実行するので高速な動作が可能です。 OpenGL ES 2.0以前の1.0や1.1では「固定機能パイプライン」と言われるあらかじめきめられたシェーダ(陰影
WebGLが実装されたWebKitを使ってみた - 強火で進め
(10/02/25 追記) WebGLの関数名などの変更によりブラウザのバージョンによっては動作しない可能性があります。 WebGLのサンプルが動作しなくなった - 強火で進め http://d.hatena.ne.jp/nakamura001/20100224/1267028558 (2009/10/21 追記) Nightly Builds版にもWebGLが搭載されました。 こちらの方が簡単に試せます。 WebKitのNightly Builds版にもWebGL搭載 - 強火で進め http://d.hatena.ne.jp/nakamura001/20091021/1256144947 最近、SafariやChromeなのでコア部分の実装であるWebKitにWebGLの実装が完了したとのニュースを知りました。 WebGLとはブラウザでプラグイン無しで、共通の記述で3Dグラフィックの描
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TableとCSSいろいろ - DesignWalker
