作者简介
詹林峰，全栈开发工程师，积极拥抱 Vibe Coding，专注探索 AI IDE 与全栈开发全流程的深度融合 —— 从前端界面实现、移动端适配到后端逻辑开发、数据库优化，将 AI 赋能提效落地于每一个环节。作品「积木工坊」入围“CCF程序员大会码力全开：AI加速营”活动决赛，并获得“最佳商业价值奖” 。
初衷：在这个数字化的时代，我想做一件有意义的事——让每一个孩子都能平等地获得优质的创意启蒙资源，不受家庭条件的限制，感受创造的快乐。
一、为什么要做积木工坊？
实体积木太贵，一套好几百甚至上千；
积木散落一地，收纳成家长每天的"噩梦"；
创意有限，孩子很快就对现有积木感到厌倦；
外出游玩时，无法带上沉重的积木玩具。
刚出来工作的时候，我曾做过少儿编程和地推工作，见识到很多孩子对新鲜事物的好奇心，但也看到了教育资源的巨大差异。有些孩子从小就接触各种编程玩具和创意工具，而另一些孩子连最基本的积木都没摸过。更让我触动的是，有次去医院的时候，看见很小的小朋友也在刷抖音，他们的注意力被算法牢牢控制，却缺乏真正有意义的创意活动。
我想改变这种状况。我希望通过技术手段，打造一个轻量化、高价值的数字积木平台，让每个孩子都能拥有无限的创意空间。这不仅仅是一个游戏，更是为了让每个孩子都能在起跑线上获得公平的创意启蒙机会，用创造性的数字体验替代被动的娱乐消费。
想法很美好，但现实很骨感。我是一个独立开发者，时间和精力都非常有限。要开发一个跨平台的3D应用，需要掌握Flutter、Three.js、3D数学计算、多平台适配等复杂技术栈。更重要的是，我要如何在有限的时间内，打造一个真正符合儿童心理、操作简单、功能丰富的应用？就在这时，我遇到了百度文心快码（Comate），它成为了我的破局关键。
二、文心快码：我的技术合伙人
在这次开发中，文心快码不再是简单的代码补全工具，而是我的"全能技术合伙人"。项目始于一个简单的想法：让每个孩子都能轻松创造3D积木作品。作为技术负责人，我首先为AI设定了明确的角色：
同时，我向AI提供了Flutter开发规范文档，确保所有代码都符合行业标准和最佳实践，为了确保AI理解我的需求，我让AI先写了一个它理解我想做的PRD文档，并且分析框架的实现。
这一过程刻意将「需求对齐」前置，而不是直接进入编码阶段。实践证明：先让 AI 明确需求、和我对齐边界和设计取舍，再进入代码生成，不仅能显著减少返工，还能让产出更贴近真实产品目标，在复杂系统和中大型 PRD 场景下效果尤为明显。
1 让AI根据PRD文档实现一个mvp版本最初的3D展示
第一个技术挑战是如何在Flutter中集成3D渲染，我让它先实现基本的three.js框架加载, 这个加载成功，后面功能就慢慢再细分了。
一次就成功加载本地three 了，下一步继续让它实现文档中的积木添加：
过程中遇到很多问题，比积木的模型怎么添加，通过AI了解到 three.js可以用代码编写简单的模型，积木的凸点怎么添加等。我不急让它先写，而是做出分析与最佳选择给我：
遇到问题，粘贴报错让AI直接修复
2 搞定复杂的3D渲染
3D积木渲染是整个项目的技术核心，涉及到复杂的3D数学计算和图形学知识。我告诉Comate："要支持积木的拖拽、旋转、碰撞检测，帮我找合适的方案，先不要修改。"它提出了好几种算法，我确认没问题后，再让AI开工。
几秒钟后，它生成了完整的3D渲染引擎代码与算法碰撞实现：
class LegoRenderer {
constructor(container) {
this.scene = new THREE.Scene();
this.camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
this.renderer = new THREE.WebGLRenderer({ antialias: true });
// AI智能建议：启用阴影效果，提升真实感
this.renderer.shadowMap.enabled = true;
this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
this.setupLighting();
this.initControls();
}
// AI生成的智能碰撞检测
checkCollision(position, size) {
const box = new THREE.Box3().setFromCenterAndSize(
new THREE.Vector3(...position),
new THREE.Vector3(...size)
);
return this.bricks.some(brick => {
const brickBox = new THREE.Box3().setFromObject(brick.mesh);
return box.intersectsBox(brickBox);
});
}
}
我几乎一行没改，直接运行成功。 这让我这个对3D图形学不太熟悉的开发者，也能快速构建出专业的3D渲染效果。
3 设计儿童友好的界面
我很清楚，这个应用的用户是孩子，界面必须简单、直观、有趣。
我告诉Comate："设计一个适合儿童的积木选择界面，要有大按钮、鲜艳颜色，支持拖拽操作。"
它生成的界面不仅符合我的要求，还自动考虑了儿童的使用习惯：
// AI生成的儿童友好界面
class BrickSelector extends StatelessWidget {
Widget _buildBrickButton(BrickShape shape) {
return GestureDetector(
onTap: () => _selectShape(shape),
child: Container(
width: 80,
height: 80,
decoration: BoxDecoration(
// AI建议：大尺寸，便于儿童点击
borderRadius: BorderRadius.circular(16),
// AI建议：鲜艳的颜色，吸引注意力
gradient: LinearGradient(
colors: [
_getPrimaryColor(shape.id),
_getSecondaryColor(shape.id),
],
),
// AI建议：明显的阴影效果，提供立体感
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.2),
blurRadius: 8,
offset: const Offset(0, 4),
),
],
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
_getBrickIcon(shape.id),
size: 32,
color: Colors.white,
),
const SizedBox(height: 4),
Text(
shape.name,
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
],
),
),
);
}
}
三、这款应用到底有什么？
在Comate的加速下，积木工坊的完成度远超我的预期。它不仅仅是一个数字积木，更是一个创意启蒙的"瑞士军刀"。
1 无限创意空间
- 丰富的积木类型：标准积木、矮积木、带轮子积木等多种选择
- 12种鲜艳颜色：激发孩子的色彩认知和搭配能力
- 360度自由视角：从任何角度观察和调整作品
- 智能网格对齐：积木自动吸附到网格，让搭建更整齐
2 跨平台体验
- 五端适配：Android、iOS、HarmonyOS、Windows、macOS全平台支持
- 响应式设计：自动适配不同屏幕尺寸
- 一致体验：在任何设备上都能获得流畅的使用体验
3 教育价值
- 空间想象力培养：通过3D搭建锻炼空间思维
- 色彩搭配训练：培养孩子的色彩感和审美能力
- 逻辑思维发展：通过规划和实现作品，培养逻辑思维
- 创造力激发：没有固定答案，鼓励自由创作
4 家长友好
- 零成本：比实体积木便宜100倍
- 零收纳：没有散落一地的烦恼
- 便携性：随时随地都能玩
- 安全环保：没有小零件吞咽风险
四、开发效率的飞跃
传统开发 vs AI辅助开发
关键突破
- 技术门槛降低：我不需要深入了解3D图形学，也能构建专业应用
- 开发周期缩短：原本需要2个月的项目，只用了不到2周
- 代码质量提升：AI生成的代码结构清晰、注释完整
- bug减少70% ：AI的智能检测避免了很多常见错误
五、更深层的意义
这个项目对我来说，不仅仅是一个技术应用，更承载了一份教育情怀。
推动教育公平
在很多偏远地区，孩子们很难接触到优质的创意启蒙资源。通过这个免费的数字应用，我们希望能够：
- 消除地域限制：只要有手机，就能享受优质的创意教育
- 降低经济门槛：完全免费，不增加家庭负担
- 提供优质内容：经过精心设计，符合儿童认知发展规律
助力培养创造力
在这个强调创新的时代，创造力是孩子未来最重要的竞争力。积木工坊通过：
- 开放式设计：没有标准答案，鼓励自由探索
- 即时反馈：孩子能立即看到自己的创意成果
- 循序渐进：从简单到复杂，培养成就感
促进亲子关系
数字产品不应该成为亲子关系的障碍。我们希望：
- 共同参与：家长可以和孩子一起搭建，增进感情
- 交流机会：通过作品分享，创造更多家庭话题
- 教育桥梁：帮助家长了解孩子的创意世界
写在最后
这个项目没有大公司的资源，也没有复杂的商业模式，只有一份简单的初心：让每个孩子都能拥有无限的创意空间。感谢百度文心快码（Comate），它让我在有限的时间里，把这份初心变成了一个完整、可用的产品。它让我看到，AI技术的进步不是为了替代开发者，而是为了让每一个有情怀的开发者，都能更轻松地实现自己的教育理想。
如果你也是一名开发者，有自己的教育理想，不妨试试Comate，它可能会给你带来意想不到的惊喜。如果你是家长，或者对儿童教育感兴趣，欢迎下载体验积木工坊，让我们一起为孩子的创意世界添砖加瓦。
演示&体验
产品演示视频：www.bilibili.com/video/BV1yA…
目前应用上架到华为应用商店，点击链接体验鸿蒙应用积木工坊appgallery.huawei.com/app/detail?…
