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

little fixes

Browse Source
This commit is contained in:
Adrien MALINGREY 2024-03-13 03:18:35 +01:00
parent dd8361cf33
commit 1b8e4b2676
2 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
main.js
View File

@ -14,13 +14,13 @@ import MazeMesh from './MazeMesh.js'
// LOADING
const labyWidth =23
const labyWidth = 23
const labyHeight = 23
for(let y=0; y < labyHeight; y++) {
let tr = document.createElement("tr")
labyTable.appendChild(tr)
for(let x=0; x < labyHeight; x++) {
for(let x=0; x < labyWidth; x++) {
let td = document.createElement("td")
tr.appendChild(td)
}
@ -30,7 +30,7 @@ let walls
function dig(x, y) {
walls[y][x] = false
window.requestAnimationFrame(() => labyTable.children[y].children[x].className = "ground")
labyTable.children[y].children[x].className = "ground"
}
const directions = [[0, 1], [0, -1], [1, 0], [-1, 0]]
@ -61,8 +61,6 @@ function* endlessLaby() {
walls = Array(labyHeight).fill(true).map(row => Array(labyWidth).fill(true))
//let x0 = 2 * Math.floor(labyWidth * Math.random() / 2) + 1
//let y0 = 2 * Math.floor(labyHeight * Math.random() / 2) + 1
let x0 = Math.floor(labyWidth / 2)
let y0 = Math.floor(labyHeight / 2)
@ -79,8 +77,10 @@ let interval = window.setInterval(() => labyIterator.next(), 200)
const loadMngr = new THREE.LoadingManager()
const loader = new THREE.TextureLoader(loadMngr)
loader.setPath("textures/")
let t0
loadMngr.onStart = function (url, itemsLoaded, itemsTotal) {
progress.innerText = "0"
t0 = Date.now()
}
loadMngr.onProgress = function (url, itemsLoaded, itemsTotal) {
progress.innerText = Math.floor(100 * itemsLoaded / itemsTotal)

28
style.css
View File

@ -19,27 +19,29 @@ body {
}
#labyTable {
width: 230px;
height: 230px;
margin-left: auto;
margin-right: auto;
margin-top: 20vh;
margin-bottom: 5vh;
border-collapse: collapse;
width: 230px;
height: 230px;
margin-left: auto;
margin-right: auto;
margin-top: 20vh;
margin-bottom: 5vh;
border-collapse: collapse;
}
td {
width: 10px;
height: 10px;
transition: background-color 1s;
#labyTable td {
width: 10px;
height: 10px;
transition: background-color 1s;
border: 0;
padding: 0;
}
.wall {
background-color: transparent;
background-color: transparent;
}
.ground {
background-color: #214464;
background-color: #214464;
}
#container {