让我们牵手·未经测试

主要观点:介绍了一个名为“Let's Hold Hands”的小 web 应用,可用于两人牵手互动,分享了制作过程、技术栈、匹配管理房间等方面的内容,以及该应用带来的一些感人互动和后续计划。
关键信息:

  • 可通过链接邀请朋友或等待他人加入进行牵手,整个过程约 34 - 45 秒。
  • 制作过程历时 2 - 3 周,包含多个阶段,如制作原型、重写代码、与朋友分享等。
  • 技术栈包括 Preact、PartyKit、Vercel 等,PartyKit 是较有趣的部分。
  • 有两个 PartyKit Parties 负责房间分配和消息广播,匹配管理房间有一定技巧。
  • 有手绘草图和程序化动画,在渲染效果和布局上有挑战。
  • 已与小群体分享,有感人互动,后续计划增加蜈蚣模式和广播空房间功能。
    重要细节:
  • 制作过程中常边画边写代码,还会睡前花几分钟涂鸦想象的 UI。
  • PartyKit 是 WebSocket/HTTP 包装器,可定义服务器端代码。
  • 匹配管理房间时,将 PartyKit 语言转化为熟悉的方式有难度。
  • 手绘草图的渲染效果在性能方面有问题,尤其是 SVG 生成的背景。
  • 程序化动画中手的布局较难,曾单独创建项目解决。
  • 后续计划增加多人模式和广播空房间功能,以促进更多匿名互动。
阅读 17
0 条评论