Forked from: cx20's [WebGL] PlayCanvas で glTF 2.0 モデルを表示してみるテスト(その12)( View Diff (20)

Fork
1
Fav
0
View
205
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 148 lines
  • HTML 10 lines
  • CSS 11 lines
[WebGL] PlayCanvas で glTF 2.0 モデルを表示してみるテスト(その13)(調整中)

<対応した点>
・ft-lab さんの glTF サンプルを PlayCanvas を使用して表示するよう対応。

<対応できていない点>
・スケールや位置調整のやり方が分かっていない。

<使用モデル>
■ ft-lab プロジェクトファイル置き場
https://ft-lab.github.io/gltf.html

ファイル名:rocks_trees_ao.glb
形状名:Rocks and trees and grass
説明:
 木と岩と草のシーン。
 複数のテクスチャイメージと形状を使用。
 頂点カラーを使用。
 マテリアルとしてDoubleSidedを使用。
 拡散反射のマッピングレイヤで「アルファ透明」を使用(glTFのALPHA_MASK/alpha cutoffを使用)。

<他ライブラリ比較>
■ [WebGL] three.js で glTF 2.0形式のデータを表示してみるテスト(その13)(調整中)
http://jsdo.it/cx20/Wrcg
■ [WebGL] Babylon.js + glTF2FileLoader を試してみるテスト(その13)(調整中)
http://jsdo.it/cx20/eFaZ
■ [WebGL] Cesium.js で glTF 2.0形式のデータを表示してみるテスト(その13)(調整中)
http://jsdo.it/cx20/2fVS
■ [WebGL] ClayGL で glTF 2.0 モデルを表示してみるテスト(その13)(調整中)
http://jsdo.it/cx20/aO8b
■ [WebGL] Hilo3d で glTF 2.0 モデルを表示してみるテスト(その13)(調整中)
http://jsdo.it/cx20/EDu8Q
■ [WebGL] PlayCanvas で glTF 2.0 モデルを表示してみるテスト(その13)(調整中)
http://jsdo.it/cx20/uUx8
■ [WebGL] X3DOMで glTF 2.0形式のデータを表示してみるテスト(その13)(調整中)
http://jsdo.it/cx20/ihdN
  • [WebGL] PlayCanvas で glTF 2.0 モデルを表示してみるテスト(その13)(調整中)
  • [WebGL] PlayCanvas で glTF 2.0 モデルを表示してみるテスト(その13)(調整中)

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