nbillard/sokoban
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

starting levelManager class

Browse source
This commit is contained in:
nbillard 2022-12-12 15:34:06 +01:00
parent 1116541d3f
commit c18fb9312d
4 changed files with 32 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -22,11 +22,11 @@
<![endif]-->
<nav>
<h1>Sokoban</h1>
<ol id="level-list">
<ol id="level-list" class="not-in-win-animation">
</ol>
</nav>
<main>
<div class="controls">
<div class="controls not-in-win-animation">
<div id="timer">Time</div>
<button id="pause-1">Pause</button>
<button id="pause-2">Pause</button><br/>
@ -34,7 +34,7 @@
<input type="range" min="0" max="100" value="50" id="difficulty-slider">
<br/>
</div>
<div>
<div class="not-in-win-animation">
<canvas id="canvas" width="800" height="400"></canvas>
<div id="tutorial-speech-bubble" class="text-bubble">
<div class="dialog">

17
modules/levelSelection.mjs
View file

@ -18,15 +18,20 @@ export const fillLevelsSelection = (gameState, ctx) => {
selectionButton.setAttribute("array-index", i);
selectionButton.addEventListener("click", (click) => {
selectLevel(ctx, gameState, click.srcElement.getAttribute("array-index"));
// let blueprint = levelsBlueprint[
// click.srcElement.getAttribute("array-index")
// ];
// gameState.playground = generatePlayground(blueprint.structure, gameState.width, gameState.height);
// gameState.timer = new Timer(blueprint.time, gameState.timer.expireFunction);
// gameState.playground.draw(ctx, gameState.width, gameState.height);
});
selectionButton.innerText = "Level" + i;
listElement.appendChild(selectionButton);
levelList.appendChild(listElement);
}
}
export class LevelManager (
constructor(StartingLevelId = 0) {
self.CurrentLevelId = StartingLevelId;
}
next(ctx, gameState) {
self.CurrentLevelId++;
selectLevel(ctx, gameState, self.CurrentLevelId);
}
)

16
modules/levels.mjs
View file

@ -25,7 +25,23 @@ const level2Blueprint = {
time: 23000,
};
const level3Blueprint = {
structure: [
[Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall,],
[Square.Wall, Square.Floor, Square.Floor, Square.Floor, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall,],
[Square.Wall, Square.Floor, Square.Box, Square.Floor, Square.Destination, Square.Destination, Square.Destination, Square.Wall, Square.Wall, Square.Wall,],
[Square.Wall, Square.Wall, Square.Destination, Square.Box, Square.Box, Square.Destination, Square.Floor, Square.Floor, Square.Wall, Square.Wall,],
[Square.Wall, Square.Wall, Square.Destination, Square.Destination, Square.Floor, Square.Box, Square.Box, Square.Floor, Square.Wall, Square.Wall,],
[Square.Wall, Square.Wall, Square.Destination, Square.Box, Square.Box, Square.Floor, Square.Box, Square.Floor, Square.Floor, Square.Floor],
[Square.Wall, Square.Wall, Square.Player, Square.Destination, Square.Destination, Square.Box, Square.Box, Square.Floor, Square.Floor, Square.Wall,],
[Square.Wall, Square.Wall, Square.Floor, Square.Floor, Square.Floor, Square.Floor, Square.Floor, Square.Wall, Square.Wall, Square.Wall,],
[Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall, Square.Wall,],
],
time: 8000,
}
export const levelsBlueprint = [
level1Blueprint,
level2Blueprint,
level3Blueprint,
]

6
modules/timer.mjs
View file

@ -2,8 +2,6 @@ export class Timer {
readDifficulty(slider) {
self.difficulty = 1.5 - slider.value * 0.01;
self.time = self.originalTime * self.difficulty;
console.log("difficulty: " + self.difficulty);
console.log("time: " + self.time);
}
constructor(time, expireFunction) {
@ -48,8 +46,8 @@ export class Timer {
if (self.timeRunning) {
let timeStr = String(self.time).padStart(5, '0');
self.timerElement.innerHTML = "Time : " + timeStr.slice(0, 3) + '.' + timeStr.slice(3);
if (self.time == 0) {
this.expireFunction();
if (self.time <= 0) {
self.expireFunction();
clearInterval(self.intervalControler);
self.timeRunning = false;
}