31 lines
919 B
HTML
31 lines
919 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Three.js Spirits Szene</title>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"three": "https://cdn.jsdelivr.net/npm/three@0.155.0/build/three.module.js",
|
|
"GLTFLoader": "https://cdn.jsdelivr.net/npm/three@0.155.0/examples/jsm/loaders/GLTFLoader.js",
|
|
"DRACOLoader": "https://cdn.jsdelivr.net/npm/three@0.155.0/examples/jsm/loaders/DRACOLoader.js"
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
#viewer {
|
|
position: absolute; top:50%; left:50%;
|
|
transform: translate(-50%,-50%);
|
|
width:1200px; height:800px;
|
|
max-width:100%; max-height:100%;
|
|
background:#000; border-radius:15px; overflow:hidden;
|
|
}
|
|
canvas { display:block; }
|
|
body { margin:0; overflow:hidden; background:#000; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="viewer"></div>
|
|
<script type="module" src="app.js"></script>
|
|
</body>
|
|
</html> |