Forked from: cx20's [WebGL] Grimoire.js + glTF + パレットテスト(その2) View Diff (3)

Fork
2
Fav
0
View
472
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 38 lines
  • HTML 29 lines
  • CSS 16 lines
[WebGL] Grimoire.js + glTF + パレットテスト(その3)

<対応した点>
・obj2gltf にて作成した glTF ファイルを表示するよう対応。

<変換手順>
1. MagicaVoxel デフォルトのモデルを表示
2. パレットとして Palette 2(グレースケール)を使用
3. MagicaVoxel で obj 形式でファイル出力
3. obj ファイルの .mtl を編集
  .tga → .png に変更
4. paint.net でテクスチャファイルの形式を変換
  .tga → .png にて保存
5. obj2gltf にて .obj → .gltf に変換

<変更履歴>
2017/03/12 grimoirejs-preset-basic@1.9.7 + grimoirejs-gltf@1.8.8。テクスチャのリサイズの問題解消。
2017/03/11 grimoirejs-preset-basic@1.9.6 + grimoirejs-gltf@1.8.8。テクスチャのリサイズの問題あり。

<参考>
■ MagicaVoxel - Home
https://voxel.codeplex.com/
■ paint.net - 窓の杜ライブラリ
http://forest.watch.impress.co.jp/library/software/paintdotnet/
■ AnalyticalGraphicsInc/obj2gltf
https://github.com/AnalyticalGraphicsInc/obj2gltf
  • [WebGL] Grimoire.js + glTF + パレットテスト(その3)
  • [WebGL] Grimoire.js + glTF + パレットテスト(その3)

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

■ 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