【重要】サービス終了のお知らせ

Forked from: cx20's [WebGL] GLBoost を試してみるテスト(tmlib.js編)(その2) View Diff (100)

Fork
2
Fav
0
View
980
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 166 lines
  • HTML 17 lines
  • CSS 11 lines
[WebGL] GLBoost を試してみるテスト(tmlib.js編)(その3)

GLBoost は @emadurandal さんが開発中の玄人向けのWebGLライブラリです。
WebGL 1.0/2.0 対応の他、WebGL 拡張を生かした高速化対応がされているようです。

<対応した点>
・tmlib.js + GLBoost にて立方体を描くよう対応。
・ライブラリ組み込みの行列演算関数を用いて立方体を回転させるよう対応。
・背景色を白色に変更
・箱が閉じるよう CULL_FACE を無効化
・ライブラリを最新版に変更
 ・IE/Edge/Safari サポートの追加
 ・WebGL 拡張(WEBGL_draw_buffers/OES_vertex_array_object)が未サポート環境でも動作するよう対応。

<変更履歴>
2016/01/30 ライブラリを最新化。既定のカリングを無効化。
2016/01/17 ライブラリを最新版に差し替え。mesh → mesh / geometry に機能分割。
2015/12/11 tm.geom.Vector3 → GLBoost.Vector3 に変更。
2015/12/07 ライブラリを最新版に差し替え。IE/Edge/Safari サポートの追加。
2015/12/05 初版作成

<参考>
■ emadurandal/GLBoost
https://github.com/emadurandal/GLBoost

■ [簡易版] WebGL で立方体に色を付けてみるテスト
http://jsdo.it/cx20/FPzz

■ 各種 WebGL ライブラリで基本図形を表示してみる
http://qiita.com/cx20/items/0fa19c96aa6470d98807

■ Microsoft Edge(2015年11月)における WebGL 対応状況
http://qiita.com/cx20/items/9c572f86790667c3fc8a
  • [WebGL] GLBoost を試してみるテスト(tmlib.js編)(その3)
  • [WebGL] GLBoost を試してみるテスト(tmlib.js編)(その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

■ 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