adrien/daedalus
adrien/daedalus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

classier end

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-06-02 01:53:34 +02:00
parent 57cdea41f9
commit ee36c2d8fb
3 changed files with 54 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -9,6 +9,7 @@
</head> </head>
<body> <body>
<div id="container"></div> <div id="container"></div>
<span id="end">Libre</span>
<!-- Import maps polyfill --> <!-- Import maps polyfill -->
<!-- Remove this when import maps will be widely supported --> <!-- Remove this when import maps will be widely supported -->

11
main.js
View File

@ -453,8 +453,7 @@ function playerCollisions() {
if ( !escaped && raftOctree.capsuleIntersect( playerCollider ) ) { if ( !escaped && raftOctree.capsuleIntersect( playerCollider ) ) {
escaped = true; end.className = "escaped";
alert("Congrats! You finally escaped.");
} }
@ -478,6 +477,12 @@ function playerCollisions() {
} }
addEventListener("animationend", (event) => {
escaped = true;
document.exitPointerLock();
});
function updatePlayer( deltaTime ) { function updatePlayer( deltaTime ) {
let damping = Math.exp( - 4 * deltaTime ) - 1; let damping = Math.exp( - 4 * deltaTime ) - 1;
@ -627,6 +632,6 @@ function animate() {
if ( showStats ) stats.update(); if ( showStats ) stats.update();
requestAnimationFrame( animate ); if ( !escaped ) requestAnimationFrame( animate );
} }

52
style.css
View File

@ -1,10 +1,46 @@
body { body {
margin: 0; margin: 0;
background-color: #000; background-color: #000;
color: #fff; color: #fff;
font-family: Monospace; font-family: Monospace;
font-size: 13px; font-size: 13px;
line-height: 24px; line-height: 24px;
overscroll-behavior: none; overscroll-behavior: none;
cursor: pointer; cursor: pointer;
}
canvas {
position: absolute;
z-index: 0;
}
@keyframes escaped{
0% {
opacity: 0%;
background: transparent;
height: 10vh;
padding-top: 90vh;
}
}
#end {
display: none;
position: absolute;
left: 0;
width: 100%;
height: 100vh;
font-size: 10vh;
font-family: Georgia, serif;
color: gray;
justify-content: center;
z-index: 1;
}
#end.escaped {
display: flex;
animation: escaped 5s;
height: 50vh;
padding-top: 50vh;
opacity: 100%;
background: white;
} }