昨日の
WebGLより簡単に３Dできそうな、jThreeを聞いて来た！
http://blog.goo.ne.jp/xmldtp/e/434161e6e666d371682964e1fb36463e
について、ちょっとくわしく、書いてみたいと思う。
結論から言うと、ミクについては
・http://seesaawiki.jp/j3wiki/の「初音チュートリアル」に
書いてあることは、簡単に出来る
・しかし、自分のサイトにそれを持ってくることが、相当むずかしい
以下、まず、http://seesaawiki.jp/j3wiki/の「初音チュートリアル」に
書いてあることを説明する。
■初音チュートリアルに書いてあること
１．WebGL Editorを開きます
http://editor.jthree.jp/?id=UdbmUw
に行くと、以下のようになります。
２．ミクを挿入
（１）左下「GOMLタグ」をクリック
（２）スクロールすると「MMDモデル」があるのでクリック
（３）その中の「初音ミク」をクリック
（４）sceneタグ内のどこかをクリック
（５）「挿入」をクリック
そうすると、下の図のように、
最終的に(4)で置いたカーソルのあとにmmdタグが入る
３．プラグイン「MMD」を入れる
（１）左下「プラグイン」タグをクリック
（２）「モデルローダー」があるのでクリック
（３）その中の「MMD」をクリック
（４）エディタ（左上のウィンドウ）HTMLタブにして
（５）「プラグインはここから」～「ここまでの間」のどこかをクリック
（６）「挿入」をクリック
そうすると、下の図のように、
最終的に（５）で置いたカーソルの後に、scriptタグでjthree.MMD.jsが入る
４．ミクを動かす
（１）エディタ（左上）で「Javascript」タブにして
（２）ローディング終わったあと（$( "#loading" ).remove();のあと）
のどこかに「jThree.MMD.play();」と記述する（自動で挿入しない）
（３）「保存」をクリック
そうすると、
というダイアログがでる。
ダイアログをOKして、右側の＞をクリックするとはじまる
（ないしは、もう一度保存する）
＜＜トラブルシューティング＞＞
１．まだ、まっしろ。ないしは、なにか線がうごいてる
XPで行っている場合、メモリが足りない場合に起こるらしい。
解決方法はマシンを変えるしかない
２．真っ黒。こんなかんじ
（１）エディタ「GOML」にして
（２）light のlightColorの値を変えると
すこしはよくなるかな
３．おおきい
マウスの真ん中のぐりぐりするところを動かすと、拡大縮小する
４．で「ぱんちら」させるには
マウスを右ボタンクリック、ぐるぐる回転する。
角度によっては
となる
■それを自分のサイトに持ってくる
で、ここから先、自分のサイトで利用するために、以下のことを行ったが・・・
（１）DLボタンをクリック、ダウンロードして解凍
（２）http://jthree.jpにいき、jthreeのダウンロード
（３）ダウンロードしたものを解凍し、
scriptとpluginの中のものを全部、見えるところにおく
→libsとかフォルダつくり、そこにコピー
（４）dataの下、model,motion,imgを見えるところにコピー
（５）index.html,index.gomlで参照しているjs等を、
（３）、（４）で置いたところに変更する
（６）PMXは入っていないので
https://bowlroll.net/file/3162
とかにいって、PMXをとってきて、それを
model/miku/index.pmxにダウンロード。
また、すべてのspa,bmpファイルをmikuの下にコピー
（７）読み込み中がないので、たとえば、
http://www.pixelimage.jp/blog/2012/04/loading_icon.html
から、適当なgifファイルをコピーし、それをloading.gifという
名前に変える。
（８）vmdも入っていないので
https://bowlroll.net/file/23499
からダウンロードし、解凍。カゲロウデイズ.vmdを、motion/kagerou.vmdに
ファイル名変更していれる
そうすると、こんなエラー
cameraでエラーになる・・・道は遠い・・・
WebGLより簡単に３Dできそうな、jThreeを聞いて来た！
http://blog.goo.ne.jp/xmldtp/e/434161e6e666d371682964e1fb36463e
について、ちょっとくわしく、書いてみたいと思う。
結論から言うと、ミクについては
・http://seesaawiki.jp/j3wiki/の「初音チュートリアル」に
書いてあることは、簡単に出来る
・しかし、自分のサイトにそれを持ってくることが、相当むずかしい
以下、まず、http://seesaawiki.jp/j3wiki/の「初音チュートリアル」に
書いてあることを説明する。
■初音チュートリアルに書いてあること
１．WebGL Editorを開きます
http://editor.jthree.jp/?id=UdbmUw
に行くと、以下のようになります。
２．ミクを挿入
（１）左下「GOMLタグ」をクリック
（２）スクロールすると「MMDモデル」があるのでクリック
（３）その中の「初音ミク」をクリック
（４）sceneタグ内のどこかをクリック
（５）「挿入」をクリック
そうすると、下の図のように、
最終的に(4)で置いたカーソルのあとにmmdタグが入る
３．プラグイン「MMD」を入れる
（１）左下「プラグイン」タグをクリック
（２）「モデルローダー」があるのでクリック
（３）その中の「MMD」をクリック
（４）エディタ（左上のウィンドウ）HTMLタブにして
（５）「プラグインはここから」～「ここまでの間」のどこかをクリック
（６）「挿入」をクリック
そうすると、下の図のように、
最終的に（５）で置いたカーソルの後に、scriptタグでjthree.MMD.jsが入る
４．ミクを動かす
（１）エディタ（左上）で「Javascript」タブにして
（２）ローディング終わったあと（$( "#loading" ).remove();のあと）
のどこかに「jThree.MMD.play();」と記述する（自動で挿入しない）
（３）「保存」をクリック
そうすると、
というダイアログがでる。
ダイアログをOKして、右側の＞をクリックするとはじまる
（ないしは、もう一度保存する）
＜＜トラブルシューティング＞＞
１．まだ、まっしろ。ないしは、なにか線がうごいてる
XPで行っている場合、メモリが足りない場合に起こるらしい。
解決方法はマシンを変えるしかない
２．真っ黒。こんなかんじ
（１）エディタ「GOML」にして
（２）light のlightColorの値を変えると
すこしはよくなるかな
３．おおきい
マウスの真ん中のぐりぐりするところを動かすと、拡大縮小する
４．で「ぱんちら」させるには
マウスを右ボタンクリック、ぐるぐる回転する。
角度によっては
となる
■それを自分のサイトに持ってくる
で、ここから先、自分のサイトで利用するために、以下のことを行ったが・・・
（１）DLボタンをクリック、ダウンロードして解凍
（２）http://jthree.jpにいき、jthreeのダウンロード
（３）ダウンロードしたものを解凍し、
scriptとpluginの中のものを全部、見えるところにおく
→libsとかフォルダつくり、そこにコピー
（４）dataの下、model,motion,imgを見えるところにコピー
（５）index.html,index.gomlで参照しているjs等を、
（３）、（４）で置いたところに変更する
（６）PMXは入っていないので
https://bowlroll.net/file/3162
とかにいって、PMXをとってきて、それを
model/miku/index.pmxにダウンロード。
また、すべてのspa,bmpファイルをmikuの下にコピー
（７）読み込み中がないので、たとえば、
http://www.pixelimage.jp/blog/2012/04/loading_icon.html
から、適当なgifファイルをコピーし、それをloading.gifという
名前に変える。
（８）vmdも入っていないので
https://bowlroll.net/file/23499
からダウンロードし、解凍。カゲロウデイズ.vmdを、motion/kagerou.vmdに
ファイル名変更していれる
そうすると、こんなエラー
cameraでエラーになる・・・道は遠い・・・
アクセス
トータル
ランキング
