WebGL で高速 BlendMode | Yomotsu net
WebGL を使えば、色の加算、減算、乗算といったブレンドモードが高速で処理できるというお話。 Canvas2D でもピクセルマニピュレーションができるので、様々なブレンドモードを自前で実装することができるのだが、ピクセル数 * 4色の処理負荷が CPU にかかるためパフォーマンスがよくない。しかし WebGL のフラグメントシェーダーを利用すれば色を高速で処理できる。 demo WebGL は簡単なことをするにも、初期化の処理が冗長なためコードは長くなってしまうが、実際は大したことはやっていない。 2つのトライアングルを用意する 2枚のテクスチャー画像を適用する フラグメントシェーダーでテクスチャー画像の色をブレンドする GLSL では、4成分 (Red, Green, Blue, Alpha) をそのまま足したり掛けたりすることができるので、ブレンドの公式に当てはめるだけで処理できる。
ダークなイメージのデザインを１から作る過程のPhotoShopチュートリアル:phpspot開発日誌
PSDTUTS - Photoshop Tutorials and Links - Create a Sleek, High-End Web Design from Scratch You can easily use the technique to create your own unique designs.ダークなイメージのデザインを１から作る過程のPhotoShopチュートリアル 次のような非常にクールなサイトを１から作っていきます。 作成の過程でいろいろなテクニックが使われていて、デザインの参考になりそうですね。 関連エントリ Web2.0風なサイトを作る過程のPhotoShopチュートリアル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
