之前用阿里通义千问 Qwen2.5-Max 生成了模拟地月系统的 3D js 代码（通义千问生成 3D 地月系统模拟），效果相当不错。让我们看看同样的提示词，Grok 3 的表现如何？
提示词
请基于 Three.js 制作地月系统演示，Three.js 使用 cdn，输出一个完整的html文件代码生成总共耗时 25 秒，比 Qwen2.5-Max 更快，且同样一次性通过，没有任何 bug。
不过，Grok 3 生成的地球和月亮没有贴上纹理，美观度稍显不足。但相比之下，Qwen2.5-Max 生成的是一个静态的运动模拟，无法进行交互，而 Grok 3 的版本支持缩放和视角变换，功能性更强。
此外，Grok 3 生成的代码结构清晰，思维链完整，且代码说明和使用方法比 Qwen2.5-Max 更加详细和完善。就单次测试而言，Grok 3 的代码质量整体上优于 Qwen2.5-Max。
演示
完整代码
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>地月系统演示</title> <style> body { margin: 0; overflow: hidden; } #scene { width: 100vw; height: 100vh; } </style> </head> <body> <div id="scene"></div> <p><!-- 通过 CDN 引入 Three.js 和 OrbitControls --><br /> <br /> <br /> <br /> // 创建场景<br /> const scene = new THREE.Scene();</p> <p>// 创建相机<br /> const camera = new THREE.PerspectiveCamera(<br /> 75, // 视角（FOV）<br /> window.innerWidth / window.innerHeight, // 宽高比<br /> 0.1, // 近裁剪面<br /> 1000 // 远裁剪面<br /> );<br /> camera.position.z = 20; // 设置相机位置</p> <p>// 创建渲染器<br /> const renderer = new THREE.WebGLRenderer();<br /> renderer.setSize(window.innerWidth, window.innerHeight);<br /> document.getElementById('scene').appendChild(renderer.domElement);</p> <p>// 创建地球<br /> const earthGeometry = new THREE.SphereGeometry(5, 32, 32); // 半径 5<br /> const earthMaterial = new THREE.MeshBasicMaterial({ color: 0x0000ff }); // 蓝色<br /> const earth = new THREE.Mesh(earthGeometry, earthMaterial);<br /> scene.add(earth);</p> <p>// 创建月球<br /> const moonGeometry = new THREE.SphereGeometry(1, 32, 32); // 半径 1<br /> const moonMaterial = new THREE.MeshBasicMaterial({ color: 0xaaaaaa }); // 灰色<br /> const moon = new THREE.Mesh(moonGeometry, moonMaterial);<br /> moon.position.x = 10; // 初始位置<br /> scene.add(moon);</p> <p>// 添加光源<br /> const ambientLight = new THREE.AmbientLight(0x404040); // 环境光<br /> scene.add(ambientLight);<br /> const pointLight = new THREE.PointLight(0xffffff, 1, 100); // 点光源<br /> pointLight.position.set(10, 10, 10);<br /> scene.add(pointLight);</p> <p>// 添加 OrbitControls<br /> const controls = new THREE.OrbitControls(camera, renderer.domElement);<br /> controls.enableDamping = true; // 启用阻尼效果<br /> controls.dampingFactor = 0.05;</p> <p>// 动画函数<br /> function animate() {<br /> requestAnimationFrame(animate);</p> <p>// 更新月球位置（绕地球旋转）<br /> const time = Date.now() * 0.001; // 时间因子<br /> moon.position.x = 10 * Math.cos(time); // x 坐标<br /> moon.position.z = 10 * Math.sin(time); // z 坐标</p> <p>controls.update(); // 更新控制器<br /> renderer.render(scene, camera); // 渲染场景<br /> }</p> <p>// 启动动画<br /> animate();</p> <p>// 响应窗口大小变化<br /> window.addEventListener('resize', () => {<br /> camera.aspect = window.innerWidth / window.innerHeight;<br /> camera.updateProjectionMatrix();<br /> renderer.setSize(window.innerWidth, window.innerHeight);<br /> });</p></article></section><section class="space-y-5"><div><h2 class="text-2xl font-semibold tracking-tight">相关文章</h2></div><div class="grid gap-5 lg:grid-cols-3"><a href="/news/1295" class="group block overflow-hidden rounded-3xl border bg-card shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg "><div class="relative overflow-hidden border-b bg-gradient-to-br from-primary/8 via-background to-brand/10"><div class="relative h-52 w-full"><img alt="xAI 为 Grok Build 发布准备积分系统" referrerPolicy="no-referrer" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-[1.02]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://img.caprompt.com/news/upload/2026/04/37db5f451dda.webp"/></div><div class="absolute left-4 top-4 inline-flex rounded-full border border-primary/15 bg-background/85 px-3 py-1 text-xs font-medium text-foreground backdrop-blur">AI 新闻资讯</div></div><div class="space-y-4 p-5"><div class="flex flex-wrap items-center gap-3 text-xs text-muted-foreground"><div class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days h-3.5 w-3.5" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg>2026年4月12日</div><div class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-3.5 w-3.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>0<!-- --> 条评论</div><div class="truncate">小创</div></div><div class="space-y-2 pt-2"><h3 class="text-xl font-semibold tracking-tight text-foreground">xAI 为 Grok Build 发布准备积分系统</h3><p class="line-clamp-3 text-sm leading-6 text-muted-foreground">xAI 正在为 Grok Build 测试积分定价体系，采用订阅+额外购买的混合模式。该工具支持本地 CLI 和网页界面双轨运行，独特的 Model Arena 模式允许多个智能体并行处理任务并对比结果。 xAI 计划五月达到 Opus 4.6 水平，六月实现超越，届时将与 OpenAI Codex 和 Anthropic Claude Code 正面竞争。</p></div><div class="flex flex-wrap items-center gap-2"><span class="inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary">#<!-- -->Grok</span></div><div class="inline-flex items-center gap-1 text-sm font-medium text-primary">阅读全文<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a href="/news/1252" class="group block overflow-hidden rounded-3xl border bg-card shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg "><div class="relative overflow-hidden border-b bg-gradient-to-br from-primary/8 via-background to-brand/10"><div class="relative h-52 w-full"><img alt="Anthropic 联手竞争对手 共防 AI 被用于网络攻击" referrerPolicy="no-referrer" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-[1.02]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://img.caprompt.com/news/upload/2026/04/790ca74d540f.webp"/></div><div class="absolute left-4 top-4 inline-flex rounded-full border border-primary/15 bg-background/85 px-3 py-1 text-xs font-medium text-foreground backdrop-blur">AI 产品工具</div></div><div class="space-y-4 p-5"><div class="flex flex-wrap items-center gap-3 text-xs text-muted-foreground"><div class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days h-3.5 w-3.5" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg>2026年4月10日</div><div class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-3.5 w-3.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>0<!-- --> 条评论</div><div class="truncate">小创</div></div><div class="space-y-2 pt-2"><h3 class="text-xl font-semibold tracking-tight text-foreground">Anthropic 联手竞争对手 共防 AI 被用于网络攻击</h3><p class="line-clamp-3 text-sm leading-6 text-muted-foreground">Anthropic 发布强大新模型 Claude Mythos Preview ，联合 Apple 、 Google 、 Microsoft 等 45 家组织成立 Project Glasswing 联盟，共同应对 AI 在网络安全领域的双刃剑效应。该模型既能帮助防御者发现漏洞、强化安全，也可能被恶意利用发起攻击。各方强调，面对 AI 能力的快速进步，行业协作已成必然选择。</p></div><div class="flex flex-wrap items-center gap-2"><span class="inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary">#<!-- -->Anthropic</span><span class="inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary">#<!-- -->AI 编程</span></div><div class="inline-flex items-center gap-1 text-sm font-medium text-primary">阅读全文<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a href="/news/3" class="group block overflow-hidden rounded-3xl border bg-card shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg "><div class="relative overflow-hidden border-b bg-gradient-to-br from-primary/8 via-background to-brand/10"><div class="relative h-52 w-full"><img alt="【AI教程】Notion 工程负责人 用 Codex 三小时独立完成一个完整功能" referrerPolicy="no-referrer" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-[1.02]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://img.caprompt.com/news/covers/thumbnail/news-cover-3-ecd2ab3f84.webp"/></div><div class="absolute left-4 top-4 inline-flex rounded-full border border-primary/15 bg-background/85 px-3 py-1 text-xs font-medium text-foreground backdrop-blur">AI 教程知识</div></div><div class="space-y-4 p-5"><div class="flex flex-wrap items-center gap-3 text-xs text-muted-foreground"><div class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days h-3.5 w-3.5" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg>2026年3月29日</div><div class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-3.5 w-3.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>0<!-- --> 条评论</div><div class="truncate">零重力瓦力</div></div><div class="space-y-2 pt-2"><h3 class="text-xl font-semibold tracking-tight text-foreground">【AI教程】Notion 工程负责人 用 Codex 三小时独立完成一个完整功能</h3><p class="line-clamp-3 text-sm leading-6 text-muted-foreground">Notion AI工程负责人Ryan Nystrom仅用三小时，借助Codex将移动端语音输入功能一次性迁移至网页与桌面端，全程单人操作、提示即生成可上线的生产级代码，印证AI辅助开发已能支撑真实产品迭代。</p></div><div class="flex flex-wrap items-center gap-2"><span class="inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary">#<!-- -->AI 编程</span><span class="inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary">#<!-- -->OpenAI</span></div><div class="inline-flex items-center gap-1 text-sm font-medium text-primary">阅读全文<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div></section><section class="rounded-3xl border bg-card/95 p-5 shadow-sm sm:p-6"><div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"><div><div class="inline-flex items-center gap-2 rounded-full border bg-primary/5 px-3 py-1 text-xs font-medium text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-3.5 w-3.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>互动讨论</div><h2 class="mt-3 text-2xl font-semibold tracking-tight text-foreground">评论区</h2><p class="mt-2 text-sm leading-6 text-muted-foreground">围绕《<!-- -->Grok 3 生成 3D 地月系统模拟<!-- -->》展开交流，未登录用户可浏览评论，登录后可参与讨论。</p></div><div class="rounded-2xl border bg-background px-4 py-3 text-right shadow-sm"><div class="text-xs tracking-[0.18em] text-muted-foreground">评论数</div><div class="mt-1 text-2xl font-semibold text-foreground">0</div></div></div><div class="mt-5 rounded-3xl border bg-gradient-to-br from-primary/5 via-background to-brand/10 p-4 shadow-sm sm:p-5"><div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"><div><div class="text-sm font-medium text-foreground">登录后参与评论</div><div class="mt-1 text-sm text-muted-foreground">支持发表观点与回复一级评论，互动后将同步到消息中心。</div></div><a href="/login?callbackUrl=%2Fnews%2F515" data-slot="button" data-variant="default" data-size="default" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 rounded-full">登录后评论</a></div></div><div class="mt-6 space-y-4"><div class="rounded-2xl border bg-background/80 px-4 py-6 text-sm text-muted-foreground">暂无评论，欢迎成为第一个参与讨论的人。</div></div></section></div><!--$--><!--/$--></main><footer class="border-t bg-background/80 backdrop-blur"><div class="mx-auto flex w-full max-w-7xl flex-col items-center gap-3 px-4 py-5 text-center sm:px-6 lg:px-8"><div class="space-y-1"><div class="text-base font-semibold tracking-tight text-foreground sm:text-lg">创艺提示符，帮你写出更好的提示词！</div><div class="text-xs leading-6 text-muted-foreground">Copyright © 2026 上海创艺提示符科技有限公司 - All rights reserved</div></div><div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-xs text-muted-foreground"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer" class="transition-colors hover:text-foreground">沪ICP备18007549号-3</a><a href="https://beian.mps.gov.cn/#/query/webSearch?code=31010102007903" target="_blank" rel="noreferrer" class="inline-flex w-fit items-center gap-2 transition-colors hover:text-foreground"><img src="https://cdn.caprompt.com/2024/10/af6386a06431f44.png" alt="沪公网安备" width="18" height="18" class="h-[18px] w-[18px] rounded-sm object-cover"/><span>沪公网安备31010102007903</span></a></div></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><script src="/_next/static/chunks/44ff4e2dd9de9950.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n4:I[703097,[\"/_next/static/chunks/a08246dd4530a7b2.js\",\"/_next/static/chunks/3437b8eaa45632a6.js\"],\"default\"]\n5:I[699299,[\"/_next/static/chunks/a08246dd4530a7b2.js\",\"/_next/static/chunks/3437b8eaa45632a6.js\"],\"default\"]\n7:I[836345,[\"/_next/static/chunks/a08246dd4530a7b2.js\",\"/_next/static/chunks/3437b8eaa45632a6.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\na:I[836345,[\"/_next/static/chunks/a08246dd4530a7b2.js\",\"/_next/static/chunks/3437b8eaa45632a6.js\"],\"ViewportBoundary\"]\nc:I[836345,[\"/_next/static/chunks/a08246dd4530a7b2.js\",\"/_next/static/chunks/3437b8eaa45632a6.js\"],\"MetadataBoundary\"]\ne:I[563491,[\"/_next/static/chunks/d455c16c85e05b1a.js\",\"/_next/static/chunks/2764b6920108d96e.js\"],\"default\"]\nf:I[545872,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\",\"/_next/static/chunks/a0215203eb02ec16.js\",\"/_next/static/chunks/3136cb7baa8d379d.js\",\"/_next/static/chunks/926627ae06f6b3e0.js\",\"/_next/static/chunks/c7657e01eb27a55c.js\"],\"Header\"]\n10:I[420414,[\"/_next/static/chunks/a08246dd4530a7b2.js\",\"/_next/static/chunks/3437b8eaa45632a6.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/be8b0bdfe9c0def2.css\",\"style\"]\n:HL[\"https://cdn.caprompt.com/2024/10/af6386a06431f44.png\",\"image\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"51X8U50F5XLLDvxzILEvW\",\"c\":[\"\",\"news\",\"515\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"news\",{\"children\":[[\"id\",\"515\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/be8b0bdfe9c0def2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/6336a459a26f26b3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/851a52a158c33f5a.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/a0215203eb02ec16.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/3136cb7baa8d379d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/926627ae06f6b3e0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/c7657e01eb27a55c.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L3\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/021b4c3fc14dc354.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"3:[\"$\",\"div\",null,{\"className\":\"min-h-dvh bg-[radial-gradient(circle_at_top,rgba(99,102,241,0.08),transparent_32%),radial-gradient(circle_at_bottom_right,rgba(245,158,11,0.10),transparent_28%)]\",\"children\":[[\"$\",\"$Lf\",null,{\"logoLightUrl\":\"https://img.caprompt.com/static/logo/ca_logo_128.png\",\"logoDarkUrl\":\"https://img.caprompt.com/static/logo/ca_logo_128.png\",\"logoHref\":\"/\",\"newsCategories\":[{\"name\":\"AI 新闻资讯\",\"slug\":\"ai-news\",\"description\":\"AI 行业动态、最新产品、重要趋势。\"},{\"name\":\"AI 产品工具\",\"slug\":\"ai-tool-intro\",\"description\":\"实用 AI 产品、工具介绍。\"},{\"name\":\"AI 教程知识\",\"slug\":\"ai-tutorial\",\"description\":\"AI 教程、知识讲解、工作流与实用方法。\"},{\"name\":\"AI 视频影视\",\"slug\":\"ai-film\",\"description\":\"AI 视频、广告、影视创作案例。\"},{\"name\":\"AI 绘画设计\",\"slug\":\"ai-painting\",\"description\":\"AI 绘画、设计与创作技巧。\"},{\"name\":\"访谈案例\",\"slug\":\"ai-interview\",\"description\":\"AI 领域人物访谈、公司案例、观点讨论与行业经验。\"},{\"name\":\"AI 编程开发\",\"slug\":\"ai-programming\",\"description\":\"AI 编程、开发工具、工程实践与技术落地。\"},{\"name\":\"提示词工程\",\"slug\":\"ptech\",\"description\":\"提示词工程、上下文工程撰写方法与技巧。\"}],\"helpLinks\":[{\"href\":\"/help\",\"title\":\"帮助中心\",\"description\":\"快速查看产品介绍、操作说明与常见问题。\"},{\"href\":\"/help/getting-started\",\"title\":\"新手指南\",\"description\":\"从注册登录到第一条提示词发布，按步骤完成上手。\"},{\"href\":\"/help/prompt-workflow\",\"title\":\"提示词工作流\",\"description\":\"了解提示词创建、编辑、版本恢复与分享发布。\"},{\"href\":\"/help/faq\",\"title\":\"常见问题\",\"description\":\"快速排查登录、权限、通知与分享相关问题。\"},{\"href\":\"/help/gengxinrizhi\",\"title\":\"更新日志\",\"description\":\"按版本查看核心功能演进与关键修复记录。\"}]}],[\"$\",\"main\",null,{\"className\":\"mx-auto flex w-full max-w-7xl flex-col gap-8 px-4 py-8 sm:px-6 lg:px-8\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"border-t bg-background/80 backdrop-blur\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto flex w-full max-w-7xl flex-col items-center gap-3 px-4 py-5 text-center sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-base font-semibold tracking-tight text-foreground sm:text-lg\",\"children\":\"创艺提示符，帮你写出更好的提示词！\"}],[\"$\",\"div\",null,{\"className\":\"text-xs leading-6 text-muted-foreground\",\"children\":\"Copyright © 2026 上海创艺提示符科技有限公司 - All rights reserved\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-xs text-muted-foreground\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://beian.miit.gov.cn/\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"transition-colors hover:text-foreground\",\"children\":\"沪ICP备18007549号-3\"}],[\"$\",\"a\",null,{\"href\":\"https://beian.mps.gov.cn/#/query/webSearch?code=31010102007903\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"inline-flex w-fit items-center gap-2 transition-colors hover:text-foreground\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.caprompt.com/2024/10/af6386a06431f44.png\",\"alt\":\"沪公网安备\",\"width\":18,\"height\":18,\"className\":\"h-[18px] w-[18px] rounded-sm object-cover\"}],[\"$\",\"span\",null,{\"children\":\"沪公网安备31010102007903\"}]]}]]}]]}]}]]}]\n"])</script><script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"title\",\"0\",{\"children\":\"Grok 3 生成 3D 地月系统模拟\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Grok 3 仅用25秒即生成可运行的Three.js地月系统HTML文件，支持缩放与视角交互，代码结构清晰、注释详尽；虽地球与月亮暂无纹理，但功能性与整体质量优于Qwen2.5-Max的静态版本。\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"/news/515\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Grok 3 生成 3D 地月系统模拟\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Grok 3 仅用25秒即生成可运行的Three.js地月系统HTML文件，支持缩放与视角交互，代码结构清晰、注释详尽；虽地球与月亮暂无纹理，但功能性与整体质量优于Qwen2.5-Max的静态版本。\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:url\",\"content\":\"/news/515\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image\",\"content\":\"https://img.caprompt.com/news/covers/main/news-cover-515-bf8785f0eb.webp\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:title\",\"content\":\"Grok 3 生成 3D 地月系统模拟\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:description\",\"content\":\"Grok 3 仅用25秒即生成可运行的Three.js地月系统HTML文件，支持缩放与视角交互，代码结构清晰、注释详尽；虽地球与月亮暂无纹理，但功能性与整体质量优于Qwen2.5-Max的静态版本。\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:image\",\"content\":\"https://img.caprompt.com/news/covers/main/news-cover-515-bf8785f0eb.webp\"}],[\"$\",\"link\",\"12\",{\"rel\":\"shortcut icon\",\"href\":\"https://img.caprompt.com/static/logo/ca_logo_128.png\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"https://img.caprompt.com/static/logo/ca_logo_128.png\"}],[\"$\",\"link\",\"15\",{\"rel\":\"apple-touch-icon\",\"href\":\"https://img.caprompt.com/static/logo/ca_logo_128.png\"}],[\"$\",\"$L10\",\"16\",{}]]\n"])</script><script>self.__next_f.push([1,"11:I[1661,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\"],\"Providers\"]\n12:I[721692,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\"],\"PublicSeoClientRuntime\"]\n13:I[758298,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\",\"/_next/static/chunks/696d7749beb91ca4.js\",\"/_next/static/chunks/2764b6920108d96e.js\"],\"default\"]\n14:I[713354,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\"],\"Toaster\"]\n"])</script><script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"zh-CN\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"className\":\"antialiased\",\"children\":[\"$\",\"$L11\",null,{\"session\":null,\"children\":[[\"$\",\"$L12\",null,{\"googleAnalyticsMeasurementId\":\"G-JYXJ2E8T34\",\"customHeadCode\":\"\u003cscript\u003e\\nvar _hmt = _hmt || [];\\n(function() {\\n var hm = document.createElement(\\\"script\\\");\\n hm.src = \\\"https://hm.baidu.com/hm.js?09a81f3a8a1aa412c59e3a3ca69a18c6\\\";\\n var s = document.getElementsByTagName(\\\"script\\\")[0]; \\n s.parentNode.insertBefore(hm, s);\\n})();\\n\u003c/script\u003e\",\"customBodyEndCode\":\"\"}],[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$13\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/696d7749beb91ca4.js\",\"async\":true}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2764b6920108d96e.js\",\"async\":true}]],\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L14\",null,{}]]}]}]}]\n"])</script><script>self.__next_f.push([1,"15:I[499352,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\",\"/_next/static/chunks/a0215203eb02ec16.js\",\"/_next/static/chunks/3136cb7baa8d379d.js\",\"/_next/static/chunks/926627ae06f6b3e0.js\",\"/_next/static/chunks/c7657e01eb27a55c.js\",\"/_next/static/chunks/021b4c3fc14dc354.js\"],\"\"]\n16:T808,"])</script><script>self.__next_f.push([1,"px-6 py-8 sm:px-8 [\u0026_.ri-video-shortcode]:my-8 [\u0026_.ri-video-shortcode]:overflow-hidden [\u0026_.ri-video-shortcode]:rounded-[1.75rem] [\u0026_.ri-video-shortcode]:border [\u0026_.ri-video-shortcode]:border-border/70 [\u0026_.ri-video-shortcode]:bg-[linear-gradient(180deg,rgba(15,23,42,0.04),rgba(15,23,42,0.1))] [\u0026_.ri-video-shortcode]:p-3 sm:[\u0026_.ri-video-shortcode]:p-4 [\u0026_.video-js-logo]:hidden [\u0026_a]:break-all [\u0026_a]:text-primary [\u0026_a]:underline [\u0026_a]:underline-offset-4 [\u0026_blockquote]:rounded-2xl [\u0026_blockquote]:border-l-4 [\u0026_blockquote]:border-primary/40 [\u0026_blockquote]:bg-muted/30 [\u0026_blockquote]:px-5 [\u0026_blockquote]:py-4 [\u0026_code]:rounded-md [\u0026_code]:bg-muted/60 [\u0026_code]:px-1.5 [\u0026_code]:py-0.5 [\u0026_code]:font-mono [\u0026_code]:text-[0.95em] [\u0026_figure]:my-8 [\u0026_figcaption]:text-center [\u0026_figcaption]:text-sm [\u0026_h1]:mt-10 [\u0026_h1]:text-3xl [\u0026_h1]:font-bold [\u0026_h2]:mt-10 [\u0026_h2]:text-2xl [\u0026_h2]:font-semibold [\u0026_h3]:mt-8 [\u0026_h3]:text-xl [\u0026_h3]:font-semibold [\u0026_h4]:mt-6 [\u0026_h4]:text-lg [\u0026_h4]:font-semibold [\u0026_hr]:my-8 [\u0026_iframe]:aspect-video [\u0026_iframe]:w-full [\u0026_iframe]:overflow-hidden [\u0026_iframe]:rounded-2xl [\u0026_iframe]:border [\u0026_iframe]:bg-black [\u0026_img]:h-auto [\u0026_img]:max-w-full [\u0026_img]:rounded-2xl [\u0026_img]:border [\u0026_li]:leading-8 [\u0026_ol]:my-5 [\u0026_ol]:list-decimal [\u0026_ol]:space-y-2 [\u0026_ol]:pl-6 [\u0026_p]:my-5 [\u0026_p]:text-base [\u0026_p]:leading-8 [\u0026_pre]:my-6 [\u0026_pre]:overflow-x-auto [\u0026_pre]:rounded-2xl [\u0026_pre]:border [\u0026_pre]:bg-muted/30 [\u0026_pre]:p-5 [\u0026_pre]:font-mono [\u0026_pre]:text-sm [\u0026_pre]:leading-7 [\u0026_pre]:shadow-sm [\u0026_pre_code]:block [\u0026_pre_code]:min-w-fit [\u0026_pre_code]:bg-transparent [\u0026_pre_code]:p-0 [\u0026_pre_code]:text-inherit [\u0026_table]:my-6 [\u0026_table]:w-full [\u0026_table]:border-collapse [\u0026_table]:overflow-hidden [\u0026_table]:rounded-2xl [\u0026_table]:border [\u0026_tbody_tr:nth-child(even)]:bg-muted/20 [\u0026_td]:border [\u0026_td]:px-3 [\u0026_td]:py-2 [\u0026_th]:border [\u0026_th]:bg-muted/30 [\u0026_th]:px-3 [\u0026_th]:py-2 [\u0026_th]:text-left [\u0026_ul]:my-5 [\u0026_ul]:list-disc [\u0026_ul]:space-y-2 [\u0026_ul]:pl-6 [\u0026_video]:aspect-video [\u0026_video]:w-full [\u0026_video]:overflow-hidden [\u0026_video]:rounded-2xl [\u0026_video]:border [\u0026_video]:bg-black"])</script><script>self.__next_f.push([1,"17:T12a4,"])</script><script>self.__next_f.push([1,"\u003cvideo class=\"video-js vjs-16-9\" controls data-setup=\"{}\" preload=\"none\"\u003e\n\t\t\u003csource src=\"https://cdn.caprompt.com/2025/02/3abb46757ac5ca9.mp4\" type=\"\"\u003e\n\t\u003c/video\u003e\n\u003cp\u003e之前用阿里通义千问 Qwen2.5-Max 生成了模拟地月系统的 3D js 代码（\u003ca href=\"https://www.caprompt.com/a/7373\"\u003e通义千问生成 3D 地月系统模拟\u003c/a\u003e），效果相当不错。让我们看看同样的提示词，Grok 3 的表现如何？\u003c/p\u003e\n\u003ch2\u003e提示词\u003c/h2\u003e\n\u003cpre\u003e\u003ccode\u003e请基于 Three.js 制作地月系统演示，Three.js 使用 cdn，输出一个完整的html文件\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003e代码生成总共耗时 25 秒，比 Qwen2.5-Max 更快，且同样一次性通过，没有任何 bug。\u003c/p\u003e\n\u003cp\u003e不过，Grok 3 生成的地球和月亮没有贴上纹理，美观度稍显不足。但相比之下，Qwen2.5-Max 生成的是一个静态的运动模拟，无法进行交互，而 Grok 3 的版本支持缩放和视角变换，功能性更强。\u003c/p\u003e\n\u003cp\u003e此外，Grok 3 生成的代码结构清晰，思维链完整，且代码说明和使用方法比 Qwen2.5-Max 更加详细和完善。就单次测试而言，Grok 3 的代码质量整体上优于 Qwen2.5-Max。\u003c/p\u003e\n\u003ch2\u003e演示\u003c/h2\u003e\n\u003cp\u003e\u003cimg decoding=\"async\" width=\"1356\" height=\"640\" src=\"https://cdn.caprompt.com/2025/02/8f05edc397c9321.gif\" alt=\"Grok 3 生成 3D 地月系统模拟\" class=\"aligncenter size-full wp-image-7381\" /\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://caprompt.com/html/ems-grok.html\" target=\"_blank\"\u003e完整演示\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://grok.com/share/bGVnYWN5_abc1d8b5-fa53-4b96-ad6b-3911d23dc6f0\" target=\"_blank\"\u003e完整 Grok 聊天内容\u003c/a\u003e\u003c/p\u003e\n\u003ch2\u003e完整代码\u003c/h2\u003e\n\u003cpre\u003e\n\u003cxmp\u003e\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"zh-CN\"\u003e\n\u003chead\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003e地月系统演示\u003c/title\u003e\n \u003cstyle\u003e\n body { margin: 0; overflow: hidden; }\n #scene { width: 100vw; height: 100vh; }\n \u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n \u003cdiv id=\"scene\"\u003e\u003c/div\u003e\n\u003cp\u003e\u0026lt;!-- 通过 CDN 引入 Three.js 和 OrbitControls --\u0026gt;\u003cbr /\u003e \u003cbr /\u003e \u003cbr /\u003e \u003cbr /\u003e // 创建场景\u003cbr /\u003e const scene = new THREE.Scene();\u003c/p\u003e\n\u003cp\u003e// 创建相机\u003cbr /\u003e const camera = new THREE.PerspectiveCamera(\u003cbr /\u003e 75, // 视角（FOV）\u003cbr /\u003e window.innerWidth / window.innerHeight, // 宽高比\u003cbr /\u003e 0.1, // 近裁剪面\u003cbr /\u003e 1000 // 远裁剪面\u003cbr /\u003e );\u003cbr /\u003e camera.position.z = 20; // 设置相机位置\u003c/p\u003e\n\u003cp\u003e// 创建渲染器\u003cbr /\u003e const renderer = new THREE.WebGLRenderer();\u003cbr /\u003e renderer.setSize(window.innerWidth, window.innerHeight);\u003cbr /\u003e document.getElementById(\u0026#39;scene\u0026#39;).appendChild(renderer.domElement);\u003c/p\u003e\n\u003cp\u003e// 创建地球\u003cbr /\u003e const earthGeometry = new THREE.SphereGeometry(5, 32, 32); // 半径 5\u003cbr /\u003e const earthMaterial = new THREE.MeshBasicMaterial({ color: 0x0000ff }); // 蓝色\u003cbr /\u003e const earth = new THREE.Mesh(earthGeometry, earthMaterial);\u003cbr /\u003e scene.add(earth);\u003c/p\u003e\n\u003cp\u003e// 创建月球\u003cbr /\u003e const moonGeometry = new THREE.SphereGeometry(1, 32, 32); // 半径 1\u003cbr /\u003e const moonMaterial = new THREE.MeshBasicMaterial({ color: 0xaaaaaa }); // 灰色\u003cbr /\u003e const moon = new THREE.Mesh(moonGeometry, moonMaterial);\u003cbr /\u003e moon.position.x = 10; // 初始位置\u003cbr /\u003e scene.add(moon);\u003c/p\u003e\n\u003cp\u003e// 添加光源\u003cbr /\u003e const ambientLight = new THREE.AmbientLight(0x404040); // 环境光\u003cbr /\u003e scene.add(ambientLight);\u003cbr /\u003e const pointLight = new THREE.PointLight(0xffffff, 1, 100); // 点光源\u003cbr /\u003e pointLight.position.set(10, 10, 10);\u003cbr /\u003e scene.add(pointLight);\u003c/p\u003e\n\u003cp\u003e// 添加 OrbitControls\u003cbr /\u003e const controls = new THREE.OrbitControls(camera, renderer.domElement);\u003cbr /\u003e controls.enableDamping = true; // 启用阻尼效果\u003cbr /\u003e controls.dampingFactor = 0.05;\u003c/p\u003e\n\u003cp\u003e// 动画函数\u003cbr /\u003e function animate() {\u003cbr /\u003e requestAnimationFrame(animate);\u003c/p\u003e\n\u003cp\u003e// 更新月球位置（绕地球旋转）\u003cbr /\u003e const time = Date.now() * 0.001; // 时间因子\u003cbr /\u003e moon.position.x = 10 * Math.cos(time); // x 坐标\u003cbr /\u003e moon.position.z = 10 * Math.sin(time); // z 坐标\u003c/p\u003e\n\u003cp\u003econtrols.update(); // 更新控制器\u003cbr /\u003e renderer.render(scene, camera); // 渲染场景\u003cbr /\u003e }\u003c/p\u003e\n\u003cp\u003e// 启动动画\u003cbr /\u003e animate();\u003c/p\u003e\n\u003cp\u003e// 响应窗口大小变化\u003cbr /\u003e window.addEventListener(\u0026#39;resize\u0026#39;, () =\u0026gt; {\u003cbr /\u003e camera.aspect = window.innerWidth / window.innerHeight;\u003cbr /\u003e camera.updateProjectionMatrix();\u003cbr /\u003e renderer.setSize(window.innerWidth, window.innerHeight);\u003cbr /\u003e });\u003c/p\u003e"])</script><script>self.__next_f.push([1,"6:[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"section\",null,{\"className\":\"overflow-hidden rounded-[2rem] border bg-card shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"border-b bg-[linear-gradient(135deg,rgba(99,102,241,0.08),rgba(245,158,11,0.12))] px-6 py-7 sm:px-8 sm:py-8 lg:px-10 lg:py-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\",\"children\":[[\"$\",\"$L15\",null,{\"href\":\"/news\",\"className\":\"transition-colors hover:text-foreground\",\"children\":\"资讯首页\"}],[\"$\",\"span\",null,{\"children\":\"/\"}],[\"$\",\"$L15\",null,{\"href\":\"/news/category/ai-programming\",\"className\":\"transition-colors hover:text-foreground\",\"children\":\"AI 编程开发\"}],null]}],[\"$\",\"div\",null,{\"className\":\"mt-5 max-w-5xl space-y-4\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"max-w-4xl text-4xl font-bold tracking-tight text-foreground sm:text-5xl sm:leading-tight\",\"children\":\"Grok 3 生成 3D 地月系统模拟\"}],[\"$\",\"p\",null,{\"className\":\"max-w-4xl text-base leading-8 text-muted-foreground sm:text-lg\",\"children\":\"Grok 3 仅用25秒即生成可运行的Three.js地月系统HTML文件，支持缩放与视角交互，代码结构清晰、注释详尽；虽地球与月亮暂无纹理，但功能性与整体质量优于Qwen2.5-Max的静态版本。\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex flex-wrap items-center gap-x-4 gap-y-2 rounded-2xl border bg-background/75 px-4 py-3 text-[13px] leading-6 text-foreground/70 shadow-sm backdrop-blur\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[12px] text-foreground/45\",\"children\":\"发布于\"}],[\"$\",\"span\",null,{\"className\":\"text-foreground/75\",\"children\":\"2025年2月25日 12:43\"}]]}],[\"$\",\"span\",null,{\"className\":\"hidden text-foreground/20 sm:inline\",\"children\":\"|\"}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[12px] text-foreground/45\",\"children\":\"编辑\"}],[\"$\",\"span\",null,{\"className\":\"font-medium text-foreground/80\",\"children\":\"零重力瓦力\"}]]}],[\"$\",\"span\",null,{\"className\":\"hidden text-foreground/20 sm:inline\",\"children\":\"|\"}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[12px] text-foreground/45\",\"children\":\"评论\"}],[\"$\",\"span\",null,{\"className\":\"text-foreground/75\",\"children\":[0,\" 条\"]}]]}],[\"$\",\"span\",null,{\"className\":\"hidden text-foreground/20 sm:inline\",\"children\":\"|\"}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[12px] text-foreground/45\",\"children\":\"阅读\"}],[\"$\",\"span\",null,{\"className\":\"text-foreground/75\",\"children\":13}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-2\",\"children\":[[\"$\",\"$L15\",\"24a32f27-b23e-44b6-84f1-dce335a006cc\",{\"href\":\"/news/tag/grok\",\"className\":\"inline-flex items-center rounded-full border bg-background/75 px-3 py-1 text-[13px] font-medium text-foreground/75 shadow-sm transition-colors hover:bg-background\",\"children\":[\"#\",\"Grok\"]}],[\"$\",\"$L15\",\"d91820a9-ecb2-4b66-ae04-fb8bcd27857e\",{\"href\":\"/news/tag/qwen\",\"className\":\"inline-flex items-center rounded-full border bg-background/75 px-3 py-1 text-[13px] font-medium text-foreground/75 shadow-sm transition-colors hover:bg-background\",\"children\":[\"#\",\"通义千问\"]}],[\"$\",\"$L15\",\"1b3def94-5f75-4aaf-bdf0-c72ee2e91bfc\",{\"href\":\"/news/tag/ai-coding\",\"className\":\"inline-flex items-center rounded-full border bg-background/75 px-3 py-1 text-[13px] font-medium text-foreground/75 shadow-sm transition-colors hover:bg-background\",\"children\":[\"#\",\"AI 编程\"]}]]}]]}]]}]]}],[\"$\",\"article\",null,{\"className\":\"$16\",\"dangerouslySetInnerHTML\":{\"__html\":\"$17\"}}]]}],\"$L18\",\"$L19\"]}]\n"])</script><script>self.__next_f.push([1,"1a:I[201793,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\",\"/_next/static/chunks/a0215203eb02ec16.js\",\"/_next/static/chunks/3136cb7baa8d379d.js\",\"/_next/static/chunks/926627ae06f6b3e0.js\",\"/_next/static/chunks/c7657e01eb27a55c.js\",\"/_next/static/chunks/021b4c3fc14dc354.js\"],\"Image\"]\n1e:I[289477,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\",\"/_next/static/chunks/a0215203eb02ec16.js\",\"/_next/static/chunks/3136cb7baa8d379d.js\",\"/_next/static/chunks/926627ae06f6b3e0.js\",\"/_next/static/chunks/c7657e01eb27a55c.js\",\"/_next/static/chunks/021b4c3fc14dc354.js\"],\"NewsComments\"]\n1f:I[118336,[\"/_next/static/chunks/6336a459a26f26b3.js\",\"/_next/static/chunks/851a52a158c33f5a.js\",\"/_next/static/chunks/a0215203eb02ec16.js\",\"/_next/static/chunks/3136cb7baa8d379d.js\",\"/_next/static/chunks/926627ae06f6b3e0.js\",\"/_next/static/chunks/c7657e01eb27a55c.js\",\"/_next/static/chunks/021b4c3fc14dc354.js\"],\"NewsViewTracker\"]\n"])</script><script>self.__next_f.push([1,"18:[\"$\",\"section\",null,{\"className\":\"space-y-5\",\"children\":[[\"$\",\"div\",null,{\"children\":[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold tracking-tight\",\"children\":\"相关文章\"}]}],[\"$\",\"div\",null,{\"className\":\"grid gap-5 lg:grid-cols-3\",\"children\":[[\"$\",\"a\",\"d3a7a445-4f9f-4d1d-b9c6-6c4c432cc9ba\",{\"href\":\"/news/1295\",\"className\":\"group block overflow-hidden rounded-3xl border bg-card shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg \",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden border-b bg-gradient-to-br from-primary/8 via-background to-brand/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-52 w-full\",\"children\":[\"$\",\"$L1a\",null,{\"src\":\"https://img.caprompt.com/news/upload/2026/04/37db5f451dda.webp\",\"alt\":\"xAI 为 Grok Build 发布准备积分系统\",\"fill\":true,\"unoptimized\":true,\"sizes\":\"(min-width: 1280px) 33vw, (min-width: 1024px) 50vw, 100vw\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-[1.02]\",\"referrerPolicy\":\"no-referrer\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute left-4 top-4 inline-flex rounded-full border border-primary/15 bg-background/85 px-3 py-1 text-xs font-medium text-foreground backdrop-blur\",\"children\":\"AI 新闻资讯\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar-days h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],[\"$\",\"path\",\"6423bh\",{\"d\":\"M8 14h.01\"}],[\"$\",\"path\",\"1etili\",{\"d\":\"M12 14h.01\"}],[\"$\",\"path\",\"1gbofw\",{\"d\":\"M16 14h.01\"}],[\"$\",\"path\",\"lrp35t\",{\"d\":\"M8 18h.01\"}],[\"$\",\"path\",\"mhygvu\",{\"d\":\"M12 18h.01\"}],[\"$\",\"path\",\"kzsmim\",{\"d\":\"M16 18h.01\"}],\"$undefined\"]}],\"2026年4月12日\"]}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-message-circle h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1sd12s\",{\"d\":\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}],\"$undefined\"]}],0,\" 条评论\"]}],[\"$\",\"div\",null,{\"className\":\"truncate\",\"children\":\"小创\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-2 pt-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold tracking-tight text-foreground\",\"children\":\"xAI 为 Grok Build 发布准备积分系统\"}],[\"$\",\"p\",null,{\"className\":\"line-clamp-3 text-sm leading-6 text-muted-foreground\",\"children\":\"xAI 正在为 Grok Build 测试积分定价体系，采用订阅+额外购买的混合模式。该工具支持本地 CLI 和网页界面双轨运行，独特的 Model Arena 模式允许多个智能体并行处理任务并对比结果。 xAI 计划五月达到 Opus 4.6 水平，六月实现超越，届时将与 OpenAI Codex 和 Anthropic Claude Code 正面竞争。\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"span\",\"24a32f27-b23e-44b6-84f1-dce335a006cc\",{\"className\":\"inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary\",\"children\":[\"#\",\"Grok\"]}]]}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1 text-sm font-medium text-primary\",\"children\":[\"阅读全文\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-up-right h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1tivn9\",{\"d\":\"M7 7h10v10\"}],[\"$\",\"path\",\"1vkiza\",{\"d\":\"M7 17 17 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"a\",\"8d943b18-9f02-458e-8368-7dcd6214717a\",{\"href\":\"/news/1252\",\"className\":\"group block overflow-hidden rounded-3xl border bg-card shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg \",\"children\":[\"$L1b\",\"$L1c\"]}],\"$L1d\"]}]]}]\n"])</script><script>self.__next_f.push([1,"19:[[\"$\",\"$L1e\",null,{\"articlePublicId\":515,\"articleTitle\":\"Grok 3 生成 3D 地月系统模拟\",\"commentEnabled\":true,\"initialCommentCount\":0}],[\"$\",\"$L1f\",null,{\"articlePublicId\":515}]]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden border-b bg-gradient-to-br from-primary/8 via-background to-brand/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-52 w-full\",\"children\":[\"$\",\"$L1a\",null,{\"src\":\"https://img.caprompt.com/news/upload/2026/04/790ca74d540f.webp\",\"alt\":\"Anthropic 联手竞争对手 共防 AI 被用于网络攻击\",\"fill\":true,\"unoptimized\":true,\"sizes\":\"(min-width: 1280px) 33vw, (min-width: 1024px) 50vw, 100vw\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-[1.02]\",\"referrerPolicy\":\"no-referrer\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute left-4 top-4 inline-flex rounded-full border border-primary/15 bg-background/85 px-3 py-1 text-xs font-medium text-foreground backdrop-blur\",\"children\":\"AI 产品工具\"}]]}]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"div\",null,{\"className\":\"space-y-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar-days h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],[\"$\",\"path\",\"6423bh\",{\"d\":\"M8 14h.01\"}],[\"$\",\"path\",\"1etili\",{\"d\":\"M12 14h.01\"}],[\"$\",\"path\",\"1gbofw\",{\"d\":\"M16 14h.01\"}],[\"$\",\"path\",\"lrp35t\",{\"d\":\"M8 18h.01\"}],[\"$\",\"path\",\"mhygvu\",{\"d\":\"M12 18h.01\"}],[\"$\",\"path\",\"kzsmim\",{\"d\":\"M16 18h.01\"}],\"$undefined\"]}],\"2026年4月10日\"]}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-message-circle h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1sd12s\",{\"d\":\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}],\"$undefined\"]}],0,\" 条评论\"]}],[\"$\",\"div\",null,{\"className\":\"truncate\",\"children\":\"小创\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-2 pt-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold tracking-tight text-foreground\",\"children\":\"Anthropic 联手竞争对手 共防 AI 被用于网络攻击\"}],[\"$\",\"p\",null,{\"className\":\"line-clamp-3 text-sm leading-6 text-muted-foreground\",\"children\":\"Anthropic 发布强大新模型 Claude Mythos Preview ，联合 Apple 、 Google 、 Microsoft 等 45 家组织成立 Project Glasswing 联盟，共同应对 AI 在网络安全领域的双刃剑效应。该模型既能帮助防御者发现漏洞、强化安全，也可能被恶意利用发起攻击。各方强调，面对 AI 能力的快速进步，行业协作已成必然选择。\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"span\",\"1051bb9a-88fe-4663-97e8-cf4255db609d\",{\"className\":\"inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary\",\"children\":[\"#\",\"Anthropic\"]}],[\"$\",\"span\",\"1b3def94-5f75-4aaf-bdf0-c72ee2e91bfc\",{\"className\":\"inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary\",\"children\":[\"#\",\"AI 编程\"]}]]}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1 text-sm font-medium text-primary\",\"children\":[\"阅读全文\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-up-right h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1tivn9\",{\"d\":\"M7 7h10v10\"}],[\"$\",\"path\",\"1vkiza\",{\"d\":\"M7 17 17 7\"}],\"$undefined\"]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"1d:[\"$\",\"a\",\"f71eb70f-dde9-42d3-aca8-16560783b547\",{\"href\":\"/news/3\",\"className\":\"group block overflow-hidden rounded-3xl border bg-card shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg \",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden border-b bg-gradient-to-br from-primary/8 via-background to-brand/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-52 w-full\",\"children\":[\"$\",\"$L1a\",null,{\"src\":\"https://img.caprompt.com/news/covers/thumbnail/news-cover-3-ecd2ab3f84.webp\",\"alt\":\"【AI教程】Notion 工程负责人 用 Codex 三小时独立完成一个完整功能\",\"fill\":true,\"unoptimized\":true,\"sizes\":\"(min-width: 1280px) 33vw, (min-width: 1024px) 50vw, 100vw\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-[1.02]\",\"referrerPolicy\":\"no-referrer\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute left-4 top-4 inline-flex rounded-full border border-primary/15 bg-background/85 px-3 py-1 text-xs font-medium text-foreground backdrop-blur\",\"children\":\"AI 教程知识\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-4 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar-days h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],[\"$\",\"path\",\"6423bh\",{\"d\":\"M8 14h.01\"}],[\"$\",\"path\",\"1etili\",{\"d\":\"M12 14h.01\"}],[\"$\",\"path\",\"1gbofw\",{\"d\":\"M16 14h.01\"}],[\"$\",\"path\",\"lrp35t\",{\"d\":\"M8 18h.01\"}],[\"$\",\"path\",\"mhygvu\",{\"d\":\"M12 18h.01\"}],[\"$\",\"path\",\"kzsmim\",{\"d\":\"M16 18h.01\"}],\"$undefined\"]}],\"2026年3月29日\"]}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-message-circle h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1sd12s\",{\"d\":\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}],\"$undefined\"]}],0,\" 条评论\"]}],[\"$\",\"div\",null,{\"className\":\"truncate\",\"children\":\"零重力瓦力\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-2 pt-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold tracking-tight text-foreground\",\"children\":\"【AI教程】Notion 工程负责人 用 Codex 三小时独立完成一个完整功能\"}],[\"$\",\"p\",null,{\"className\":\"line-clamp-3 text-sm leading-6 text-muted-foreground\",\"children\":\"Notion AI工程负责人Ryan Nystrom仅用三小时，借助Codex将移动端语音输入功能一次性迁移至网页与桌面端，全程单人操作、提示即生成可上线的生产级代码，印证AI辅助开发已能支撑真实产品迭代。\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"span\",\"1b3def94-5f75-4aaf-bdf0-c72ee2e91bfc\",{\"className\":\"inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary\",\"children\":[\"#\",\"AI 编程\"]}],[\"$\",\"span\",\"097e0dcb-50ad-48f4-a9ae-88f1d614ae5d\",{\"className\":\"inline-flex rounded-full border border-primary/10 bg-primary/5 px-3 py-1 text-xs font-medium text-primary\",\"children\":[\"#\",\"OpenAI\"]}]]}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-1 text-sm font-medium text-primary\",\"children\":[\"阅读全文\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-up-right h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1tivn9\",{\"d\":\"M7 7h10v10\"}],[\"$\",\"path\",\"1vkiza\",{\"d\":\"M7 17 17 7\"}],\"$undefined\"]}]]}]]}]]}]\n"])</script></body></html>