im new with a-frame, im trying to build a tour using gltf and obj 3d models, i can load it easily and without any issues. my main issue is that i want to make the object i load as obstacles and the user can not pass by, let say for example im making a street with 3d bulding gltf models, i dont want the user to be able to pass tought this 3d building models.
so far here is my code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://aframe.io/releases/1.1.0/aframe.min.js"></script>
<title>Document</title>
</head>
<body>
<a-scene>
<a-assets>
<img src="assets/images/TexturesCom_Wood_PlanksTemple_3x3_1K_albedo.png" id="floor" >
<a-asset-item id="building-1" src="assets/images/3d/3dbuilding.gltf"></a-asset-item>
</a-assets>
<a-entity position="0 3 30">
<a-camera></a-camera>
</a-entity>
<a-plane material= "color: #fff;
src: #floor;
repeat: 50 50;
normal-map : #floor-nrm;
normal-texture-repeat: 50 50"
rotation="-90 0 0"
scale="1000 1000 1"
static-body>
</a-plane >
<a-entity gltf-model="building-1">
</a-entity>
</a-scene>
</body>
</html>
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
