83 lines
2 KiB
JavaScript
83 lines
2 KiB
JavaScript
// Model
|
|
let foodTime = 10;
|
|
let petTime = 10;
|
|
let foodElement = document.getElementById("foodId");
|
|
let petElement = document.getElementById('petId');
|
|
let frogImage = document.getElementById('tamaFrog').src = "img/default.jpg";
|
|
|
|
|
|
let foodCounter = setInterval(foodFunction, 1000);
|
|
let petCounter = setInterval(petFunction, 1000);
|
|
|
|
// View
|
|
function reset() {
|
|
if (foodTime < 0){
|
|
defaultImg();
|
|
foodTime = 50;
|
|
setInterval(foodFunction, 1000);
|
|
petTime = 10;
|
|
setInterval(petFunction, 1000);
|
|
}
|
|
}
|
|
function foodFunction() {
|
|
if (foodTime < 0) {
|
|
//game over???
|
|
document.getElementById('tamaFrog').src = "img/dead.jpg";
|
|
clearInterval(foodCounter);
|
|
setTimeout(afterLife, 5000);
|
|
} else {
|
|
foodElement.innerHTML = foodTime + " seconds remaining"
|
|
foodTime--
|
|
if (foodTime < 15) {
|
|
document.getElementById('tamaFrog').src = "img/need_food.jpg";
|
|
}
|
|
}
|
|
}
|
|
// Controller
|
|
function feed() {
|
|
if (foodTime > 0 && petTime > 5) {
|
|
foodTime += 10;
|
|
petElement.innerHTML = petTime + " seconds remaining." + " Pet the frog";
|
|
document.getElementById('tamaFrog').src = "img/eating.jpg";
|
|
setTimeout(defaultImg, 500)
|
|
}
|
|
|
|
}
|
|
|
|
function defaultImg() {
|
|
document.getElementById('tamaFrog').src = "img/default.jpg";
|
|
}
|
|
|
|
function petFunction() {
|
|
if (petTime < 0) {
|
|
clearInterval(petCounter);
|
|
} else if (petTime < 5) {
|
|
document.getElementById('tamaFrog').src = "img/angry.jpg";
|
|
petElement.innerHTML = petTime + " seconds remaining"
|
|
petTime--;
|
|
}
|
|
else {
|
|
petElement.innerHTML = petTime + " seconds remaining"
|
|
petTime--
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function pet() {
|
|
if (foodTime > 0) {
|
|
petTime += 10;
|
|
document.getElementById('tamaFrog').src = "img/need_love.jpg";
|
|
setTimeout(defaultImg, 500)
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
function defaultImg() {
|
|
document.getElementById('tamaFrog').src = "img/default.jpg";
|
|
}
|
|
function afterLife() {
|
|
document.getElementById('tamaFrog').src = "img/ghost.jpg";
|
|
} |