Forked from: cx20's [WebGL] Grimoire.js で glTF 2.0形式のデータを表示してみるテスト(その5 View Diff (14)

Fork
0
Fav
1
View
340
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 34 lines
  • HTML 39 lines
  • CSS 16 lines
[WebGL] Grimoire.js で AmbientLight を使ってみるテスト(調整中)

Grimoire.js の次バージョンで AmbientLight が使えるようになるらしいので試してみました。

<対応した点>
・Grimoire.js の開発中プラグイン forward-shading.js の AmbientLight を用いてモデルを照らすよう対応。

<対応できていない点>
・使用ライブラリを beta 版に変更してみたところ自動回転がされなくなってしまっている模様。。
 Utility.ts:149
 Uncaught Error: registering component has not 'componentName': Rotate
   at Object.assert (Utility.ts:149)
   at Function.registerComponent (GrimoireInterfaceImpl.ts:280)
   at yQou:79

<参考>
■ grimoirejs-forward-shading/src/Components/AmbientLightTypeComponent.ts
https://github.com/GrimoireGL/grimoirejs-forward-shading/blob/core1.0.0/src/Components/AmbientLightTypeComponent.ts
■ GrimoireJS v1.0(beta)の新機能の紹介 - Qiita
https://qiita.com/moajo/items/70036f166e1309ef6ec2
  • [WebGL] Grimoire.js で AmbientLight を使ってみるテスト(調整中)
  • [WebGL] Grimoire.js で AmbientLight を使ってみるテスト(調整中)

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

Favorite by