碰撞检测/无法读取未定义的属性'defaultView'

时间:2017-11-11 07:20:24

标签: javascript jquery collision-detection collision jquery-collision

我正在制作我的第一款游戏,迷宫型,带有碰撞检测功能。我目前正在通过连续运动(仍有一些错误)移动'工具'div并检查碰撞。

当我将碰撞项目传递给检查时,代码底部,我收到错误'无法读取属性'defaultView'的undefined'。

main.js

body{
margin: auto;
text-align: center;
}
.black {
  background-color: black;
 }
.red {
  background-color: red;
 }

.tool {
  border: 2px solid black;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  background-color: green;
  position: absolute;
  z-index: 300;
}
.wall {
  background-color: black;
  position: absolute;
}
.goal {
    background-color: gold;
  position: absolute;
}
.prize {
  border: 2px solid black;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  background-color: gold;
  position: absolute;
  z-index: 299;
}

的style.css

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Maze</title>
  <link rel="stylesheet" href="style.css">
  <script src="http://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
</head>
<body>
<main>
</main>
<script src="main.js" type="text/javascript" charset="utf-8" async defer></script>
</body>
</html>

的index.html

{{1}}

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

这里面的getCollision实际上是指应该引用你的移动物体的窗口。

我在计算getCollision时做了一些改动来获取移动元素。

1)将getElelment()方法添加到移动类中。 2)使用此方法计算getCollision。

#!/bin/bash
clear
echo
echo -e "\t\t1▄██████▄#0000▄████████0000▄████████11▄██████▄ ";
echo -e "\t\t███0000███111███0110███111███1011███1███#0000██";
echo -e "\t\t███0001███111███0111███111███1100█▀11███#ffff██";
echo -e "\t\t███0010███11▄███▄▄▄▄██▀11▄███▄▄▄11111███#0000██";
echo -e "\t\t███0011███1▀▀███▀▀▀▀▀111▀▀███▀▀▀11111███#ffff██";
echo -e "\t\t███0100███1▀███████████111███1101█▄11███#0000██";
echo -e "\t\t███0101███111███1000███111███1110███1███#ffff██";
echo -e "\t\t1▀██████▀ffff███1001███111██████████11▀██████▀1";
echo -e "\n\n"