gl-reactを使ってGLSLでリアルタイムな画像処理がしたい。
ace.jsという有名なコードエディタがあるので使いたいですが、Reactでそのまま使うとなると難しそう。
バージョンは最新ではないもののReactコンポーネント化したreact-aceというものがあったので、その使い方とnext.jsで使う時の注意を覚書き。
GLSLで画像のぼかし、モザイク
ぼかし処理の中でも何気によく使われるモザイクを作ってみます。
先の２つと比較すると見えちゃいけないものの処理なんかに使うやつです。
GLSLぼかしシリーズ【Visual Studio Code】draw.ioで作図する
draw.ioは多用途に使えるフリーの作図ツールです（Web）。
実はちゃんと使ったことがない※ですが、5/10にVS Codeでいじれる拡張がでたというのを見かけたので使ってみたいと思います。
コード類の近くに置けるのは管理が楽になるからよさそう。
※基本astah*やvisio、cacooなんかを使っていました。
GLSLで画像のぼかしやノイズ
前回のぼかし・平滑化と似た処理になりますが、ノイズをなくすのではなく逆に追加して認識しにくくするのが目的です。
今回はノイズ追加、乱反射、RGB分離を行います。
GLSLで画像のぼかしや平滑化
画像１枚から奥行を推定して立体的に見せる手法を使ってみる
複数枚の画像から形状を計算する方法は多くありますが、1枚の画像から推定する手法も結構あります。面白そうなのを見かけたので少し試してみます。
3D Photography using Context-aware Layered Depth Inpainting
細かいことは必要になったときに論文でも読むとして、実際にどんな感じで推定されるのか使ってみます。
【AIきりたん】初心者でもNEUTRINOでNSF法を試す
音関係に疎い人間がNEUTRINO（AIきりたん）を使って歌を作る記事の第３弾。
NEUTRINOでNSF法を使った音声合成ができるとのことで試してみます。
NSF法はニューラルソースフィルタモデルを使った手法で高速に高品質な音声を合成できる方法みたいです。理屈はともかく早速試そう。
最終的な聞き比べは最後にあります。
【AIきりたん】初心者でもNEUTRINOで調声してみる
前回AIきりたんにつられて挑戦を行ったNEUTRINO。
今回はもう少し踏み込んで調声してみます。
【AIきりたん】初心者でもNEUTRINOで歌を作りたい
最近よく聞くAIきりたん。
簡単といってもどうせ音楽系技能がないと使えないんだろうと思いつつも何とかならんのかという内容です。
楽譜が読めないレベルの人間の挑戦。
ReactでGoogle Mapを埋め込む
前回のTwitter埋め込みのようにGoogle MapをReactで埋め込む方法を考えます。
同じようにhttps://maps.googleapis.com/maps/api/js?key=XXXXXを読み込むことでAPI(google.maps.XXXなど)が使えるようになります。
ただし今回はかなりDOMをいじる必要があるので１から作るのはかなり面倒です。