一转就哇哇叫的传统玩具,Web 模拟版。零依赖单文件,真实录音采样,移动端优先。

算是紧跟时事了哈哈 , 我不会被投诉吧 🤣?

Github地址

https://github.com/imsai-sh/zhuzhiliao

在线体验

https://zhuzhiliao.imsai.cc/

功能特性

  • 三种操作方式:触屏画圈、点击自动甩、手机体感(需HTTPS)。触屏时锚点自动上移,不挡视线。
  • 声音来自真实录音采样,1.72秒截出4个”哇”周期,循环播放;采样失败时自动切合成音效,用锯齿波模拟松香摩擦、带通滤波模拟竹筒共鸣。
  • 物理模拟绳系质点,重力+弹性绳+空气阻力,1/240秒定步长积分。绳方向角速度决定音量和音高,转慢了不响,松手后惯性渐弱。
  • 实时计数:在线人数、唯一访客、全球”哇”数、个人累计,后端用Cloudflare Worker+Durable Object+WebSocket推送,350ms合并广播,挂机零费用。
  • 移动端优先:安全区适配、绳长随屏缩放、多点触控互斥、iOS音频中断兜底、静置8秒自动省电。
  • SEO完整:OG卡片、JSON-LD、robots.txt、sitemap.xml、noscript静态正文给爬虫。

使用方式

直接浏览器打开index.html,无需构建联网。本地试玩:python3 -m http.server 8123,手机同WiFi访问电脑IP。

部署分两部分:页面本体放Cloudflare Pages,worker/目录npx wrangler deploy部署API。