纯前端+AI:零后端开发体验,你的创意拼图神器已上线!

115 阅读1分钟

背景

自己想用的拼图工具,小程序里没有找到适合的,现在ai又那么火且好用,自己是不是可以实现一个单纯前端无服务不需要用户登录,用完即走的拼图应用呢?抱着这个想法,我开启了让ai编写及调教ai的编程之路!

作品展示

先看看已上线的小程序总体界面(刚好用这个拼图应用把界面横向长图拼接在一起)

图片

如上图包含的功能点有:

①布局选择

②给布局添加图片(支持一次添加多张,自动填充到布局中,更换为别的布局时,图片也能实时响应变化)

③设置图片间距和圆角(布局中会实时响应改变)

④设置总体画布布局比例(布局中也会实时响应变化)

⑤生成图片时可以选择原图或高清图生成(自动保存到本地)

生成的作品如下:

图片

修改布局在生成

图片

修改画布比例3:2高宽比生成

图片

感兴趣的欢迎大家体验,小程序二维码如下

图片

拼图的使用场景满多的,以下列举一二

①朋友圈展示美食一张拼图搞定所有菜品拼接

②写文章引入作品的展示指引,或产品交互拼接

③教你女朋友远程操作某app时的多张截图拼接

④要打印身份证时的正反面图片拼接

……

预告

后续文章我会贴出如何调教ai(我主要用的是腾讯云codebuddy)编码,有了ai的帮助不会力不从心了(以前想实现的很多想法都力不从心),希望对大家有帮助!