Thank you for this video it's one of the best tutorials I've seen, I like that it's so beginner friendly, even though I've already done beginner HTML tutorials multiple times I keep forgetting what different things do

Це мабуть найкорисніше відео яке я зустрічав з теми java platformer до того ж все працює ідеально. Дякую за старання, це відео дійсно корисне для мене

I do enjoy the tutorial, but I'm not sure if the current 2024 version of JavaScript requires the use of modules or something, but I was not able to get everything working following the tutorial one-to-one. Once I started importing the Player class from the JS file and using ctx in the parameter list in the this.draw function everything started working.

If someone needs a code from 37:00, then here it is: else if(index == 1) { for(int i=0; i<5; i++) walls.add(new Wall(Color.WHITE, offset + i*50, 600, s, s)); walls.add(new Wall(Color.WHITE, offset + 500, 600, s, s)); walls.add(new Wall(Color.WHITE, offset + 550, 600, s, s)); walls.add(new Wall(Color.WHITE, offset + 600, 600, s, s)); walls.add(new Wall(Color.WHITE, offset + 650, 600, s, s)); walls.add(new Wall(Color.WHITE, offset + 700, 600, s, s)); walls.add(new Wall(Color.WHITE, offset + 750, 600, s, s)); } else if(index == 2) { for(int i=0; i<14; i++) walls.add(new Wall(Color.RED, offset + i*50, 600, s, s)); for(int i=0; i<12; i++) walls.add(new Wall(Color.RED, offset + 50 + i*50, 550, s, s)); for(int i=0; i<10; i++) walls.add(new Wall(Color.RED, offset + 100 + i*50, 500, s, s)); for(int i=0; i<8; i++) walls.add(new Wall(Color.RED, offset + 150 + i*50, 450, s, s)); for(int i=0; i<6; i++) walls.add(new Wall(Color.RED, offset + 200 + i*50, 400, s, s)); } else if(index == 3) { for(int i=0; i<5; i++) walls.add(new Wall(Color.GREEN, offset + i*50, 600, s, s)); for(int i=0; i<5; i++) walls.add(new Wall(Color.GREEN, offset + 450 + i*50, 600, s, s)); walls.add(new Wall(Color.GREEN, offset + 150, 550, s, s)); walls.add(new Wall(Color.GREEN, offset + 200, 550, s, s)); walls.add(new Wall(Color.GREEN, offset + 200, 500, s, s)); walls.add(new Wall(Color.GREEN, offset + 200, 450, s, s)); walls.add(new Wall(Color.GREEN, offset + 500, 550, s, s)); walls.add(new Wall(Color.GREEN, offset + 450, 550, s, s)); walls.add(new Wall(Color.GREEN, offset + 450, 500, s, s)); walls.add(new Wall(Color.GREEN, offset + 450, 450, s, s)); } else if(index == 4) { for(int i=0; i<5; i++) walls.add(new Wall(Color.BLUE, offset + i*50, 600, s, s)); for(int i=0; i<4; i++) walls.add(new Wall(Color.BLUE, offset + 50 + i*50, 550, s, s)); for(int i=0; i<3; i++) walls.add(new Wall(Color.BLUE, offset + 100 + i*50, 500, s, s)); for(int i=0; i<2; i++) walls.add(new Wall(Color.BLUE, offset + 150 + i*50, 450, s, s)); for(int i=0; i<4; i++) walls.add(new Wall(Color.BLUE, offset + 500 + i*50, 600, s, s)); } else if(index == 5) { for(int i=0; i<5; i++) walls.add(new Wall(Color.YELLOW, offset + i*50, 600, s, s)); for(int i=0; i<3; i++) walls.add(new Wall(Color.YELLOW, offset + 100 + i*50, 550, s, s)); for(int i=0; i<2; i++) walls.add(new Wall(Color.YELLOW, offset + 150 + i*50, 500, s, s)); for(int j=0; j<4; j++) { for(int i=0; i<4; i++) walls.add(new Wall(Color.YELLOW, offset + 350 + i*50, 400 + 50*j, s, s)); } for(int i=0; i<7; i++) walls.add(new Wall(Color.YELLOW, offset + 350 + i*50, 600, s, s)); for(int i=0; i<2; i++) walls.add(new Wall(Color.YELLOW, offset + 550,500 + i*50, s, s)); } else if(index == 6) { for(int i=0; i<14; i++) walls.add(new Wall(Color.CYAN, offset + i*50, 600, s, s)); for(int i=0; i<7; i++) walls.add(new Wall(Color.CYAN, offset + 200 + i*50, 450, s, s)); } else if(index == 7) { walls.add(new Wall(Color.MAGENTA, offset, 600, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 50, 600, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 150, 500, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 200, 500, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 300, 400, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 350, 400, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 450, 500, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 500, 500, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 600, 600, s, s)); walls.add(new Wall(Color.MAGENTA, offset + 650, 600, s, s)); } }

Looks like everyone is having a problem generating the board correctly. Mine displays only one row of numbers with black separating lines. Any suggestions on how to fix?

if you set frame relative to null it put it in midele of screan and less things to write

How would you add a theme, background, character skin, to make the game more of a game?

superb

Is there anybody who can write the javascript code for showing up the board? I tried step by step by watching this video but it doesn't work. Please help :(

the collision part could be so much easier if done correctly. Too much calculations, if you want to make it easy to understand then learn how to optimize things correctly

I'm also having a problem in which my code of this tutorial is not working. Even though the code is correct, the result in my website is not coming. How is this happening and is there any solution?

Its really interesting to watch like a year and a half ago i couldn't do this and now a now webgl

Is anybody going to finish this. That guy was great at teaching and describing. I've only been coding for a few months and am sick the guy stopped (I should've checked the playlist before i started 🤔🤣) but i definitely learned a few things. If anybody wants to learn some more games check this guy out youtube.com/@KennyYipCoding Really good at explaining stuff too

great video and great channel - I know it's early days but please keep going - you are very good at this. (I am a comp science tutor in the UK)

Thanks for the video series, awesome! The green rectangle wasn't showing up for me because I put the canvas width/height in the style sheet. Once I followed the video and put the width/height in the HTML canvas element as an attribute - the green rectangle appeared.

Hi, I have a question and I am hoping you can help me out. If I was using the double-digit number included such that I can have instead of just 1-9 it can include 10 to 100. so how do I set the array [ ] to make it work.

Thank you, this helped a lot and I hope you continue again sometime in the future! Much appreciated!!

It’s a great series thanks so much, but are you gonna finish the series or not?

Thank you so much for this tutorial, you explained things so well!

Great tutorials!!

Doesn't move for me oof. Have watched this video many times over, maybe 7-8 times. Just dunno what's wrong with it.

Yes, its called the coefficient of friction

can u share the source code of javascript?

dang too bad he did 1 video, this was actually good for getting to the point. Everyone else figures how to make this explanation and demonstration take 40 minutes, just to still skips steps and information

Best tutorial ever, shared already to my friends!

Thanks so much brother. Literally taught me everything that I needed to get started on my game developer journey. If you have a Udemy course or fan page, definitely link it !

Great tutorial. Amazing

Thanks for taking the time to do this. Just now wrapping my head around collision.

I had the same problem on generating board, instead of board.chartAt( i ) in function generateBoard(board) , used if (board[ i ] !== '-') { tile.textContent = board[i]; } It worked. Good luck everyone!

This guy really deserves more subs

Great Tutotiral!, Thank you for Save my homework :)

i followed everything correctly and i amde the canvas and everything, but my canvas is much smaller than yours and the red square doesnt appear. and my canvas doesnt turn white

does anyone know how to make it so that you cant infinitely jump?

hey so max speed is working when i goto the right but not to the left

why dont I move back down when jumping?

Finally the good name of Sudoku has been cleaned

Still butchering the poor sudoku name xD

Commenting F for poor dear Sudoku's name that was butchered on the making of this video hahahahahaha Also great tutorial! Keep it up!

Thanks

Thanks a million! My business app coding is pretty good but I wanted to mess around with gaming, hitboxes, and physics. You made it easy to understand!

How can I fix the player glitch? It doesn't update for me. It just throws out an error code.

i need next video :)

r u alive ??

f

Uncaught TypeError: Cannot set properties of null (setting 'textContent') at HTMLButtonElement.startGame Please Help

hey, I'm pretty much new to JS and having some trouble with figuring out why the player doesn't appear, any reason this could be? edit: nvm, figured it out

Tho i can do this myselffis stil interesting to watch

Please give the source code

Please give the source code

For those that do not have the board visible: add generateBoard(board); onto the end of the startGame() function.