ホームページに設置
最終更新：
oga_1bjt2225 2014年11月26日(水) 12:13:08履歴
ホームページに設置するために 
MMDモデルやモーションなどはライセンス管理の都合上ファイルの配布用意がありません。
各種ファイルを入手し、この通りの構成を作成しルートフォルダにwebGLエディタで作成したファイルをそのまま入れればうまく表示できるかと思います。
webGLエディタの中身をひとまとめにして管理したい場合、HTMLとGOMLファイルに記述したプラグインやモデル，テクスチャへのリンクパス先頭に「../」などを付け足し、パスを繋ぎ直すのを忘れないようご注意下さい。
ブログパーツ（http://seesaawiki.jp/j3_blogparts/）の例では、ルートフォルダ内に下記のフォルダ構成をそのまま作り「j3parts_clock」などのフォルダにエディタの中身をそのまま置いています。
この場合、ファイルのパスは一階層上に登ってからスタートさせるので、「../」で相対的なファイルパスの位置を変更します
HTMLのタグ修正例）
各種ファイルを入手し、この通りの構成を作成しルートフォルダにwebGLエディタで作成したファイルをそのまま入れればうまく表示できるかと思います。
webGLエディタの中身をひとまとめにして管理したい場合、HTMLとGOMLファイルに記述したプラグインやモデル，テクスチャへのリンクパス先頭に「../」などを付け足し、パスを繋ぎ直すのを忘れないようご注意下さい。
ブログパーツ（http://seesaawiki.jp/j3_blogparts/）の例では、ルートフォルダ内に下記のフォルダ構成をそのまま作り「j3parts_clock」などのフォルダにエディタの中身をそのまま置いています。
この場合、ファイルのパスは一階層上に登ってからスタートさせるので、「../」で相対的なファイルパスの位置を変更します
HTMLのタグ修正例）
<script src="../libs/jthree/2.1/jThree.min.js"></script>
設置例
- 初音ミクにPolkkaを躍らせる-http://j3wiki.s602.xrea.com/jthree/j3parts_Polkka/
- モーションデータはあずP様のホームページより頂きました。
- 基本図形のみで時計-http://j3wiki.s602.xrea.com/jthree/j3parts_clock/
- フェイスだけ木目テクスチャを貼りましたが、基本図形のみで構成されています。
- 独自STLを表示http://j3wiki.s602.xrea.com/jthree/j3wiki_sampleST...
- 画面左の赤い物体は、rinkak（https://www.rinkak.com/）から公開されていたProjectAraのカメラモジュールの外形を。
- 画面右の歯車は、GearModelFor3DPrinter（http://www.knowhave.com/gear/）にて生成
jThree Webエディタのフォルダ構成は以下のようになっています。
jThree
│
├─audio
│ girls.mp3
│ girls.ogg
│ kagerou.mp3
│ kagerou.ogg
│ melt.mp3
│ melt.ogg
│ sakura.mp3
│ sakura.ogg
│ world.mp3
│ world.ogg
│
├─cameraMotion
│ kagerou.vmd
│ melt.vmd
│ sakura.vmd
│ world.vmd
│
├─img
│ earth.jpg
│ ground.jpg
│ loading.gif
│ moon.jpg
│ sky.png
│ sun.jpg
│ wood.png
│
├─libs
│ ├─ammo
│ │ └─1.0
│ │ ammo.js
│ │
│ ├─cardboard
│ │ └─0.1
│ │ jThree.Cardboard.js
│ │
│ ├─collada
│ │ └─1.0
│ │ jThree.Collada.js
│ │
│ ├─flyview
│ │ └─1.4
│ │ jThree.FlyView.js
│ │
│ ├─json
│ │ └─1.0
│ │ jThree.JSON.js
│ │
│ ├─jthree
│ │ └─2.1
│ │ jThree.js
│ │ jThree.min.js
│ │
│ ├─leap
│ │ └─0.1
│ │ jThree.Leap.js
│ │
│ ├─mmd
│ │ └─1.4
│ │ jThree.MMD.js
│ │
│ ├─mobilevr
│ │ ├─0.1
│ │ │ jThree.MobileVR.js
│ │ │
│ │ └─0.2
│ │ jThree.MobileVR.js
│ │
│ ├─oculus
│ │ ├─0.1
│ │ │ jThree.Oculus.js
│ │ │
│ │ └─0.2
│ │ jThree.Oculus.js
│ │
│ ├─rtc
│ │ └─0.1
│ │ jThree.RTC.js
│ │
│ ├─stats
│ │ └─1.2
│ │ jThree.Stats.js
│ │
│ ├─stl
│ │ └─1.0
│ │ jThree.STL.js
│ │
│ ├─trackball
│ │ └─1.4
│ │ jThree.Trackball.js
│ │
│ ├─webar
│ │ ├─0.1
│ │ │ jThree.WebAR.js
│ │ │
│ │ ├─0.2
│ │ │ jThree.WebAR.js
│ │ │
│ │ └─0.3
│ │ jThree.WebAR.js
│ │
│ └─xfile
│ └─1.1
│ jThree.XFile.js
│
├─model
│ │ Prototype_Thermal_Imager_Module_Shell_Model_Alpha.stl
│ │
│ ├─akane
│ │ b.bmp
│ │ body.png
│ │ e13.bmp
│ │ face.png
│ │ index.pmx
│ │ kotonoha01.png
│ │ kotonoha02.png
│ │ kotonoha03.png
│ │ kotonoha04.png
│ │ kotonoha05.png
│ │ kotonoha_eye.png
│ │ kotonoha_hair1.png
│ │ kotonoha_hair2.png
│ │ kotonoha_highlight.png
│ │ mayu.png
│ │ toon01.bmp
│ │ toon02.bmp
│ │ toon_a24.bmp
│ │ toon_a26.bmp
│ │ toon_a27.bmp
│ │ toon_a28.bmp
│ │ toon_a29.bmp
│ │
│ ├─aoi
│ │ b.bmp
│ │ body.png
│ │ e13.bmp
│ │ face.png
│ │ index.pmx
│ │ kotonoha01.png
│ │ kotonoha02.png
│ │ kotonoha03.png
│ │ kotonoha04.png
│ │ kotonoha05.png
│ │ kotonoha_eye.png
│ │ kotonoha_hair1.png
│ │ kotonoha_hair2.png
│ │ kotonoha_highlight.png
│ │ mayu.png
│ │ toon01.bmp
│ │ toon02.bmp
│ │ toon_a24.bmp
│ │ toon_a26.bmp
│ │ toon_a27.bmp
│ │ toon_a28.bmp
│ │
│ ├─haku
│ │ eye4.bmp
│ │ index.pmx
│ │ toon01.bmp
│ │ toon02.bmp
│ │ toon03.bmp
│ │
│ ├─miku
│ │ eyeM2.bmp
│ │ index.pmx
│ │ toon01.bmp
│ │ toon02.bmp
│ │ toon03.bmp
│ │
│ ├─monster
│ │ index.dae
│ │ monster.jpg
│ │
│ └─neru
│ eye3Ne.bmp
│ index.pmx
│ toon01.bmp
│ toon03.bmp
│ toon04.bmp
│
├─motion
│ girls.vmd
│ kagerou.vmd
│ melt.vmd
│ Polkka.vmd
│ sakura.vmd
│ world.vmd
│
├─stage
│ ├─auckland
│ │ 002_side.jpg
│ │ 003_SIDE.jpg
│ │ 01_Fence2.png
│ │ 02_Shade.png
│ │ 02_Window05.JPG
│ │ 03_Window02.JPG
│ │ 101_Ripcurl_front.JPG
│ │ 109-115_Front.jpg
│ │ 92_Albert_St_RoofWall.jpg
│ │ 95_OPTIMIST_Back.jpg
│ │ 99_LKH_FRONT.JPG
│ │ 99_LKH_SIDE.JPG
│ │ amj_insurance_2.jpg
│ │ AMP_LOWDEF.jpg
│ │ auckland_city2.jpg
│ │ Block01_Top_View.jpg
│ │ Block03_Top_View.jpg
│ │ Block04_Building02_Front01.JPG
│ │ Block24_Building02_Signboard.JPG
│ │ Block24_Building02_Wall.jpg
│ │ Block24_Topview.jpg
│ │ Block31_Top_view.jpg
│ │ Block33_Building01_Window01.JPG
│ │ BNZ_TOWER_TOP_SIDE1.JPG
│ │ BNZ_TOWER_TOP_SIDE2.JPG
│ │ Building01_Back.JPG
│ │ Building01_Back01.JPG
│ │ Building01_Back02.JPG
│ │ Building01_Back03.JPG
│ │ Building01_Back_Entrance.JPG
│ │ Building01_Front.JPG
│ │ Building01_Front02.JPG
│ │ Building01_Shade01.JPG
│ │ Building01_side.JPG
│ │ Building01_Side02.JPG
│ │ Building01_Signboard.JPG
│ │ Building01_Top_View.jpg
│ │ Building01_Wall.jpg
│ │ Building02_Back.JPG
│ │ Building02_Back1.JPG
│ │ Building02_Back_Entrance.JPG
│ │ Building02_Front.JPG
│ │ Building02_Front.png
│ │ Building02_Front01.JPG
│ │ Building02_Front011.JPG
│ │ Building02_Front_Ground_Floor.JPG
│ │ Building02_Terrace.JPG
│ │ Building03_Back.jpg
│ │ Building03_Back1.jpg
│ │ Building03_Back_Ground_Floor01.JPG
│ │ Building03_Front.JPG
│ │ Building03_Front01.JPG
│ │ Building03_Front1.JPG
│ │ Building03_Front_Ground_Floor01.JPG
│ │ Building03_Shade.JPG
│ │ Building03__Top_FloorLeft.JPG
│ │ Building04_Back.jpg
│ │ Building04_Front.jpg
│ │ Building04_Right.jpg
│ │ Building04_Side_Ground_Floor.JPG
│ │ Building05.JPG
│ │ Building05_Front.JPG
│ │ Building1_Side02.jpg
│ │ Carpet_Plush_Charcoal.jpg
│ │ CITY_COUNCIL.jpg
│ │ CITY_COUNCIL_LEFT-SIDE.jpg
│ │ CITY_COUNCIL_RIGHT-SIDE.jpg
│ │ CITY_COUNDIL_TOP_VIEW.jpg
│ │ CITY_LIFE_AUCKLAND.jpg
│ │ Concrete.Cast-In-Place.Flat.Broom.Grey.jpg
│ │ Concrete.Cast-In-Place.Flat.Broom.Grey1.jpg
│ │ Concrete_Black_Paint.jpg
│ │ Concrete_Blue_Grey.JPG
│ │ Concrete_Cream_Colour.jpg
│ │ Concrete_Cream_Colour1.jpg
│ │ Concrete_Cream_Colour2.jpg
│ │ Concrete_Cream_Colour3.jpg
│ │ Concrete_Green.jpg
│ │ Concrete_White.jpg
│ │ Concrete_White1.jpg
│ │ Concrete_White2.jpg
│ │ Concrete_White3.jpg
│ │ Concrete_White4.jpg
│ │ Concrete_White5.jpg
│ │ Concrete_White6.jpg
│ │ COPTHORNE_FRONT.jpg
│ │ Copthorne_Front02.JPG
│ │ Copthorne_Signboard.JPG
│ │ COPTHORN_SIDE.jpg
│ │ East_Block04_Building01_Front01.JPG
│ │ East_Block04_Building01_Front02.JPG
│ │ East_Block04_Building02_Back01.jpg
│ │ East_Block04_Building02_Front01.jpg
│ │ East_Block04_Building03_Back01.jpg
│ │ East_Block04_Building03_Back02.jpg
│ │ East_Block04_Building03_Front.jpg
│ │ East_Block04_Building04_Back01.JPG
│ │ East_Block04_Building04_Back011.JPG
│ │ East_Block04_Building04_Front01.jpg
│ │ East_Block04_Building05_Back03.JPG
│ │ East_Block04_Building05_Front.JPG
│ │ East_Block04_Building05_Side01.jpg
│ │ East_Block04_Building06_Front01.jpg
│ │ East_Block04_Building06_Front02.jpg
│ │ East_Block04_Building06_Side01.jpg
│ │ East_Block04_Building06_Side011.jpg
│ │ East_Block04_Building06_Side02.jpg
│ │ East_Block04_Building07_Front01.jpg
│ │ East_Block04_Building07_Front011.jpg
│ │ East_Block04_Building08_Back01.jpg
│ │ East_Block04_Top_View.jpg
│ │ East_Block33_Vero_Cntre_Window01.JPG
│ │ East_Block33_Vero_Cntre_Window02.JPG
│ │ Fence01.png
│ │ GEN-i_Front.JPG
│ │ gen-i_rear.JPG
│ │ GEN-i_WINDOW1.JPG
│ │ GEN-i_WINDOW2.JPG
│ │ HOBSON_STREET_02_FRONT.jpg
│ │ IAG_SIDE.jpg
│ │ index.x
│ │ MERCURE_TOP_FRONT.JPG
│ │ Metal_Aluminum_Anodized.jpg
│ │ NATIONAL_BANK_TOWR.JPG
│ │ Readme.txt
│ │ Roofing_Metal_Standing_Seam_Red.jpg
│ │ Shutter01.JPG
│ │ The_Guardian_front.jpg
│ │ UNKNOWN_APARTMENT.jpg
│ │ Vegetation_Blur3.jpg
│ │ Vegetation_Blur7.jpg
│ │ West_BLock01_Building01_Front.JPG
│ │ West_Block01_Building01_Side.JPG
│ │ West_Block02_Building02_Back.JPG
│ │ West_Block02_Building02_Front.JPG
│ │ West_Block02_Building03_Front.JPG
│ │ West_Block02_Building03_Left.JPG
│ │ West_Block02_Building03_Left1.JPG
│ │ West_Block02_Building04_Left_Back.jpg
│ │ West_Block02_i-TOWER_FRONT.JPG
│ │ West_Block02_Top_View.jpg
│ │ West_Block02_Top_View_2.jpg
│ │ West_Block03_Top_View.jpg
│ │ West_Block05_Building01_BNZ_TOWER_SIDE.JPG
│ │ West_Block05_Building01_BNZ_TOWER_TOP_SIDE1.JPG
│ │ West_Block05_Building01_Front02.JPG
│ │ West_Block05_Building01_Front03.JPG
│ │ West_Block05_Building01_Ground_Floor01.JPG
│ │ West_Block05_Building01_Ground_Floor02.JPG
│ │ West_Block05_Building02_Back01.JPG
│ │ West_Block05_Building02_Back02.JPG
│ │ West_Block05_Building02_Entrance.JPG
│ │ West_Block05_Building02_Front01.JPG
│ │ West_Block05_Building02_Shade01.JPG
│ │ West_Block05_Building03_Entrance01.jpg
│ │ West_Block05_Building03_Entrance02.jpg
│ │ West_Block05_Building03_Entrance03.jpg
│ │ West_Block05_Building03_Tile01.jpg
│ │ West_Block05_Building03_Window01.jpg
│ │ West_Block05_Building03_Window02.jpg
│ │ West_Block05_Building04_Side01.JPG
│ │ West_Block05_Building04_Side02.JPG
│ │ West_Block05_Building05_Front01.JPG
│ │ West_Block05_Building05_Front02.JPG
│ │ West_Block05_Building05_Front05.JPG
│ │ West_Block05_Building05_Front06.JPG
│ │ West_Block05_Building05_Front07.JPG
│ │ West_Block05_Building05_Side01.JPG
│ │ West_Block05_Building05_Side02.JPG
│ │ West_Block05_Building05_Side03.JPG
│ │ West_Block05_Top_View.jpg
│ │ West_Block05_Top_View1.jpg
│ │ West_Block05_Top_View2.jpg
│ │ West_Block05_Top_View3.jpg
│ │ West_Block24_Building04_Fence.png
│ │ West_Block24_Building04_Front.JPG
│ │ West_Block27_Building01_01.JPG
│ │ West_Block27_Building01_02.JPG
│ │ West_Block78.jpg
│ │ West_Block78_East01.jpg
│ │ West_Block78_North01.jpg
│ │ West_Block78_North02.jpg
│ │ West_Block78_North03.jpg
│ │ West_Block78_North04.jpg
│ │ West_Block78_North05.jpg
│ │ West_Block78_North06.jpg
│ │ West_Block78_South01.jpg
│ │ West_Block78_South02.jpg
│ │ West_Block78_South03.jpg
│ │ West_Block78_South05.jpg
│ │ West_Block78_West01.jpg
│ │ West_Block78_West02.jpg
│ │ West_Block78_West03.jpg
│ │ West_Block78_West04.jpg
│ │ Window01.JPG
│ │ Window04.JPG
│ │ Window041.JPG
│ │ Window05.JPG
│ │ ZESTFront02.jpg
│ │
│ ├─gekido
│ │ │ index.x
│ │ │ 嫁.txt
│ │ │
│ │ └─machi
│ │ town.png
│ │ タイル.tga
│ │ 植木.png
│ │ 空.png
│ │ 街素材a.png
│ │
│ ├─house
│ │ matt.bmp
│ │ Metal.sph
│ │ toon01.bmp
│ │ toon02.bmp
│ │ じゅうたん.bmp
│ │ ミク家扉可動部V1_1.pmx
│ │ レンジ.bmp
│ │ 外側.x
│ │ 木目.bmp
│ │ 芝生.bmp
│ │ 読んでね.txt
│ │ １階.x
│ │ ２階.x
│ │
│ ├─uk
│ │ bottom.png
│ │ building1.png
│ │ building2.png
│ │ cliff1.png
│ │ C_buil.png
│ │ C_logo.png
│ │ C_wall.png
│ │ C_wall2.png
│ │ D_dart.png
│ │ D_footpath1.png
│ │ D_footpath2.png
│ │ D_gate.png
│ │ D_gravel.png
│ │ D_paving1.png
│ │ D_paving2.png
│ │ D_rail.png
│ │ D_ter1_CR.png
│ │ D_termac1.png
│ │ D_termac1_L.png
│ │ D_termac2.png
│ │ D_termac3.png
│ │ D_termac4.png
│ │ D_wall1.png
│ │ D_wall2.png
│ │ frame.png
│ │ frame2.png
│ │ grass.png
│ │ ground1.png
│ │ hedge.png
│ │ i.spa
│ │ index.x
│ │ li.spa
│ │ light.png
│ │ met.sph
│ │ neon.png
│ │ ocean.png
│ │ ocean.x
│ │ ocean_c.png
│ │ paling.png
│ │ plant.png
│ │ P_grd.png
│ │ P_loof.png
│ │ sign.png
│ │ signal.png
│ │ signal_donot.png
│ │ signal_n.png
│ │ signal_walk.png
│ │ signal_w_n.png
│ │ tree.png
│ │ vista.png
│ │ water.png
│ │ white_line.png
│ │
│ └─uk_night
│ │ index.x
│ │ light.png
│ │ met.sph
│ │ ocean.x
│ │ paling.png
│ │
│ └─ntex
│ N_bottom.png
│ N_building1.png
│ N_building2.png
│ N_cliff1.png
│ N_C_buil.png
│ N_C_logo.png
│ N_C_wall.png
│ N_C_wall2.png
│ N_D_dart.png
│ N_D_footpath1.png
│ N_D_footpath2.png
│ N_D_gate.png
│ N_D_gravel.png
│ N_D_paving1.png
│ N_D_paving2.png
│ N_D_rail.png
│ N_D_ter1_CR.png
│ N_D_termac1.png
│ N_D_termac1_L.png
│ N_D_termac2.png
│ N_D_termac3.png
│ N_D_termac4.png
│ N_D_wall1.png
│ N_D_wall2.png
│ N_frame.png
│ N_frame2.png
│ N_grass.png
│ N_ground1.png
│ N_hedge.png
│ N_neon.png
│ N_ocean.png
│ N_plant.png
│ N_P_grd.png
│ N_P_loof.png
│ N_sign.png
│ N_tree.png
│ N_vista.png
│ N_water.png
│ N_white_line.png
│ tn01.bmp
│
└─video
nhk1.mp4
nhk1.ogg
nhk2.mp4
nhk2.ogg
コメントをかく