本家のサンプルはバリエーションが多すぎるというか、どこから手を付けていいかわからないので、目指すは『3Dゲーム』というコンセプトで世の中で配布されているデータを使いつつ、サンプルをセットにしたものです。
これの一つ前のバージョンは、こちらにあります(オンラインでも実行できます)が、今回背景や球のサンプルを追加して、初音ミクの大きなデータ( three フォーマットと dae )を2パターン4ファイル入れたのでファイルサイズが 13.5M と大きくなっています。 ▲ この eyes_world がメインですが、その他に canvas パターンを含めたキャラクタ表示サンプルが同梱されています
素材 Credit : 光陰像型
素材 Credit : 光陰像型
元データ( .mqo ) 配布サイト : hheaven.net
元データ( .mqo ) 配布サイト : http://sound.jp/ioquep/miku3d01.html いずれもデータは、Three.js でより良い表示にする為に加工されています。元は全てメタセコイアでしたが、ここでは three.js フォーマットと dae で同梱しています
|
|
【Three.jsの最新記事】
- r69 で再チェックしました / Three.js(r53) で追加された LineDashedMaterial のサンプルを簡素化して解りやすくしました
- Three.js(r69) : Lineメソッドで使用する頂点の配列を持つ Geometry オブジェクト
- Three.js : 好きな背景透過画像を飛翔させる
- Three.js : Vector3 オブジェクトのコンストラクタ / result = x || 0; という書き方
- Three.js : WebGL限定の Cube テクスチャによる『パノラマ背景』
- Three.js : 球を使った『パノラマ背景』
- Three.js の canvas_geometry_birds の『鳥』だけを取り出して考える
- ユーザ定義の THREE.UserCubes1 オブジェクトを使って、カメラでその周りを周回する
- Three.js : カメラが発射する Ray(光) にヒットするオブジェクトを総取りする
- Three.js の点線表示の詳細( 特に Windows で WebGL では線の太さは実装なし )
- Three.js でキューブの『テクスチャ面設定』とスケール・X軸回転を jQuery のスライダーでテストする
- Three.js の座標系の向きを テクスチャを貼りつけたキューブと jQuery のスライダー で確認する
- Three.js を使って DAZStudio でレンダリングした女性をちょっと湾曲した炎の前に立たす 〜 Three.js エフェクトの可能性
- Three.js の webgl_geometry_minecraft.html で使われている Cube World を使って、3D モデルを乗っけてカメラを動かすとかなりいい雰囲気です
- THREE.Scene クラスの remove メソッド
- Three.js の個別ソースを使った部分カスタマイズ
- Three.js : あるスケールでの平均した座標集合の作成
