Having stroke highlight quad edges in 3D .obj?

p5.js
1

Hello there! I’m working on a project to display some simple geometries on a canvas. I have a 3D hexagonal prism I’ve made in Blender and I’d like to pretty it up a bit…

hex_edges_example
hex_edges_example800×400 10.5 KB

The left side of the image is how the hexagon is currently displayed with stroke() enabled (showing visible triangles). My question: is there a way to have the stroke highlight the edges more like how I’ve drawn on the right? I’m thinking working with quads might be doable for the sides, but no idea how to approach the top. Really, no idea how to approach this in general. Any help would be greatly appreciated!!

1 Like
2

try noStroke(); lights();

3

Of course you can make the side as rectangles with vertex and the top too.