finaly a cool intro

This commit is contained in:
STEINNI
2025-11-08 23:21:35 +00:00
parent 0a59e92937
commit 9080018f07
8 changed files with 509 additions and 145 deletions
+12 -17
View File
@@ -5,26 +5,21 @@
<script src="/core/Sparc-core-1.0.js"></script>
<title>Project 42</title>
<link rel="stylesheet" type="text/css" href="/app/assets/styles/intro.css" media="all">
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js",
"three/examples/jsm/loaders/FontLoader.js": "https://unpkg.com/three@0.158.0/examples/jsm/loaders/FontLoader.js",
"three/examples/jsm/geometries/TextGeometry.js": "https://unpkg.com/three@0.158.0/examples/jsm/geometries/TextGeometry.js",
"three/examples/jsm/loaders/RGBELoader.js": "https://unpkg.com/three@0.158.0/examples/jsm/loaders/RGBELoader.js"
}
}
</script>
<script type="module" src="/app/assets/sfx/intro.js"></script>
</head>
<body>
<div class="glowing lt">
<span style="--i:1;"></span>
<span style="--i:2;"></span>
<span style="--i:3;"></span>
</div>
<div class="glowing ct">
<span style="--i:4;"></span>
<span style="--i:5;"></span>
<span style="--i:6;"></span>
</div>
<div class="glowing rt">
<span style="--i:5;"></span>
<span style="--i:3;"></span>
<span style="--i:1;"></span>
</div>
<img src="/app/assets/images/logop42-intro.png" class="logointro"/>
<canvas class="intro3d"></canvas>
<button id="startbtn">START</button>
<div id="login-dialog">
<div class="cols2">