Cat hungry.png
Здравствуйте! Собираем деньги на перевод материалов по электронике(https://www.allaboutcircuits.com/education/). Реквизиты указаны здесь.

Processing:Примеры/Радиальный градиент

Материал из Онлайн справочника
Перейти к: навигация, поиск


Перевод: Максим Кузьмин (Cubewriter)
Перевел 2686 статей для сайта.

Контакты:

Проверка/Оформление/Редактирование: Мякишев Е.А.


Ambox content.png Черновик


Описание[1]

Этот скетч-пример рисует несколько кругов, внутри которых реализован радиальный градиент, то есть радиальный (круговой) переход от одного цвета к другому.

Пример

  1. int dim;
  2.  
  3. void setup() {
  4.   size(640, 360);
  5.   dim = width/2;
  6.   background(0);
  7.   colorMode(HSB, 360, 100, 100);
  8.   noStroke();
  9.   ellipseMode(RADIUS);
  10.   frameRate(1);
  11. }
  12.  
  13. void draw() {
  14.   background(0);
  15.   for (int x = 0; x <= width; x+=dim) {
  16.     drawGradient(x, height/2);
  17.   }
  18. }
  19.  
  20. void drawGradient(float x, float y) {
  21.   int radius = dim/2;
  22.   float h = random(0, 360);
  23.   for (int r = radius; r > 0; --r) {
  24.     fill(h, 90, 90);
  25.     ellipse(x, y, r, r);
  26.     h = (h + 1) % 360;
  27.   }
  28. }

См.также

Внешние ссылки

  1. processing.org - Radial Gradient