新しい3Dビューアーを作りました。
3Dモデルを自由な角度から確認でき、好きなアングルで画像を保存できます。
保存した画像は無料でご利用いただけるフリー素材です。利用規約はこちら
1. 画面上の基本操作
マウス / タッチ操作
- 回転: マウスの左ドラッグ / 指1本でのスワイプ操作
- ズーム: マウスホイールの回転 / 2本指でつまむ（ピンチイン） / 広げる（ピンチアウト））
- 移動: 右クリック＋ドラッグ / 2本指ドラッグ
各種ボタン操作
- ⚙️ 詳細設定: 画面右上のボタンでコントロールパネルの開閉を切り替えます。
2. 各設定パネルの使い方
スタイル設定
- シェーダー切替: 通常表示のほか、
油絵風・リアル水彩風・トゥーンシェーダ・ドット絵風・グレースケールなどリアルタイムで変更できます。 - スタイル調整: ドット絵選択時は
ドットサイズ、水彩・油絵選択時は強度スライダーで効果の強さを調整できます。 - モデル表示 (ON/OFF): モデル本体を表示/非表示にします。
- 背景色 / 透明: 背景色をカラーピッカーで変更するか、市松模様（透明）に切り替えます。
輪郭線設定
- 手法 (1〜8): 手描き風SDF（手法2/6）、ジオメトリエッジ（手法3）、視線ベクトル（手法7）など8種類の描画方式を選択可能です。
- 調整: 輪郭線の
色・太さ/感度・ノイズ細かさ（手法2使用時）を変更できます。
ライティング・環境・色調補正
- 環境マップ (HDR): 10種類のライティングパターン（Studio, Sunset, Cyber等）を適用できます。
- 光源調整: 光の強さ、上下・水平の角度（照射位置）を変更できます。
- 色調補正:
明るさ・コントラスト・彩度・色温度・色合いの調整が可能です。 - AO (アンビエントオクルージョン) / AA (アンチエイリアス): 影の立体感や線のジャギー軽減を個別にON/OFF・強さ調整できます。
3. 画像の保存方法（PNG出力）
- 画面左下の「解像度」ドロップダウンから出力サイズを選択します（1x: 800×600 〜 4x: 3200×2400）。
- 「PNG保存」ボタンをクリックすると、現在の表示状態（スタイル・角度・背景色など）が反映された画像ファイルが自動的にダウンロードされます。
※iOS端末などのメモリクラッシュ防止策が組み込まれているため、モバイル環境でも安全に書き出せます。
