Forked from: cx20's [WebGL] GLBoost を試してみるテスト(standalone編)(その3) View Diff (69)

Fork
3
Fav
0
View
1686
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 231 lines
  • HTML 6 lines
  • CSS 11 lines
[WebGL] GLBoost を試してみるテスト(standalone編)(その4)

GLBoost は @emadurandal さんが鋭意開発中の玄人向けのWebGLライブラリです。
今後仕様変更が入る可能性があります。本サンプルを使用される場合はご注意ください。

<対応した点>
・GLBoost のみで立方体にテクスチャを貼るよう対応。
・ライブラリ組み込みの行列演算関数を用いて立方体を回転させるよう対応。

<変更履歴>
・2018/11/27 ライブラリを最新化。v0.0.4 に変更。
・2017/01/21 ライブラリを r2-dev に変更。render と camera と texture の仕様変更に対応。また頂点データを配列で指定するよう変更。
 変更前)scene.prepareForRender()
 変更後)expression.prepareToRender()
 変更前)glBoostContext.createCamera()
 変更後)glBoostContext.createPerspectiveCamera()
 変更前)material.diffuseTexture = texture;
 変更後)material.setTexture(texture);
・2016/06/30 ライブラリを最新化。メソッド名の変更に対応。
 変更前)var geometry = new GLBoost.Geometry();
 変更後)var geometry = glBoostContext.createGeometry();
・2016/03/20 ライブラリを最新化。WebGL Insight Chrome 拡張に対応。
・2016/01/30 ライブラリを最新化。既定のカリングを無効化。箱が閉じるよう CULL_FACE を無効化
・2016/01/17 ライブラリを最新化。
・2015/12/20 GLBoost 最新化。Mesh の仕様変更に伴う対応。
・2015/12/12 新規作成

<参考>
■ emadurandal/GLBoost
https://github.com/emadurandal/GLBoost
■ [WebGL] GLBoost を試してみるテスト(phina.js編)(その4)
http://jsdo.it/cx20/0bua
■ [WebGL] GLBoost を試してみるテスト(tmlib.js編)(その4)
http://jsdo.it/cx20/21OF
■ [簡易版] WebGL でテクスチャ付き立方体を回転させてみるテスト(glMatrix.js v2.2.2編)
http://jsdo.it/cx20/jqD6
■ 各種 WebGL ライブラリで基本図形を表示してみる
http://qiita.com/cx20/items/0fa19c96aa6470d98807
  • [WebGL] GLBoost を試してみるテスト(standalone編)(その4)
  • [WebGL] GLBoost を試してみるテスト(standalone編)(その4)

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