mieki256's diary

• あらかじめ幹/枝の画像も読み込んで、幹/枝画像の奥や手前を選んで描画する仕様を追加すれば、もう少しそれらしくなるかなと…。幹/枝が無いと、あてずっぽうで葉を配置することになるし…。
• せっかくGUI/スライドバーを追加できたのだから、葉っぱ画像の明度や色相も似た感じで指定できれば、色合いの変化を固定しながら葉っぱを配置できそうだなと…。
• Undoも欲しい。葉の数を減らしていけばいいだけのような気もする。
• 葉を発生させる領域を円で表示して作業できれば、少しは良くなるだろうか。

• Hue(色相) を 0.0 - 360.0
• Saturation(彩度) を 0.0 - 100.0
• Brightness(明度) を 0.0 - 100.0

// tint() test.

import controlP5.*;

PImage img;
float scrw, scrh;

ControlP5 cp5;
Slider slider_hsb_h;
Slider slider_hsb_s;
Slider slider_hsb_b;

void setup() {
  size(512, 512, P2D);
  scrw = width;
  scrh = height;
  img = loadImage("leaf.png");

  // init ControlP5 (GUI library)
  cp5 = new ControlP5(this);
  PFont myfont = createFont("Arial", 14, true);
  ControlFont cf1 = new ControlFont(myfont, 14);
  float x = 20;
  float y = 20;
  float yd = 40;
  
  slider_hsb_h = cp5.addSlider("hue")
    .setRange(0.0, 360.0)
    .setValue(180.0)
    .setPosition(x, y + 0 * yd)
    .setSize(180, 20)
    .setColorForeground(color(0, 160, 0))
    .setColorActive(color(0, 200, 0))
    .setFont(cf1);

  slider_hsb_s = cp5.addSlider("saturation")
    .setRange(0.0, 100.0)
    .setValue(100.0)
    .setPosition(x, y + 1 * yd)
    .setSize(180, 20)
    .setColorForeground(color(0, 160, 0))
    .setColorActive(color(0, 200, 0))
    .setFont(cf1);

  slider_hsb_b = cp5.addSlider("brightness")
    .setRange(0.0, 100.0)
    .setValue(100.0)
    .setPosition(x, y + 2 * yd)
    .setSize(180, 20)
    .setColorForeground(color(0, 160, 0))
    .setColorActive(color(0, 200, 0))
    .setFont(cf1);
}

void draw() {
  noTint();
  colorMode(RGB, 255, 255, 255);
  background(color(40, 80, 160));
  
  imageMode(CENTER);
  colorMode(HSB, 360, 100, 100);
  float h = slider_hsb_h.getValue();
  float s = slider_hsb_s.getValue();
  float b = slider_hsb_b.getValue();
  tint(h, s, b);
  image(img, scrw / 2, scrh / 2);
  colorMode(RGB, 255, 255, 255);
  noTint();
}

db16_tic80_old.ase
db16_tic80_old.gpl
db32.ase
db32.gpl
flatUIColors.ase
flatUIColors.gpl
Material-Design.ase
Material-Design.gpl
MaterialUIColors.ase
MaterialUIColors.gpl
Pyxel_new.ase
Pyxel_new.gpl
sweetie-16_tic80_new.ase
sweetie-16_tic80_new.gpl
tango-palette.ase
Tango-Palette.gpl

• DawnBringer 32 (DB32), DawnBringer 16 (DB16), Sweetie 16, Pyxelパレットは、ドット絵(PixelArt)用のカラーパレット。
• DB16 は、昔の TIC-80 でデフォルトパレットとして使われていた。
• Sweetie 16 は、今の TIC-80 でデフォルトパレットして使われている。
• TIC-80 や Pyxel は、ファンタジーコンソールの一種。架空のゲームコンソールエミュレーター。PICO-8 が一番有名だろうか。

• 左下に「Sapling: Add Tree」という項目が出るので展開させる。
• 「ジオメトリ」を選んで、ランダムシードを変更すると木の形が乱数で変わる。
• Load Preset で、木の種類をいくつか選べる。

• Show Leaves にチェックを入れると、葉を表示/発生させられる。
• Leaves の数字を変更すると、発生する個数を変更できる。
• Leaf Scale で、葉の大きさを変更できる。

• Armatue Animation と Leaf Animation にチェックを入れる。前者は枝を、後者は葉を揺らす。
• Animation Speed で、全体のアニメスピードを変更できる。
• Loop Frames に最終フレームを指定するとループアニメが作れる。0ならループしない。
• Overall Wind Strength で風の強さを指定。
• Leaf Wind Settings の振幅で、葉が揺れる大きさを指定。

• 木の幹と、葉っぱのシルエットを、アニメーターが動画で描いてしまう。セル＋フィルム時代の手法。
• 少し形が違う木を背景美術っぽい絵柄で2〜3枚描いて、オーバーラップでほわほわと切り替えてさわさわしてることにする。セル＋フィルム時代の手法。
• 幹と葉っぱを別レイヤーに分けて、葉っぱ全体だけ撮影で何かのフィルタをかけてモサモサと動いてるように見せる。(先日、「アクロトリップ」というTVアニメで目撃した)
• 葉っぱの塊を複数レイヤーで重ねて撮影で動かす。
• 3DCGにしちゃう。

• ブラシツール : Bキー
• スポイトツール : Iキー

• Alt + マウスホイール : キャンバスのズーム
• Ctrl + Space + 左ボタンドラック : キャンバスのズーム
• 中ボタン(ホイール)ドラッグ : キャンバスのPAN(スクロール)
• Space + 左ボタンドラッグ : キャンバスのPAN(スクロール)
• Sfift + F5 : 塗り潰し
• Ctrl + + : キャンバス拡大
• Ctrl + - : キャンバス縮小
• Ctrl + 0 : 表示範囲をエリアに合わせる
• Ctrl + 1 : 等倍表示

> pip list | grep -E "rembg|onnx|proto|open-clip-torch"
onnx                      1.13.0
onnxruntime               1.14.1
onnxruntime-gpu           1.14.1
open-clip-torch           2.16.0
protobuf                  3.20.3
rembg                     2.0.59

python -m pip install onnx==1.13.0 onnxruntime==1.14.1 onnxruntime-gpu==1.14.1 open-clip-torch==2.16.0 protobuf==3.20.3 rembg[gpu,cli]

> which rembg.exe
"D:\Python\Python310-64\Scripts\rembg.exe"

> rembg --help
Usage: python -m rembg [OPTIONS] COMMAND [ARGS]...

Options:
  --version  Show the version and exit.
  --help     Show this message and exit.

Commands:
  b  for a byte stream as input
  d  download all models
  i  for a file as input
  p  for a folder as input
  s  for a http server

rembg i -m u2net -a -ae 15 in.png out.png

python -m venv venv
venv\Scripts\activate
python -m pip install rembg[gpu,cli]
rembg --help
rembg i -m u2net -a -ae 15 in.png out.png
deactivate

@set REMBGPATH=X:\aiwork\gimp_plugins\RemoveBG
cd /d %REMBGPATH%
call %REMBGPATH%\venv\Scripts\activate.bat
@echo on
rembg %1 %2 %3 %4 %5 %6 %7 %8 %9
deactivate

removebgcall.bat i -m u2net -a -ae 15 in.png out.png

1. 平面ポリゴンを、ジオメトリノードを利用してビルボード化する。(カメラの方向を向くポリゴンにする)
2. パーティクルシステムを使って平面ポリゴンを複数並べて茂みにする。
3. カスタム法線(?)を転送して、茂みを膨張(?)させる。
4. シェーダを作成して適用する。
5. 木の形に整える。

• 「位置設定 (Set Position)」
• 「ベクトル回転 (Vector Rotate)」
• 「位置 (Position)」
• 「ドメインでの評価 (Evaluate on Domain)」
• 「オブジェクト情報 (Object Info)」

• 追加 → ジオメトリ → 書込 → 位置設定
• 追加 → ユーティリティ → ベクトル → ベクトル回転
• 追加 → ジオメトリ → 読込 → 位置
• 追加 → ユーティリティ → フィールド → ドメインでの評価
• 追加 → 入力 → シーン → オブジェクト情報

1. 立方体を作成。Shift + A → メッシュ → 立方体。
2. サブディビジョンサーフェスモディファイアをかけて球っぽくする。モディファイアー設定 → モディファイアーを追加 → 生成 → サブディビジョンサーフェス。
3. ビューポートのレベル数を2に。
4. 「適用」を選んで形を決定する。

• パーティクル設定 → 右側の「＋」をクリックして、パーティクルシステムスロットを追加。
• 「ヘアー」を選択。
• 「詳細設定」にチェックを入れる。これを入れないと「回転」の項目が表示されない。
• 発生 → ヘアー長、を 0m にする。
• 「回転」にチェックを入れて、回転する軸を「なし」にする。
• レンダー → レンダリング方法 → オブジェクト、を選択。
• レンダー → スケール → 1.0 を設定。

• オブジェクトに、先ほど作成したエミッタ相当の立方体を指定する。
• インスタンスを作成 → サイズ、を有効にする。
• 量は、0.03 前後に。
• 座標軸は、Y を選ぶ。

• ソースに、エミッタ球を指定する。
• ソースの右にある、オブジェクトトランスフォーム、のアイコンをクリックしてチェックを外す。これをしないと、後でこの茂みを増やしたときにマズイことになるらしい。
• 面コーナーデータにチェックを入れて、カスタム法線をクリックして選ぶ。

• 要素スケール (Scale Elements)ノードを追加。

1. ToggleTranslatedUI.py をダウンロード。
2. blender上で、編集 → プリファレンス → アドオン。
3. 右上に下向きの三角があるのでクリック。メニューが表示される。
4. メニューの中の「ディスクからインストール」を選択。
5. ファイル選択ダイアログが表示されるので、ToggleTranslatedUI.py を選択。

• 見た目を確認しつつ作業するので、ビューポートシェーディングを「レンダー」に変更。右上のアイコンをクリックして切り替える。
• blender起動直後から用意されてるライトの設定を変更。「ポイント(点光源)」から、「サン(太陽光)」に変更。
• ライトの強さを 5.540 ぐらいに変更。
• ライトの角度を調整する。

• シェーダーミックス (Mix Shader) : 追加 → シェーダー → シェーダーミックス
• 透過BSDF (Transparent BSDF) : 追加 → シェーダー → 透過BSDF
• ディフューズBSDF (Diffuse BSDF) : 追加 → シェーダー → ディフューズBSDF

• シェーダーのRGB化 (Shader to RGB) : 追加 → コンバーター → シェーダーのRGB化
• カラーランプ (Color Ramp) : 追加 → コンバーター → カラーランプ

• アンビエントオクルージョン (Ambient Occlusion) : 追加 → 入力 → アンビエントオクルージョン
• カラーミックス : 追加 → カラー → カラーミックス
• 数式 (Math) x 3 : 追加 → コンバーター → 数式

• カラーランプとシェーダーミックスの間に挿入する。
• 数式ノードについては、3つ作成して、「累乗」と「乗算」x2 にする。

• テクスチャ座標 : 追加 → 入力 → テクスチャ座標
• マッピング : 追加 → ベクトル → マッピング
• グラデーションテクスチャ : 追加 → テクスチャ → グラデーションテクスチャ

• テクスチャ座標ノードのオブジェクト云々のところには、ライトの名前を設定する。

• オブジェクト → オブジェクト複製、で複製できる。
• もしくは Shift + Dキー。

• モディファイアー設定 → パーティクルインスタンスの「量」を変更して、平面ポリゴンの発生個数を変更。
• 回転して見た目を変更。Rキー → Zキー → マウスを動かして左クリックで決定。
• 奥行きを変更。Gキー → Yキー → マウスを動かして左クリックで決定。

• 回転 X,Y,Z が、4.7, 104, 0 に。
• スケール X,Y,Z が、1.0, 1.0, 0.6 に。

• 位置設定 (Set Position) : 追加 → ジオメトリ → 書込 → 位置設定
• ベクトル演算 x 2 (乗算 (Multiply)、スケール (Scale)): 追加 → ユーティリティ → ベクトル → ベクトル演算
• 値 x 3 : 追加 → 入力 → 定数 → 値
• シーンタイム (Scene Time) : 追加 → 入力 → シーン → シーンタイム
• 数式 x 2 (乗算 (Multiply)、減算 (Subtract)) : 追加 → ユーティリティ → 数式 → 数式
• ノイズテクスチャ (Noise Texture) : 追加 → テクスチャ → ノイズテクスチャ

• ノードを選択して、右クリックするとメニューが表示されるので、名前を変更。
• もしくは、ノードを選択して、F2キーで名前を変更。

• Large - Wind Speed
• Large - Wind Scale
• Large - Wind Intensity

• ベクトル回転 (Vector Rotate) : 追加 → ユーティリティ → ベクトル → ベクトル回転
• 位置 (Position) x 2 : 追加 → ジオメトリ → 読込 → 位置
• ノーマル (Normal) : 追加 → ジオメトリ → 読込 → ノーマル
• ドメインでの評価 (Evaluate on Domain) : 追加 → ユーティリティ → フィールド → ドメインでの評価