26- Making HTML5 Game: Items & Inventory. Javascript Tutorial Guide

EP26 about making a video game in HTML5. In this video, I cover items and inventory management.

If you have any question, feel free to post a comment below.

[stoneymcstonerson]

RC - thanks for your videos, man. You can tell you put a lot of time into them. I am coming back to programming after a 2 year break and your videos have been a nice reintroduction. I'll be working on my own browser-based MMO soon and will definitely be using your blog and videos as a source! Keep up the good work.

[mercantilistic]

I've enjoyed watching this whole series but there is one thing I really want to learn about and I haven't seen anyone talking about it. Can you please do a video talking about state management. Having a start screen, game over (win/lose) and in game options. I'm having a hard time figuring out how to switch between states of the game. Also having multiple levels and switching back and forth between those like having our guy walk into the house and buy items. Thanks very much!

[EvansAbominations]

Great series! Thanks for uploading these

[Gabacowboy]

It is very good, I finally create my first HTML5 game with your tutorials.Are you planning to make a tutorial put sounds to the game?

[diego-vwin]

Cool but just one tip is better use some than the for loop:
if (self.items.some(i => i.id === id)) {
self.items.amount += amount;
}
else {
self.items.push({id:id, amount:amount});
}

The same for others functions ^^

[maltager]

It's so strange how you have like almost a year between you videos haha. I don't know how you can come back after such a long time to an old project.

[avetikarakelov]

hey why if i move with player i am on 6 th tutorial with keybord movement =), if i get in some corner i got doubled number (player) like

[miarau]

I have an other question: Why don't you use requestAnimationFrame() instead og setInterval()?

[starogre]

would this bind to Vue.js pretty easily with the methods you describe in this video? thinking about taking a similar route you did in RainingChain and use Vue

[JokeFamilyGame]

Nice video ! Could you show us how do you have structured your project with typescript ? Because i don't understand how to convert this actual code in differents typescript files. Thanks !

[miarau]

Thank you for this great tutorial! Though I miss episode 27. I would like to know how to prevent all the white spaces around the map. For now I'm only interesting in creating a game with only one map, but when the map moves around so does also the whitespace around. I could only come up with one solution for this and it, s to create a "static" map under, but don't know if that's such a good solution. Is there another way?

[iuhry]

hello and thank you for your videos
I'm trying to make an rpg game but I have a problem related to the player aim angle.
In your game the player is like fixed in center of the map, but in my case my player is moving around inside the canvas. Can you explain me how can I get the mouse angle of the player? thanks :)

[damiensarnecki]

Is it possible to implement this to multiplayer nodejs websocket game?

[mrmike]

Looks like quite an informative video. But your pronunciation of inventory was driving me bonkers.