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

设置完成赛车的相对位置和绝对位置之后,就可以对赛车进行键盘方向键控制的设置,在这里,需要用到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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容