![[特殊字符] 从“氛围编程”到“3D小世界”：我用一段Prompt搭了一个迷你村庄](images/news1.jpg)
当Vibe Coding遇上3D物理世界一个人一段Prompt 一个完整的游戏编辑器前言OPC时代的下一个战场在上一篇文章中我们聊到了Vibe Coding氛围编程和OPC一人公司的概念——一个AI高手借助Cursor、Claude Code、Codex等工具胜任从产品经理到前端后端的全部角色。今天我们把这件事再往前推一步不只是做一个网页应用而是做一个3D游戏编辑器。当AI能够生成代码、创建文件、干活有“手脚”的时候我们离“一人成军”的梦想又近了一步。从生日贺卡到3D世界Prompt能力的跃迁还记得上篇文章里的生日贺卡应用吗那是一个典型的L1级别Prompt任务维度生日贺卡3D小世界编辑器交互复杂度表单输入 → 文本输出点格子放置 拖拽视角 存档切换技术栈HTML/CSS/JSThree.js Canvas 2D小地图状态管理无8x8网格 3个存档槽视觉要求节日配色积木玩具风 柔阴影 日光光照核心洞察复杂任务需要高级模型。这就是为什么豆包等免费模型参数量通常在百亿以下在处理这类任务时会吃力而GPT-4、DeepSeek V4等千亿/万亿级模型能够胜任。LLM参数规模为什么有的模型“更聪明”在深入Prompt之前先快速理解一下大模型的“肌肉”是怎么衡量的。什么是LLMLLMLarge Language Model大语言模型是依托海量数据训练、参数量庞大的深度神经网络模型DNN。它的本质是一个由海量权重参数构建的概率映射函数输入语义序列Prompt通过参数运算拟合语言规律生成连贯合理的输出。数学上可以简化为texty fθ(x)x Prompt输入θ 全部模型参数权重fθ 大模型映射函数y 神经网络运算得到的结果参数规模对比模型参数规模定位DeepSeek V4 Pro1.6T1.6万亿顶级适配华为芯片DeepSeek V4 Flash284B2840亿性价比之选GPT-4约1.7T行业标杆豆包等免费模型百亿以下轻量任务 大模型参数的单位是B十亿Billion和T万亿Trillion。常见规格百亿10B、千亿100B、万亿1T级别。Scale AI数据基石的重要性训练这些大模型需要海量的高质量数据。这就是为什么微软75亿美金收购GitHubMeta 148亿美金收购49%股份Scale AI专注于数据标注/训练/清洗Scale AI公式 领域深度 × 工程严谨 × 质量可控 × 合规可信 × 规模弹性 → 让AI系统建立在可验证、可审计、可演进的数据基石之上。实战做一个3D小世界编辑器现在让我们回到Vibe Coding的主场。下面这段Prompt就是用来生成一个完整的3D村庄编辑器的。完整Prompttext我想做一个网页上的“3D小世界编辑器”定位是“摆在桌子上的小模型”那种感觉不是开放世界游戏。 【我想要的体验】 - 打开网页能看到一个8*8左右的世界立刻能玩 - 鼠标点格子放东西草地、土路、水、石头、树、房子、擦除7个工具 - 拖拽视角、滚轮缩放 - 鼠标悬停的格子有视角反馈 - 关闭网页下次打开还在本地持久化 - 能切换3个不同的存档世界 - 一个“重置”按钮程序化生成一个小村庄有水塘、石堆、几栋房子、几棵树、连通的小路 - 一个“清空”按钮全部变草地 - 首次打开有个简短操作提示几秒后自动淡出 【技术架构】 - 单页面零构建直接双击HTML就能打开 - 文件不超过3个一个HTML、一个CSS、一个JS - Three.js用CDN引入r128版本不要ES module不要import map - 不要React/Vue/TypeScript/Webpack - 所有3D物体用Three.js内置几何体拼Box、Cone、Cylinder等不要外部模型 【视觉方向】 - “积木玩具”风颜色饱和、对比明确 - 背景是奶油色CSS处理不做天空、不要地平线 - 光照要“日光”感草地不要被照成发白 - 阴影要柔不要硬切 【UI风格】 - 顶部标题面板 存档面板下拉选 重置 清空按钮 - 底部居中工具卡片栏emoji图标 中文标签 - 右下角小地图Canvas 2D俯视显示当前世界 - 全部面板浅色磨砂玻璃风格半透明模糊背景圆角 【代码组织】 - HTML只放结构和引用 - CSS写所有外观 - JS包成IIFE逻辑分段场景/光照/数据/工厂/交互/持久化/小地图/启动 - 数据用 world[x][z] { terrain, kind }所有写入唯一入口 setCell()Prompt意图拆解意图维度具体描述核心玩法点格子放置7种工具8x8世界交互方式拖拽旋转、滚轮缩放、悬停反馈数据持久化localStorage3个存档槽程序化生成重置按钮生成小村庄水塘石堆房子树小路视觉风格积木玩具风、奶油色背景、柔阴影UI组件顶部存档面板 底部工具栏 右下小地图技术约束纯Three.js零构建双击即用Coding AgentLLM不仅有脑子还有手脚这里要引入一个关键概念Coding Agent。传统的LLM只负责生成代码你需要手动复制粘贴、创建文件、运行调试。但现在Cursor、Claude Code、Trae等工具让LLM不仅能思考还能干活自动创建文件写入代码运行命令读取错误日志并自动修复Coding Agent LLM大脑 文件操作能力手脚这意味着你甚至不需要离开编辑器。一段Prompt → AI写代码 → AI创建文件 → AI调试 → 你验收。整个流程你只需要“Vibe”一下。关于本地算力ollama与具身智能说到AI的“手脚”就不得不提本地大模型和具身智能。ollama本地大模型管理平台ollama可以让你在本地安装和运行开源大模型不依赖云端API。前提是你的芯片/显卡足够强大。具身智能Embodied AI当大模型不再局限于文本生成而是与机器人结合——这就是具身智能。在工业4.0场景中万兆宽带本地算力黑盒子硬件实时推理AI不仅能写代码还能在物理世界中行动。行业思考受限与高成本程序员的需求为什么这类Prompt工程如此重要因为传统的软件开发存在一个巨大的供需鸿沟受限的程序员受限于技术栈、框架、构建工具高成本的人力一个完整游戏编辑器需要前端后端3DUI传统开发成本极高而AI Native思维解决了这个问题一段清晰的Prompt 一个高级LLM 原本需要多人团队数周的工作压缩到几分钟。总结从Vibe Coding到AI Native阶段能力产出古法编程手敲语法算法功能实现Vibe CodingPrompt 迭代单页应用如生日贺卡AI NativePrompt Coding Agent复杂系统如3D游戏编辑器当你掌握了Prompt工程再加上Coding Agent的“手脚”你就可以用一段Prompt描述一个3D世界AI生成完整的HTML/CSS/JS代码双击打开立刻拥有一个迷你村庄编辑器分享给朋友他们也可以点格子搭自己的世界这就是AI Native思维不是用AI辅助开发而是让AI成为开发者你成为世界架构师。写在最后从生日贺卡到3D小世界Prompt的复杂度在提升但你的工作量并没有增加——你依然只需要清晰地描述你想要的东西。剩下的交给LLM和Coding Agent。试试看把上面的Prompt复制到Claude或GPT-4里然后说“帮我生成这个3D小世界编辑器”。几分钟后双击HTML文件开始搭建你的第一个迷你村庄。*一人公司 3D世界 本地算力 下一个世代的创造方式*
[特殊字符] 从“氛围编程”到“3D小世界”：我用一段Prompt搭了一个迷你村庄
当Vibe Coding遇上3D物理世界一个人一段Prompt 一个完整的游戏编辑器前言OPC时代的下一个战场在上一篇文章中我们聊到了Vibe Coding氛围编程和OPC一人公司的概念——一个AI高手借助Cursor、Claude Code、Codex等工具胜任从产品经理到前端后端的全部角色。今天我们把这件事再往前推一步不只是做一个网页应用而是做一个3D游戏编辑器。当AI能够生成代码、创建文件、干活有“手脚”的时候我们离“一人成军”的梦想又近了一步。从生日贺卡到3D世界Prompt能力的跃迁还记得上篇文章里的生日贺卡应用吗那是一个典型的L1级别Prompt任务维度生日贺卡3D小世界编辑器交互复杂度表单输入 → 文本输出点格子放置 拖拽视角 存档切换技术栈HTML/CSS/JSThree.js Canvas 2D小地图状态管理无8x8网格 3个存档槽视觉要求节日配色积木玩具风 柔阴影 日光光照核心洞察复杂任务需要高级模型。这就是为什么豆包等免费模型参数量通常在百亿以下在处理这类任务时会吃力而GPT-4、DeepSeek V4等千亿/万亿级模型能够胜任。LLM参数规模为什么有的模型“更聪明”在深入Prompt之前先快速理解一下大模型的“肌肉”是怎么衡量的。什么是LLMLLMLarge Language Model大语言模型是依托海量数据训练、参数量庞大的深度神经网络模型DNN。它的本质是一个由海量权重参数构建的概率映射函数输入语义序列Prompt通过参数运算拟合语言规律生成连贯合理的输出。数学上可以简化为texty fθ(x)x Prompt输入θ 全部模型参数权重fθ 大模型映射函数y 神经网络运算得到的结果参数规模对比模型参数规模定位DeepSeek V4 Pro1.6T1.6万亿顶级适配华为芯片DeepSeek V4 Flash284B2840亿性价比之选GPT-4约1.7T行业标杆豆包等免费模型百亿以下轻量任务 大模型参数的单位是B十亿Billion和T万亿Trillion。常见规格百亿10B、千亿100B、万亿1T级别。Scale AI数据基石的重要性训练这些大模型需要海量的高质量数据。这就是为什么微软75亿美金收购GitHubMeta 148亿美金收购49%股份Scale AI专注于数据标注/训练/清洗Scale AI公式 领域深度 × 工程严谨 × 质量可控 × 合规可信 × 规模弹性 → 让AI系统建立在可验证、可审计、可演进的数据基石之上。实战做一个3D小世界编辑器现在让我们回到Vibe Coding的主场。下面这段Prompt就是用来生成一个完整的3D村庄编辑器的。完整Prompttext我想做一个网页上的“3D小世界编辑器”定位是“摆在桌子上的小模型”那种感觉不是开放世界游戏。 【我想要的体验】 - 打开网页能看到一个8*8左右的世界立刻能玩 - 鼠标点格子放东西草地、土路、水、石头、树、房子、擦除7个工具 - 拖拽视角、滚轮缩放 - 鼠标悬停的格子有视角反馈 - 关闭网页下次打开还在本地持久化 - 能切换3个不同的存档世界 - 一个“重置”按钮程序化生成一个小村庄有水塘、石堆、几栋房子、几棵树、连通的小路 - 一个“清空”按钮全部变草地 - 首次打开有个简短操作提示几秒后自动淡出 【技术架构】 - 单页面零构建直接双击HTML就能打开 - 文件不超过3个一个HTML、一个CSS、一个JS - Three.js用CDN引入r128版本不要ES module不要import map - 不要React/Vue/TypeScript/Webpack - 所有3D物体用Three.js内置几何体拼Box、Cone、Cylinder等不要外部模型 【视觉方向】 - “积木玩具”风颜色饱和、对比明确 - 背景是奶油色CSS处理不做天空、不要地平线 - 光照要“日光”感草地不要被照成发白 - 阴影要柔不要硬切 【UI风格】 - 顶部标题面板 存档面板下拉选 重置 清空按钮 - 底部居中工具卡片栏emoji图标 中文标签 - 右下角小地图Canvas 2D俯视显示当前世界 - 全部面板浅色磨砂玻璃风格半透明模糊背景圆角 【代码组织】 - HTML只放结构和引用 - CSS写所有外观 - JS包成IIFE逻辑分段场景/光照/数据/工厂/交互/持久化/小地图/启动 - 数据用 world[x][z] { terrain, kind }所有写入唯一入口 setCell()Prompt意图拆解意图维度具体描述核心玩法点格子放置7种工具8x8世界交互方式拖拽旋转、滚轮缩放、悬停反馈数据持久化localStorage3个存档槽程序化生成重置按钮生成小村庄水塘石堆房子树小路视觉风格积木玩具风、奶油色背景、柔阴影UI组件顶部存档面板 底部工具栏 右下小地图技术约束纯Three.js零构建双击即用Coding AgentLLM不仅有脑子还有手脚这里要引入一个关键概念Coding Agent。传统的LLM只负责生成代码你需要手动复制粘贴、创建文件、运行调试。但现在Cursor、Claude Code、Trae等工具让LLM不仅能思考还能干活自动创建文件写入代码运行命令读取错误日志并自动修复Coding Agent LLM大脑 文件操作能力手脚这意味着你甚至不需要离开编辑器。一段Prompt → AI写代码 → AI创建文件 → AI调试 → 你验收。整个流程你只需要“Vibe”一下。关于本地算力ollama与具身智能说到AI的“手脚”就不得不提本地大模型和具身智能。ollama本地大模型管理平台ollama可以让你在本地安装和运行开源大模型不依赖云端API。前提是你的芯片/显卡足够强大。具身智能Embodied AI当大模型不再局限于文本生成而是与机器人结合——这就是具身智能。在工业4.0场景中万兆宽带本地算力黑盒子硬件实时推理AI不仅能写代码还能在物理世界中行动。行业思考受限与高成本程序员的需求为什么这类Prompt工程如此重要因为传统的软件开发存在一个巨大的供需鸿沟受限的程序员受限于技术栈、框架、构建工具高成本的人力一个完整游戏编辑器需要前端后端3DUI传统开发成本极高而AI Native思维解决了这个问题一段清晰的Prompt 一个高级LLM 原本需要多人团队数周的工作压缩到几分钟。总结从Vibe Coding到AI Native阶段能力产出古法编程手敲语法算法功能实现Vibe CodingPrompt 迭代单页应用如生日贺卡AI NativePrompt Coding Agent复杂系统如3D游戏编辑器当你掌握了Prompt工程再加上Coding Agent的“手脚”你就可以用一段Prompt描述一个3D世界AI生成完整的HTML/CSS/JS代码双击打开立刻拥有一个迷你村庄编辑器分享给朋友他们也可以点格子搭自己的世界这就是AI Native思维不是用AI辅助开发而是让AI成为开发者你成为世界架构师。写在最后从生日贺卡到3D小世界Prompt的复杂度在提升但你的工作量并没有增加——你依然只需要清晰地描述你想要的东西。剩下的交给LLM和Coding Agent。试试看把上面的Prompt复制到Claude或GPT-4里然后说“帮我生成这个3D小世界编辑器”。几分钟后双击HTML文件开始搭建你的第一个迷你村庄。*一人公司 3D世界 本地算力 下一个世代的创造方式*
