Find list of pixels between two points

Question

I'm currently programming my first game in JavaScript, and I've never technically learned JavaScript, I'm more fluent with Python.

Anyway, I need to find a way to make a list of all the pixels between two points on a straight horizontal line. I would then use the list to reference whether the user's character is touching any of the pixels to trigger a screen change.

It would be something like

pixels = []
(Function here to add the pixels to the list)
    For pixel in pixels
         If (dist(object.x, object.y, pixel.x, 0) < 1) {
            object.x = start point on new screen
            Object.y =

Does this make any sense? I'm sorry I'm bad at explaining things but I could use the help.

There is no need to generate this list. If your character is a rectangle, you can compute if the line intersects the rectangle. If not, you can check for every pixel in the character if its in the line made from those 2 points — juvian, Dec 04 '17 at 17:19
https://stackoverflow.com/questions/16203760/how-to-check-if-line-segment-intersects-a-rectangle — juvian, Dec 04 '17 at 17:21
You could also have a look at the [p5.collide2D](https://github.com/bmoren/p5.collide2D) library — Gabriele Petrioli, Dec 05 '17 at 17:58

score 0 · Answer 1 · answered Dec 04 '17 at 19:40

You almost certainly don't want to test intersection this way. This is going to require many more steps than just doing standard line-rectangle collision detection.

I recommend googling something like "line rectangle intersection" or "line rectangle collision detection" for a ton of results, including:

Find list of pixels between two points

1 Answers1