Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
In this Discussion
- kfrajer May 2017
- soundofthesound May 2017
Looking for drawing solutions for overlapping shapes
I've made a patch that changes the angles of 4 right-angled triangles within a square. The thing I don't like is that drawing a side of the triangle at the same coordinates as side of the square can result in some not so aesthetically pleasing results. The corner of the triangles stick out from the corners of the square. You can see what I mean in the patch:
https://www.openprocessing.org/sketch/426460
Is there any way to stop this from happening? I'm not sure if I'm doing something wrong in my calculations or if using the rect() and triangle() objects are sufficient. Would making my own vector-based shape be a way of rectifying this?
Tagged:
Answers
It seems like the lines are extending further from the corners in certain configurations. it doesn't help you have a thick line. I would suggest you work with the thinnest line first to make sure the corners overlap at all times before you increase the thickness.
Kf
As an update, using strokeJoin(ROUND) stopped the triangle corners from sticking out. I've updated the link above to show this. This shall do for now.
If you run your code with strokeWeight(1), you will see there is an offset that could be causing your problem. Did you try it?
Kf