Forked from: cx20's three.js で OBJ 形式のデータを表示してみるテスト(その1) View Diff (48)

Fork
7
Fav
0
View
1183
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 65 lines
  • HTML 16 lines
  • CSS 11 lines
three.js で glTF 形式のデータを表示してみるテスト(その1)

glTF は Khronos が仕様を作成している 3D 用ファイルフォーマットです。
2015年10月に 1.0 となったようですが Three.js のリポジトリのサンプルは draft 版のモデルのままとなっているようです。

<対応した点>
・draft 版(glTF 0.8形式)のアヒルのモデル表示するよう対応。
・jsdo.it で表示できるようリソースのパスを調整。

<対応できていない点>
・Three.js 付属の glTF Loader は古い glTF の仕様で実装されているようです。
 最新版のモデルが読み込めない可能性がるのでご注意下さい。

<参考>
■ three.js webgl - glTF
http://threejs.org/examples/webgl_loader_gltf.html

■ three.js/examples/js/loaders/gltf/
https://github.com/mrdoob/three.js/tree/master/examples/js/loaders/gltf

■ glTF/sampleModels/
https://github.com/KhronosGroup/glTF/tree/master/sampleModels
  • three.js で glTF 形式のデータを表示してみるテスト(その1)
  • three.js で glTF 形式のデータを表示してみるテスト(その1)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

プログラマ(マイクロソフト系の言語を使用することが多いです。) JavaScript のライブラリを色々と試して遊んでます。

■ 各種 WebGL ライブラリによる基本サンプル一覧 http://qiita.com/cx20/items/0fa19c96aa6470d98807

■ 各種 WebGLライブラリと3D物理演算ライブラリの組み合わせ一覧 http://qiita.com/cx20/items/3ebed669fb9c9e797935

■ glTF 対応ライブラリのサンプル一覧 https://github.com/cx20/gltf-test

■ Grimoire.js サンプル一覧 http://jsdo.it/tag/Grimoire.js

■ GLBoost サンプル一覧 http://jsdo.it/tag/GLBoost

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by