JavaScript Advent Calendar/WebGLコース10日目・画像フィルターを作る - by edvakf in hatena
JavaScript Advent Calendar 2011 WebGL駅伝10日目、独走3日目になります。今からでも参加したい方がいましたらぜひ教えてください。 今日はこのオルセー美術館をTiltShiftさせてみます。実はこれがやりたくて一昨日から書いてきたのでした。 サンプルです。 http://jsfiddle.net/bHTWa/ シェーダー部分以外は9割ぐらい昨日と同じです。 シェーダー 昨日は頂点シェーダーでテクスチャーの座標をvaryingに入れてましたが、今日は別の方法でやるので、頂点シェーダーはたったこれだけです。 attribute vec2 aPosition; void main() { gl_Position = vec4(aPosition, 0.0, 1.0); } フラグメントシェーダーでは、ガウスフィルター（Gaussian Blur）のための関数を定
WebGLでGPGPU - デー
下のイラスト調のやつを爆速にしようと思って試した。（まだイラスト調のほうは実装してないです） WebGL GPGPU Sample Code WebGLで計算を行う方法は、 GPU側へ入力データをテクスチャとして転送 出力サイズの画面にフレームバッファオブジェクトを設定して画面サイズの四角を描画 このときのフラグメントシェーダーでテクスチャ(入力データ)を参照して計算を行う javascript側から結果を読む としています。 基本的にはOpenGLでやる場合と同じなので、以下のサイトがとても参考になります。 OpenGLによる実装方法 - Satoshi OHSHIMA's web site (今落ちてるみたいですが、そのうち復活することを願ってリンクを張っておきます) 「GPGPU シェーダ」とかでググれば、古のGPGPU手法に関するPDF等がいっぱいヒットすると思います。 オレオレ計
Senchaが作成したWebGL向けのライブラリ「PhiloGL」 - 強火で進め
Ext JSフレームワークなどで知られるSenchaがWebGL向けのライブラリ「PhiloGL」を作成したみたいです。 PhiloGL http://www.sencha.com/blog/introducing-philogl-a-webgl-javascript-library-from-sencha-labs/ ライセンスはMITライセンス。 プログラムの記述方法はこの様になるみたいです。 //Create application PhiloGL('canvasId', { camera: { position: { x: 0, y: 0, z: -7 } }, scene: { lights: { enable: true, ambient: { r: 0.5, g: 0.5, b: 0.5 }, directional: { color: { r: 0.7, g: 0.7, b
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
