GLSLで画像のぼかし、モザイク

ぼかし処理の中でも何気によく使われるモザイクを作ってみます。

先の2つと比較すると見えちゃいけないものの処理なんかに使うやつです。

GLSLぼかしシリーズ

続きを読む GLSLで画像のぼかし、モザイク

GLSLで画像のぼかしやノイズ

前回のぼかし・平滑化と似た処理になりますが、ノイズをなくすのではなく逆に追加して認識しにくくするのが目的です。

今回はノイズ追加、乱反射、RGB分離を行います。

続きを読む GLSLで画像のぼかしやノイズ

GLSLで画像のぼかしや平滑化

GLSLで画像処理をする中でぼかした画像を使いくなった。

何を使ってどうしようかなと少し考えたので整理しつつ書いておきます。

続きを読む GLSLで画像のぼかしや平滑化

GLSLでお絵描き【極座標系と周期関数】

gl-reactを使ってGLSLでお絵描きをしてみます。

以下と同じようなGLSLの練習メモです。

続きを読む GLSLでお絵描き【極座標系と周期関数】

新アプリ「カレイドカメラ」をリリース

新アプリ「カレイドカメラ」をリリースしました。

前作「カレイドツクール」のカメラ版ですね。

カレイドスコープ(万華鏡)の写真を撮るアプリです。

続きを読む 新アプリ「カレイドカメラ」をリリース

新アプリ「カレイドツクール」をリリース

新アプリ「カレイドツクール」をリリースしました。

およそ2年ぶりで通算40作目。そんなに経ってたのか…。

カレイドスコープ(万華鏡)画像を作るアプリです。

最近ハマってたOpenGLを使って作成しました。

続きを読む 新アプリ「カレイドツクール」をリリース

【GLSL】画像をY軸周りに回転する

gl-reactを使って画像(テクスチャ)をY軸周りに回転させることを考えます。

直接関係はないけどGLSLの練習【Crop, Tiling】の続きです。

 

一般的に画像を回転するというとZ軸周りの回転です。

この回転自体は単純な三角関数で可能ですし、拡大縮小、平行移動、せん断を含めてもアフィン変換で簡単に描画できます。

ただY軸周りの回転となると射影変換 (透視変換 / 透視投影)が必要です。

GLSLを書きつつも基本的な三角関数と線形代数をベースに書いていきます。

続きを読む 【GLSL】画像をY軸周りに回転する

GLSLの練習【Crop, Tiling】

GLSL(OpenGL Shading Language)を使って画像処理する練習。

今回は色々な切り抜き(Cropping)と敷き詰め(Tiling)。

最終的にreact nativeで使いたいのでgl-reactを前提として書きます。

続きを読む GLSLの練習【Crop, Tiling】