Forked from: cx20's [WebGL] Grimoire.js + glTF ファイルを試してみるテスト(その8)(改)(調 View Diff (8)

Fork
1
Fav
0
View
255
  • Play

Fullscreen

Smart Phone

Fork tree

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

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

<変換手順>
1. MagicaVoxel デフォルトのモデルを表示
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 + パレットテスト(その1)
  • [WebGL] Grimoire.js + glTF + パレットテスト(その1)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

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

最近は CodePen にも投稿してたりします。 http://codepen.io/cx20/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked