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

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

2023-08-27T03:56:48Z

@@ Строка 1: / Строка 1: @@
 {{Processing панель перехода}}
 {{Перевод от Сubewriter}}
 {{Myagkij-редактор}}
 =Описание<ref>[https://processing.org/examples/blur.html processing.org - Blur]</ref>=
@@ Строка 147: / Строка 144: @@
 <references />
 {{Навигационная таблица/Портал/Processing}}

EducationBot в 08:01, 20 мая 2023

2023-05-20T08:01:13Z

← Предыдущая версия		Версия от 12:01, 20 мая 2023
Строка 4:		Строка 4:
	{{Myagkij-редактор}}		{{Myagkij-редактор}}

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

	=Описание<ref>[https://processing.org/examples/blur.html processing.org - Blur]</ref>=		=Описание<ref>[https://processing.org/examples/blur.html processing.org - Blur]</ref>=
Строка 163:		Строка 163:
	\|Высота логотипа издателя для schemaNewsArticle=45		\|Высота логотипа издателя для schemaNewsArticle=45
	}}		}}
	{{Навигационная таблица/~~Справочник языка Processing}}~~		{{Навигационная таблица/Портал/Processing}}
	~~{{Навигационная таблица~~/Processing~~/Примеры}}~~
	~~{{Навигационная таблица/Телепорт~~}}

EducationBot в 14:23, 14 мая 2023

2023-05-14T14:23:19Z

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

	<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">
	float v = 1.0 / 9.0;		float v = 1.0 / 9.0;
	float[][] kernel = {{ v, v, v },		float[][] kernel = {{ v, v, v },

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

2022-05-07T04:20:41Z

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

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

Myagkij в 15:17, 31 июля 2018

2018-07-31T15:17:30Z

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

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

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

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

=Описание<ref>[https://processing.org/examples/blur.html processing.org - Blur]</ref>=

Низкочастотный фильтр, размывающий изображение. Программа анализирует каждый пиксель изображения и смешивает его с соседними пикселями, в итоге создавая размытие.

==Пример==

{{5pjs
|Код=
<html>
/**
* Blur.
*
* A low-pass filter blurs an image. This program analyzes every
* pixel in an image and blends it with the neighboring pixels
* to blur the image.
*/

// The next line is needed if running in JavaScript Mode with Processing.js
/* @pjs preload="moon.jpg"; */

var v = 1.0 / 9.0;
var kernel = [[ v, v, v ],
[ v, v, v ],
[ v, v, v ]];

var img;
function preload() {
img = loadImage("moon.jpg"); // Load the original image
}

function setup() {
var canvas = createCanvas(640, 360);
canvas.parent("p5container");
pixelDensity(1);
noLoop();
}

function draw() {
image(img, 0, 0); // Displays the image from point (0,0)
img.loadPixels();

// Create an opaque image of the same size as the original
var edgeImg = createImage(img.width, img.height, RGB);
edgeImg.loadPixels();

// Loop through every pixel in the image
for (var y = 1; y < img.height-1; y++) { // Skip top and bottom edges
for (var x = 1; x < img.width-1; x++) { // Skip left and right edges
var sum = 0; // Kernel sum for this pixel
for (var ky = -1; ky <= 1; ky++) {
for (var kx = -1; kx <= 1; kx++) {
// Calculate the adjacent pixel for this kernel point
var pos = ((y + ky)*img.width + (x + kx))*4;
// Image is grayscale, red/green/blue are identical
var val = img.pixels[pos];
// Multiply adjacent pixels based on the kernel values
sum += kernel[ky+1][kx+1] * val;
}
}
// For this pixel in the new image, set the gray value
// based on the sum from the kernel
var pos = (y*img.width + x)*4;
edgeImg.pixels[pos] = sum;
edgeImg.pixels[pos+1] = sum;
edgeImg.pixels[pos+2] = sum;
edgeImg.pixels[pos+3] = 255;
}
}
// State that there are changes to edgeImg.pixels[]
edgeImg.updatePixels();

image(edgeImg, width/2, 0); // Draw the new image
}
</html>
}}

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
float v = 1.0 / 9.0;
float[][] kernel = {{ v, v, v },
{ v, v, v },
{ v, v, v }};

PImage img;

void setup() {
size(640, 360);
img = loadImage("moon.jpg"); // загружаем исходное изображение
noLoop();
}

void draw() {
image(img, 0, 0); // рисуем изображение на точке (0,0)
img.loadPixels();

// создаем непрозрачное изображение
// того же размера, что и оригинал:
PImage edgeImg = createImage(img.width, img.height, RGB);

// при помощи двух циклов for()
// поочередно проходим через каждый пиксель на экране:
for (int y = 1; y < img.height-1; y++) { // пропускаем верхний
// и нижний края
for (int x = 1; x < img.width-1; x++) { // пропускаем левый
// и правый края
float sum = 0; // переменная, хранящая «суммарный цвет»,
// который будет задан текущему пикселю-ядру
for (int ky = -1; ky <= 1; ky++) {
for (int kx = -1; kx <= 1; kx++) {
// рассчитываем позицию очередного пикселя матрицы;
// всего для текущего пикселя-ядра
// будут рассчитаны позиции для 9 пикселей:
int pos = (y + ky)*img.width + (x + kx);
// это монохромное изображение,
// поэтому красный, зеленый и синий каналы идентичны:
float val = red(img.pixels[pos]);
// умножаем считанное значение очередного пикселя матрицы
// на значение в массиве «kernel» (1/9 = 0,111...);
// затем итоговые значения всех 9 пикселей будут сложены,
// а результат будет записан в переменную «sum»:
sum += kernel[ky+1][kx+1] * val;
}
}
// задаем пикселю монохромный «суммарный цвет»
// (переменная «sum»), рассчитанный на основе
// всех 9 пикселей матрицы:
edgeImg.pixels[y*img.width + x] = color(sum);
}
}
// обновляем пиксели в массиве «edgeImg.pixels[]»:
edgeImg.updatePixels();

image(edgeImg, width/2, 0); // рисуем новое изображение
}
</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-31
|Автор=Мякишев Е.А.
|Издатель=myagkij
|Логотип издателя для schemaNewsArticle=<nowiki>http://wikihandbk.com/ruwiki/images/6/61/Tech_geek_logo_1x.jpg</nowiki>
|Ширина логотипа издателя для schemaNewsArticle=60
|Высота логотипа издателя для schemaNewsArticle=45
}}
{{Навигационная таблица/Справочник языка Processing}}
{{Навигационная таблица/Processing/Примеры}}