OpenGL と DirectX のグリーン チャネル コントロールを使用して、高さイメージから接線空間の法線、アンビエント オクルージョン、ラフネス、メタリック、および高さのマップを生成します。
エクスポートする前に、対応する入力と出力の詳細を確認し、ツールの手順に従ってください。
これらの仕様を使用して、法線マップ ジェネレーターを実行する前に、ワークフローの適合性、プライバシーの境界、期待される出力を検証します。
コスト
コア使用のためのサインアップゲートのない無料のワークフロー。
セキュリティ
すべての処理はブラウザ内で実行され、画像がデバイスから離れることはありません。
デバイス
最新のデスクトップおよびモバイル ブラウザをサポートします。
技術仕様
入力: PNG、JPG、WebP。出力: PNG、個別または ZIP として。マップ: ノーマル、アンビエント オクルージョン、粗さ、メタリック、高さ。メッシュ ジオメトリからベイク処理されたものではなく、ソース イメージから派生しました。
エクスポートする前に、対応する入力と出力の詳細を確認し、ツールの手順に従ってください。
01
ハイト画像を選択します（グレースケールのハイトマップが最良の結果を得られます）。
02
必要なマップにチェックを入れます：法線、アンビエントオクルージョン (AO)、ラフネス、メタリック、ハイト（変位）、スペキュラ。
03
法線の強度とエッジフィルター（Sobel、Scharr、Prewitt）を設定し、DirectXエンジンの場合は緑チャンネルを反転させ、「ディテール」でノイズの除去や起伏の強調を行います。
04
「マップ作成」をクリックし、3Dに切り替えて球体、立方体、平面上で受光状態を確認するか、3×3タイルでプレビューします。
05
個別のマップまたはすべてをまとめたZIPをダウンロードします。
ブラウザで高さ画像から法線マップを生成する方法 の方法、繰り返しのワークフローでそれが重要な理由、およびこのツールを自信を持って使用できる場合について理解します。
法線はソースの輝度に対するソーベル勾配から導出され、調整可能な強度とタイル化可能なソースのオプションのエッジ ラッピングを備えています。
OpenGL は +Y アップを想定し、DirectX は +Y ダウンを想定します。間違ったマップ用に作成されたマップは間違った側から照らされているように見えます (法線マップで最も一般的な問題です)。そのため、ここではグリーン チャンネルの切り替えは、隠れたデフォルトではなく、第一級のコントロールです。
アンビエント オクルージョンは、ピクセルごとに方向のリングをサンプリングし、周囲がその上にどれだけ盛り上がっているかを測定することによって、ハイト フィールドから近似されます。これはレイ トレース ベイクではなく近似であり、そのようにラベル付けされています。
粗さ、メタリック、および高さはソース輝度のレベルを再マップしたもので、それぞれに独自の最小、最大、コントラスト、および反転コントロールがあります。
これらのマップは、メッシュ ジオメトリからベイク処理されたものではなく、2D イメージから派生しています。ここで生成される法線マップは、高さ画像の勾配をエンコードします。これは高ポリゴンから低ポリゴンへのベイク処理ではなく、ツールはそれであることを主張しません。
カラー画像を指定すると、最初に輝度に変換され、ツールがそのように表示します。アルベド マップを高さベースのジェネレーターに入力することは、出力だけでは明らかにならないよくある間違いです。
いいえ。マップ生成は完全にブラウザ内で実行され、サーバーには何も送信されません。
いいえ。これらのマップはメッシュジオメトリからベイクされたものではなく、指定した画像から直接算出されます。ここでのノーマルマップはハイト画像の勾配（傾き）をエンコードします。
OpenGLは+Y上向き、DirectXは+Y下向きを想定しています。「緑チャンネル反転」スイッチを使用して規則を切り替えてください。
使用できますが、まず輝度に変換されます（アルベドマップをハイトジェネレーターに入力してしまうのはよくある誤りです）。
いいえ。ハイトフィールドからの推計近似値であり、ジオメトリに対するレイトレーシングベイクではありません。
はい。法線、AO、ラフネス、メタリック、ハイトの中から自由に組み合わせて選択し、個別またはZIPでまとめてダウンロードできます。
はい。マップ作成後、プレビューを3Dに切り替えると、光が当たった球体、立方体、平面上で最大4×4の繰り返しパターンとして確認し、周囲を回転して観察できます。
Sobelは一般的な画像に適しています。Scharrは斜めの細かなディテールをより正確に捉えます。Prewittはよりソフトでノイズの影響を受けにくい特性があります。強度の設定値は3つとも共通です。
このツールが自然に適合する実際のワークフローを確認し、すぐに対応するガイドに進みます。
スパインビューア
Spine のプレビュー JSON、アトラス、および PNG は、再生、スキン、速度、およびデバッグ コントロールを使用してローカルにエクスポートします。
オープンなワークフロー
Rive アニメーションビューア
アニメーション再生、ステート マシン テスト、ステート タイムライン レビュー、イベント記録、およびハンドオフ対応レイアウト コントロールを使用して、Rive `.riv` ファイルをローカルでプレビューします。
オープンなワークフロー
3Dモデルビューア
レンダリングモード、環境ライティング、測定ツール、アニメーション、ビデオ録画を備え、42種類のフォーマットで3Dモデルを表示および検査します。
オープンなワークフロー
Spine のプレビュー JSON、アトラス、および PNG は、再生、スキン、速度、およびデバッグ コントロールを使用してローカルにエクスポートします。
アニメーション再生、ステート マシン テスト、ステート タイムライン レビュー、イベント記録、およびハンドオフ対応レイアウト コントロールを使用して、Rive `.riv` ファイルをローカルでプレビューします。
レンダリングモード、環境ライティング、測定ツール、アニメーション、ビデオ録画を備え、42種類のフォーマットで3Dモデルを表示および検査します。
Draco/meshopt 圧縮とポリゴン削減を使用して、主要な形式 (GLB、glTF、OBJ、STL、PLY、FBX、USDZ) にわたる 3D モデル ファイルを変換、最適化、圧縮します。
