Drag and drop in vanilla JavaScript and HTML canvas (Desktop and Mobile)

[@Radu]

Do you need drag and drop in any of your projects?

[@Radu]

@@Frankslaboratory Doesn't surprise me, with all the things that you do :-)

[@Radu]

@@Frankslaboratory I prefer Fridays but I failed to do it last week because I moved to a new place.

[@hohohongstudio1318]

This is the coolest canvas project I've ever found on KZbin and its very useful to me, thanks a lot.

[@Radu]

Wow, thanks! Glad you like it :-)

[@musatyamutiswa6665]

Awesome series Radu!! Love your no frills teaching technique and concise, fluid explanations 🌟🌟🌟🌟🌟

[@Radu]

Thanks :-)

[@AshfaqAfzal]

You're always my favorite Teacher!!

[@Radu]

What a nice thing to say :-)

[@tomask2138]

Thank you so much for all your videos. It's really hard to find videos of this quality, I have learned a lot from you. Greetings from Chile

[@Radu]

Wow! Thank you Tomás. Your comment means a lot!

[@anwerjivani1547]

Some of the best programming techniques

[@Radu]

Thank you! Makes me very happy to hear :-)

[@javifontalva7752]

Radu: Was it difficult? Me: Despite being difficult as hell (for me at least) I really enjoyed it and learnt a lot and it made me aware of how much I still need to learn. Thank you so much!!!

[@Radu]

Great job!

[@gustavovelozo9733]

That's beautiful code, thank you

[@Radu]

No problem

[@mohamedyoussef8835]

Your videos are awesome ++++++++++++++

[@Radu]

Glad you like them!

[@pointer333]

This is fantastic and very helpful. However, I'm curious why you didn't choose to use Pointer Events as they naturally account for both mouse and touch input.

[@Radu]

Because I didn't know they exist. Thanks for pointing them out! I'll try them out and teach them in a future video.

[@unknown-bx8my]

🔥🔥🔥🔥🔥

[@Radu]

🧯🧯🧯🧯🧯

[@unknown-bx8my]

‍

[@Radu]

@@unknown-bx8my 🤯

[@unknown-bx8my]

@@Radu ‍

[@photoinshot1355]

Hi Radu Great video series, so far as I have completed, I am learning a lot, thanks. I have come across a problem. Towards the end of video 3, this video, I lost the greyed-out webcam image behind the pieces. I thought I made a mistake, so I downloaded the files from your website for part three. Using the downloaded files, I replaced all my files with yours, but the same problem is occurring. I normally use Chrome but I also tested in Firefox and Edge they all give the same result. Any ideas?

[@Radu]

Hi. Great that you got to this point! If you send me your code somehow (like: github, codepen...). I can have a look :-) Probably something to do with the globalAlpha setting, but I can't say without having a look.

[@photoinshot1355]

Thanks very much for getting back to me, you are absolutely right the global Alpha setting was at 0 should be 0.5. I must have missed something somewhere. The downloaded file from part 3 shows Alpha 0, the downloaded file for part 4 shows Alpha 0.5. Thanks again for a great series I am really enjoying working with it. The game is also great fun!

[@Radu]

@@photoinshot1355 great that you figured it out. Hope next parts are more clear.