mirror of
https://github.com/zyllian/webdog.git
synced 2025-05-09 18:16:40 -07:00
webdog.
This commit is contained in:
parent
00c90a12d7
commit
d8cb447e00
SSH key fingerprint:
SHA256:uxxbSXbdroP/OnKBGnEDk5q7EKB2razvstC/KmzdXXs
47 changed files with 53 additions and 5099 deletions
|
|
@ -1 +1 @@
|
|||
zyl.gay
|
||||
webdog.zyl.gay
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 823 B |
|
|
@ -1,222 +0,0 @@
|
|||
(function () {
|
||||
"use strict";
|
||||
|
||||
const click = document.querySelector("#click");
|
||||
const petsCounter = click.querySelector("#pets");
|
||||
const petsPerSecondCounter = click.querySelector("#pets-per-second");
|
||||
const barksCounter = click.querySelector("#barks");
|
||||
const barksPerSecondCounter = click.querySelector("#barks-per-second");
|
||||
const kissesCounter = click.querySelector("#kisses");
|
||||
const kissesPerSecondCounter = click.querySelector("#kisses-per-second");
|
||||
const barker = click.querySelector("#barker");
|
||||
const toolsEl = click.querySelector(".tools");
|
||||
|
||||
const toolPriceFactor = 0.1;
|
||||
const upgradePriceFactor = 0.2;
|
||||
const upgradeProductionFactor = 1.1;
|
||||
|
||||
const toolData = {
|
||||
hand: {
|
||||
priceIn: "barks",
|
||||
basePrice: 10,
|
||||
petsPerSecond: 0.5,
|
||||
},
|
||||
puppy: {
|
||||
priceIn: "pets",
|
||||
basePrice: 5,
|
||||
barksPerSecond: 0.5,
|
||||
},
|
||||
foodBowl: {
|
||||
priceIn: "barks",
|
||||
basePrice: 50,
|
||||
barksPerSecond: 1.3,
|
||||
},
|
||||
kisser: {
|
||||
priceIn: "pets",
|
||||
basePrice: 500,
|
||||
kissesPerSecond: 0.25,
|
||||
},
|
||||
};
|
||||
|
||||
let barks = 0;
|
||||
let pets = 0;
|
||||
let kisses = 0;
|
||||
let tools = {};
|
||||
|
||||
let petsPerSecond = 0;
|
||||
let barksPerSecond = 0;
|
||||
let kissesPerSecond = 0;
|
||||
|
||||
function calcPrice(base, count) {
|
||||
return Math.floor(base ** (1 + toolPriceFactor * count));
|
||||
}
|
||||
|
||||
function calcUpgradePrice(base, count) {
|
||||
return Math.floor((base * 2) ** (1 + upgradePriceFactor * count));
|
||||
}
|
||||
|
||||
const getValue = (name) => {
|
||||
if (name === "pets") {
|
||||
return pets;
|
||||
} else if (name === "barks") {
|
||||
return barks;
|
||||
} else if (name === "kisses") {
|
||||
return kisses;
|
||||
} else if (name === "petsPerSecond") {
|
||||
return petsPerSecond;
|
||||
} else if (name === "barksPerSecond") {
|
||||
return barksPerSecond;
|
||||
} else if (name === "kissesPerSecond") {
|
||||
return kissesPerSecond;
|
||||
}
|
||||
};
|
||||
|
||||
const setValue = (name, value) => {
|
||||
if (name === "pets") {
|
||||
pets = value;
|
||||
} else if (name === "barks") {
|
||||
barks = value;
|
||||
} else if (name === "kisses") {
|
||||
kisses = value;
|
||||
} else if (name === "petsPerSecond") {
|
||||
petsPerSecond = value;
|
||||
} else if (name === "barksPerSecond") {
|
||||
barksPerSecond = value;
|
||||
} else if (name === "kissesPerSecond") {
|
||||
kissesPerSecond = value;
|
||||
}
|
||||
};
|
||||
|
||||
const updatePerSecondValues = () => {
|
||||
let pets = 0;
|
||||
let barks = 0;
|
||||
let kisses = 0;
|
||||
|
||||
for (const [id, tool] of Object.entries(tools)) {
|
||||
pets +=
|
||||
(toolData[id].petsPerSecond || 0) *
|
||||
tool.count *
|
||||
tool.upgrades *
|
||||
upgradeProductionFactor;
|
||||
barks +=
|
||||
(toolData[id].barksPerSecond || 0) *
|
||||
tool.count *
|
||||
tool.upgrades *
|
||||
upgradeProductionFactor;
|
||||
kisses +=
|
||||
(toolData[id].kissesPerSecond || 0) *
|
||||
tool.count *
|
||||
tool.upgrades *
|
||||
upgradeProductionFactor;
|
||||
}
|
||||
|
||||
petsPerSecond = pets;
|
||||
barksPerSecond = barks;
|
||||
kissesPerSecond = kisses;
|
||||
};
|
||||
|
||||
const updateDisplay = () => {
|
||||
petsCounter.innerText = pets;
|
||||
petsPerSecondCounter.innerText = petsPerSecond.toFixed(2);
|
||||
barksCounter.innerText = barks;
|
||||
barksPerSecondCounter.innerText = barksPerSecond.toFixed(2);
|
||||
kissesCounter.innerText = kisses;
|
||||
kissesPerSecondCounter.innerText = kissesPerSecond.toFixed(2);
|
||||
};
|
||||
|
||||
for (const el of toolsEl.querySelectorAll(".tool")) {
|
||||
const id = el.getAttribute("data-tool");
|
||||
if (id) {
|
||||
const data = toolData[id];
|
||||
if (data) {
|
||||
const toolInfo = {
|
||||
count: 0,
|
||||
upgrades: 1,
|
||||
};
|
||||
tools[id] = toolInfo;
|
||||
|
||||
const count = el.querySelector(".count");
|
||||
const level = el.querySelector(".level");
|
||||
const buy = el.querySelector(".buy");
|
||||
const upgrade = el.querySelector(".upgrade");
|
||||
|
||||
const updateText = () => {
|
||||
count.innerText = toolInfo.count;
|
||||
level.innerText = toolInfo.upgrades;
|
||||
const price = calcPrice(data.basePrice, toolInfo.count);
|
||||
const upgradePrice = calcUpgradePrice(
|
||||
data.basePrice,
|
||||
toolInfo.upgrades
|
||||
);
|
||||
buy.innerText = `buy - ${price} ${data.priceIn}`;
|
||||
upgrade.innerText = `upgrade - ${upgradePrice} kisses`;
|
||||
};
|
||||
updateText();
|
||||
|
||||
buy.addEventListener("click", () => {
|
||||
const price = calcPrice(data.basePrice, toolInfo.count);
|
||||
const v = getValue(data.priceIn);
|
||||
if (v >= price) {
|
||||
setValue(data.priceIn, v - price);
|
||||
toolInfo.count += 1;
|
||||
updatePerSecondValues();
|
||||
updateText();
|
||||
updateDisplay();
|
||||
}
|
||||
});
|
||||
|
||||
upgrade.addEventListener("click", () => {
|
||||
const price = calcUpgradePrice(data.basePrice, toolInfo.upgrades);
|
||||
if (kisses >= price) {
|
||||
kisses -= price;
|
||||
toolInfo.upgrades += 1;
|
||||
updatePerSecondValues();
|
||||
updateText();
|
||||
updateDisplay();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
barker.addEventListener("click", () => {
|
||||
barks += 1;
|
||||
updateDisplay();
|
||||
});
|
||||
|
||||
let lastUpdate = 0;
|
||||
let petsQueued = 0;
|
||||
let barksQueued = 0;
|
||||
let kissesQueued = 0;
|
||||
|
||||
const checkQueue = (name, queued) => {
|
||||
const perSecond = getValue(`${name}PerSecond`);
|
||||
if (perSecond > 0) {
|
||||
const amount = 1000 / perSecond;
|
||||
const toAdd = Math.floor(queued / amount);
|
||||
setValue(name, getValue(name) + toAdd);
|
||||
updateDisplay();
|
||||
queued -= toAdd * amount;
|
||||
} else {
|
||||
queued = 0;
|
||||
}
|
||||
return queued;
|
||||
};
|
||||
|
||||
const update = (ts) => {
|
||||
requestAnimationFrame(update);
|
||||
|
||||
const diff = ts - lastUpdate;
|
||||
petsQueued += diff;
|
||||
barksQueued += diff;
|
||||
kissesQueued += diff;
|
||||
|
||||
petsQueued = checkQueue("pets", petsQueued);
|
||||
barksQueued = checkQueue("barks", barksQueued);
|
||||
kissesQueued = checkQueue("kisses", kissesQueued);
|
||||
|
||||
lastUpdate = ts;
|
||||
};
|
||||
|
||||
requestAnimationFrame(update);
|
||||
})();
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
(function () {
|
||||
"use strict";
|
||||
|
||||
const url = document.body.classList.contains("debug")
|
||||
? "http://127.0.0.1:8787/api/pet"
|
||||
: "https://cf.zyllian.workers.dev/api/pet";
|
||||
|
||||
const petCounter = document.querySelector("#pet-counter");
|
||||
const internal = petCounter.querySelector(".internal");
|
||||
const count = petCounter.querySelector(".count");
|
||||
const petButton = petCounter.querySelector("button");
|
||||
|
||||
(async function () {
|
||||
const r = await (await fetch(url)).json();
|
||||
count.innerText = r.count;
|
||||
})();
|
||||
|
||||
petButton.addEventListener("click", async () => {
|
||||
petButton.disabled = true;
|
||||
petButton.outerHTML = "| thanks! <3";
|
||||
count.innerText = Number.parseInt(count.innerText) + 1;
|
||||
const r = await (await fetch(url, { method: "post" })).json();
|
||||
if (r.count) {
|
||||
count.innerText = r.count;
|
||||
}
|
||||
});
|
||||
|
||||
internal.style.display = "block";
|
||||
})();
|
||||
|
|
@ -1,565 +0,0 @@
|
|||
(function () {
|
||||
"use strict";
|
||||
|
||||
const UPDATES_PER_MINUTE = 2;
|
||||
const UPDATES_PER_HOUR = UPDATES_PER_MINUTE * 60;
|
||||
const UPDATES_PER_DAY = UPDATES_PER_HOUR * 24;
|
||||
|
||||
/** the current pet version.. */
|
||||
const CURRENT_PET_VERSION = 1;
|
||||
/** the max food a pet will eat */
|
||||
const MAX_FOOD = 100;
|
||||
/** the amount of time it takes for a pet to have to GO */
|
||||
const POTTY_TIME = 100;
|
||||
/** how fast a pet's food value decays */
|
||||
const FOOD_DECAY = MAX_FOOD / (UPDATES_PER_HOUR * 12); // to stay on top should be fed roughly once every 8 hours?
|
||||
/** the rate at which a pet ages */
|
||||
const AGING_RATE = 1;
|
||||
/** how fast a pet's potty need decays */
|
||||
const POTTY_DECAY = FOOD_DECAY / 2; // roughly every 4 hours?
|
||||
/** how much mess can be in a pet's space at once */
|
||||
const MAX_MESS = 5;
|
||||
/** how fast a pet's happiness decays */
|
||||
const HAPPINESS_DECAY = FOOD_DECAY / 1.5;
|
||||
/** a pet's maximum happiness */
|
||||
const MAX_HAPPINESS = 100;
|
||||
/** how quickly a pet's happiness will be reduced by when hungry */
|
||||
const HAPPINESS_EMPTY_STOMACH_MODIFIER = -10 / UPDATES_PER_HOUR;
|
||||
/** how quickly a pet's happiness will be reduced by when their space is messy, per piece of mess */
|
||||
const HAPPINESS_MESS_MODIFIER = -5 / UPDATES_PER_HOUR;
|
||||
/** how quickly a pet's behavior drops when unhappy */
|
||||
const BEHAVIOR_UNHAPPY_MODIFIER = -5 / UPDATES_PER_HOUR;
|
||||
|
||||
/** the amount of happiness gained when the pet is fed (excluding when the pet doesn't yet need food) */
|
||||
const FEED_HAPPINESS = 5;
|
||||
/** the amount of happiness gained when the pet is pet */
|
||||
const PET_HAPPINESS = 20;
|
||||
/** the amount of happiness gained when the pet's space is cleaned */
|
||||
const CLEAN_HAPPINESS = 1;
|
||||
|
||||
/** the minimum amount of time between feedings */
|
||||
const FEED_TIMER = 1000 * 60 * 60;
|
||||
/** the minimum amount of time between pets */
|
||||
const PET_TIMER = 60000;
|
||||
/** the minimum amount of time between cleans */
|
||||
const CLEAN_TIMER = 1000 * 60 * 60;
|
||||
|
||||
const PET_SAVE_KEY = "pet-game";
|
||||
|
||||
/** life stage for an egg */
|
||||
const LIFE_STAGE_EGG = 1;
|
||||
/** life stage for a pup */
|
||||
const LIFE_STAGE_PUP = 2;
|
||||
/** life stage for an adult */
|
||||
const LIFE_STAGE_ADULT = 3;
|
||||
/** life stage for an elder pet */
|
||||
const LIFE_STAGE_ELDER = 4;
|
||||
/** the time it takes for a pet to grow past the egg phase */
|
||||
const EGG_TIME = UPDATES_PER_MINUTE;
|
||||
/** the time it takes for a pet to grow past the pup phase */
|
||||
const PUP_TIME = UPDATES_PER_DAY * 7;
|
||||
/** the time it takes for a pet to grow past the adult phase */
|
||||
const ADULT_TIME = UPDATES_PER_DAY * 15;
|
||||
/** the time it takes for a pet to grow past the elder phase */
|
||||
const ELDER_TIME = UPDATES_PER_DAY * 7;
|
||||
|
||||
const WIDTH_PUP = 150;
|
||||
const HEIGHT_PUP = 150;
|
||||
const WIDTH_ADULT = 250;
|
||||
const HEIGHT_ADULT = 250;
|
||||
const WIDTH_ELDER = 210;
|
||||
const HEIGHT_ELDER = 210;
|
||||
|
||||
/** the different types of pets available */
|
||||
const PET_TYPES = ["circle", "square", "triangle"];
|
||||
|
||||
const petDisplay = document.querySelector("#pet-display");
|
||||
const thePet = petDisplay.querySelector(".the-pet");
|
||||
|
||||
const status = petDisplay.querySelector(".status");
|
||||
const statusHungry = status.querySelector("[name=hungry]");
|
||||
const statusStarving = status.querySelector("[name=starving]");
|
||||
const statusUnhappy = status.querySelector("[name=unhappy]");
|
||||
const statusMessy1 = status.querySelector("[name=messy-1]");
|
||||
const statusMessy2 = status.querySelector("[name=messy-2]");
|
||||
const statusMessy3 = status.querySelector("[name=messy-3]");
|
||||
|
||||
const petName = document.querySelectorAll(".pet-name");
|
||||
const eggDiv = document.querySelector("div#egg");
|
||||
const petSetup = document.querySelector("#pet-setup");
|
||||
const adultInfo = document.querySelector("div#adult-info");
|
||||
const elderInfo = document.querySelector("div#elder-info");
|
||||
const passedAwayInfo = document.querySelector("div#passed-away-info");
|
||||
const name = petSetup.querySelector("input[name=pet-name]");
|
||||
|
||||
const petActions = document.querySelector("div#pet-actions");
|
||||
const pauseButton = petActions.querySelector("button[name=pause]");
|
||||
const hatchedActions = petActions.querySelector("div[name=hatched-actions]");
|
||||
const feedButton = hatchedActions.querySelector("button[name=feed]");
|
||||
const petButton = hatchedActions.querySelector("button[name=pet]");
|
||||
const cleanButton = hatchedActions.querySelector("button[name=clean]");
|
||||
|
||||
const debug = document.querySelector("div#debug-section");
|
||||
const debugLifeStage = debug.querySelector("span[name=ls]");
|
||||
const debugAge = debug.querySelector("span[name=a]");
|
||||
const debugFood = debug.querySelector("span[name=f]");
|
||||
const debugBehavior = debug.querySelector("span[name=b]");
|
||||
const debugPotty = debug.querySelector("span[name=p]");
|
||||
const debugMessCounter = debug.querySelector("span[name=mc]");
|
||||
const debugHappiness = debug.querySelector("span[name=h]");
|
||||
const forceUpdateButton = debug.querySelector("button#force-update");
|
||||
const resetButton = debug.querySelector("button#reset");
|
||||
|
||||
let canFeed = true;
|
||||
let canPet = true;
|
||||
let canClean = true;
|
||||
|
||||
/**
|
||||
* generates a random number within the given range
|
||||
* @param {number} min the minimum number for the random generation
|
||||
* @param {number} max the maximum number for the random generation
|
||||
* @returns the generated number
|
||||
*/
|
||||
function rand(min, max) {
|
||||
return Math.random() * (max - min) + min;
|
||||
}
|
||||
|
||||
/**
|
||||
* class containing information about a pet
|
||||
*/
|
||||
class Pet {
|
||||
/** current pet version */
|
||||
version = CURRENT_PET_VERSION;
|
||||
/** whether the pet can die or not */
|
||||
canDie = false;
|
||||
/** whether the pet is alive or dead */
|
||||
alive = true;
|
||||
/** whether the pet simulation is paused */
|
||||
paused = false;
|
||||
/** whether the pet simulation needs an interactive advancement */
|
||||
needsAdvancement = false;
|
||||
/** the pet's current life stage */
|
||||
lifeStage = LIFE_STAGE_EGG;
|
||||
/** the pet's name */
|
||||
name = "";
|
||||
/** how much food the pet has stored */
|
||||
food = MAX_FOOD;
|
||||
/** the pet's age */
|
||||
age = 0;
|
||||
/** the pet's behavior score */
|
||||
behavior = 0;
|
||||
/** how long until the pet needs to go potty */
|
||||
pottyTimer = POTTY_TIME;
|
||||
/** how much mess the pet has made */
|
||||
messCounter = 0;
|
||||
/** the pet's current happiness */
|
||||
_happiness = MAX_HAPPINESS;
|
||||
/** the time the pet was last updated */
|
||||
lastUpdate = Date.now();
|
||||
/** the time the egg was found */
|
||||
eggFound = Date.now();
|
||||
/** the time the egg hatched */
|
||||
hatched = Date.now();
|
||||
/** the pet's type */
|
||||
type = PET_TYPES[Math.floor(rand(0, PET_TYPES.length))];
|
||||
/** the pet's color */
|
||||
color = `rgb(${rand(0, 255)}, ${rand(0, 255)}, ${rand(0, 255)})`;
|
||||
/** the pet's scaled width */
|
||||
scaleWidth = rand(0.6, 1.4);
|
||||
/** the pet's scaled height */
|
||||
scaleHeight = rand(0.6, 1.4);
|
||||
|
||||
/**
|
||||
* updates a pet
|
||||
*/
|
||||
update() {
|
||||
if (!this.alive || this.paused || this.needsAdvancement) {
|
||||
return;
|
||||
}
|
||||
console.log("update");
|
||||
|
||||
this.lastUpdate = Date.now();
|
||||
this.age += AGING_RATE;
|
||||
|
||||
if (this.lifeStage !== LIFE_STAGE_EGG) {
|
||||
this.food -= FOOD_DECAY;
|
||||
this.pottyTimer -= POTTY_DECAY;
|
||||
this.happiness -= HAPPINESS_DECAY;
|
||||
|
||||
if (this.food < 0) {
|
||||
this.happiness += HAPPINESS_EMPTY_STOMACH_MODIFIER;
|
||||
this.food = 0;
|
||||
if (this.canDie) {
|
||||
// TODO: pet dies
|
||||
}
|
||||
}
|
||||
|
||||
if (this.happiness <= 0) {
|
||||
this.behavior -= BEHAVIOR_UNHAPPY_MODIFIER;
|
||||
}
|
||||
|
||||
if (this.pottyTimer < 0) {
|
||||
this.goPotty();
|
||||
}
|
||||
for (let i = 0; i < this.messCounter; i++) {
|
||||
this.happiness += HAPPINESS_MESS_MODIFIER;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.lifeStage === LIFE_STAGE_EGG && this.age >= EGG_TIME) {
|
||||
this.needsAdvancement = true;
|
||||
this.lifeStage = LIFE_STAGE_PUP;
|
||||
this.age = 0;
|
||||
} else if (this.lifeStage === LIFE_STAGE_PUP && this.age >= PUP_TIME) {
|
||||
this.needsAdvancement = true;
|
||||
this.lifeStage = LIFE_STAGE_ADULT;
|
||||
this.age = 0;
|
||||
} else if (
|
||||
this.lifeStage === LIFE_STAGE_ADULT &&
|
||||
this.age >= ADULT_TIME
|
||||
) {
|
||||
this.needsAdvancement = true;
|
||||
this.lifeStage = LIFE_STAGE_ELDER;
|
||||
this.age = 0;
|
||||
} else if (
|
||||
this.lifeStage === LIFE_STAGE_ELDER &&
|
||||
this.age >= ELDER_TIME
|
||||
) {
|
||||
this.needsAdvancement = true;
|
||||
this.alive = false;
|
||||
// TODO: DEATH
|
||||
}
|
||||
this.updateDom();
|
||||
}
|
||||
|
||||
/**
|
||||
* updates the html dom
|
||||
*/
|
||||
updateDom() {
|
||||
eggDiv.classList.add("hidden");
|
||||
petSetup.classList.add("hidden");
|
||||
hatchedActions.classList.remove("hidden");
|
||||
|
||||
thePet.classList.remove("egg");
|
||||
thePet.classList.remove("pup");
|
||||
thePet.classList.remove("adult");
|
||||
thePet.classList.remove("elder");
|
||||
thePet.classList.remove("dead");
|
||||
|
||||
statusHungry.classList.add("hidden");
|
||||
statusStarving.classList.add("hidden");
|
||||
statusUnhappy.classList.add("hidden");
|
||||
statusMessy1.classList.add("hidden");
|
||||
statusMessy2.classList.add("hidden");
|
||||
statusMessy3.classList.add("hidden");
|
||||
|
||||
adultInfo.classList.add("hidden");
|
||||
elderInfo.classList.add("hidden");
|
||||
|
||||
let width = 0;
|
||||
let height = 0;
|
||||
|
||||
if (this.lifeStage === LIFE_STAGE_EGG) {
|
||||
eggDiv.classList.remove("hidden");
|
||||
hatchedActions.classList.add("hidden");
|
||||
|
||||
thePet.classList.add("egg");
|
||||
} else if (this.lifeStage === LIFE_STAGE_PUP) {
|
||||
if (this.needsAdvancement) {
|
||||
petSetup.classList.remove("hidden");
|
||||
}
|
||||
|
||||
thePet.classList.add("pup");
|
||||
width = WIDTH_PUP;
|
||||
height = HEIGHT_PUP;
|
||||
} else if (this.lifeStage === LIFE_STAGE_ADULT) {
|
||||
if (this.needsAdvancement) {
|
||||
adultInfo.classList.remove("hidden");
|
||||
}
|
||||
|
||||
thePet.classList.add("adult");
|
||||
width = WIDTH_ADULT;
|
||||
height = HEIGHT_ADULT;
|
||||
} else if (this.lifeStage === LIFE_STAGE_ELDER) {
|
||||
if (this.needsAdvancement) {
|
||||
if (this.alive) {
|
||||
elderInfo.classList.remove("hidden");
|
||||
} else {
|
||||
passedAwayInfo.classList.remove("hidden");
|
||||
|
||||
thePet.classList.add("elder");
|
||||
width = WIDTH_ELDER;
|
||||
height = HEIGHT_ELDER;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
width *= this.scaleWidth;
|
||||
height *= this.scaleHeight;
|
||||
|
||||
thePet.style.setProperty("--width", `${width}px`);
|
||||
thePet.style.setProperty("--height", `${height}px`);
|
||||
thePet.style.setProperty("--color", this.color);
|
||||
let happinessFilter = 1 - this.happiness / MAX_HAPPINESS;
|
||||
if (happinessFilter < 0.6) {
|
||||
happinessFilter = 0;
|
||||
}
|
||||
happinessFilter = (happinessFilter - 0.6) * 2.5;
|
||||
if (happinessFilter < 0) {
|
||||
happinessFilter = 0;
|
||||
}
|
||||
thePet.style.setProperty(
|
||||
"filter",
|
||||
`grayscale(${happinessFilter * 100}%)`
|
||||
);
|
||||
|
||||
if (!this.alive) {
|
||||
thePet.classList.add("dead");
|
||||
} else if (this.lifeStage !== LIFE_STAGE_EGG) {
|
||||
thePet.classList.add(this.type);
|
||||
|
||||
if (this.food <= MAX_FOOD / 10) {
|
||||
statusStarving.classList.remove("hidden");
|
||||
} else if (this.food <= MAX_FOOD / 2) {
|
||||
statusHungry.classList.remove("hidden");
|
||||
}
|
||||
if (this.happiness <= MAX_HAPPINESS / 3) {
|
||||
statusUnhappy.classList.remove("hidden");
|
||||
}
|
||||
if (this.messCounter >= MAX_MESS) {
|
||||
statusMessy3.classList.remove("hidden");
|
||||
} else if (this.messCounter >= MAX_MESS / 2) {
|
||||
statusMessy2.classList.remove("hidden");
|
||||
} else if (this.messCounter > 0) {
|
||||
statusMessy1.classList.remove("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
if (this.paused) {
|
||||
pauseButton.innerText = "unpause";
|
||||
} else {
|
||||
pauseButton.innerText = "pause";
|
||||
}
|
||||
|
||||
debugLifeStage.innerText = this.lifeStage;
|
||||
debugAge.innerText = this.age;
|
||||
debugFood.innerText = this.food;
|
||||
debugBehavior.innerText = this.behavior;
|
||||
debugPotty.innerText = this.pottyTimer;
|
||||
debugMessCounter.innerText = this.messCounter;
|
||||
debugHappiness.innerText = this.happiness;
|
||||
|
||||
this.save();
|
||||
}
|
||||
|
||||
/**
|
||||
* feeds the pet
|
||||
* @param {number} amount the amount to feed the pet by
|
||||
*/
|
||||
feed(amount) {
|
||||
if (this.food > MAX_FOOD) {
|
||||
return;
|
||||
}
|
||||
this.food += amount;
|
||||
if (this.food <= MAX_FOOD) {
|
||||
this.happiness += FEED_HAPPINESS;
|
||||
}
|
||||
this.updateDom();
|
||||
}
|
||||
|
||||
/**
|
||||
* makes the pet go potty
|
||||
*/
|
||||
goPotty() {
|
||||
if (this.behavior > 45) {
|
||||
// go potty properly
|
||||
} else {
|
||||
this.messCounter += 1;
|
||||
if (this.messCounter > MAX_MESS) {
|
||||
this.messCounter = MAX_MESS;
|
||||
}
|
||||
}
|
||||
this.pottyTimer = POTTY_TIME;
|
||||
pet.updateDom();
|
||||
}
|
||||
|
||||
/**
|
||||
* pets the pet
|
||||
*/
|
||||
pet() {
|
||||
this.behavior += 0.5;
|
||||
this.happiness += PET_HAPPINESS;
|
||||
pet.updateDom();
|
||||
}
|
||||
|
||||
/**
|
||||
* cleans the pet's space
|
||||
*/
|
||||
clean() {
|
||||
if (this.messCounter > 0) {
|
||||
this.messCounter -= 1;
|
||||
this.happiness += CLEAN_HAPPINESS;
|
||||
} else {
|
||||
this.behavior += 1;
|
||||
this.happiness -= CLEAN_HAPPINESS;
|
||||
}
|
||||
pet.updateDom();
|
||||
}
|
||||
|
||||
/**
|
||||
* saves the pet
|
||||
*/
|
||||
save() {
|
||||
localStorage.setItem(PET_SAVE_KEY, JSON.stringify(this));
|
||||
}
|
||||
|
||||
/**
|
||||
* loads the pet
|
||||
*/
|
||||
load() {
|
||||
const item = localStorage.getItem(PET_SAVE_KEY);
|
||||
if (item != undefined) {
|
||||
const loaded = JSON.parse(localStorage.getItem(PET_SAVE_KEY));
|
||||
for (let k of Object.keys(loaded)) {
|
||||
this[k] = loaded[k];
|
||||
}
|
||||
this.version = CURRENT_PET_VERSION;
|
||||
this.updateDom();
|
||||
}
|
||||
}
|
||||
|
||||
/** whether the pet can be updated */
|
||||
get canUpdate() {
|
||||
return !this.paused && !this.needsAdvancement;
|
||||
}
|
||||
|
||||
/** the pet's happiness */
|
||||
get happiness() {
|
||||
return this._happiness;
|
||||
}
|
||||
|
||||
set happiness(amount) {
|
||||
if (amount < 0) {
|
||||
amount = 0;
|
||||
} else if (amount > MAX_HAPPINESS) {
|
||||
amount = MAX_HAPPINESS;
|
||||
}
|
||||
this._happiness = amount;
|
||||
}
|
||||
}
|
||||
|
||||
let pet = new Pet();
|
||||
|
||||
petSetup.addEventListener("submit", (e) => {
|
||||
e.preventDefault();
|
||||
const newName = name.value;
|
||||
if (newName.trim().length === 0) {
|
||||
return;
|
||||
}
|
||||
pet.name = newName;
|
||||
for (let name of petName) {
|
||||
name.innerText = pet.name;
|
||||
}
|
||||
pet.hatched = Date.now();
|
||||
pet.needsAdvancement = false;
|
||||
pet.updateDom();
|
||||
});
|
||||
|
||||
feedButton.addEventListener("click", () => {
|
||||
if (!canFeed || !pet.canUpdate) {
|
||||
return;
|
||||
}
|
||||
canFeed = false;
|
||||
feedButton.disabled = true;
|
||||
setTimeout(() => {
|
||||
canFeed = true;
|
||||
feedButton.disabled = false;
|
||||
}, FEED_TIMER);
|
||||
|
||||
pet.feed(38);
|
||||
});
|
||||
|
||||
petButton.addEventListener("click", () => {
|
||||
if (!canPet || !pet.canUpdate) {
|
||||
return;
|
||||
}
|
||||
canPet = false;
|
||||
petButton.disabled = true;
|
||||
setTimeout(() => {
|
||||
canPet = true;
|
||||
petButton.disabled = false;
|
||||
}, PET_TIMER);
|
||||
|
||||
pet.pet();
|
||||
});
|
||||
|
||||
cleanButton.addEventListener("click", () => {
|
||||
if (!canClean || !pet.canUpdate) {
|
||||
return;
|
||||
}
|
||||
canClean = false;
|
||||
cleanButton.disabled = true;
|
||||
setTimeout(() => {
|
||||
canClean = true;
|
||||
cleanButton.disabled = false;
|
||||
}, CLEAN_TIMER);
|
||||
|
||||
pet.clean();
|
||||
});
|
||||
|
||||
pauseButton.addEventListener("click", () => {
|
||||
pet.paused = !pet.paused;
|
||||
pet.updateDom();
|
||||
});
|
||||
|
||||
const advance = () => {
|
||||
console.log(pet);
|
||||
pet.needsAdvancement = false;
|
||||
pet.updateDom();
|
||||
console.log(pet);
|
||||
};
|
||||
for (let btn of document.querySelectorAll("button.advance")) {
|
||||
btn.addEventListener("click", advance);
|
||||
}
|
||||
|
||||
passedAwayInfo.querySelector("button").addEventListener("click", () => {
|
||||
pet = new Pet();
|
||||
pet.updateDom();
|
||||
});
|
||||
|
||||
const update = () => {
|
||||
pet.update();
|
||||
};
|
||||
|
||||
setInterval(update, 60000 / UPDATES_PER_MINUTE);
|
||||
|
||||
forceUpdateButton.addEventListener("click", update);
|
||||
resetButton.addEventListener("click", () => {
|
||||
thePet.classList.remove(pet.type);
|
||||
|
||||
pet = new Pet();
|
||||
pet.updateDom();
|
||||
});
|
||||
|
||||
pet.load();
|
||||
|
||||
for (let name of petName) {
|
||||
name.innerText = pet.name;
|
||||
}
|
||||
|
||||
if (document.body.classList.contains("debug")) {
|
||||
debug.classList.remove("hidden");
|
||||
document.pet = pet;
|
||||
}
|
||||
|
||||
const updates = Math.floor(
|
||||
(Date.now() - pet.lastUpdate) / (60000 / UPDATES_PER_MINUTE)
|
||||
);
|
||||
for (let i = 0; i < updates; i++) {
|
||||
pet.update();
|
||||
}
|
||||
|
||||
pet.updateDom();
|
||||
|
||||
console.log(pet);
|
||||
})();
|
||||
Loading…
Add table
Add a link
Reference in a new issue