View Full Submission View Parent Comment
1 users agree
6:32 PM, Sunday June 21st 2020

What is an intersection? The lesson instructions explain:

  • The intersection between two lines is where a point sits on both lines at the same time

  • The intersection between two planes is where a line runs along both planes at the same time

In the case of boxes they are formed from six planes. So If we can figure out the intersection between planes we could extend that method to boxes.

So a plane. What is it? It's a flat surface. In DrawABox we call planes what could be described geometrically as rectangular plane. A general plane in geometric/mathematic terms is actually infinite. The prime example of this is the ground plane. It extends infinitely all the way to the horizon line.

Note the connection there: For every infinite plane you can find it's respective horizon line.

How you you find an horizon line for an arbitrary plane? There's an easy method: say you have a flat object (a piece or carboard, a flat ruler, your hand with all your fingers straightened out) placed on the flat table surface. Now lets say you raise that object, without rotating it, all the way to your eye level. At that point you will be seeing the object edge on. That edge is aligned with the horizon line:

https://imgur.com/a/0xHTUdk

That little trick works for any plane in any orientation. You don't even have to do it physically. You can imagine a box, and then imagine moving eacho of the planes of the box outward until you see it edge on. Then you can trace the horizon line for that plane.

There a few things you can do with this. Let's say you do the above procedure for the three planes of a box that are facing the viewer. You will end up with three horizon lines. Those three horizon lines form a triangle. The corners of those triangles are exactly the vanishing points for the box!!

https://imgur.com/a/WtcXNJR

But why are the vanishing points there? What are vanishing points anyway? When we draw boxes what we actually are drawing are the edges of the box. What is an edge? The edge is the the line in between two adjacent planes. To be more specific: It is the common line between two adjacent planes.

So now we can go back where we started: An intersection between planes is the common line between two planes. In other words, by drawing boxes we have been drawing intersections all along!!

So the next logical step is to take our knowledge of drawing boxes and apply it to draw intersections. We know that order to draw the edges of a box (which are actually intersections) we consider the vanishing points for those edges. When drawing intersection between two planes then it is expected that intersection will converge at some vanishing point.

But how we find the location of that vanishing point for the intersection between planes. The answer for that is above: we consider the horizon line for each of the two participating planes, where those horizon line cross is where the vanishing point for the intersection line is:

https://imgur.com/a/AYq8Pb1

The above statement gives us the direction of the intersection line (towards the respective vanishing point). It doesn't give us the start location of the intersection line. That's because the first intersection line can start at an arbitrary location (which is still inside the overlap between the boxes).

And with that we finally have all the tools to draw the intersection between two boxes:

  1. Draw two boxes with some overlap

  2. Pick a point inside that overlap

  3. That point lies on a pair of planes, one from each box

  4. Find the horizon lines for those two planes

  5. Find where those horizon lines cross to find the vanishing point for the intersection

  6. Use that vanishing point to draw the intersection line until an edge of either box is reached

  7. Examine which pair of planes lie beyond that edge

  8. Repeat from step #4

But of course, since this is DrawABox you cannot plot anything of the above. Not that it would be possible to plot everything within a piece of paper. Still, it is possible to estimate it well enough to get mostly convincing intersections.

10:28 PM, Monday June 22nd 2020

I read your analysis yesterday and allow myself to take a day to digest. This is some great knowledge you are sharing. I feel vanishiong points make a little bit more sense now. Thank you so much!

So to answer my own questions under the framework you provided, the intersection lines are not arbitrary. Only the point in the overlap (your step 2) is up to our own choice. Without being able to place the vanishing points of both boxes explicitly on paper, we need to develop the sense to get a rough estimate to draw reasonable-looking intersections. But now I know how to check my attempts! I would think this can be applied to any 3D forms as well because they can be fit into boxes.

12:44 PM, Wednesday December 28th 2022

Thank you, great sage! Now could you explain curved intersections please?

8:27 AM, Tuesday September 19th 2023

I know this a little late, but what program are you using to create these visualizations?

The recommendation below is an advertisement. Most of the links here are part of Amazon's affiliate program (unless otherwise stated), which helps support this website. It's also more than that - it's a hand-picked recommendation of something I've used myself. If you're interested, here is a full list.
Color and Light by James Gurney

Color and Light by James Gurney

Some of you may remember James Gurney's breathtaking work in the Dinotopia series. This is easily my favourite book on the topic of colour and light, and comes highly recommended by any artist worth their salt. While it speaks from the perspective of a traditional painter, the information in this book is invaluable for work in any medium.

This website uses cookies. You can read more about what we do with them, read our privacy policy.