Sticker Board项目
贴纸涂鸦板(Sticker Board)是一款独立开发的微信小程序,它允许多人实时在共享画板上进行创作。微信扫码下方二维码即可体验:
功能特性
- 多人实时在共享画板进行创作
- 对图片自由裁剪、涂鸦进行二次创作并上传作为贴纸
- 与好友、与社区分享贴纸、分享画板、导出画板作为图片
- 画板更新提醒、内容管理、动画、自定样式风格等
截图
所用技术
- 腾讯云SDK后端存储数据、实时推送
- 小程序使用Typescript编写,抽象出了贴纸编辑模块因此可在多个页面使用
- 贴纸制作使用Canvas2D API,主要借助图层渲染模式,导出贴纸使用DataUrl
- 画板直接涂鸦、贴纸创作等使用手势事件(曾尝试触摸事件动态生成svg但在手机上性能不佳)
- “画板导出作为图片”功能使用后端生成Html由Puppeteer截图导出
- 新建画板随机样式使用HSL颜色方案,其中L的取值保留一定差距,由此可以得到能有充足对比度的随机前景色与背景色。
- 贴纸由3个层组成,按如下方式绘制、计算有效边界后调整区域导出即可:
- 以贴纸画笔作为样式,绘制贴纸内容路径+涂鸦路径,即得到贴纸边框部分。
- 原图+SOURCE_IN贴纸内容路径绘制,即得到贴纸内容部分。
- 以涂鸦画笔作为样式,绘制涂鸦路径,即得到最上层的涂鸦部分。
进展与总结
开发周期接近4周,2021年9月中旬上线,当前用户规模<50/天。
推广方式比较有限,已知的:
- 腾讯广告(广告主),需要更多的应用内容产生、日活问题、社区质量。
- 手动方式在知乎、百度贴吧推广。
反思:尽管开发此项目前已经尝试了其他的两个小程序独立项目,也已经做了竞品分析,思考了产品定位,但目前仍然未取得所想象的效应,对我来说,有如下的这些问题是没有良好解决的:
- 目标用户触达
- 触达后用户是否真的有兴趣,产品定位是否站得住脚
- 社区内容的初始门槛
- 进一步推广前的运营手段
小程序项目其实在我眼里可以分为两个环节:用户打开小程序前,和进入小程序后。前者是漏斗,后者是真正开始产品体验过程。对我来说,我基本不会担心后者的实现和体验,而前者对我来说是更困难、甚至需要借助更多人力量才能有效解决的。