爆炸产品页面渲染提示
来自 Wikiprompt，自由的提示词百科全书
爆炸产品页面渲染提示 A structured prompt for generating exploded product page renders with a 3D depth engine, including spec strips, ghost blueprints, and material callouts. Adaptable to any invention by changing the invention parameter.
相关媒体
提示词内容收藏
🌐
2x2网格16:9，对4艘不寻常但真实的游艇执行此操作（白色、蓝色、橙色和黄色背景）：// 系统：R3F Z深度渲染引擎 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]"> {/* 框架：左侧导轨规格条（Z索引：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 camera={{ position: [0, 0, 10], fov: 45 }}> <ambientLight intensity={0.5} /> {/* 深度1：幽灵蓝图 */} <mesh opacity={0.15} rotation={[0, Math.PI/4, 0]}> <Model asset={cascade.assembled_hero} material="draft_overlay" /> </mesh> {/* 深度2和3：单轴零件与引线 */} <group position={[-5, 0, 0]}> { cascade. parts. map((part, index) => ( <mesh key={part. id} position={[index * 2.5, 0, 0]}> {/* 材质标注与颜色规范 */} <Model asset={part} material={part.isInnovation ? "SignalColor" : part.realMaterial} /> {/* 深度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> ); } // 指令：将此组件树视觉渲染为单个高保真图像。
用法
此提示词专为 creative 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果，可将占位符（方括号或大写字母标示）替换为你的具体需求。
讨论
0 条评论