Javascript a HTML Game - Ep 3 - Collision Hit Tests.

I'm making a series of videos to demonstrate programming in Javascript using a little HTML to create a simple game, using Notepad++ to code, you can always use notepad & achieve the same results.

Watch the playlist from the start = https://www.youtube.com/watch?v=n6-o6Ffpnd8&list=PLebvEFVOiFE-ftmTV8zc-ypmM0MPPK33V

In this episode I covered how to run a hit test between 2 rectangles & show you how you can block the objects like solid wall collisions, or how to go about scripting other events you might want to happen when objects collide!

==== Contents ====
0:00 - Waffling introduction!
0:52 - fixing lineWidth in square class.

==== Building a Hit Test Function ====
1:25 - building a skeleton hit_test function
3:07 - Adding halfWidths + centerX to the Rectangle Class.
3:58 - Introducing Getters & Setters
5:40 - measure x_distance vs combined_half_widths of rectangles
7:14 - find out if an overlap on the X axis is happening...
8:30 - measure y_distance + combined_half_heights
9:53 - a collisions happened, find the x y overlap
10:20 - Introducing Math.Abs()
11:42 - find out which side is the collision happening on & separate by overlap.
15:30 - Added hit_test into the update loop

==== Demonstrating the Hit_Test without Separation ====
15:59 - adding another rectangle
16:55 - adding 'collide' as an argument into the hit_test
17:35 - explaining the return statements purposes
18:12 - running hit_test in an if statement without the collision

==== Stay tuned for more videos! ====
Over the course of the weeks I intend to build upon this game & add to it, eventually including how to add graphics. From there I may improve further to build a more full functioning game.

Viewers are encouraged to watch, follow along & learn or add your own input.
Eventually this might build up into a game worth playing like Celeste! Or you'll see me crash and burn at the 6th or 7th hurdles! Who knows! At the very least I intend to stream every step of development I go through so that you can follow along every step of the way & learn how to (or how NOT to) go about building your own game all from scratch!

My Facebook - https://www.facebook.com/beta.ruler.9/
My Twitter - https://twitter.com/RahuBeta