本文实例为大家分享了js坦克移动的具体代码,供大家参考,具体内容如下
先看看,js超简单实现图片旋转:
当前var=180;//需要反转的角度
tank.style。变换='(' +当前+ '度)的旋转;//在风格里的变换赋值的旋转(' +当前+ '度)
-附:简易的小坦克移动js小游戏
(注:键盘上的上下左右键键值分别是37、38、39、40)
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt;元name=笆哟啊蹦谌?翱矶?设备宽度,初始=1.0”比;
& lt;元http-equiv=癤-UA-Compatible”内容=癷e=边缘”比;
& lt; title> Document
& lt;/head>
& lt; body>
& lt; div id=叭萜鳌北?
& lt; img src=" https://www.yisu.com/zixun/tank.png " alt=" id=疤箍恕北?
& lt;/div>
& lt;/body>
& lt; script>
容器。
坦克。
document.body.onkeydown=function () {
当前var=0;
var=大方法(tank.style.top);
var左=方法(tank.style.left);
var代码=event.keyCode;
如果(代码==37){
当前=180;
tank.style。变换='(' +当前+ '度)的旋转;
如果(左& lt;=0) {
警报(“您已经到最左边了!”);
}
其他{
tank.style。左=(造成10)+“px”;
}
}
如果(代码==38){
当前=270;
tank.style。变换='(' +当前+ '度)的旋转;
如果(高层& lt;=0) {
警报(“您已经到最上边了!”);
}
其他{
tank.style。=(十大)+“px”;
}
}
如果(代码==39){
当前=0;
tank.style。变换='(' +当前+ '度)的旋转;
如果(左+方法(tank.width) + 6祝辞=1000){
警报(“您已经到最右边了!”);
}
其他{
tank.style。左=(左+ 10)+“px”;
}
}
如果(代码==40){
当前=90;
tank.style。变换='(' +当前+ '度)的旋转;
如果(上+方法(tank.width) + 6祝辞=800){
警报(“您已经到最下边了!”);
}
其他{
tank.style。顶级=(上+ 10)+“px”;
}
}
}
& lt;/script>
& lt;/html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
