Processing:Примеры/Синусоида: различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
Нет описания правки
 
Строка 1: Строка 1:
{{Processing панель перехода}}
{{Processing панель перехода}}
{{Перевод от Сubewriter}}
{{Перевод от Сubewriter}}
{{Myagkij-редактор}}
{{Myagkij-редактор}}


=Описание<ref>[https://processing.org/examples/sinewave.html processing.org - Sine Wave by Daniel Shiffman]</ref>=
=Описание<ref>[https://processing.org/examples/sinewave.html processing.org - Sine Wave by Daniel Shiffman]</ref>=
Строка 124: Строка 121:
<references />
<references />


{{SEO
|Заголовок статьи=Processing: Синусоида (Дэниэл Шиффман) / Онлайн справочник - wikihandbk.com
|Ключевые слова=processing, Синусоида (Дэниэл Шиффман),Синусоида (Дэниэл Шиффман) в processing, пример Синусоида (Дэниэл Шиффман), пример Синусоида (Дэниэл Шиффман) в processing
|Описание статьи=
|Изображение статьи для Open Graph=
|Адрес страницы для schemaNewsArticle=<nowiki>http://wikihandbk.com/wiki/Processing:Примеры/Синусоида</nowiki>
|Изображение статьи для schemaNewsArticle=<nowiki></nowiki>
|Высота изображения статьи для schemaNewsArticle=
|Ширина изображения статьи для schemaNewsArticle=
|Дата публикации для schemaNewsArticle=2018-07-25
|Автор=Мякишев Е.А.
|Издатель=myagkij
|Логотип издателя для schemaNewsArticle=<nowiki>http://wikihandbk.com/ruwiki/images/6/61/Tech_geek_logo_1x.jpg</nowiki>
|Ширина логотипа издателя для schemaNewsArticle=60
|Высота логотипа издателя для schemaNewsArticle=45
}}
{{Навигационная таблица/Портал/Processing}}
{{Навигационная таблица/Портал/Processing}}

Текущая версия от 07:42, 27 августа 2023

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


Описание[1]

Этот скетч-пример рендерит простую синусоиду.

Пример

int xspacing = 16;   // как далеко объекты должны находиться
                     // друг от друга горизонтально
int w;               // ширина всей волны

float theta = 0.0;  // вначале скорость будет «0»
float amplitude = 75.0;  // высота волны
float period = 500.0;    // сколько пикселей будет находиться
                         // между повторениями волны
float dx;  // для увеличения X (при помощи «period» и «xspacing»)
float[] yvalues;  // массив для хранения данных о высоте волны

void setup() {
  size(640, 360);
  w = width+16;
  dx = (TWO_PI / period) * xspacing;
  yvalues = new float[w/xspacing];
}

void draw() {
  background(0);
  calcWave();
  renderWave();
}

void calcWave() {
  // увеличиваем «theta»;
  // попробуйте разные значения
  // (это изменит скорость, с которой будет изгибаться волна):
  theta += 0.02;

  // при помощи функции sin()
  // рассчитываем значение «x» для каждого значения «y»:
  float x = theta;
  for (int i = 0; i < yvalues.length; i++) {
    yvalues[i] = sin(x)*amplitude;
    x+=dx;
  }
}

void renderWave() {
  noStroke();
  fill(255);
  // простой способ нарисовать волну при помощи двигающихся эллипсов:
  for (int x = 0; x < yvalues.length; x++) {
    ellipse(x*xspacing, height/2+yvalues[x], 16, 16);
  }
}

См.также

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