目录 · 7 个章节
大家好,我是一名前端工程师,也是开源图片编辑器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普及过后的竞争力,希望明年我们能服务更多的制造业和电商行业的大客户,把成熟的方案赋能给更多小工厂和电商卖家,给兄弟们的奖金能多一些,让业务走上正轨。
最后,祝福大家越来越好,找到自己热爱的事业。
大家感兴趣的可以点个赞和关注,持续向大家汇报进展。