GLSLの練習【Crop, Tiling】

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

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

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

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

React Native, Expoを使った画像処理の流れ

色々と機能の限られるReact Native(Expo managed)で画像処理することを考える。

細かい部分はドキュメントを参照するとして使うライブラリや全体的な流れをざっくりとまとめてみます。

I/Oに不満がなければわりと好き放題できる。

続きを読む React Native, Expoを使った画像処理の流れ

React Native (Expo)でカメラプレビューにエフェクト

Expoでカメラを使う時ライブプレビュー画面にgl-reactでエフェクトをかけたい。

gl-reactに関してはこことかこことかここも参照。

結論を書くとあまりスマートな方法で解決はできなかったです。

 

関連リンク

続きを読む React Native (Expo)でカメラプレビューにエフェクト

ソフトウェアエンジニアの画像編集ソフト

プログラマでも趣味分野だと画像編集をする機会は意外とあります。

スクリーンショットを加工したり、アプリのアイコンを作ったり。

私はそのほかにチラシ広告とか告知画像とか作ったりしているので、わりと高頻度で画像編集ソフトを使っています。

使っているフリーのペイントソフトやベクターソフトを紹介します。

My作業PCはWindows 10ですが大体はクロスプラットフォーム対応されてますね。

続きを読む ソフトウェアエンジニアの画像編集ソフト

React Native+OpenGLで描画した画像をファイルに保存

React Native (expo) + Open GL で遊んでいると描画したものを保存したくなる。

需要ありそうな気がするんだけど全然情報がないので手探りでやってみます。

続きを読む React Native+OpenGLで描画した画像をファイルに保存

React Native+OpenGLペイント

gl-reactをReact Nativeで使う方法の覚書。

前回(設定やフィルタ処理)の続きのような感じ。

 

使ってみたいのはこちら。

https://gl-react-cookbook.surge.sh/paint

GLによるペイントプログラムです。

続きを読む React Native+OpenGLペイント

React Native+OpenGLで画像処理

gl-reactを使ってReactで画像処理してみます。

このプラグインはReact、React Native(Bare)、React Native(Expo)、Headlessで利用できるようです。

今回はExpo Managedの環境で使っていきますがメインの内容はGLSL(OpenGL Shading Language)なので大きな違いはないと思います。

パッケージ内でexpo-glを使っているようなのでついでに少し読んでおく。

expo 35.0.0 gl-react v3

続きを読む React Native+OpenGLで画像処理

【GO】gonumを使った画像処理

久々に画像処理したくなったのでgonumを使って行列計算などしつつ、並列化してそれっぽく処理してみます。

続きを読む 【GO】gonumを使った画像処理

【GO】画像処理【draw】

“golang.org/x/image/draw”を使って色々します。

前にScaleを使いましたが、drawで他に何ができるかのサンプル付きメモ。

対象はDraw, Copy, DrawMask, Transformです。

続きを読む 【GO】画像処理【draw】

【GO】画像処理【io.Reader】

画像を使っていると使いたい関数の関係でimageio.Readerに変換したいことがあったので、その辺のコーディングメモ。

最終的にはPipeを使います。

続きを読む 【GO】画像処理【io.Reader】