P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

intro ++

Browse Source
This commit is contained in:
STEINNI
2025-11-09 12:20:43 +00:00
parent 9080018f07
commit 768e42a303
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/sfx/intro.js
+3
View File
@@ -87,6 +87,7 @@ const glassMat = new THREE.MeshPhysicalMaterial({
envMapIntensity: 1.2, envMapIntensity: 1.2,
attenuationColor: new THREE.Color(0x88ffcc), attenuationColor: new THREE.Color(0x88ffcc),
attenuationDistance: 2, attenuationDistance: 2,
envMapIntensity: 2.5
}) })
@@ -178,6 +179,7 @@ function animate() {
} }
if(lettersZ>1.5) { if(lettersZ>1.5) {
for(const [i, letter] of glassLetters.entries()){ for(const [i, letter] of glassLetters.entries()){
letter.rotation.x += Math.abs(i-4)/-1000
letter.rotation.y += (i-4)/2000 letter.rotation.y += (i-4)/2000
letter.position.x += (i-4)/4000 letter.position.x += (i-4)/4000
} }
@@ -186,6 +188,7 @@ function animate() {
lettersZ = -1 lettersZ = -1
for(const [i, letter] of glassLetters.entries()){ for(const [i, letter] of glassLetters.entries()){
letter.rotation.y = 0 letter.rotation.y = 0
letter.rotation.x = 0
letter.position.x = lettersPosScale[i].position.x letter.position.x = lettersPosScale[i].position.x
letter.position.z = lettersPosScale[i].position.z letter.position.z = lettersPosScale[i].position.z
} }
app/assets/styles/intro.css
+2 -1
View File
@@ -52,7 +52,7 @@ canvas.intro3d{
z-index: 99; z-index: 99;
border-radius: 1rem; border-radius: 1rem;
box-shadow: 2px 2px 10px #BAFFEF, -2px -2px 10px #BAFFEF, -2px 0 10px #BAFFEF, 0 -2px 10px #BAFFEF; box-shadow: 2px 2px 10px #BAFFEF, -2px -2px 10px #BAFFEF, -2px 0 10px #BAFFEF, 0 -2px 10px #BAFFEF;
background: radial-gradient(#82cc50, #0a8200); background: radial-gradient(#8cf44677, #14ff0078);
padding: 2rem 3rem 1rem 3rem; padding: 2rem 3rem 1rem 3rem;
margin-top: -68vh; margin-top: -68vh;
opacity: 0; opacity: 0;
@@ -61,6 +61,7 @@ canvas.intro3d{
font-size: 1.3rem; font-size: 1.3rem;
transform: perspective(200px) rotateY(0deg) rotateX(6deg) rotateZ(0deg); transform: perspective(200px) rotateY(0deg) rotateX(6deg) rotateZ(0deg);
transform-style: preserve-3d; transform-style: preserve-3d;
color: #FFF;
} }
#login-dialog.show { #login-dialog.show {
opacity: 1; opacity: 1;