美文网首页
关于使用web前端编写一个赛车小游戏所遇到的一些小问题(赛车篇2

关于使用web前端编写一个赛车小游戏所遇到的一些小问题(赛车篇2

作者: 前端萌新zk | 来源:发表于2017-09-11 18:39 被阅读0次

设置完成赛车的相对位置和绝对位置之后,就可以对赛车进行键盘方向键控制的设置,在这里,需要用到js的语句

源代码如下:

<script src="1.js"></script>(调用工具)

<script>

var a=42.5;var b=72;(定义 a,b的值,为后面的算法做准备)【a,b的值为前面定义的赛车的相对位置】

      document.onkeydown=function(shizhe)(当键盘按下时运行以下语句){

      if(shizhe.keyCode==39)(如果键盘按下的是方向键右键,那么运行以下语句,如果不是,则跳过)

      {a=a+20;}(算法:令a等于a加20)

      if(a>82.5){a=82.5}(如果a大于82.5,那么令a等于82.5,如果不是,则跳过)【为了将赛车限制在赛道内】

      $(".mc").css({left:a+"%" })(前面调用的工具的作用,将上述算法算出的a值调回到赛车的相对位置中作为left值)

      if(shizhe.keyCode==37)(如果键盘按下的是方向键左键,那么运行以下语句,如果不是,则跳过)

      {a=a-20;}(算法:令a等于a减20)

      if(a<2.5){a=2.5}(如果a小于2.5,那么令a等于2.5,如果不是,则跳过)【为了将赛车限制在赛道内】

      $(".mc").css({left:a+"%" })前面调用的工具的作用,将上述算法算出的a值调回到赛车的相对位置中作为left值)

      if(shizhe.keyCode==38)(如果键盘按下的是方向键上键,那么运行以下语句,如果不是,则跳过)

      {b=b-10;}(算法:令b等于b加20)

      if(b<2.5){b=2.5}(如果b小于2.5,那么令b等于2.5,如果不是,则跳过)【为了将赛车限制在赛道内】

      $(".mc").css({top:b+"%" })(前面调用的工具的作用,将上述算法算出的b值调回到赛车的相对位置中作为top值)

      if(shizhe.keyCode==40)(如果键盘按下的是方向键下键,那么运行以下语句,如果不是,则跳过)

      {b=b+10;}(算法:令b等于b减20)

      if(b>72){b=72}(如果b小于72,那么令b等于72,如果不是,则跳过)【为了将赛车限制在赛道内】

      $(".mc").css({top:b+"%" })(前面调用的工具的作用,将上述算法算出的b值调回到赛车的相对位置中作为top值)

}

</script>

相关文章

网友评论

      本文标题:关于使用web前端编写一个赛车小游戏所遇到的一些小问题(赛车篇2

      本文链接:https://www.haomeiwen.com/subject/rtmfsxtx.html