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
silly question? Put an image into a circle
Hi guys, how could I get my image into a circle in processing? (in css I can use border-radius atribute, but I didn´t find nothing about it in processing... I´m getting several twitter image user profiles with square shapes,but I would like give a better style....
this is a reference about I would like get http://hugogiraudel.com/2013/04/02/items-on-circle/
Thanks in advance
Tagged:
Answers
you can draw your own textured shapes using beginShape and use your images as textures there.
it needs a bit of trig knowledge and beginShape(), texture(), vertex(x, y, u, v), endShape()...
Obviously an How To question, so I moved it...
Beside the texturing approach (I should learn it someday...), you can just use mask() to cut off the image outside of the circle.
Thanks folks! I have created a class, which get some parameters like radius, and create a ellipse shape to mask images. I will share when I clean a bit more the code, Thanks again!