主要观点:介绍了一个名为“Let's Hold Hands”的小 web 应用,可用于两人牵手互动,分享了制作过程、技术栈、匹配管理房间等方面的内容,以及该应用带来的一些感人互动和后续计划。
关键信息:
- 可通过链接邀请朋友或等待他人加入进行牵手,整个过程约 34 - 45 秒。
- 制作过程历时 2 - 3 周,包含多个阶段,如制作原型、重写代码、与朋友分享等。
- 技术栈包括 Preact、PartyKit、Vercel 等,PartyKit 是较有趣的部分。
- 有两个 PartyKit Parties 负责房间分配和消息广播,匹配管理房间有一定技巧。
- 有手绘草图和程序化动画,在渲染效果和布局上有挑战。
- 已与小群体分享,有感人互动,后续计划增加蜈蚣模式和广播空房间功能。
重要细节: - 制作过程中常边画边写代码,还会睡前花几分钟涂鸦想象的 UI。
- PartyKit 是 WebSocket/HTTP 包装器,可定义服务器端代码。
- 匹配管理房间时,将 PartyKit 语言转化为熟悉的方式有难度。
- 手绘草图的渲染效果在性能方面有问题,尤其是 SVG 生成的背景。
- 程序化动画中手的布局较难,曾单独创建项目解决。
- 后续计划增加多人模式和广播空房间功能,以促进更多匿名互动。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。