hi!

Dude! I have to say every time I watch your videos, even if I know most of it, I learn new stuff! It's fun, and pretty well done! Thanks for these "lessons". This is a great way to learn Javascript and games. And it's always entertaining! You're da best! :D

Your videos would be better if you included the code.I know you want people to learn it and maybe sell some courses but I don't know how many times I've followed your videos and get an error or something doesn't work and I have to search the video for that section or start all over.

Thanks a lot for this excellent content!!

Hi Frank

u r awesome

I have learned so much from you, thanks for the clear explanation. Some Idea's for future subject I would like to see are creating and using hexagon and/or isometric maps and characters

As always a really well explained and easy to follow tutorial of you. I really like the idea of creating a Pixel Art RPG Game and im looking forward to see more videos of you, expanding our project :)

excelent video, very educative, The video is very well explained, easy to follow.I want you to go deeper in another video about how to implement small sprites. There is something in my code that I did wrong because the character's movement is not coordinated with the grid, it stops between the grids

let hero let upbtn,downbtn,leftbtn,rightbtn let isCollided=false let cols=20 let rows=20 let tileSize=20 let gameWidth=rows*tileSize let gameHeight=cols*tileSize let moveDelay=5 let scale=4 function seting(button,name){ button.elt.ontouchstart=()=>{ if(name=="up"){ hero.vly=tileSize/scale } if(name=="down"){ hero.vry=tileSize/scale } if(name=="left"){ hero.vlx=tileSize/scale } if(name=="right"){ hero.vrx=tileSize/scale } } button.elt.ontouchend=()=>{ if(name=="up"){ hero.vly=0 } if(name=="down"){ hero.vry=0 } if(name=="left"){ hero.vlx=0 } if(name=="right"){ hero.vrx=0 } } } function setup() { createCanvas(400, 400); hero=new Hero() upbtn=createButton("up") downbtn=createButton("down") leftbtn=createButton("left") rightbtn=createButton("right") seting(upbtn,"up") seting(downbtn,"down") seting(leftbtn,"left") seting(rightbtn,"right") } class Hero{ constructor(){ this.x=100 this.y=200 this.vlx=0 this.vly=0 this.vrx=0 this.vry=0 } update(){ this.x+=this.vrx this.x-=this.vlx this.y+=this.vry this.y-=this.vly } show(){ rect(this.x,this.y,20,20) } stop(){ this.vly=0 } } function mousePressed(){ console.log(hero.x,hero.y) } function checkCollision(x1, y1, s1, x2, y2, s2) { return (x1 < x2 + s2 && x1 + s1 > x2 && y1 < y2 + s2 && y1 + s1 > y2); } function drawGrid(){ stroke("red") fill(0) for(let x=0;x<gameWidth;x+=tileSize){ for(let y=0;y<gameHeight;y+=tileSize){ rect(x,y,tileSize,tileSize) } } } function draw() { background(2); drawGrid() fill(255) hero.update() hero.show() rect(100,100,20) if(checkCollision(hero.x,hero.y,20,100,100+1,20)){ hero.stop() } } Frank , can u help me to fix the code, i want the player will stop after colliding but its not working 😢

Thank you Frank, I always learn a lot from your videos! As you mentioned in this one, it would be great if we could learn to implement a more complex sprite animation system :D

Would love if you could explore more RPG ( Stardew valley, Graveyard Keeper etc. ) , something one could build upon after tutorial and publish it too. That would enable us to convert that base game to something bigger based on story/scenario we can think of. Lot of tutorials present on YT explore similar types of games ( Tetris, puzzle based etc. ) , but very few tutorials like yours enable beginners to explore more ready to publish, story based games.

Nice video Frank! Thanks! The dot JS thing in VSC is really annoying. I think for the first import, VSC doesn't know the type of the file you are importing, that's why it leaves it blank. After the first import, it uses the already known file type - unless, the new import, because of the auto sort, becomes the first line again, than VSC forgets the file type once more. As I said: very annoying!

Can you tell me? your screen recorder?

I just started the tut. I really like how you explain the relations and possible stumbling blocks, so everybody can really understand! Not just just the often common "do this, do that...tadaaa"-magic.

this was amazing, thank you

Hello frank two years ago i made a game thanks to your tutorials and got the grade A+ can i show it you and you can share it

1:12:10 Please make a video of this! This would be very helpful since I still am quite terrified with animations and sprite sheets. I still need a lot of time wrapping my head around deltaTime and such. Anyway, great video! Looking forward to future ones!

Frank, cool as usually! ❤

KZbin recommended for the first time a good channel. Subscribed. Liked. Thank you for the video i will check other videos too.

The job and effort you put into those videos is amazing. Teaching, explaining and inspiring with really good ideas. Thanks for sharing your knowledge Frank. Keep up the hard work!!!!! 💪

Yes, thank you so much. Starting this weekend!

why do you think you created gta6 ???????

🔥🔥🔥🔥🔥

Your videos are the first thing I watch

That was interesting! 👍Always interesting to watch your tutorials!

Always best tutorials! Thanks Frank!

Awesome Frank, awesome tutorial!

Good stuff Frank.

You are amazing man Please can make complete rpg game with backend

Hey Frank, Jon here -- it's been a while. You're videos have gotten top-notch professional at this point! Well done! I'm happy to see how far you've gotten over the years! That contract that you helped me get (I think it lasted about 3 years) is coming to an end this very weekend. It was planned, and I was informed about this ending many years ago. It was the best job I've ever had and I got a lot of experience. Thanks for your videos which greatly helped me get out of my burned-out states. Well, as I try to figure out what to do next ( I've got some plans ) I'll be keeping up with your vids a lot more. I may start my own, new, channel (it depends on what direction my plans go).

Amazing series so far! Thanks, Frank! I'm loving seeing you get more and more comfortable with modules and ES6 with each video. Really clean code!

Thanks for your work, Frank.

Valeu!

Frank you never disappoint. I’ve been watching your videos for years. Even though I’m a fully capable developer at this point, these videos are just plain interesting to watch

I just made this account so I can say thank you and give a like and subscribe. I love games and learning how to make them.

This is awesome. Exactly what I was looking for o7

Build this themes vanilla JS with OOP: 1. Build Videoplayer like KZbin Player (All functionality). 2. Build Image Cropper. 3. Build Image and Video Editor. 4. Build custom range slider. Thank you for all.

hi to me

I just want to ask. I am building a cyberpunk themed game in pygame with python. Can I please use your Universal LPC Sprite Sheet Generator to make some characters? I will credit you if I ever publish it. Great video, I love the direction of gaming types videos you are making.

one of the best tutorials .. sir I appreciate you ...... and thank you a lot and lots of love from Pakistan...

Share your unique character when you make one, but only share the second part of the URL to avoid KZbin spam filter, it deletes comments with links: "#?body=Body_color_olive&head=Orc_male_olive&legs=Pants_black". Step by step process how to use the Spritesheet generator in the video description

finaly the video came for which we were waiting can you also make a short video on the data storing i local files such as after game saved data in and file and then use that data to continue game from we left

It was a useful video, interesting and educational. Thanks for your work. Like!

You the best.

Good Stuff, and I don't mind following along. I just slow them down to 75%. I do know that newer / beginners would like the source code. I always steered away from it until I was stuck and need to tap out and look at what was working in order to continue to make it work. Thanks for your time with theses many have benefited !!

Do you want a SOURCE CODE for this, or you prefer to code along and hear me explain what every line of code does and why I choose to implement it that way?

I was waiting for this❤

Geat job, i didnt know that you can make this.effect without threejs and shaders.... THX, i ll be back ;)

the last part of the video has me stuck when trying to change the animations to the drop down box values. the sprite always disappears. this is the code struggling with let playerState = "fall"; const dropdown = document.getElementById('animations'); dropdown.addEventListener("change", function(e) { playerState = e.target.value; }); I think my add event listener is wrong