Processing:Примеры/Обнаружение границ объектов - История изменений

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

2023-08-27T03:56:57Z

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

EducationBot в 08:00, 20 мая 2023

2023-05-20T08:00:34Z

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

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

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

EducationBot в 14:22, 14 мая 2023

2023-05-14T14:22:50Z

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

	<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[][] kernel = {{ -1, -1, -1},		float[][] kernel = {{ -1, -1, -1},
	{ -1, 9, -1},		{ -1, 9, -1},

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

2022-05-07T04:20:46Z

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

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

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

2018-07-31T15:19:22Z

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

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

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

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

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

Высокочастотный фильтр, увеличивающий резкость изображения. Эта программа анализирует каждый пиксель изображения относительно его соседних пикселей, а затем на основе этой информации увеличивает резкость изображения.

Этот скетч в данный момент плохо работает в режиме JavaScript.

==Пример==

{{5pjs
|Код=
<html>
/**
* Edge Detection.
*
* A high-pass filter sharpens an image. This program analyzes every
* pixel in an image in relation to the neighboring pixels to sharpen
* the image. This example is currently not accurate in JavaScript mode.
*/

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

var kernel = [[ -1, -1, -1 ],
[ -1, 9, -1 ],
[ -1, -1, -1 ]];

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[][] kernel = {{ -1, -1, -1},
{ -1, 9, -1},
{ -1, -1, -1}};

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]);
// умножаем цветовое значение пикселя
// на значение внутри матрицы (1/9 = 0.111...),
// а затем суммируем результаты 9 пикселей матрицы,
// получая в результате «суммарный цвет»
// в виде переменной «sum»:
sum += kernel[ky+1][kx+1] * val;
}
}
// задаем этот монохромный «суммарный цвет»
// соответствующему пикселю на новом изображении:
edgeImg.pixels[y*img.width + x] = color(sum, sum, 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/Примеры}}