Three.js インタラクティブ3Dボロノイパターンジェネレーター
P
プロンプト
Three.jsを使用して、ユーザーが3D空間内のポイントを操作し、リアルタイムで更新されるダイナミックなボロノイセルパターン、カラーカスタマイズ、深度効果を備えたインタラクティブな3Dボロノイパターンジェネレーターを作成します。
CODE PREVIEW
AIでコードをカスタマイズ
このコードをAIが指示通りに書き換えます。プレビューは無料、コードのコピー・ダウンロードは¥100で解放されます。
オリジナル
AIとの対話に追加する一言
プロンプトと一緒にコピーして、AIがより正確に意図を汲み取れるようにします
このコードをそのまま使いたいので、CDNリンクも含めた完全なHTMLファイルとして出力してください。
初心者なので、各行にコメントを追加して、何をしているか説明してください。
このコードをWordPressのテーマに組み込む方法も教えてください。
動作確認済みのコードをお願いします。エラーが出る場合の対処法も含めて。
このインタラクティブ3Dボロノイパターンジェネレーターは、Three.jsを使用した計算幾何学の概念を実演します。ボロノイ図は、指定されたポイントまでの距離に基づいて空間を領域に分割し、自然界で見られる細胞状のパターン（トンボの翅、キリンの斑点、乾いた泥のひび割れなど）を作成します。
実装の特徴：
- ユーザー定義ポイントからの3Dボロノイセルのリアルタイム生成
- クリック＆ドラッグインターフェースによるインタラクティブなポイント操作
- 地形効果を作成するための動的な高さスケーリング
- 視覚的なカスタマイズのための色変動コントロール
- 構造分析のためのワイヤーフレーム表示切り替え
- 非アクティブ時の自動回転
アルゴリズムはドロネー三角形分割（Delaunatorライブラリ経由）を使用してボロノイ頂点を計算し、各シードポイント周囲に3Dポリゴンを構築します。ユーザーは個々のポイントを移動させると、細胞構造全体に即座に影響が及ぶことを確認でき、ボロノイ図の数学的関係を実証できます。
このプロンプトは役に立ちましたか？
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / クレジットカード対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選