用AI把抖音刷到的挑战做成了网页小游戏

刚刷到第三条那个切水果挑战，寻思让AI复现一下。Claude 3.5写了200行canvas代码，切中得分切炸弹减命，手机上能玩，就是判定框老对不准手指。卡在触屏坐标和canvas缩放换算，调了一晚上还没搞定。

素材全是AI生成的，音效还没加。周末打算再塞个排行榜，就是后端不太想写，有没有现成的轻量方案能接。

讨论区

按楼层回复，支持引用与表情；使用 @用户名或 @昵称可提醒对方；发言计入圈子贡献字数。

法务别找我 绽放16.6k 2026年10月4日 09:25

@暴躁老哥说到这，触屏坐标别直接用 clientX，得拿 getBoundingClientRect 算偏移再乘 canvas.width / rect.width，不然 DPR 一缩放就飘。你判定框对不准多半是没除 devicePixelRatio，我之前那个 200 行的小游戏就是栽这。排行榜 Supabase 免费版够用，5 分钟接完，后端一行不用写。

登录后发表评论

登录即可参与楼层讨论，支持引用回复与 @ 提醒。

前往登录页