让 Canvas JS 游戏适合移动设备

发布于 2025-01-10 09:15:21 字数 540 浏览 0 评论 0原文

https://flappy-pappy.netlify.app/ 如何使画布游戏适合移动设备?我知道您可以制作带有应用程序商店链接的页面并使用 swift 创建应用程序,但我正在讨论如何在移动设备上使用 Js 使其响应?我正在考虑使用它来实现某种操纵杆方法 https://developer.mozilla.org/en-US/文档/游戏/技术/Control_mechanisms/Mobile_touch

我不明白为什么它在移动设备上有延迟,点击它时大约有 500 毫秒的延迟。 我还在不同的设备上尝试过,在我的设备上它以正常速度运行,而在其他手机上速度要快得多。

https://flappy-pappy.netlify.app/
How do you make canvas games mobile friendly? I know that you can make the page with a link to app store and create the app with swift but I'm talking about how can you make this responsive with Js on mobile? I'm thinking about implementing some sort of joystick approach using this
https://developer.mozilla.org/en-US/docs/Games/Techniques/Control_mechanisms/Mobile_touch.

I don't understand why it has lag on mobile, around 500ms lag when you tap it.
Also I tried it on different devices and on my device it goes at normal speed and on other phones the pace is way faster.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

-残月青衣踏尘吟 2025-01-17 09:15:21

这是关于标签的。您需要元标记。它仍然感觉有点滞后,但也许触摸事件可以做到这一点。谢谢各位的不喜欢。爱你们大家。

<meta name="viewport" content="width=device-width,
user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0"
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta
  name="apple-mobile-web-app-status-bar-style"
  content="black-translucent"
/>

It's about tags. You need meta tags. It still feels a bit laggy but maybe touch events will do it. Thank you for the dislikes. Love you all.

<meta name="viewport" content="width=device-width,
user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0"
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta
  name="apple-mobile-web-app-status-bar-style"
  content="black-translucent"
/>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文