WebGL
ここらへんが参考になりそう http://marina.sys.wakayama-u.ac.jp/~tokoi/?date=20090829
WebGLのテストその２。色の境界を動かしてみた // '; var canvas = document.getElementById("canvas"); var gl = canvas.getContext("experimental-webgl"); var vertexShader = createShader(gl, "2d-vertex-shader2", gl.VERTEX_SHADER); var fragmentSha…
WebGLのテスト。シェーダで色をつけてみた // '; var canvas = document.getElementById("canvas"); var gl = canvas.getContext("experimental-webgl"); var vertexShader = createShader(gl, "2d-vertex-shader", gl.VERTEX_SHADER); var fragmentShader =…
化け猫アイコンメーカーで作ったこの画像を使ってテクスチャマッピングしてみた。ついでにシェーダーで半分色反転させてみた <html> <head> <title></title> <script> window.onload = function() { var image = new Image(); image.src = "./bakeneko.png"; image.onload = function() { render</head></html>…
下記リンクを参考にWebGLを使ったプログラムを書いてみた。FirefoxとChromeの最新版で動作確認した http://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/メインプログラムはほぼそのままだが、フラグメントシェーダーを少しいじった。x座標が1…
