微信扫一扫8.5w+
社区成员
有关支持多按键游戏的代码问题
下面是html代码，是主页的代码
下面是javascript代码，这段只支持单一的按键，不支持同时多按键。
下面是支持多按键的代码，就是加了一个setInterval定时器，问题来了
我把上面的javascript代码去掉，换成下面的代码，结果控制不了paddleB和paddleA了。求解？？？？
<html>
<title>pingpang</title>
<head>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/html5game.pingpang.js"></script>
<style>
#playground{
background: #e0ffe0 url(images/pixel_grid.jpg);
width: 400px;
height: 200px;
position: relative;
overflow: hidden;
}
#ball{
background: #fbb;
position: absolute;
width: 20px;
height: 20px;
left: 150px;
top: 100px;
border-radiue: 10px;
}
.paddle{
background: #bbf;
left: 50px;
top: 70px;
position: absolute;
width: 30px;
height: 70px;
}
#paddleB{
left: 320px;
}
</style>
</head>
<body>
<header>pingpang</header>
<div id="game">
<div id="playground">
<div id="paddleA" class="paddle"></div>
<div id="paddleB" class="paddle"></div>
<div id="ball"></div>
</div>
</div>
<footer>
this is a example of creating a ping pang game.
</footer>
</body>
</html>下面是javascript代码，这段只支持单一的按键，不支持同时多按键。
$(function(){
$("#paddleB").css("top","20px");
$("#paddleA").css("top","60px");
});
var KEY = {
UP: 38,
DOWN: 40,
W: 87,
S: 83
}
$(function(){
$(document).keydown(function(e){
switch(e.which){
case KEY.UP:
var top = parseInt($("#paddleA").css("top"));
$("#paddleA").css("top",top-5);
break;
case KEY.DOWN:
var top = parseInt($("#paddleA").css("top"));
$("#paddleA").css("top",top+5);
break;
case KEY.W:
var top = parseInt($("#paddleB").css("top"));
$("#paddleB").css("top",top-5);
break;
case KEY.S:
var top = parseInt($("#paddleB").css("top"));
$("#paddleB").css("top",top+5);
break;
}
});
});下面是支持多按键的代码，就是加了一个setInterval定时器，问题来了
我把上面的javascript代码去掉，换成下面的代码，结果控制不了paddleB和paddleA了。求解？？？？
var pingpang = {}
pingpang.pressKeys = [];
$(function(){
pingpang.timer=setInterval(gameloop,30);
$(document).keydown(function(e){
pingpang.pressedKeys[e.which] = true;
});
$(document).keyup(function(e){
pingpang.pressedKeys[e.which] = false;
});
});
function gameloop(){
movePaddles();
}
function movePaddles(){
if(pingpang.pressedKeys[KEY.UP]){
var top = parseInt($("#paddleB").css("top"));
$("#paddleB").css("top",top-5);
}
if (pingpang.pressedKeys[KEY.down]){
var top = parseInt($("#paddleB").css("top"));
$("#paddleB").css("top",top+5);
}
if(pingpang.pressedKeys[KEY.W]){
var top = parseInt($("#paddleA").css("top"));
$("#paddleA").css("top",top-5);
}
if (pingpang.pressedKeys[KEY.S]){
var top = parseInt($("#paddleA").css("top"));
$("#paddleA").css("top",top+5);
}
}
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
Android游戏源码支持触屏和按键的推箱子 Android游戏源码支持触屏和按键的推箱子是一个经典游戏-推箱子的安卓版本源码，界面做的比较简陋。试玩了一下只有两关没发现bug，如果想要开发推箱子的话可以借鉴里面的算法，游戏能后撤步骤，支持触屏或者按键操作...
Android推箱子游戏源代码 缺点固然存在，但功能上还是比较完整的，除常规的撤消/恢复/关卡选择等功能外，还支持屏幕方向自适应调整（按字母"T"键仿真屏幕旋转效果),多语言OSD介面(简体中文、英文) 可以通过触屏上下左右划动或单击主人公...
按键脚本c语言,按键精灵脚本代码大全 按键精灵命令使用方法 按键精灵的鼠标动作录制是一项非常好用的功能，但因为鼠标点击的地方是固定死板的，且延迟...按键精灵脚本代码大全:小技巧:按Ctrl+F，输入命令，即可进行查找定位:键盘命令键盘模拟命令[KeyPress]"按下再弹起"键[Ke...
Android游戏源码支持触屏和按键的推箱子.rar Android游戏源码支持触屏和按键的推箱子是一个经典游戏-推箱子的安卓版本源码，界面做的比较简陋。试玩了一下只有两关没发现bug，如果想要开发推箱子的话可以借鉴里面的算法，游戏能后撤步骤，支持触屏或者按键操作...
按键支持连续按的相应代码 晚上写关于按键的程序时，看到教程上有关于支持按键长按的相关讲解，亲试之后，在这做一个记录吧！ 先讲解下支持按键连续按与不支持按键连续按两者之间的区别： 通常我们见到的按键按一下（不管按下时间长短），...
c++编写手机小游戏代码_C++代码实现贪吃蛇小游戏 本文实例为大家分享了C++实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下1.游戏描述贪吃蛇可谓是从小玩到大的经典趣味小游戏，蛇每吃到一次食物，身体就会长一节，如果撞到墙或者撞到自身，游戏结束。2.代码...
freepiano游戏开源代码 FreePiano是一款使用电脑键盘演奏音乐的...支持多种音频输出方式，包括DirectSound, WASAPI和ASIO。 可以定义键盘上任意一个按键的功能与显示。 多套键盘配置可以在演奏中任意切换。 可将录制的乐曲导出成视频MP4文件。
Qt按键测试（二）（源代码） 上次演示程序表明，Qt可以支持多个按键同时按下，这可以激起我们探索按键在游戏中的作用。知道吗？操作感是大多数游戏成功的因素之一，不谈那些网游，那些街机游戏更是将操作感视为其生命线。Qt要成为一款成功的...
python代替按键精灵 游戏内失灵_python游戏脚本之调用按键精灵插件模拟输入（二）... 我们准备在python中调用按键精灵的大漠插件来完成模拟驱动的鼠标键盘操作。大漠 综合 插件 (dm.dll)采用vc6.0编写，识别速度超级快！ 采用COM接口编写，适用于所有语言调用。网上相关教程极少，我们只能一步步自己...
python模拟按键_模拟用于控制游戏的Python按键 我正在使用我的Kinect和Python来控制游戏(我的两个测试游戏是Half Life ...然而,问题是游戏忽略了模拟按键.他们都会在聊天窗口(Minecraft)或开发者控制台(Half Life 2)中拾取模拟按键,但在播放实际游戏时却不会.我尝...
自动识图按键 v1.0免费版 为您提供自动识图按键下载，自动识图按键是一款自动操控鼠标的工具，适合用于一些简单的游戏重复操作，能够帮助用户通过识别图像来自动点击按钮，使用非常方便，有需要的用户可以下载。使用方法 一、图开关 图开关...
python游戏开始界面_pygame游戏之旅 添加游戏界面按键图形 本文为大家分享了pygame游戏之旅的第10篇，供大家参考，具体内容如下通过获取鼠标的位置然后进行高亮显示：mouse =pygame.mouse.get_pos()if 150 + 100 > mouse[0] > 150 and 450 + 50 > mouse[1] > 450...
PyGame 快速入门：100行代码完成游戏开发 PyGame是跨平台Python模块，专为电子游戏设计。包含图像、声音。创建在SDL基础上，允许实时电子游戏研发而无需被低端语言，如C语言或是更低端的汇编语言束缚。基于这样一个设想，所有需要的游戏功能和理念都（主要是...
java键盘小游戏源码-rogue-cloud:RogueCloud是一款开放世界的自上而下的2D多人生存游戏，您的代码可以控制您的角色在游戏 实际上是编写代码来控制您的角色，因为它与大量，危险的游戏世界。 在幕后，您编写的代码被打包到基于 WebSocket 的微服务中，该微服务与传统微服务一样，提供或支持各种云原生需求。 入门 通过访问我们的文档开始玩...
matlab代码做游戏-stars:星星 matlab代码做游戏很棒的星星 我的GitHub明星精选清单！ 内容 阿帕奇会议 -适用于在团队环境中工作的视觉设计师的常规工作流程清单，他们将与开发人员共享视觉探索和内容。 Arduino的 -ESP8266移动Rick Roll专属门户 ...
android 多个按键精灵,给大家分享一个，按键精灵安卓版，找多图， 以及找多图返回多个坐标的，相信大家绝对用得到 _ 按键精灵手机版 - 按键精灵论坛... 大家感觉有用的回复多多支持一下，下面这个找图代码，是我平时写代码，都用到的，我感觉不错，毕竟用起来有大漠的感觉，哈哈//TracePrint "--"Dim 找图组合,图片数组(),intx,intY,dm_ret ,x,y,i,ss,index,count,...
安卓蓝牙游戏手柄驱动 安卓蓝牙游戏手柄驱动是一套开源的安卓蓝牙游戏手柄驱动项目并且附带一份与蓝牙手柄连接配置的使用文档。支持五种蓝牙手柄的驱动。具体的和虚拟按键的对应按键的配置请参照本项目内的pdf文档。
