If you have a question about how to use the boilerplate, please post it here.
Yes what you can do is create a new div on the same position, similar to the way the ghost is created.
You should make sure you have a blank tile in the tilemap and assign it to the space character like “ “. Then you can create the empty sprite and put a number inside it:
const number = createJuiceSprite([p._x, p._y], " ", "float-up");
number.innerHTML = "23";
That should create a number 23 which floats up and then disappears.
I'm going through the pdf to try and add more monsters and it says to add them into an array; which when I console.log it originally, it looks like It goes into an array but when I do this; the game breaks: while I can move the game doesn't really do anything and I can't see the monster that I added to the array
thoughts?
Hey, I think this is happening because you are pushing an array in there not the actual object.
Change this:
game.monsters.push([createBeing(makeMonster, freeCells)]);
To this:
game.monsters.push(createBeing(makeMonster, freeCells));
Removing the square brackets will just push the one monster into the monsters array.
You'll need to call the renderStats() function whenever you want to update the stats displayed in the stats box at the bottom of the game screen. The template has a line under "Player" section that calls the renderStats(); function when a coin is moved on by the player character. To update the hitpoint stat during combat you'll need to add renderStats(); somewhere in your "Combat" section, like after an attack. You can also add it near the end of the "Player" section when the player moves to update every time the player takes a step.
Hello Scott_Bro_1, and sorry for the slow reply. There is some example code in the other questions on this board that you can follow. Basically you have to change Game.monster to be Game.monsters which should be a JavaScript array like []. Then add new monsters to that array like in this example:
Good luck.