Processing:Примеры/Синусоида - История изменений

Myagkij в 03:42, 27 августа 2023

2023-08-27T03:42:35Z

@@ Строка 1: / Строка 1: @@
 {{Processing панель перехода}}
 {{Перевод от Сubewriter}}
 {{Myagkij-редактор}}
 =Описание<ref>[https://processing.org/examples/sinewave.html processing.org - Sine Wave by Daniel Shiffman]</ref>=
@@ Строка 124: / Строка 121: @@
 <references />
 {{Навигационная таблица/Портал/Processing}}

EducationBot в 08:01, 20 мая 2023

2023-05-20T08:01:30Z

← Предыдущая версия		Версия от 12:01, 20 мая 2023
Строка 4:		Строка 4:
	{{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>=
Строка 140:		Строка 140:
	\|Высота логотипа издателя для schemaNewsArticle=45		\|Высота логотипа издателя для schemaNewsArticle=45
	}}		}}
	{{Навигационная таблица/~~Справочник языка Processing}}~~		{{Навигационная таблица/Портал/Processing}}
	~~{{Навигационная таблица~~/Processing~~/Примеры}}~~
	~~{{Навигационная таблица/Телепорт~~}}

EducationBot в 14:23, 14 мая 2023

2023-05-14T14:23:58Z

← Предыдущая версия		Версия от 18:23, 14 мая 2023
Строка 68:		Строка 68:
	}}		}}

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	int xspacing = 16; // как далеко объекты должны находиться		int xspacing = 16; // как далеко объекты должны находиться
	// друг от друга горизонтально		// друг от друга горизонтально

Myagkij: /* Внешние ссылки */

2022-05-07T04:14:49Z

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

← Предыдущая версия		Версия от 08:14, 7 мая 2022
Строка 142:		Строка 142:
	{{Навигационная таблица/Справочник языка Processing}}		{{Навигационная таблица/Справочник языка Processing}}
	{{Навигационная таблица/Processing/Примеры}}		{{Навигационная таблица/Processing/Примеры}}
			{{Навигационная таблица/Телепорт}}

Myagkij в 17:45, 25 июля 2018

2018-07-25T17:45:49Z

Новая страница

{{Processing панель перехода}}

{{Перевод от Сubewriter}}
{{Myagkij-редактор}}

{{Черновик}}

=Описание<ref>[https://processing.org/examples/sinewave.html processing.org - Sine Wave by Daniel Shiffman]</ref>=

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

==Пример==

{{5pjs
|Код=
<html>
/**
* Sine Wave
* by Daniel Shiffman.
*
* Render a simple sine wave.
*/

var xspacing = 16; // How far apart should each horizontal location be spaced
var w; // Width of entire wave

var theta = 0.0; // Start angle at 0
var amplitude = 75.0; // Height of wave
var period = 500.0; // How many pixels before the wave repeats
var dx; // Value for incrementing X, a function of period and xspacing
var yvalues; // Using an array to store height values for the wave

function setup() {
var canvas = createCanvas(640, 360);
canvas.parent("p5container");
w = width+16;
dx = (TWO_PI / period) * xspacing;
yvalues = new Array(w/xspacing);
}

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

function calcWave() {
// Increment theta (try different values for 'angular velocity' here
theta += 0.02;

// For every x value, calculate a y value with sine function
var x = theta;
for (var i = 0; i < yvalues.length; i++) {
yvalues[i] = sin(x)*amplitude;
x+=dx;
}
}

function renderWave() {
noStroke();
fill(255);
// A simple way to draw the wave with an ellipse at each location
for (var x = 0; x < yvalues.length; x++) {
ellipse(x*xspacing, height/2+yvalues[x], 16, 16);
}
}
</html>
}}

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
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);
}
}
</syntaxhighlight>

=См.также=

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

<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/Примеры}}