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) : 追加 → ユーティリティ → フィールド → ドメインでの評価

(blender 2.79bインストールフォルダ)\2.79\scripts\addons\io_scene_obj\export_obj.py

fw('Kd %.6f %.6f %.6f\n' % (mat.diffuse_intensity * mat.diffuse_color)[:])  # Diffuse

(blender 2.79bインストールフォルダ)\2.79\scripts\addons\io_curve_svg\import_svg.py

def SVGGetMaterial(color, context):
    """
    Get material for specified color
    """

    materials = context['materials']
    rgb_re = re.compile('^\s*rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,(\d+)\s*\)\s*$')

    if color in materials:
        return materials[color]

    diff = None
    if color.startswith('#'):
        color = color[1:]

        if len(color) == 3:
            color = color[0] * 2 + color[1] * 2 + color[2] * 2

        diff = (int(color[0:2], 16), int(color[2:4], 16), int(color[4:6], 16))
    elif color in svg_colors.SVGColors:
        diff = svg_colors.SVGColors[color]
    elif rgb_re.match(color):
        c = rgb_re.findall(color)[0]
        diff = (float(c[0]), float(c[1]), float(c[2]))
    else:
        return None

    diffuse_color = ([x / 255.0 for x in diff])

    if context['do_colormanage']:
        diffuse_color[0] = srgb_to_linearrgb(diffuse_color[0])
        diffuse_color[1] = srgb_to_linearrgb(diffuse_color[1])
        diffuse_color[2] = srgb_to_linearrgb(diffuse_color[2])

    mat = bpy.data.materials.new(name='SVGMat')
    mat.diffuse_color = diffuse_color
    mat.diffuse_intensity = 1.0

    materials[color] = mat

    return mat

def srgb_to_linearrgb(c):
    if c < 0.04045:
        return 0.0 if c < 0.0 else c * (1.0 / 12.92);
    else:
        return pow((c + 0.055) * (1.0 / 1.055), 2.4);

• blenderでsvgをインポートする際に、svg内のRGB値は、srgb_to_linearrgb() で変換されてから読み込まれてる。
• blender内部ではガンマ補正されてないRGB値を持ってるけれど、UI上では補正されたRGB値が表示されてる。
• Wavefront (.obj)形式でエクスポートすると、blende内部で持ってたガンマ補正されてないRGB値が、.mtl内にそのまま出力される。

newmtl Black01
Ns 96.078431
Ka 1.000000 1.000000 1.000000
Kd 0.017642 0.017642 0.017642
Ks 0.500000 0.500000 0.500000
Ke 0.000000 0.000000 0.000000
Ni 1.000000
d 1.000000
illum 0

>>> hex(int(0.017642 * 255.0))
'0x4'

>>> def linearrgb_to_srgb(c):
...     if c < 0.0031308:
...         if c < 0.0:
...             return 0.0
...         return c * 12.92
...     return (1.055 * pow(c, (1.0 / 2.4)) - 0.055)
... 
>>> hex(int(linearrgb_to_srgb(0.017642) * 255.0))
'0x24'

1. blender 4.2.3 LTSのマテリアルプレビュー
2. pyobj2c.pyでガンマ補正した描画結果
3. ガンマ補正無しの描画結果

GS_PATH=D:\gs\gs10.04.0.64bit\bin;D:\gs\gs10.04.0.64bit\lib
GS32_PATH=D:\gs\gs10.04.0.32bit\bin;D:\gs\gs10.04.0.32bit\lib

PATH=%PATH%;%GS_PATH%;%GS32_PATH%

GS_PATH=D:\gs\gs9.52_32bit\bin;D:\gs\gs9.52_32bit\lib

PATH=%PATH%;%GS_PATH%

• GSview のメニュー Options → Safer のチェックを外す。
• かつ、Options → Advanced Configure... → Ghostscript Options: に「-dSAFER」を追加。

• svg は面の色が反映される。
• dxf はパスの線だけが読み込まれる。塗りは反映されない。

• EPS-draw 4.51 : Shade が「EOFエラー: 読み込み中にファイルの終端に達しました。」とエラーダイアログを出す。
• Tgif 4.2 + Ubuntu Linux 20.04 LTS : 同じエラーが出る。
• Xfig 3.2.7b + Ubuntu Linux 20.04 LTS : 同じエラーが出る。
• Affinity Designer 2.5.5 : 同じエラーが出る。
• Ipe 7.2.29 x64 : エラーは出ないけど、ルートパートの中身は空。
• LibreOffice Draw 24.8.3.2 x64 : エラーは出ないけど、ルートパートの中身は空。

• Windows10 x64 22H2
• Python 3.10.10 64bit
• PyOpenGL 3.1.7
• PyOpenGL-accelerate 3.1.7
• glfw 2.7.0
• PyWavefront 1.3.3

python -m pip install PyOpenGL PyOpenGL-accelerate glfw PyWavefront

import glfw
from OpenGL.GL import *
from OpenGL.GLU import *
import pywavefront
import argparse

model_kind = 1

modeldata = [
    {"file": "./models/cube01.obj", "scale": 2.0},
    {"file": "./models/suzanne01.obj", "scale": 5.0},
    {"file": "./models/car.obj", "scale": 7.0},
]

SCRW, SCRH = 1280, 720
WDWTITLE = "Draw wavefront obj"
FOV = 50.0

winw, winh = SCRW, SCRH
ang = 0.0
obj = None


def init_animation(infile):
    global ang, obj
    ang = 0.0
    obj = pywavefront.Wavefront(infile)


def render(scale):
    global ang, obj
    ang += 45.0 / 60.0

    # init OpenGL
    glViewport(0, 0, winw, winh)
    glMatrixMode(GL_PROJECTION)
    glLoadIdentity()
    gluPerspective(FOV, float(winw) / float(winh), 1.0, 1000.0)

    # clear screen
    glClearDepth(1.0)
    glClearColor(0, 0, 0, 1)
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT)

    glMatrixMode(GL_MODELVIEW)
    glLoadIdentity()

    glDepthFunc(GL_LESS)
    glEnable(GL_DEPTH_TEST)
    glEnable(GL_BLEND)
    glEnable(GL_NORMALIZE)

    glEnable(GL_CULL_FACE)
    glFrontFace(GL_CCW)
    # glCullFace(GL_FRONT)
    glCullFace(GL_BACK)

    # set lighting
    light_pos = [1.0, 1.0, 1.0, 0.0]

    # light_ambient = [0.2, 0.2, 0.2, 1.0]
    light_ambient = [0.5, 0.5, 0.5, 1.0]

    light_diffuse = [1.0, 1.0, 1.0, 1.0]
    light_specular = [0.8, 0.8, 0.8, 1.0]

    glLightfv(GL_LIGHT0, GL_POSITION, light_pos)
    glLightfv(GL_LIGHT0, GL_AMBIENT, light_ambient)
    glLightfv(GL_LIGHT0, GL_DIFFUSE, light_diffuse)
    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular)
    glEnable(GL_LIGHTING)
    glEnable(GL_LIGHT0)

    # obj move and rotate
    glTranslatef(0.0, 0.0, -20.0)
    glScalef(scale, scale, scale)
    glRotatef(20.0, 1, 0, 0)
    # glRotatef(ang * 0.5, 1, 0, 0)
    glRotatef(ang, 0, 1, 0)

    # set material
    glColorMaterial(GL_FRONT, GL_AMBIENT_AND_DIFFUSE)
    # glColorMaterial(GL_FRONT, GL_DIFFUSE)
    glEnable(GL_COLOR_MATERIAL)

    # draw obj
    for mesh in obj.mesh_list:
        for mat in mesh.materials:
            # glMaterialfv(GL_FRONT, GL_AMBIENT, mat.ambient)
            # glMaterialfv(GL_FRONT, GL_DIFFUSE, mat.diffuse)
            # glMaterialfv(GL_FRONT, GL_SPECULAR, mat.specular)
            glColor4fv(mat.diffuse)
            gl_floats = (GLfloat * len(mat.vertices))(*mat.vertices)
            count = len(mat.vertices) / mat.vertex_size
            glInterleavedArrays(GL_T2F_N3F_V3F, 0, gl_floats)
            glDrawArrays(GL_TRIANGLES, 0, int(count))


def key_callback(window, key, scancode, action, mods):
    if action == glfw.PRESS:
        if key == glfw.KEY_ESCAPE or key == glfw.KEY_Q:
            # ESC or Q key to exit
            glfw.set_window_should_close(window, True)


def resize(window, w, h):
    if h == 0:
        return
    set_view(w, h)


def set_view(w, h):
    global winw, winh
    winw, winh = w, h
    glViewport(0, 0, w, h)


def main():
    global model_kind

    objname = ""
    scale = 1.0
    parser = argparse.ArgumentParser()
    parser.add_argument("-m", "--model", type=int, help="Model type 0 - 2")
    parser.add_argument("-o", "--obj", type=str, help=".obj filename")
    parser.add_argument("-s", "--scale", type=float, help="Scale")
    args = parser.parse_args()

    objname = modeldata[model_kind]["file"]
    scale = modeldata[model_kind]["scale"]

    if args.model is not None:
        model_kind = args.model
        if model_kind < len(modeldata):
            objname = modeldata[model_kind]["file"]
            scale = modeldata[model_kind]["scale"]
    else:
        if args.obj is not None:
            objname = args.obj
        if args.scale is not None:
            scale = args.scale

    if not glfw.init():
        raise RuntimeError("Could not initialize GLFW3")
        return

    window = glfw.create_window(SCRW, SCRH, WDWTITLE, None, None)
    if not window:
        glfw.terminate()
        raise RuntimeError("Could not create an window")
        return

    # set OpenGL 1.1
    glfw.window_hint(glfw.CONTEXT_VERSION_MAJOR, 1)
    glfw.window_hint(glfw.CONTEXT_VERSION_MINOR, 1)

    glfw.window_hint(glfw.OPENGL_PROFILE, glfw.OPENGL_CORE_PROFILE)
    glfw.window_hint(glfw.DEPTH_BITS, 24)

    glfw.set_key_callback(window, key_callback)
    glfw.set_window_size_callback(window, resize)
    glfw.make_context_current(window)
    glfw.swap_interval(1)

    set_view(SCRW, SCRH)

    init_animation(objname)

    # main loop
    while not glfw.window_should_close(window):
        render(scale)
        glfw.swap_buffers(window)
        glfw.poll_events()

    glfw.destroy_window(window)
    glfw.terminate()


if __name__ == "__main__":
    main()

Usage:
    python draw_opengl_glfw.py [-m N] [--obj INPUT.obj] [--scale N]

    -m N, --model N     : モデル種類 0 - 2 を指定
    -o FILE, --obj FILE : .objファイル名
    -s N, --scale N     : 拡大縮小率

python draw_opengl_glfw.py -m 0
python draw_opengl_glfw.py -m 1
python draw_opengl_glfw.py -m 2

python draw_opengl_glfw.py --obj models/car.obj --scale 7.0

1. blenderでの表示
2. ガンマ補正無しの .mtl を使用
3. ガンマ補正有りの .mtl を使用

python -m pip install PyOpenGL

%%Creator: cairo 1.18.2 (https://cairographics.org)

CreatorTool
AI8_CreatorVersion
Creator

• CreatorTool は v11以降に存在。
• AI8_CreatorVersion は v8 以降に存在。
• Creator は全バージョンにある。

%%Creator: Adobe Illustrator(R) 5.5