Скачать или смотреть Simple to advanced collision detection using vanilla JavaScript and HTML Canvas (VWD - Lecture 7)

We experiment with collision detection between a point and different types of shapes. We begin with simple methods for collision detection, like checking if a point is inside a circle or a square and then explore an advanced method to perform pixel perfect collision detection for an shape using just vanilla JavaScript and HTML canvas.

In the Visual Web Development (VWD) course we study HTML Canvas and use vanilla JavaScript to make: physics engines, object recognition apps, augmented reality, interactive animation and simple games. Some of the last projects will include apps inspired by the Marvel cinematic universe (Dr. Strange and Spiderman):

Full course playlist:
   • Visual Web Development (2019)  

The VWD course was taught also a second time with a totally different objective: to build an augmented reality piano that you can play in front of the webcam. In that other course we again use HTML canvas and vanilla JavaScript to implement everything without any libraries. Check this another course here:
   • Visual Web Dev. Course (2021)  

Code:
http://cs.uef.fi/~radum/vwd/demos/hit...

#vwd​ #visualwebdevelopment​ #collisiondetection