赛车
更多原生js小项目,参见本人GitHub—Aguang5241
赛车改良版参见赛车游戏改良版
利用js实现以下功能:
- 在四个赛道随记生成路人小车,其运动速度随用户生存的时间增加而增加
- 用户可以通过方向键或者A、D键控制用户小车左右移动,躲避路人小车
- 当路人小车与用户小车碰撞,游戏结束
效果展示
源代码
- html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/street.css">
<script src="js/street.js"></script>
<title>Document</title>
</head>
<body>
<div id="bg">
<div id="mybox"></div>
</div>
</body>
</html>
- css
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
}
#bg