glTF2.0 in three.js

hankuro

许可证: MIT许可证

派生
1
收藏
3
浏览量
527
  • 播放

全屏查看

智能机大小查看

派生树

  • Readme
  • JavaScript 94 行
  • HTML 18 行
  • CSS 10 行
Sketchfab
https://sketchfab.com/models/8c0746e3d1304ed283a3bb4772a8d2cc
Sketchfabからダウンロードしてアニメション化しました。
さすがに描写ではSketchfabにかなわないけど、
thrre.jsは動的にアニメションできるからそれなりに楽しい。
もともとはglTFでダウンロードできたけどthree.js R87のGLTFLoaderでは描写できなかった(手順ミス大だけど)

https://github.com/KhronosGroup/glTF-Blender-Exporter

BlenderにはFBX形式でInporterできたから、上記サイトのdocsを参考にマテリアルを作成してみた。
でも、glTF 2.0からMetallic Roughnessというマテリアルが導入されたらしく、結局はよくわからなかった。
とくにスペキュラーマップが分らなかった。今回ダウンロードで得たスペキュラーマップを使用したが、
スペキュラーマップが効かなくてマネキン状態になった。しかたなく、スペキュラーマップをAll Blackにしらた、
なんとか見られるようになった。

Metallic Roughnessというマテリアルの勉強が必要のようだ。
  • glTF2.0 in three.js
  • glTF2.0 in three.js

play

成功!

描述 是怎样的游戏?

控制设备

jsdo.it websocket controller

Mouse

keyboard

smartphone

全屏

hankuro

作者信息

特になし しいていえばジジィだよ~! http://hankuro01.blogspot.jp/2014/10/blog-post.html

默认面板

部件尺寸

  • 宽度: px
  • 高度: px

部件代码

QR Code

讨论区

试着提些关于代码的问题!

Tags

Favorite by

Forked