Skip to content

Sticker Board项目

贴纸涂鸦板(Sticker Board)是一款独立开发的微信小程序,它允许多人实时在共享画板上进行创作。微信扫码下方二维码即可体验:

功能特性

  • 多人实时在共享画板进行创作
  • 对图片自由裁剪、涂鸦进行二次创作并上传作为贴纸
  • 与好友、与社区分享贴纸、分享画板、导出画板作为图片
  • 画板更新提醒、内容管理、动画、自定样式风格等

截图

所用技术

  • 腾讯云SDK后端存储数据、实时推送
  • 小程序使用Typescript编写,抽象出了贴纸编辑模块因此可在多个页面使用
  • 贴纸制作使用Canvas2D API,主要借助图层渲染模式,导出贴纸使用DataUrl
  • 画板直接涂鸦、贴纸创作等使用手势事件(曾尝试触摸事件动态生成svg但在手机上性能不佳)
  • “画板导出作为图片”功能使用后端生成Html由Puppeteer截图导出
  • 新建画板随机样式使用HSL颜色方案,其中L的取值保留一定差距,由此可以得到能有充足对比度的随机前景色与背景色。
  • 贴纸由3个层组成,按如下方式绘制、计算有效边界后调整区域导出即可:
  • 以贴纸画笔作为样式,绘制贴纸内容路径+涂鸦路径,即得到贴纸边框部分。
  • 原图+SOURCE_IN贴纸内容路径绘制,即得到贴纸内容部分。
  • 以涂鸦画笔作为样式,绘制涂鸦路径,即得到最上层的涂鸦部分。

进展与总结

开发周期接近4周,2021年9月中旬上线,当前用户规模<50/天。

推广方式比较有限,已知的:

  • 腾讯广告(广告主),需要更多的应用内容产生、日活问题、社区质量。
  • 手动方式在知乎、百度贴吧推广。

反思:尽管开发此项目前已经尝试了其他的两个小程序独立项目,也已经做了竞品分析,思考了产品定位,但目前仍然未取得所想象的效应,对我来说,有如下的这些问题是没有良好解决的:

  • 目标用户触达
  • 触达后用户是否真的有兴趣,产品定位是否站得住脚
  • 社区内容的初始门槛
  • 进一步推广前的运营手段

小程序项目其实在我眼里可以分为两个环节:用户打开小程序前,和进入小程序后。前者是漏斗,后者是真正开始产品体验过程。对我来说,我基本不会担心后者的实现和体验,而前者对我来说是更困难、甚至需要借助更多人力量才能有效解决的。