从简单到宗师共 46 张图纸:挑一张当灵感,或直接开始自由搭建。点开图纸时镜头会自动量出整台机器的大小并对准中心,小模型不空一大圈、高塔不会裁掉顶。图纸只是提示,不限制你的创造。
把搭建成果保存下来,随时回来继续,还能导出文件分享给别人。
在 6×6×6 的格子里点小方块,堆出来的就是一块新积木——它会出现在形状面板的「我的」里,能和别的积木一样吸附、堆叠、盖房子。
已放 0 块 · 点格子放/取,右键也是取
用旋转和堆叠,把方块变成你想象的东西。
左边点一个形状(方块、长条、斜块、拱门……),再点一个颜色。
按 R 键或点底部"俯仰 / 转向 / 摇摆",让方块朝你想要的方向。它会在半空跟着鼠标转给你看。
鼠标移动,方块会吸附到格子里,还会显示候选位置。单击一下,积木就放好了。
切到"拆除"点方块就消失;"刷色"可以给已有方块换颜色。
切到"连排",点一下起点、再点一下终点,中间会自动填满一排,砌墙特别快。
打开右侧"镜像对称"开关,放一块积木,另一边会同时出现一模一样的一块。搭对称的房子、翅膀特别省事。
"图纸"页有 46 个现成模型(简单 → 宗师五档),点一下就搭好,可以拆开研究;"关卡挑战"则给你有限的积木,照着影子还原,相似度越高星星越多。
作品会自动保存,下次打开游戏还接着上次的搭。"作品"页可以存多个存档、导出文件、拍照留念。
形状面板有「咬合」「连接」两类构件。咬合类:凸榫梁、卯眼梁、穿销、卡箍、燕尾榫——榫头真的伸出去插进旁边的积木,销子真的钉穿两层;连接类:铆钉、螺钉、螺栓、卯榫、木钉、粘合胶。它们都要贴着积木放,被它们锁住的积木在"检查稳固"里不再算悬空。
形状面板新增「机械」类:大齿轮、小齿轮、车轮、皮带轮、传动轴、曲轴、连杆、活塞、链条、发条、电机、凸轮,全部是金属质感。齿轮和车轮默认竖着立(跟真机器一样),按 Q 放倒当转盘、按 R 转方向;齿轮挨着放就能互相咬合。
三种方式打开装配台:① 放下带参数的零件(形状卡右上角有 ⚙)时自动弹出;② 右键点任何零件;③ 选「装配」工具再点。装配台里能把零件放大缩小(0.4–3 倍)、按 X/Y/Z 细转 45°、按方向微移 1/4 格——像真装配工一样先把零件调好再固定。然后按右侧「▶ 运转模拟」:只要电机或曲轴的轴对准了齿轮/车轮的轴毂,齿轮咬齿轮反向变速、链条皮带同向传动、曲轴带活塞往复、齿轮推着齿条走直线,全都按真实机械关系动起来。「蒸汽机心」「齿轮齿条」两张图纸是完整示范。运转中再动积木会自动停下,Esc 也能停。
装配台里带 ⚙ 的零件会多出一栏「参数」,拖滑块零件立即变形、传动比跟着变,松手才算一步、可撤销:齿数(8–16 齿,传动比就是齿数比)、链条节数/皮带长度(占地固定,节数越多链节越密)、曲柄销偏距(决定活塞行程)、电机转速、凸轮升程、发条圈数、蜗杆头数(1 头减速 = 蜗轮齿数,还自锁)、拨盘销距与槽轮槽数(每转步进 360°÷槽数)、棘轮齿数、丝杠螺距、压簧圈数。改了齿数,中心距不合适就真的咬不上——这正是要学的机械常识。运转时会自动念出这段机构的传动解读。
传动:电机、传动轴(带键槽)、联轴器、万向节、大/小齿轮、蜗杆、齿条、皮带轮、皮带、链条、车轮。机构:曲轴、连杆、活塞、凸轮、拨盘+槽轮、棘轮+棘爪、丝杠+丝杠螺母、飞轮、发条、压簧。零件:轴承、轴承座、导轨、滑块、筋板,外加固件里的螺栓、螺母、垫圈、铆钉。照着真机器的样子做的实体件:曲轴是哑铃形曲柄臂+平衡配重,连杆有工字梁杆身和可拆分的大端轴瓦盖,活塞带三道活塞环与活塞销;电机有散热筋、风扇罩、接线盒,链条是双层链板+滚子+销轴+铆头,滚珠轴承能看见滚珠和内外圈,轴承座带剖分盖与油嘴,导轨有两条淬硬滚道、滑块有端盖与注油嘴,齿轮有辐板和键槽,蜗杆/丝杠是真螺纹,发条是盘起来的扁钢带。v1.19 新添的巧妙机构件:锥齿轮(锥面梯形齿,把动力拐 90°)、苏格兰轭(带通槽的轭框+曲柄销滚子)、摇杆、肘杆、夹爪,以及中间掏空、专门给往复件让出通道的龙门架。电机也拆成了定子和转子:机身、散热筋、风扇罩、接线盒、底脚都钉在机座上不动,只有出轴、平键和轴端联轴器法兰在转。
每张机械图纸都是一台完整的小机器:转动的轴由滚珠轴承 / 轴承座托住,长轴之间用联轴器一节节接起来,飞轮靠惯性抹平转速波动,筋板给机架抗扭,接缝上螺栓+垫圈+螺母锁死,走直线的机构配导轨+滑块。运转时电机只转芯轴——机身、散热筋、接线盒纹丝不动,只有出轴和轴端法兰转;轴承外圈静止、飞轮与齿轮才转;压簧会随顶杆/棘爪/活塞的行程真实压缩再弹回,不再摆着不动。机架也都给运动件留了通道:齿条的端挡挪出了直线行程,凸轮压簧机改用中空龙门架让顶杆上下穿过,蒸汽机心去掉了会挡住连杆回摆的飞轮。想看完整示范:⚙️ 齿轮传动、🚂 蒸汽机心、🔨 凸轮压簧机(压簧压缩)、🔀 锥齿轮换向台(动力拐 90°)、⚒ 苏格兰轭冲床(纯正弦往复+摇杆摆动),点开图纸再按「▶ 运转」;改改里面的联轴器、轴承座或筋板,就是自己的设计了。18 张机械图纸逐张复核:零重叠零悬空、外观不越格、动力源与传动链真的连通、机构特征真的被解算出来、支承导向紧固成套;这一版还新增了贴合度(不许零件分家、不许紧固件悬在半空当摆设)、整机连通性(一台机器必须连成单一整体,落地却跟主体隔着空档的小零件组也算分家)与运动扫掠干涉(不许往复件从别的零件身体里穿过去)三层检查。全 44 张图纸逐张渲染目检后,残留的分家零件组也都接回了机架。目前 18 张全部零提示、平均 100 分,没有一件摆着不转也不动的装饰件。压簧两端还装了带导杆孔的弹簧压盖,压缩时上盖留在机架、下盖跟着顶杆走;凸轮压簧机伸在机架外的那截输出轴也收进了轴承里,整机不再拖一条尾巴。这一版连取景也收紧了:镜头按包围盒自适应,44 张平均屏幕占用 0.91、零裁切,俯视/正视/环绕和挑战模式同样跟着模型尺寸走。v1.20 起按装配图的标准检查配合:所有装在轴上的轮件都有真实通孔(辐板轮、皮带轮、车轮以前是实心饼,只用一个圆环假装"看起来有孔"),电机出轴、平键、挡圈统一在一个比孔径更细的配合尺寸里,端盖、风扇罩、轮毂凸台都收进自己的占位格,相邻两件只贴合、不互相嵌进去。检查方式也从"数格子"升级成真实三角网格的射线干涉检查:把配合对的表面点投到对方实体里做奇偶测试,整套动力源转一圈取 8 个相位逐一验证,运动件扫掠则按 24 个姿态算包络。现在 18 张机械图纸在整周期里零真实穿模,效果向 SolidWorks 装配体靠拢。
同站「玩具工坊 → 机械原理馆」里收了 40 个经典机构,这一版先借来四套工程做法:① 自动配孔——细销轴穿过粗圆柱时,自动给圆柱和挤出轮廓挖出带间隙的孔;② 销轴让位——销只待在自己零件这一段,不从别人身体里穿过去;③ 运动包络审计——动力源转一整圈,逐姿态查运动件有没有侵入静止件;④ 轴瓦安全收拢——轴承与轴肩只摆在零件背面的空隙里。落到破境积木,就是统一孔轴配合、轮毂真通孔、槽轮拨销收短、以及两套常驻干涉审计。
已经有对应图纸/零件的机构:曲柄滑块、曲柄摇杆、苏格兰轭、凸轮顶杆、槽轮间歇、棘轮棘爪、外啮合齿轮对、齿轮齿条、蜗轮蜗杆(自锁)、锥齿轮换向、皮带与链传动、丝杠螺母、万向节、飞轮蓄能、肘杆与夹爪、卷扬滑轮组。
下一轮可以扩展的:行星齿轮与差速器、谐波减速、不完全齿轮、凸轮分度、超越离合器、离心调速器、剪式升降、牛头刨六杆、平行四连杆。想先加哪一组,在装配台里把齿数/销距/升程调一调,就能先验证它的运动关系。
上一版的干涉检查只盯着「设计上应该接触的那一对零件」,结果放过了运动件跟旁边机架、车轮、导轨打架。这一版改成所有零件两两都要查,连电机里那根会自转的转子也单独算一件,动力源转一整圈取 8 个相位逐一验证;压簧顶在从动件端面上那种只有两三个采样点、深度不到 0.05 格的贴面接触,按工程容差放行,不算穿模。这样抓出来并修掉的典型问题:电机转子斜插车轮、连杆回摆扫进导轨、压簧压缩啃进螺母、实心机架梁挡在出轴正前方。
形状库新增 4 件:跨接轴/长跨接轴(细光轴+两端带孔轴承座,轴心高度可按被连接件对齐)、轴套(带配合孔的隔套)、机座支柱(顶端 U 形槽抱住细轴)。它们专门用来填「逻辑上连着、实体上断开」的那段空档——真机器里轴是一节节用轴承座和联轴器接起来的,不会隔空传动力。
新图纸:⚙️ 双级减速箱与 🔀 锥齿轮分动台,都从零按紧密装配排布,20 张机械图纸逐张 100 分。仍要如实说明:历史图纸里还留着一些 0.3~3 格的实体缝隙,根因是积木用整数占位格摆位、而传动解算容许同轴件隔 2~3 格耦合;占位格本身是零重叠零分家的,但离 SolidWorks 那种端面严丝合缝还有距离。要彻底消掉,需要给图纸引入小数坐标的装配层并同步改造建造系统,这是下一轮的事。
这一版解决的是上一版留下的那句话:「离 SolidWorks 那种端面严丝合缝还有距离」。现在每件积木除了整数占位格,还能带一组 ox/oy/oz 小数微调——占位格、支撑判定、六邻贴合仍按整数格算(所以搭好的 44 张图纸一张没动),但实体可以精细对齐;传动旋转中心会跟着一起挪,轮子转起来不会偏心。
微调量不是拍脑袋定的,是离线收敛器算出来的:先把传动边分成「齿轮啮合」(中心距是传动比依据,不许拉近)和「同轴耦合」(该由一根轴串起来,端面要贴住)两类,只沿轴线做坐标下降;每走一步都校验传动解算的结果逐字节不变,收敛完再用真实几何全组合扫描验一遍,只要发现新的穿模就把相关零件的偏移减半回退。20 张机械图纸的轴向同轴间隙从 3.53 格收到 1.14 格,12 张图纸共 38 件参与微调,最大只挪 0.25 格——所以画面变化不夸张,但装配关系确实紧了。
要让变化看得见,还得靠新形状:机座平台是一块带 T 槽凸棱和四角沉头安装孔的连续底座。槽轮步进整图用它重排过:以前机构直接坐地上、只垫三块散板,俯视图一大片空白;现在四块平台铺满,整组机构整体坐上去,每个零件脚下都有实体。相对位置一毫不改,槽轮步进数学和传动契约都没动。
三套审计(全组合 / 配合对 / 收敛器)现在共用同一判据,配合审计也加了包围盒早停,8 相位全周期从 5 分钟降到 5 秒。仍要如实说明:还有 17 处结构断口,是传动解算认定同轴、实体却隔 2 格甚至错层的历史布局,亚格偏移补不上,得在中间插一根真轴并给底板让出轴通道,留到下一轮。
这一版把「点开没反应」这类最伤人的故障当成发布红线来治。先是找到了真正的病根:机械图纸的零件没有自带编号,建造系统会给它们自动编上数字,而桥接轴那一步却按字符串去判断零件类型,数字没有这个方法,载入就在半路抛错——面板不关、镜头不动,看起来就是"点了没反应"。改掉之后 46 张图纸在浏览器里逐张点过,46/46 都能正常进入。顺带发现穿轴一直没画出来:同一个异常让"每个转动件都骑在轴上"这个效果从未真正生效,修复后齿轮传动 14 根、丝杠升降台 9 根、双级减速箱 9 根轴都实实在在出现了。
再加三道保险:① 全局错误兜底——任何未捕获异常都会给一句人话提示并写进控制台,不再静默失败;启动失败不再是白屏,而是可读原因+重新加载按钮。② 图纸数据自检——启动时把 46 张图纸整份体检(形状、颜色、坐标、占格冲突、取景参数),有问题的图纸标「暂不可用」,不让人点进空场;逐张载入失败还会回滚清场。③ 保存不再谎报——写不进浏览器存储时如实说明,而不是提示"已保存"下次却找不到。
可用性细节:界面上的数量文案(形状/颜色/图纸/关卡)改成由数据现算,修掉写着「59 种形状」「44 张图纸」的过期文案;图纸卡片可以用 Tab 聚焦、回车打开,工具栏与色板补上读屏可识别的选中状态;补了无脚本降级页与分享信息;触屏设备像素比封顶 1.5×,中低端手机不再被 3 倍像素拖到掉帧。
这一版按你指出的六处缺陷逐个改到根上。带孔积木:形状面板新增「带孔」一类(带孔砖/带孔梁/带孔大块/带孔长板/带孔大板/带孔方块),每一格都是真通孔,螺杆能真正穿过去,孔口带沉台让螺栓头与垫圈坐平;46 张图纸里坐在实心板面上的 25 处紧固件,宿主都换成了带孔板,机座平台四角的安装孔也从"盲沉头"改成通孔。接缝收紧:圆角倒角 0.018、格间留缝 0.006、接缝暗线 0.004——相邻积木拼在一起只剩一条细线分割,不再有空距造成的悬空感,鲁班锁、齿轮钟这类贴合场景逐张出图核对过。芯轴与斜插:轮件的通孔半径统一到配合尺寸,偏细的芯轴加粗,轴孔配合强制同心,斜插的轴逐根挑出来重排(齿轮钟的飞轮芯轴就在其中)。运动件不许插进实体:活塞改成顶部实心+开口裙部、直径放大到 0.85 倍、活塞销改沿销轴方向,曲轴改成真单拐、中段留空给连杆大头让位,连杆小头伸进活塞内腔——连杆孔心偏差降到 0.000 格。看得见的交互:图纸页点开哪张哪张保持高亮,搭建页顶部一直显示这张图纸的名字;选择光标点到哪个零件,就报出它的名称。
这一版专治四类"看着在动、其实不合理"的毛病。直线件必须有行程:齿条以前会一路滑出机架再也不回来——传动解算只算了"每秒走多远",没算"能走多远"。现在齿条受两端挡块限制、丝杠螺母只走有效螺纹,走到头就换向,齿条实测往返 1.94 格。紧固件不许当摆设:46 张图纸里 19 处螺母/垫圈孤零零贴在板面上、既没有螺栓穿过也不压零件,全部删除;「螺栓」形状本身补成一整副(螺杆自带垫圈、顶端带螺母),图纸不必再单独摆一遍。转动件必须骑在轴心上:拨盘、联轴器、曲轴以前按"底面贴地"落格,转轴落在格子下沿,看着像悬空自转。现在转动件把自己的轴心送到格子中心——注意不同零件的建模基准不一样(齿轮/曲轴/拨盘绕原点造,联轴器/万向节按层板中线造),对中量各按各的算,否则整件会浮起半格。连杆不许穿实体:蒸汽机心的大头会切进曲柄臂,原因是配重顶面太高、曲柄销太粗、以及传动层硬算销方向(图纸把曲轴转倒后销的实际朝向变了,大头圆心错开 0.42 格)。三处一起改:配重下移、销径收到 0.72 倍主轴半径、销点由几何烘焙导出。三角面检查从 177 处降到 8 处,且都是销与轴瓦的正常擦面。
这一版按你指出的四点逐个落地。曲轴长得不对:以前的曲柄臂是"2D 轮廓挤出后绕 Z 轴转 90°",挤出方向没跟着转,两片臂就成了平行于轴线的鳍片——从侧面看整根曲轴只是一根直杆加两个小凸台,连杆摆过去就像从杆子里穿过。现在臂面法线沿轴(rotateY),轮廓取"绕主轴的大圆头+绕销的小圆头+等宽腰板+对侧配重圆头"的二维凸包,一次挤出成单壳梨形锻件:两端轴颈、中间两片偏心臂、销穿在两臂之间,任何角度都是标准单拐曲轴。配套把三处"看着没事、转起来咬住"的贴面也改了——曲柄销收到 0.140(轴瓦内径 0.169)、剖分盖顶面停在轴瓦外圆、杆身起点退到轴瓦外圈,三角面级穿模从 259 处降到 0。
形状能搜了:形状栏顶上加了搜索框,名称/分类/别名/内部 id 一起匹配,输入即过滤、120ms 防抖,/ 或 Ctrl+K 聚焦、Esc 清空,没结果给提示而不是留白。
又添 9 种机械零件(96 → 105):蜗轮、链轮、双联齿轮、法兰、花键轴、曲柄盘、偏心轮、气缸、阀——喉部凹弧、齿槽减重孔、螺栓孔圈、外花键都按真零件比例造,偏心轮还会把销点交给传动层,直接就能带连杆。
自己拼形状:它与内置件完全同构(占格、吸附、重力、进图纸进存档都一样),归到「我的」分类;做法见下文(v1.28.1 已改在主平台多选,不再另开工作台)。
可运动图纸复审:20 张机械图纸逐张复核可视与运动,曲轴所在的 4 张(齿轮传动/卷扬机/蒸汽机心/苏格兰轭冲床)对着多相位渲染图逐件核过姿态,行程越界 0、悬空 0、8 相位与 24 姿态扫掠均零穿模。
那根银灰圆杆的真身:不是曲轴有两种颜色,是传动层自动补的桥接轴——它半径 0.176,比曲轴主轴颈 0.16 还粗,把整根曲轴包了起来。现在自带轴颈的零件不再外挂穿轴(旧判断取的是 def.shapeId,而 def 根本不是零件对象,这条规则一直没生效),凡是要穿过曲轴本体的轴一律修剪到端面之外,主轴颈同时加粗到 0.189——比任何外挂轴都粗,剩下的轴全藏在里面。
自定义形状改在主平台做:那个 6×6×6 的独立工作台去掉了。现在就在搭建台上搭,点形状栏末尾「+ 存为形状」,点积木挑零件(再点取消,也有「全选」),起名即存;颜色一起记住——绿地基红墙蓝顶的小房子存成一块积木,拖出来还是那个配色,上限 512 格,齿轮这类曲面件没法用格子表达外形会被明确挡下。
形状面板多了「装饰」一类(123 种里的 18 种),专门用来给搭好的东西配环境——小屋门口摆一条长凳,院子角落栽两棵树,篱笆边蹲一只兔子,天上飞一只蝴蝶。
它们和水彩贴纸一样会转身看你:装饰件没有实体网格,是一张始终正面朝向相机的图片(billboard)。所以从任何角度转镜头,鹿都正对着你,不会像一块薄板那样侧过来变成一条线。
怎么放:和普通积木一样点一下就放,占 1 格;不承重、也不被判定为悬空——你可以把蝴蝶摆在半空、把路灯立在房顶,检查稳固时它们不参与,也不会连累旁边的结构。想要更自然,就按 Q / R 转方向、用方向键微调位置,把树贴着屋子放能遮住积木的直角。
为什么是这些图片:动物八件(鹿、狐狸、兔、松鼠、刺猬、猫头鹰、蝴蝶、蜜蜂)取自站内 forest 图库的现成水彩插画;布景十件(大树、松树、灌木、花丛、蘑菇、石头、长凳、路灯、路牌、栅栏)是照同一支水彩笔的风格新画的,白底抠净、边缘带一点点纸的毛边,压缩后每张 20~110KB,整包不到 1MB,加载不拖慢搭建台。
搜索:名字里没有但该搜得到的词也做了别名——搜「树」「篱笆」「长椅」「公园」都能翻出来。
提示:按住 Shift 再按旋转键,就是反方向转,转过头了不用连按三下。
5–12 岁。5–7 岁的孩子建议先从"图纸"里挑一个模型,和他一起拆开、装回去;8 岁以上可以让他直接挑战关卡。
空间想象(在脑子里转动积木)、手眼协调(对准格子)、规划能力(先搭哪块后搭哪块)、数数与分类(零件清单可以数各种形状用了多少)。
建议单次 20–30 分钟。游戏本身没有强制时限,也不会诱导连续游玩,家长可以和孩子约定好收尾时间。
游戏完全离线运行、不联网、无广告、无内购、不需要账号,也不收集任何个人信息。作品只存在本机浏览器里。
孩子卡住时,别急着给答案,可以问"这块转一下会怎样?""如果先搭底座呢?"。达成成就或通关时,让他讲讲自己是怎么搭出来的,收获最大。
清理浏览器数据、换设备或换浏览器都会让本地作品消失。孩子在意的作品,请在"作品"页点「导出」保存成文件。
一款给孩子玩的 3D 积木搭建游戏:靠旋转和堆叠,把方块变成想象中的东西。
v1.32.0
发布日期 2026-11-11 · 单文件网页版,双击即可游玩
这个游戏完全离线运行,不联网、不收集任何信息。
因此本应用无需向儿童收集个人信息,家长可放心让孩子单独使用。
本游戏的 3D 渲染基于 three.js(MIT 许可):
Copyright © 2010-2025 three.js authors Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.
three.js 项目主页:github.com/mrdoob/three.js
游戏中的积木是原创的几何造型,采用通用格子(1×1×1)体系自行设计,并非任何实体积木品牌的官方产品,也不隶属于、不获授权于任何积木厂商。
音效由 Web Audio 实时合成,语音使用设备内置的朗读引擎,均不含第三方素材。
看图纸、记住样子,再用有限的积木把它还原出来。相似度越高,星星越多。
和图纸的相似度是 82%
左边一排是积木形状,下面一排是颜色,点一下就选好了。
这个游戏要用到 WebGL(网页 3D 绘图)。当前浏览器没能启动它,请试试: