微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我想在按箭头键时在我的网站中移动角色,但不确定需要什么才能实现

如何解决我想在按箭头键时在我的网站中移动角色,但不确定需要什么才能实现

标题所示,我想制作类似于《超级马里奥》但网站(简单)版本的内容。该用户可以通过按箭头按钮来控制角色移动。

我的概念是当用户按下箭头按钮时,它会触发网站水平滚动和角色行走动画,因此看起来角色正在向前/向后移动。

但是,我尝试在网上搜索教程,但找不到任何方法可以让用户通过键盘按钮控制角色。

我想知道可以简单地使用 css/javascript 来完成移动控制吗?

谢谢!

解决方法

您可以使用事件侦听器来实现此目的....

例如:

let environment = document.getElementById('environment');
 
environment.addEventListener('keydown',e => {
    let pressedKey = e.key;
// you can use the pressedKey to perform some actions 
// based on the key type,ie arrow keys
})

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。