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等がいっぱいヒットすると思います。 オレオレ計
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
