Compare commits

..

No commits in common. "ee36c2d8fb650581e583a5f2bba28b8a503403f5" and "97ac1cad0bd3540a10054865c0a7736d88966d8d" have entirely different histories.

3 changed files with 14 additions and 56 deletions

View File

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

15
main.js
View File

@ -224,9 +224,9 @@ const sunLight = new THREE.DirectionalLight( 0xffffff, 0.3 );
sunLight.castShadow = true;
sunLight.shadow.camera.near = 20;
sunLight.shadow.camera.far = 200;
sunLight.shadow.camera.right = 10;
sunLight.shadow.camera.right = 10;
sunLight.shadow.camera.left = -10;
sunLight.shadow.camera.top = 10;
sunLight.shadow.camera.top = 10;
sunLight.shadow.camera.bottom = -10;
sunLight.shadow.mapSize.width = 4096;
sunLight.shadow.mapSize.height = 4096;
@ -453,7 +453,8 @@ function playerCollisions() {
if ( !escaped && raftOctree.capsuleIntersect( playerCollider ) ) {
end.className = "escaped";
escaped = true;
alert("Congrats! You finally escaped.");
}
@ -477,12 +478,6 @@ function playerCollisions() {
}
addEventListener("animationend", (event) => {
escaped = true;
document.exitPointerLock();
});
function updatePlayer( deltaTime ) {
let damping = Math.exp( - 4 * deltaTime ) - 1;
@ -632,6 +627,6 @@ function animate() {
if ( showStats ) stats.update();
if ( !escaped ) requestAnimationFrame( animate );
requestAnimationFrame( animate );
}

View File

@ -1,46 +1,10 @@
body {
margin: 0;
background-color: #000;
color: #fff;
font-family: Monospace;
font-size: 13px;
line-height: 24px;
overscroll-behavior: none;
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;
margin: 0;
background-color: #000;
color: #fff;
font-family: Monospace;
font-size: 13px;
line-height: 24px;
overscroll-behavior: none;
cursor: pointer;
}