VRChat

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

  • ダウンロード商品
    ¥ 500

━━━━━━━━━━━━━━━━━━ テクスチャ画像から、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回だけ作り直す作りです ■ よくある質問 Q. インストールは必要ですか? A. 要りません。zipを解凍して、aomap.html をダブルクリックするだけです。   アカウント登録も要りません。 Q. 画像はアップロードされますか? A. されません。開いたブラウザの中だけで計算します。   パソコンのネットを切ってから使っても、同じように動きます。 Q. インターネットにつながりますか? A. つながりません。外部のサービスには一切つなぎません。 Q. 動作環境を教えてください A. Chrome で動作を確認しています。   ほかのブラウザや環境では確認していません。 Q. 商用利用できますか? A. できます。作った物の使用は、個人・法人を問わず自由です。   ファイルそのものの再配布・転売だけはご遠慮ください。 ■ 利用について ・個人・法人を問わず、作ったAOマップの使用は自由です(商用可) ・ファイルの再配布・転売は不可です ・改変しての使用はご自由にどうぞ ■ 制作について このツールはAIと共同で制作しています。 うまく動かないときはメッセージをください。

【ブラウザで完結】AOマップ生成ツール|へこみに影を入れる・インストール不要・画像を送信しない【商用可】
【ブラウザで完結】AOマップ生成ツール|へこみに影を入れる・インストール不要・画像を送信しない【商用可】
【ブラウザで完結】AOマップ生成ツール|へこみに影を入れる・インストール不要・画像を送信しない【商用可】
【ブラウザで完結】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回だけ作り直す作りです ■ よくある質問 Q. インストールは必要ですか? A. 要りません。zipを解凍して、aomap.html をダブルクリックするだけです。   アカウント登録も要りません。 Q. 画像はアップロードされますか? A. されません。開いたブラウザの中だけで計算します。   パソコンのネットを切ってから使っても、同じように動きます。 Q. インターネットにつながりますか? A. つながりません。外部のサービスには一切つなぎません。 Q. 動作環境を教えてください A. Chrome で動作を確認しています。   ほかのブラウザや環境では確認していません。 Q. 商用利用できますか? A. できます。作った物の使用は、個人・法人を問わず自由です。   ファイルそのものの再配布・転売だけはご遠慮ください。 ■ 利用について ・個人・法人を問わず、作ったAOマップの使用は自由です(商用可) ・ファイルの再配布・転売は不可です ・改変しての使用はご自由にどうぞ ■ 制作について このツールはAIと共同で制作しています。 うまく動かないときはメッセージをください。