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
- CodingGenius04 February 2018
- koogs February 2018
- PhiLho October 2013
how to fill in the round with fill gradually changing color
does processing has some function for that? if it has,can it be used to fill gradually changing color more than two color? it's easy to draw line to fill gradually changing color to rectangles,but it's round,so i have no idea. Hope sb can help me,thanks in preference!
Answers
When you start a message by "How To", it is a sign it should go to the section with the same name... :-) (I moved it there.)
"gradually changing color"
In general, we call this a "gradient" (or color gradient).
If it is round, a way to do this is to use
mask().I have an example of mask usage with a PImage, but you can drawn your gradient on a PGraphics and do the same thing with a shape of rounded rectangle.
I would do something more simple if you are planning for some type of game...
if (turnItIntoAVariableAndPlaceItHere === it’s X or Y ){ fill(random); ellipse(last circles X, last circles Y, Same W, same H); }October 2013...