-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtaj.html
50 lines (40 loc) · 1.58 KB
/
taj.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-troika-text/dist/aframe-troika-text.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<img id="sky" src="./assets/sky1.jpg">
<img id="grassM" src="./assets/grassMaterial.jpg">
<img id="grassT" src="./assets/grasstexture.jpg">
<img id="TajM" src="./assets/TajM.jpg">
<a-asset-item id="portal" src="./assets/portal/scene.gltf"></a-asset-item>
<a-asset-item id="taj" src="./assets/tajmahal/scene.gltf"></a-asset-item>
<a-asset-item id="wall" src="./assets/wall/scene.gltf"></a-asset-item>
</a-assets>
<a-entity id="rig" >
<a-camera wasd-controls="fly:true;">
<a-cursor intersection-spawn="Event:click; mixin:voxel;"></a-cursor>
</a-camera>
</a-entity>
<a-sky src="#sky"></a-sky>
<a-plane rotation="-90 0 0" material="color:#FFFFFF;
src:#grassM;repeat:500 500;
normal-map:#grassT;
normal-texture-repeat:500 500;"
scale="5000 5000 1">
</a-plane>
<a-entity gltf-model="#taj" position="0 -18.921 -122" scale="1 1 1" rotation="0 0 0"></a-entity>
<a-entity id="ajanta" gltf-model="#portal" color="#FF0000" position="20 3 -1" scale="1 1 1" rotation="0 -90 0"></a-entity>
<a-entity troika-text="value: Taj Mahal;fontSize:1;color:#A19D194;outlineColor:#000000;outlineWidth:0.05;" position="-3 1 -5" troika-text-material="shader: standard; metalness: 0.5;"></a-entity>
</a-scene>
</body>
<script>
document.querySelector("#ajanta").addEventListener("mouseenter", e=>{
location.href="index.html";
});
</script>
</html>