Fork
43
Fav
8
View
12633
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 37 lines
  • HTML 1 lines
  • CSS 11 lines
[簡易版] 30行で WebGL を試してみるテスト

ポリゴン1枚書くのに100行とか覚えるのはハードルが高い気がしたので、
時間が無い人向けに短縮したコード(簡易版コード)を書いてみました。

<対応した点>
・可読性を損ねない形で WebGL + GLSL の最小コードとなるようコードを記述。
・ライブラリを使わないよう対応。

<対応していない点>
・初期化処理の一部を省いています。
・エラー処理も省いています。
・アニメーションもしません。

<ベースにしたサンプル>
■ WebGL for Internet Explorer
http://msdn.microsoft.com/en-us/library/ie/dn302469(v=vs.85).aspx

<参考>
■ 第二回 WebGLスクール 「WebGLの手続きと手順」 - Qiita
http://qiita.com/konweb/items/a1c58c1722c62a61f35d

■ js4k intro
https://github.com/doxas/js4kintro/blob/master/src/full_debug.html

■ WebGL リファレンス
http://ec.nikkeibp.co.jp/nsp/dl/08513/HTML5GAMES_AppB.pdf
  • [簡易版] 30行で WebGL を試してみるテスト
  • [簡易版] 30行で WebGL を試してみるテスト

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

Forked

sort by