微信扫一扫8.6w+
社区成员
有关支持多按键游戏的代码问题
下面是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介面(简体中文、英文) 可以通过触屏上下左右划动或单击主人公...
Android游戏源码支持触屏和按键的推箱子.rar Android游戏源码支持触屏和按键的推箱子是一个经典游戏-推箱子的安卓版本源码，界面做的比较简陋。试玩了一下只有两关没发现bug，如果想要开发推箱子的话可以借鉴里面的算法，游戏能后撤步骤，支持触屏或者按键操作...
java游戏管理器虚拟按键_Android实现手机游戏隐藏虚拟按键 手机游戏实现Android隐藏虚拟按键，供大家参考，具体内容如下在华为等型号的手机会有虚拟按键，在进入游戏的时候，需要全屏隐藏这个按键，并在下拉状态栏的时候，会重新呼出虚拟按键。游戏的加载过程中，初始化检查...
按键脚本c语言,按键精灵脚本代码大全 按键精灵命令使用方法 按键精灵的鼠标动作录制是一项非常好用的功能，但因为鼠标点击的地方是固定死板的，且延迟...按键精灵脚本代码大全:小技巧:按Ctrl+F，输入命令，即可进行查找定位:键盘命令键盘模拟命令[KeyPress]"按下再弹起"键[Ke...
锁定计算机按键精灵运行,最新按键精灵脚本代码大全 按键精灵命令运行方法... 按键精灵脚本代码命令运行大全。按键精灵的鼠标动作录制是一项非常好用的功能，但因为鼠标点击的地方是固定死板的，且延迟时间无法调整，如果在后台脚本中添加一些专用代码，就可以调整点击频率和点击时间，甚至可以...
python代替按键精灵 游戏内失灵_python游戏脚本之调用按键精灵插件模拟输入（二）... 我们准备在python中调用按键精灵的大漠插件来完成模拟驱动的鼠标键盘操作。大漠 综合 插件 (dm.dll)采用vc6.0编写，识别速度超级快！ 采用COM接口编写，适用于所有语言调用。网上相关教程极少，我们只能一步步自己...
c++编写手机小游戏代码_C++代码实现贪吃蛇小游戏 本文实例为大家分享了C++实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下1.游戏描述贪吃蛇可谓是从小玩到大的经典趣味小游戏，蛇每吃到一次食物，身体就会长一节，如果撞到墙或者撞到自身，游戏结束。2.代码...
freepiano游戏开源代码 FreePiano是一款使用电脑键盘演奏音乐的...支持多种音频输出方式，包括DirectSound, WASAPI和ASIO。 可以定义键盘上任意一个按键的功能与显示。 多套键盘配置可以在演奏中任意切换。 可将录制的乐曲导出成视频MP4文件。
Qt按键测试（二）（源代码） 上次演示程序表明，Qt可以支持多个按键同时按下，这可以激起我们探索按键在游戏中的作用。知道吗？操作感是大多数游戏成功的因素之一，不谈那些网游，那些街机游戏更是将操作感视为其生命线。Qt要成为一款成功的...
matlab代码做游戏-stars:星星 matlab代码做游戏很棒的星星 我的GitHub明星精选清单！ 内容 阿帕奇会议 -适用于在团队环境中工作的视觉设计师的常规工作流程清单，他们将与开发人员共享视觉探索和内容。 Arduino的 -ESP8266移动Rick Roll专属门户 ...
不用写代码的Android 2D RPG游戏引擎 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...
python贪吃蛇编程代码大全_200行python代码实现贪吃蛇游戏 本文实例为大家分享了python实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下这次我们来写一个贪吃蛇游戏下面贴出具体代码import pygameimport timeimport numpy as np# 此模块包含游戏所需的常量from pygame....
python小游戏代码大全-python贪吃蛇游戏代码 本文实例为大家分享了python贪吃蛇游戏的具体代码，供大家参考，具体内容如下贪吃蛇游戏截图：首先安装pygame，可以使用pip安装pygame：pip install pygame运行以下代码即可：#!/usr/bin/env pythonimport pygame,...
flash打字游戏源代码 //定义对象的子项不支持鼠标 Fruit_MC.addChild(Fruit); //将苹果对象加入到容器中 addChild(Fruit_MC); //将容器显示在舞台上 Fruit.x = Math.round(Math.random()*(stage.stageWidth-2*Fruit.width)+...
