Line rectangle collision?

Question

How do I do line rectangle collision? It seems way more complex than usual, here's the code. I'm trying to make r1 collide with the blue lines on r2. The collision method is vertextIntersect() in the Rect object.

I am not asking for rect collision, I am asking for line rect collision. The code draws blue lines over the second rectangle, I want to collide with 1 line.

https://code.sololearn.com/W7N67EeZEjkC/?ref=app

Answer 1

https://code.sololearn.com/WGBLLnFkuMpR/?ref=app

Answer 2

P5js has an additional collision module with examples.
https://github.com/bmoren/p5.collide2D

Answer 3

ok...
a m*n rectangle has m*n points.
a k*1 line has k points.
if any point of k is in rectangles point... collision.

Answer 4

now optimize
atm your lines horizontal and vertical lines?

Answer 5

width*height and length of objects

Answer 6

Rectangle Collision Testing
https://code.sololearn.com/WOSkh92TwAYI/?ref=app

Circle

Answer 7

https://bit.ly/2XkTBnt

Clueless Coder again the little sketch.

Answer 8

👍thanks a million

Answer 9

Clueless Coder Quite close

Center of moving square, correct.

For blue line, make it not a vertical line, make it with a random angle.

Find the nearest point on the line which has shortest distance from center of square.

Calculate the distance between that point and the center of square.

Answer 10

Oma Falk I know, but I want to learn the theory

Answer 11

This might help you.

http://jeffreythompson.org/collision-detection/rect-rect.php

Answer 12

Oma Falk Just remembered, collide2d won't work with my rectangle configuration. It only works with rectMode(CORNER)

Answer 13

Calculate the normal length from line to center of shape , and then compare with the length of shape at that direction.

Answer 14

Gordon Thanks, that very nearly worked. It's bit off though, I may have misunderstood. This is way to advanced for me I think.

I added it to the code

Answer 15

For solving rect1 being stuck to rect2 currently, here is my demo for another Sololearner a year ago :

https://code.sololearn.com/W385n4ccicXX/?ref=app

Use a flag to indicate that the shaped are overlapping, so that the direction will not be switching every frame.

Answer 16

If it is vertical, you just need to check right side of rect1 with rect2.x

Answer 17

Gordon I tried something else and it's got worse. This is impossible.

Answer 18

I'll explain in a YouTube video, if you need.

Answer 19

Thanks so much! I actually get it now!

Answer 20

👍