Forked from: edo_m18's WebGLでポリゴン1枚を描く View Diff (25)

WebGLで四角形を描いてみるテスト

cx20

License: MIT License

Fork
2
Fav
0
View
3174
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 161 lines
  • HTML 25 lines
  • CSS 5 lines
WebGLで四角形を描いてみるテスト

<対応した点>
・position / color の配列を四角形になるように変更。

<追記>
・描画を gl.drawElements() で行うよう修正

<参考>
■ JavaScript - WebGLの勉強を始めました。 - Qiita [キータ]
http://qiita.com/edo_m18/items/0ae86d3d680c30eb57c1

■ WebGL Lesson 2 - 色の追加 - Hack The WebGL (WebGL勉強会)
https://sites.google.com/site/hackthewebgl/learning-webglhon-yaku/the-lessons/lesson-2

■ WebGL によるデータ可視化入門
http://www.research.kobe-u.ac.jp/csi-viz/members/kageyama/lectures/H25_FY2013_former/visualization/130514_note04.pdf
  • WebGLで四角形を描いてみるテスト
  • minMatrix.js
  • 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

Forked

sort by