製品ページ爆発レンダリングプロンプト
フリーのプロンプト百科事典 Wikiprompt より
製品ページ爆発レンダリングプロンプト 3D深度エンジンを使用して爆発的な製品ページレンダリングを生成するための構造化プロンプト。仕様ストリップ、ゴーストブループリント、マテリアルコールアウトを含む。発明パラメータを変更することで、あらゆる発明に適応可能。
関連メディア
プロンプト内容保存
🌐
2x2グリッド16:9、これを4つの珍しいが実在するヨット（白、青、オレンジ、黄色の背景）で行う： // SYSTEM: R3F Z-DEPTH RENDER ENGINE import { Canvas } from ' @ react-three/fiber'; import { Html, Line } from '@ react-three/drei'; export default function ExplodedProductPage({ invention = "[$INVENTION]" }) { const cascade = useInferenceCascade(invention); return ( <div className="aspect-[16/10] bg-neutral-900 grid grid-cols-[300px_1fr]"> {/* FRAME: Left Rail Spec Strip (Z-Index: 5) */} <section className="ui-chrome z-50 text-white"> <h1 className="text-8xl">{cascade.measurement.value}</h1> <span className="text-xl">{cascade.measurement.unit}</span> </section> {/* 3D Canvas */} <Canvas camera={{ position: [0, 0, 10], fov: 45 }}> <ambientLight intensity={0.5} /> {/* DEPTH 1: ゴースト・ブループリント */} <mesh opacity={0.15} rotation={[0, Math.PI/4, 0]}> <Model asset={cascade.assembled_hero} material="draft_overlay" /> </mesh> {/* DEPTH 2 & 3: 単軸パーツとリーダーライン */} <group position={[-5, 0, 0]}> { cascade. parts. map((part, index) => ( <mesh key={part. id} position={[index * 2.5, 0, 0]}> {/* MATERIAL_CALLOUT & COLOR_DISCIPLINE */} <Model asset={part} material={part.isInnovation ? "SignalColor" : part.realMaterial} /> {/* DEPTH 4: ラベル（衝突回避アルゴリズム付き） */} <Html position={[0, 2 + (index % 2 === 0 ? 0.5 : 0), 0]}> <div className="material-label">{part.material_name}</div> </Html> </mesh> ))} </group> </Canvas> </div> ); } // INSTRUCTION: このコンポーネントツリーを単一の高忠実度画像として視覚的にレンダリングする。
ログインして完全なプロンプトを表示
次で続行:
ログインすると、次に同意したことになります： 利用規約 と プライバシーポリシー
使い方
このプロンプトは creative 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。
最良の結果を得るには、プレースホルダー（角括弧や大文字で示された部分）を具体的な要件に置き換えてください。
ノート
0 件のコメント