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

integrated timer in a module

Browse source
This commit is contained in:
nbillard 2022-12-06 05:20:44 +01:00
parent 2d25d56bbc
commit dd31949b61
3 changed files with 64 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -22,7 +22,7 @@
<![endif]--> <![endif]-->
<nav> <nav>
<h1>Sokoban</h1> <h1>Sokoban</h1>
<ol id="level-lists"> <ol id="level-list">
</ol> </ol>
</nav> </nav>
<main> <main>

16
modules/timer.mjs Normal file
View file

@ -0,0 +1,16 @@
export class Timer {
constructor(time, expireFunction) {
self.time = time;
self.timerElement = document.getElementById('timer');
self.intervalController = setInterval(() => {
// self.timerElement.innerHTML = "Time : " + String(self.time).padStart(5, ' ').InsertAt('.',3);
self.time--;
let timeStr = String(self.time).padStart(5, '0');
self.timerElement.innerHTML = "Time : " + timeStr.slice(0, 3) + '.' + timeStr.slice(3);
if (self.time == 0) {
expireFunction();
clearInterval(self.intervalControler);
}
}, 10);
}
}

68
script.js
View file

@ -2,6 +2,7 @@ import { generatePlayground } from '/modules/playground.mjs'
import { levelsBlueprint } from '/modules/levels.mjs' import { levelsBlueprint } from '/modules/levels.mjs'
import { MoveDirection } from '/modules/enums.mjs' import { MoveDirection } from '/modules/enums.mjs'
import { fillLevelsSelection } from '/modules/fillLevelsSelection.mjs' import { fillLevelsSelection } from '/modules/fillLevelsSelection.mjs'
import { Timer } from '/modules/timer.mjs'
let canvas = document.getElementById('canvas'); let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d'); let ctx = canvas.getContext('2d');
@ -9,7 +10,11 @@ let gameState = {
playground: generatePlayground(levelsBlueprint[0], canvas.width, canvas.height), playground: generatePlayground(levelsBlueprint[0], canvas.width, canvas.height),
width: canvas.width, width: canvas.width,
height: canvas.height, height: canvas.height,
timer: new Timer(1500, () => {
alert("Les vaches mangent le foin");
}),
}; };
// console.log(gameState.timer);
fillLevelsSelection(gameState, ctx); fillLevelsSelection(gameState, ctx);
window.ctx = ctx window.ctx = ctx
@ -48,42 +53,57 @@ window.right = MoveDirection.Right;
window.width = canvas.width; window.width = canvas.width;
window.height = canvas.height; window.height = canvas.height;
const sleep = (ms) => {
return new Promise(resolve => setTimeout(resolve, ms));
}
//function qui met à jour le temps //function qui met à jour le temps
let time = 10; // let Timer = {
// time: 10,
// intervalControler: setInterval(() => {
// console.log(Timer.time);
// let txt = document.getElementById('timer');
// let afficher = "Time : " + Timer.time;
// txt.innerHTML= afficher;
// if (Timer.time == 0) {
// alert("Termine");
// }
function timer(){ // Timer.time = Timer.time <= 0 ? 0 : Timer.time -1;
let txt = document.getElementById('timer'); // if (Timer.time == 0)
let level = 0; // {
let afficher = "Time : " + time; // clearInterval(Timer.intervalControler);
txt.innerHTML= afficher; // }
// }, 1000),
// };
time = time <= 0 ? 0 : time -1; // let time = 10;
if (time == 0)
{
clearInterval(maVar);
}
} // function timer(){
// let txt = document.getElementById('timer');
// let level = 0;
// let afficher = "Time : " + time;
// txt.innerHTML= afficher;
let maVar = setInterval(timer, 1000); // time = time <= 0 ? 0 : time -1;
if (time == 0){ // if (time == 0)
alert('Terminé YAsmine') // {
} // clearInterval(maVar);
// }
// }
// let maVar = setInterval(timer, 1000);
// if (time == 0){
// alert('Terminé YAsmine')
// }
// while (document.readyState != "complete") { // while (document.readyState != "complete") {
/*function set_time(){ function set_time(){
minutes=Math.floor minutes=Math.floor
}*/ }
function Pause(){ function Pause(){
time = time -10; // time = time -10;
} }
// while (document.readyState != "complete") { // // while (document.readyState != "complete") {
setTimeout(1000); setTimeout(1000);