大家好,我是一名前端工程师,也是开源图片编辑器vue-fabric-editor项目的作者,也是一名创业者。
年初写过一篇文章,《前端真有意思,又干了一年图片编辑器》,马上又要一年了,
去年我们住工厂,去过义乌,跑杭州,今年,飞深圳,去长沙,一个前端程序员的创业,一个用 JS 作为开发语言的全栈创业小团队。看看我们今年又做了哪些有意思的事情,除了图片编辑器,JS 到底能不能支撑做更多商业项目和场景?
3D 面料设计
可以根据 1 张图片生成无数种面料印花纹样,同时支持 3D 模型的效果预览。


主要实现思路是:使用 webGL 的库 regl 进行基础图形绘制,生成连续四方图后再用 Three.js 贴图到 3D 模型,核心的工作是实现 30+的数学组合公式,将多个小多边形拼接为各种类型的图案。
盒型设计平台
参数化盒型设计平台与 3D 工艺仿真,能够支持各种复杂盒型的参数化,与各种工艺的 3D 效果模式,并导出可制作文件。


这个项目我们真的全部精力都投入进去了,参数化的设计,3D 的设计,工艺的各种细节。
DIY 相册小程序
帮工厂做的相册定制小程序,从订单到稿件下载的流程。 后台将各类模板录入,小程序和电商平台打通,用户 DIY 相册提交,后台印刷文件自动下载。


服装裁片设计平台
数码印刷工厂制作的系统,可以采集服装照片,然后通过 AI 接口提取印花,然后批量生成效果图,再生成印刷裁片图。

这个项目算是应用的技术栈最多的项目了,开发 Chrome 插件来采集图片,自己训练 LoRa 模型做服装印花提取,然后借助 PS 样机批量生图,用 Electron 批量生成服装裁片图,还对接了打印机,把文件推送的打印机上。

还对接了 AI 的以图搜图,实现版型库的搜索功能。

二次元定制小程序
这个设计器磕了很久,有刀线的优化,有孔位调整、插槽调整,和最后的拼版文件。


后台一堆一堆的配置功能,登录、客服、支付、订单、发货、快递面单、主题装修。

跨境电商模板化设计平台
这个项目很有意思,结合了设计器和无线画布,实现任意组合的模板设计器,让用户像提交表单一样,完成设计。

还对接了跨境电商平台,还有生产订单的分批次,实现拍图发货,完整闭环了跨境的整个环节,抱枕、毛毯、铁皮画、挂画等各类产品都可以使用。


其他类型的工具
我们还做了各类其他的设计,比如小卡设计与拼版,AI 裁片、糯米纸裁切与拼版、接口自动化套图、3D 灰度图等等。


后台与后端能力积累
除了上边的项目,后台开发的通用能力我们要也积累了很多,数据隔离、电商平台对接的店铺授权、订单,多租户的架构、子账号权限、小程序支付发货,后端我们也接入 AI 、工作流、三方系统、中台等等的功能。


照片

总结
从一个纯前端开发者过渡到用 JS 作为开发语言的全栈团队,落地了大大小小的工厂项目,我想告诉前端程序员,不要给自己设限,JS 可以搞定项目,JS 也可以搞定整套系统,前端开发的职业发展从来不差。
AI 是一个不可逆的趋势,很多岗位都在接受 AI 的洗礼,当有些人还在讨论程序员要不要做全栈时,很多程序员已经开始与业务对接需求,用 AI 做任务开发,用全栈完成系统交付了。
希望大家一起跨过阵痛周期,构建 AI 普及过后的竞争力,希望明年我们能服务更多的制造业和电商行业的大客户,把成熟的方案赋能给更多小工厂和电商卖家,给兄弟们的奖金能多一些,让业务走上正轨。
最后,祝福大家越来越好,找到自己热爱的事业。
大家感兴趣的可以点个赞和关注,持续向大家汇报进展。