<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="http://tres-graficos.jp/blog/rss/style.css" type="text/css"?>
<rdf:RDF xmlns="http://purl.org/rss/1.0/"
         xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
         xmlns:content="http://purl.org/rss/1.0/modules/content/"
         xmlns:dc="http://purl.org/dc/elements/1.1/"
         xml:lang="en">
<channel rdf:about="http://tres-graficos.jp/blog/rss/1.0.php?id=643">
<title>TG BLOG</title>
<link>http://tres-graficos.jp/blog/index.php</link>
<dc:date>2012-10-13T19:34:28+0900</dc:date>
<description>
TG BLOG - RSS (RDF Site Summary).
</description>
<items>
<rdf:Seq>
<rdf:li rdf:resource="http://tres-graficos.jp/blog/article.php?id=643" />
</rdf:Seq>
</items>
</channel>
<item>
<title>Marty on WebGL</title>
<link>http://tres-graficos.jp/blog/article.php?id=643</link>
<dc:date>2012-10-13T19:34:28+0900</dc:date>
<description>Cheetah3D の フォーラム で、作ったモデルデータを閲覧するのに最適な方法は？みたいなお題がでてたので、前から気になってた three.js という WebGL を簡単に試せる JavaScript のライブラリを使って、Cheet...</description>
<content:encoded>
<![CDATA[
<p>Cheetah3D の <a href="http://www.cheetah3d.com/forum/showthread.php?t=7491">フォーラム</a> で、作ったモデルデータを閲覧するのに最適な方法は？みたいなお題がでてたので、前から気になってた <a href="http://mrdoob.github.com/three.js/">three.js</a> という WebGL を簡単に試せる JavaScript のライブラリを使って、Cheetah3D のサンプルの Marty をブラウザに表示させてみた。</p>
<p>
<img src="http://tres-graficos.jp/blog/resources/ch_20121013_webGL_marty.jpg" width="640" height="476" alt="ch_20121013_webGL_marty.jpg" />
</p>
<p>対応ブラウザが Safari <small>（メニューバーの 開発 -> WebGL を有効にする をチェックする必要が有ります）</small> / Chrome / FireFox / Opera なので、まだまだ見る人を選んでしまいますが、Cheetah3D で書き出した Collada ファイルをそのまま表示する事ができます。</p>
<p>デモ: <a href="/ch_data/ch_three.js/examples/webgl_loader_collada_marty.html" target="_blank">Marty on WebGL</a> <small>collada ファイルが 4 MB 程あるので、読み込むまで少し時間がかかります。</small>
</p>
<p>Cheetah3D で書き出す dae ファイルの場合、テクスチャのバスがそのままでは読み込めなかったので、loaders/ColladaLoader.js の該当部分を少し書き換えました。</p>
<p>デモ: <a href="/ch_data/ch_three.js/examples/webgl_loader_collada_marty_paint.html" target="_blank">Marty on WebGL, ベイクテクスチャ適用版</a> <small>collada ファイルが 4 MB 程あるので、読み込むまで少し時間がかかります。</small>
</p>
<p>GI 付きでベイクしたテクスチャを使うと、雰囲気が出ますね。</p>
<hr />
<p>サンプルを見てみると、ボーンアニメーションにも対応してる様なので、いろいろできそうです。 :-)</p>

]]>
</content:encoded>
</item>

</rdf:RDF>