トーラス図形ジェネレーター“Torus Shape Generator”|画像生成と会話するAIの魅力と可能性
https://note.com/chat_gpt777/n/n23ac5bace5d5?app_launch=false
トーラス図形ジェネレーター 操作説明書
概要
トーラス図形ジェネレーターは、3Dワイヤーフレームのトーラス(ドーナツ型)図形を作成・カスタマイズできるインタラクティブなWebアプリケーションです。様々なパラメータを調整することで、美しい幾何学図形を生成し、画像として保存することができます。
主な機能
1. 図形の表示エリア
- 中央の黒い画面に3Dトーラス図形が表示されます
- 図形は自動的に回転して、立体感を確認できます
- マウス操作で自由に角度を変更できます
2. パラメータ調整
大半径 (R)
- 範囲: 100〜300
- 説明: トーラスの中心から管の中心までの距離を調整します
- 効果: 値を大きくすると、トーラス全体が大きくなります
小半径 (r)
- 範囲: 20〜150
- 説明: 管の太さを調整します
- 効果: 値を大きくすると、管が太くなります
経線の数
- 範囲: 12〜64
- 説明: トーラスを縦方向に分割する線の数を調整します
- 効果: 値を大きくすると、より滑らかな曲面になります
緯線の数
- 範囲: 12〜48
- 説明: トーラスを横方向に分割する線の数を調整します
- 効果: 値を大きくすると、より詳細なメッシュになります
線の色
- カラーピッカーで線の色を自由に変更できます
- デフォルトは紫色(c084fc)です
回転速度
- 範囲: 0〜3.0
- 説明: 自動回転の速度を調整します
- 効果: 0にすると回転が停止し、3.0で最速になります
3. マウス操作
ドラッグ操作
1. 図形表示エリアをマウスでクリックしたままドラッグ
2. 上下にドラッグすると、X軸周りに回転
3. 左右にドラッグすると、Y軸周りに回転
4. ドラッグ中は自動回転が一時停止します
5. マウスを離して2秒後に自動回転が再開します
4. ボタン機能
停止/開始ボタン
- 機能: アニメーションの停止と再開を切り替えます
- 使い方: クリックするたびに「停止」↔「開始」が切り替わります
- 用途: お気に入りの角度で図形を固定したい時に使用します
リセットボタン
- 機能: すべてのパラメータを初期値に戻します
- 初期値:
- 大半径: 200
- 小半径: 80
- 経線: 32
- 緯線: 24
- 色: 紫色
- 回転速度: 1.0
ランダムボタン
- 機能: ランダムな形状のトーラスを生成します
- 効果: 大半径、小半径、経線数、緯線数がランダムに変更されます
- 用途: 新しいデザインのインスピレーションを得たい時に使用します
画像保存ボタン
- 機能: 現在表示されている図形をPNG画像として保存します
- ファイル名: `torus_[タイムスタンプ].png`(例: torus_1735459200000.png)
- 推奨手順:
1. お気に入りの形状と角度を設定
2. 「停止」ボタンで回転を止める
3. マウスドラッグで最適な角度に調整
4. 「画像保存」ボタンをクリック
使用例
例1: シンプルなトーラスを作成
1. 「リセット」ボタンで初期状態に戻す
2. お好みで色を変更
3. 「画像保存」で保存
例2: 細いリング状の図形を作成
1. 大半径を最大(300)に設定
2. 小半径を最小(20)に設定
3. 経線と緯線を増やして滑らかに
4. 角度を調整して保存
例3: 球に近い図形を作成
1. 大半径を小さく(100程度)に設定
2. 小半径を大きく(120程度)に設定
3. メッシュを細かくして球状に見せる
例4: 複雑なメッシュパターン
1. 経線と緯線を最大に設定
2. ランダムボタンで形状を試す
3. 気に入ったものを保存
技術仕様
- 対応ブラウザ: Chrome, Firefox, Safari, Edge(最新版推奨)
- 画像形式: PNG
- 画像サイズ: 800×600ピクセル
- 技術: HTML5 Canvas, JavaScript
ヒントとコツ
1. 美しい構図: 停止ボタンで回転を止め、斜め45度くらいの角度で保存すると立体感が出ます
2. 高品質な画像: 経線と緯線を多めに設定すると、より滑らかで美しい画像になります
3. 色の選び方: 暗い背景に明るい色(白、ピンク、シアンなど)を使うと、図形が際立ちます
4. 対称性: トーラスは数学的に美しい対称性を持つ図形です。様々な角度から観察してみてください
5. 実験: ランダムボタンを何度か押して、予想外の美しい形状を発見してみてください
バージョン: 1.0
最終更新: 2025年12月
トーラス図形ジェネレーター
https://pasopia.velvet.jp/2025/soft/index0128.html



