Character Motion & Animation in 2D Games

[@douglascounts4634]

Wow, another quality video from the master!

[@Frankslaboratory]

Hi Doug, thank you, very kind

[@LiborBenda-k1d]

Hi! As a passionate gamer (well, at least in my pre-dad period :D) and a JS web developer, I must say I have completely fell in love with your videos. Realizing I can actually use JavaScript to create games for my kids or to (possibly) recreate some of my favorite ZX Spectrum games from my early childhood is so amazing! I just want to thank you for all the hard work and passion that you put into your videos - you have opened up a whole new world for me. Wishing you all the best - and looking forward to the second part of this video (lasers and stuff :))!

[@emausdetiquicia6636]

I have struggle into understanding the 2 different drawImage methods. The way you presented them here is 1) clear, 2) useful, 3) make sense and 4) very entertaining. I'll definitively will continue watching, liking and sharing your videos and whenever I can click on the ads.

[@Frankslaboratory]

Hi Emaus, thank you for taking the time to let me know, I appreciate your feedback. Glad you found some value!

[@nicolo4430]

Your conten is way underrated.

[@Frankslaboratory]

Thank you Nicolo

[@timwilson2009]

You're awesome, Frank! Thanks as always. Great work :)

[@gflaap]

Great Video with high Quality- i Hope you will Never stop with your Tutorials singe they are awesome and I love them❤

[@johntitus3985]

You are amazing!! I haven't been doing much in JavaScript lately but I really enjoy your KZbin videos. Keep up the great work I'm always amazed what you come up with.

[@Frankslaboratory]

Thank you for your kind words of support John

[@TwitchingShark]

I love the detailed explanation!

[@Frankslaboratory]

Glad you think so

[@JM-de2gh]

Wow, I really liked your /last/ video and was trying to catch up on that. This one is really cool though! I really need to block out a 3hr-Frank time event by next weekend, and the artifact needs be a tribute! Thanks Frank. You're vids this year are x2 the quality of last year, and last years quality was already good!

[@Frankslaboratory]

Hi Mr J, interesting to see you noticed improvement in quality, I'm happy to hear that. I guessed I learned a few coding and video editing tricks in the last year :) Hope you're well, nice to see you here

[@carllewis6745]

Love the art style

[@Frankslaboratory]

Hi Carl, glad you like it, I will probably try other art styles for future series.

[@javifontalva7752]

How can you make the eye follow smoothly?

[@adeshmahatme1988]

EAGER TO LEARN FROM YOU FRANK

[@Frankslaboratory]

Have fun learning Adesh

[@MrBrady95]

Thanks Frank, your videos are always awesome! The movement you're showing here, reminds me of an arcade game classic called "Tempest" (Atari 1981). A cool game with simple line based graphics and a fast speed that made the game fun to play. Seems to me that the entire game was based around this simple circular movement. 😄

[@Frankslaboratory]

Hi John, just Googled Tempest gameplay. Might be interesting to try to replicate that with JavaScript :)

[@compilejs110]

I really love your video. So much detail. Lot of learning. Waiting for 3D Webgl tutorial.

[@Frankslaboratory]

Thank you. I came up with a lot of gameplay ideas for this series, to do this with WebGl would take a lot more code, so probably I'll do a simpler project

[@Frankslaboratory]

Should I give it a laser arm or electricity attack?

[@mister_i_3708]

If electricity attack will be a chain between enemies, then better it will be. Other way, laser is better.

[@Frankslaboratory]

@@mister_i_3708 I'm still designing it, so let's see. I came up with a few more attack types just now :D

[@compilejs110]

Laser arm, also electric lighting to show charging initially before releasing laser beam.

[@javifontalva7752]

Btw. Excellent job!!

[@Frankslaboratory]

Thank you Javi

[@HuynhLuong227]

long time no see. many thanks

[@Frankslaboratory]

It's been a while, hope you're well

[@Radu]

Amazing :-)

[@Frankslaboratory]

Thank you master coder!

[@Radu]

@@Frankslaboratory :-)

[@Radu]

@@Frankslaboratory Really great how you put in so much attention to detail!

[@javifontalva7752]

I am learning so much from both of you guys. I am flabbergasted!

[@johnadriandodge]

Shalom Jedi Frank You are spooky talented. I have so much fun working through your projects. Thank you Frank

[@Frankslaboratory]

Hi John, nice to see you. Thank you for your kind words

[@johnadriandodge]

Thank you very much

[@TheKaunter]

I love the fact that you don't use any framework!

[@Frankslaboratory]

Glad you think so, thank you for your feedback

[@h989l]

you should publish a web game Frank , I would love to play your game.

[@Frankslaboratory]

I would like to make a tower defense game, I have a lot of ideas for that right now ha.

[@DisnakaMedanjana]

how to make story page

[@Frankslaboratory]

What do you mean

[@sistemafuturo]

❤❤❤❤❤

[@Scifi_Kid]

Is that a game wow pls release it dude 🔥🔥🔥🔥 ???

[@Frankslaboratory]

I make a lot of games, not all are turned into tutorials. Depends if people like them

[@serychristianrenaud]

Coool

[@Frankslaboratory]

Thanks

[@heimphyo5171]

Please upload penalty shoot game ❤

[@Frankslaboratory]

Good idea

[@MadaraAzukar]

🥵🥵🥵🥵

[@Frankslaboratory]

:D

[@mister_i_3708]

27:25 Code can be refactored. this.frameX = this.frameX >= this.maxFrame ? 0 : this.frameX + 1 or this.frameX = ( this.frameX + 1 ) % this.maxFrame

[@Frankslaboratory]

Nice, I like the second one. Will try that