-
Notifications
You must be signed in to change notification settings - Fork 0
/
3d-test.html
29 lines (27 loc) · 1.6 KB
/
3d-test.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
</head>
<body>
<div class="test" style="display:none;position: absolute; z-index: 9999; width: 200; height: 150; background-color: purple;top: 50%;left: 50%;transform: translate(-50%, -50%);">
<p>HEJ</p> <!--FIXA DISPLAY FRÅN NONE TILL AA BARA TA BOIRT IG-->
</div>
<img id="gräs" src="bilder/GLB/Cartoon_green_texture_grass.jpg" alt="">
<a-scene>
<a-plane material="src:https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/725.png; repeat: 1 1"></a-plane>
<a-sky src="bilder/GLB/himmel.png"></a-sky>
<a-plane scale="290 290 290" position="0 -3 0" rotation="270 0 0" material="src:#gräs; repeat: 20 20"></a-plane>
<a-assets>
<a-asset-tiems id="johan" src="bilder/GLB/Scaniverse 2024-05-07 164713.glb"></a-asset-tiem>
<a-asset-tiems id="johan2" src="bilder/GLB/test johan.glb"></a-asset-tiem>
</a-assets>
<a-entity rotation="0 280 0" position="2 -3 -5" scale="8 8 8" gltf-model="#johan"></a-entity>
<a-entity rotation="0 240 0" animation="property: rotation; to: 0 960 0; loop: true; dur: 4000" position="-5 -3 0" scale="2 2 2" gltf-model="#johan2"></a-entity>
<a-entity obj-model="obj:bilder/GLB/Mineways2Skfb.obj" material="src:bilder/GLB/Mineways2Skfb-RGBA.png" scale="19 19 19" position="-15 -3.6 -54"></a-entity>
</a-scene>
</body>
</html>