【ブラウザで完結】AOマップ生成ツール|へこみに影を入れる・インストール不要・画像を送信しない【商用可】
- Digital500 JPY




【ブラウザで完結】AOマップ生成ツール|へこみに影を入れる・インストール不要・画像を送信しない【商用可】 ━━━━━━━━━━━━━━━━━━ テクスチャ画像から、AOマップ(アンビエントオクルージョン)を作ります。 へこんだ所に影を入れた、グレーの画像です。 ファイルをダブルクリックすると、いつものブラウザで開きます。 インストールも、アカウント登録も、Unityも要りません。 ■ いちばん言いたいこと:画像はどこにも送られません このツールは、開いたブラウザの中だけで計算します。 画像をサーバーに送ったり、保存したりしません。 インターネットに繋がっていなくても動きます。 心配な方は、パソコンのネットを切ってから使ってみてください。同じように動きます。 未発表のアバターや衣装のテクスチャを、Webサービスにアップロードしたくない方へ。 ■ できること ・画像をドラッグ&ドロップ → AOマップに変換 ・まとめて何枚でも。1枚ずつでも、全部まとめてでも保存できます ・その場でプレビュー。スライダーを動かすと、すぐ見た目が変わります ・ファイル名は「元の名前_ao.png」で保存されます ■ 調整できること 【影の強さ】大きいほど影が濃くなります。肌や布は0.5〜1.5、金属の彫りは1.5〜3が目安です 【影の広がり】どのくらい離れた所まで「まわり」とみなすか。小さいと細かい溝だけ、大きいと広いへこみにも影がつきます 【下ごしらえのぼかし】元の画像のノイズを拾うときに上げます 【高さに使う色】明るさ/赤/緑/青/透明度 から選べます 【高さを反転】明るい所をへこみとして扱います 【タイル(端をつなげる)】繰り返し貼るテクスチャのとき、端と端をつなげて計算します ■ 計算のしかたを隠しません 画像の明るさを「高さ」とみなします。明るい所が高く、暗い所が低い。 そのうえで、まわりの平均より低い所を暗くします。 ・溝やシワの底 → まわりより低い → 暗くなる ・出っぱりの上 → まわりより高い → 白いまま ・まっ平らな所 → まわりと同じ → 白いまま まっ平らな画像を入れると、どこにも影がつかず真っ白になります。 これは失敗ではありません。へこみが無いからです。 ■ こう動きます まっ平らな画像 → どこにも影がつかない 真ん中がへこんだ画像 → 真ん中が暗くなる 出っぱりだけの画像 → 白いまま(暗くならない) 強さ0 → まったく影がつかない 強さを上げた → 影が濃くなる 広がりを大きくした → 広いへこみの真ん中も暗くなる 高さを反転 → 出っぱりが影になる タイルON → 端のへこみが端で切れた扱いにならない 出てくる画像 → 灰色(R=G=B)・透けない・元と同じ大きさ 2枚まとめて入れた → 2枚とも絵が出て、2枚とも保存される かべ.png を入れた → かべ_ao.png で保存される ゆか.jpeg を入れた → ゆか_ao.png(必ず.pngで保存) スライダーを動かした → 画面の絵がその場で作り直される 高さに「透明度」を選んだ → 透明度の溝に影がつく 下ごしらえのぼかしを上げた → ざらざらの影が落ち着く ■ 入っているもの ・aomap.html(これ1つで動きます) ・README_使い方.txt(日本語) ・README_English.txt(English) ■ 使い方 1. zipを解凍します 2. aomap.html をダブルクリックします 3. 画像をドラッグ&ドロップします 4. スライダーで調整して「すべて保存」(1枚だけなら「この1枚を保存」) ■ 動作環境 Chrome(Windows)で動作を確認しています。 Edge / Firefox / Safari でも動く作りです。 インストール不要・インターネット接続不要です。 ■ できないこと(先に書いておきます) ・3Dモデル(メッシュ)からは作れません。画像から作ります ・Unityのエディタ拡張ではありません。ブラウザで動く単体のツールです ・ノーマルマップは作りません(別の商品です) ・大きな画像は計算に時間がかかります(1回あたり、広がり24:1024→約0.3秒/2048→約1.2秒/4096→約8秒) その間、画面は止まって見えます。スライダーは手を止めてから1回だけ作り直す作りです ■ 利用について ・個人・法人を問わず、作ったAOマップの使用は自由です(商用可) ・ファイルの再配布・転売は不可です ・改変しての使用はご自由にどうぞ ■ 制作について このツールはAIと共同で制作しています。 うまく動かないときはメッセージをください。




