【生活娱乐赛道】轻作智排 ——一站式平面diy材料设计与选购

0. 先和大家打个招呼吧 :waving_hand:

  • 我是一名独立开发者,两周前偶然间看到了这个比赛。本来想只报个名,但这两天刚好有一点时间,纠结了一会儿觉得自己的想法还是很希望可以实现的,于是就紧赶紧地来做了。

  • 之前有用trae ide辅助做游戏,这次专门下载使用了trae work,模型是glm5.2,感觉效果很不错。首先是排队时间短了嘿嘿,其次是在一次性完成多个功能的时候表现更好。

  • 在开发中,绘制零件的体验,还有排布的功能实现程度(尤其是节省材料率),是我重点关注的,有认真设计。希望大家用得顺手,有什么问题可以告诉我。

1. Demo 简介

  • 是什么:轻作智排是一个同时拥有网页端和小程序端的平面排样设计工具。网页端支持自由绘制零件、自动排样优化、导出加工文件;小程序端支持材质选择、下单加工、图纸社区分享。用户只需绘制或获取图纸,选择材质,即可下单加工配送到家。

  • 面向谁:1.DIY玩家、手工制作者、美术道具制作者 — 需要制作个性化木质模型、纸艺、布艺等手工作品
    2.幼儿园、小学阶段有手工作业需求的家长 — 需要快速将网上找到的图纸加工成实物零件

  • 主要功能:

    功能一:零件绘制与自动排样(网页端)
    步骤1:打开网页端,点击顶部工具栏的「绘制零件」按钮,打开绘图弹窗

    ① 顶部「绘制零件」按钮 — 点击打开绘图弹窗 ② 左侧零件库面板 — 管理已保存的零件 ③ 中间板材画布区 — 排样结果展示区域

    步骤2:在绘图弹窗中,使用「画线」工具逐线绘制零件形状

    ① 「画线」工具按钮 — 选中后可在画布上逐条画线 ② 画布尺寸设置区 — 设置绘图画布的宽度和高度 ③ 绘图画布区域 — 点状网格背景,点击放置线段端点

    步骤3:绘制完成后,切换到「选区」模式,点击闭合区域选中零件

    ① 绘制好的三角形 — 由3条线段组成,线段长度和角度自动标注 ② 「选区」模式按钮 — 切换到选区模式后,点击闭合区域即可选中

    步骤4:选中区域后,点击「保存到零件库」将零件保存

    ① 高亮选中的区域 — 绿色半透明填充表示已选中 ② 「保存到零件库」按钮 — 将选中区域保存为可重复使用的零件

    步骤5:零件保存后,在零件库中设置数量,点击「自动排样」

    ① 零件库中的零件 — 显示零件名称和尺寸 ② 数量「+」按钮 — 增加零件数量 ③ 「自动排样」按钮 — 点击后算法自动排列所有零件④可以调整排布间距

    步骤6:排样完成,零件自动排列在板材上,可导出SVG加工文件

    ① 排样结果 — 3个三角形零件自动排列在A4板材上,无重叠 ② 顶部「导出SVG」按钮 — 导出真实毫米尺寸的SVG文件,可直接用于打印机、激光切割机等。

  • 功能二:材质选择与下单加工(小程序端)
    步骤1:小程序首页,点击「上传图纸即刻下单」开始下单流程

    ① 「上传图纸即刻下单」卡片 — 进入下单流程 ② 推荐材质区 — 展示4种可用材质及起步价格

    步骤2:在上传页面选择示例图纸

    ① 示例图纸网格 — 点击选择图纸进入材质选择页

    步骤3:为每页选择材质和厚度,实时查看估价

    ① 材质类型按钮 — 纸张/木头/布料/3D打印四种可选 ② 厚度选项 — 每种材质对应3种厚度 ③ 底部总价 — 实时计算材料费,点击「下一步」继续

  • 功能三:图纸社区分享与获取(小程序端)
    步骤1:社区页浏览图纸,支持分类筛选

    ① 分类筛选标签 — 全部/免费/付费/木工/纸艺/布艺/3D ② 图纸卡片 — 展示图纸预览、标题、作者、价格、点赞数 ③ 右下角分享按钮 — 点击分享自己的图纸到社区

    步骤2:在「我的」页面管理订单、分享和积分

    ① 用户信息和积分 — 显示昵称、等级、积分余额 ② 功能菜单 — 我的订单/我的分享/积分明细/收货地址/关于

2. Demo 创作思路

  • 灵感来源:我本身喜爱拼装木质模型,之前在网上看到过一个教程特别喜欢,那个博主甚至分享了图纸。一直想着有空了就去做,但过程太麻烦了——需要去淘宝购买木板,自己在木板上描出需要切割的零件形状,或者找商家代加工,但商家质量参差不齐,还会担心图纸泄露的风险。

  • 想解决的问题:将"画图纸/找到图纸 → 购买材料 → 找商家加工 → 拿到实物"这条繁琐链路缩短为"绘制/获取图纸 → 选择材质 → 一键下单 → 配送到家"。让DIY玩家和家长不再被材料采购和加工环节劝退,专注于设计和创作本身。

  • 为什么做这个方向:
    事实上,现在市面上有专业的软件来画零件,也有专业的软件进行排布,在购物软件上也有很多商家代做打印或激光切割或3D打印等等。但是这些功能都是孤立的,软件操作什么的都有很大的学习成本,还有和商家的沟通成本。我认为这样子的整合是可以带来很大便捷的,而且这样的便捷是可以激发人们创造力的。

    自动排样算法可以最大化材料利用率,降低加工成本;SVG导出可直接对接激光切割机。

    双端协同 — 网页端专注设计体验(大屏绘图更精准),小程序端专注交易闭环(支付和社交分享更便捷),符合用户使用场景

3. Demo 体验地址

  • 交互式可体验的HTML格式文件,已使用ZIP格式打包上传。
    打开方式:解压后双击 网页端.html 或 小程序端.html 即可在浏览器中体验。

    轻作智排-Demo.zip (122.2 KB)

    轻作智排-Demo.zip (119.4 KB)

4. TRAE 实践过程

  • 1.初版制作:1153845222976428:7c504cb00a0a9d1daefde18e111fb00b_6a551318e4216a8c035eaa96.6a55226de4216a8c035eab40.6a55226de4216a8c035eab3e:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/14 01:37:49)
    1153845222976428:358114b76049e820e16c5c326e521f67_6a551318e4216a8c035eaa96.6a559ebcd0a211dda2dab85f.6a559ebcd0a211dda2dab85d:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/14 10:28:12)

  • 2.功能优化
    1153845222976428:1bbd692581176aedc76ad9e2818a6b51_6a551318e4216a8c035eaa96.6a55ba8bd0a211dda2dab8cb.6a55ba8bd0a211dda2dab8c9:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/14 12:26:51)1153845222976428:556be74366ee07ce3b4079e690c77f99_6a551318e4216a8c035eaa96.6a56417dd0a211dda2dabfa3.6a56417dd0a211dda2dabfa1:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/14 22:02:37)

  • 3.增加小程序演示
    1153845222976428:e2f31daf943cbac061451d5fdb24494a_6a551318e4216a8c035eaa96.6a57674a93af747431660f9c.6a57674a93af747431660f9a:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/15 18:56:10)

5. 对应的报名审核通过的帖子链接

https://forum.trae.cn/t/topic/51246?u=u1153845222976428

很有创意,是我一直想做的。已投票。麻烦帮帮我给我的作品投一票,互相支持支持吧https://forum.trae.cn/t/topic/96939/15?u=一叶孤舟

已投,一起加油!

很有创意 , 已投票。麻烦帮帮我给我的作品投一票,互相支持支持吧

哇,真的很结合实际需求!支持你!

已投票~也来我的帖子投票留言互动吧~
为听障人士做的公益AI服务员
AI服务员-无声有市:一部手机,让无声摊位也能开口接单

okk已投,一起加油!

好的已投,一起加油!

连前2000都没进,有点无奈。感觉有点被初赛指导帖子的评分标准误导了,当时我分析认为点子符合标准才决定做的,但是看了一下名单好像实际上并不是那样评审的。
推荐一下自己吧,我之前是学硬件的,现在忘差不多了,不过焊板子还是会的,会用3D打印,有一个老旧的3D打印机,打印效果不太好只能看个大概。今年一直在借助AI学习开发游戏,目前比较熟悉godot和renpy引擎,会一点画画。如果有想招募我的队长可以私信或者留言联系方式。