Adobe Pixel Bender: новий рівень в обробці зображень для flash
Програма для Pixel Bender зберігається як файл з розширенням "pbk", потім ці файли можуть бути або безпосередньо завантажені в середу Adobe Photoshop CS або Adobe After Effects CS, або ви можете виконати компіляцію kernel-програми в файл "pbj", який може бути завантажений і виконаний середовищем виконання flashplayer. Тут є важливий момент: якщо ми створюємо додаток саме для виконання в середовищі flashplayer, то нам буде доступна не вся функціональність мови Pixel Bender Kernel. А також буде повністю відсутня підтримка мови Graph Language (детальний перелік цих обмежень також можна знайти в довідці, що йде разом з Pixel Bender Toolkit). Тепер я наведу заготовки програми на Pixel Bender Kernel. Цю заготовку ви можете отримати в будь-який момент часу, якщо виберіть пункт меню "File -> New Kernel":
kernel NewFilter
input image4 src;
output pixel4 dst;
void evaluatePixel () dst = sampleNearest (src, outCoord ());
>
>
float bool int pixel1 image1
float2 bool2 int2 pixel2 image2
float3 bool3 int3 pixel3 image3
float4 bool4 int4 pixel4 image4
Користуватися такими векторними типами даних дуже зручно, так як всі арифметичні операції "перевантажені" і вміють множити, ділити і складати вектори один з одним. Тут же варто згадати про операцію swizzling. Суть swizzling-а в тому, що з вектора, наприклад з чотирьох елементів, ми хочемо взяти тільки три, наприклад, перший, третій і четвертий елементи. І потім ми можемо зібрати нову змінну розмірністю 3, причому самі елементи можуть бути переставлені місцями, наприклад:
float4 vec4;
float4 red = vec4.rrrr
float3 rgb_only = vec4.rgb
dst = sampleNearest (src, outCoord ());
Тут йдеться про те, що змінна "dst" (результат обчислення шейдера) виходить як результат виклику функції sampleNearest. Що робить функція sampleNearest? Можна було б сказати, що функція sampleNearest просто бере з картинки (перший аргумент) піксель в заданих координатах, проте це не зовсім так. У комп'ютерній графіці є таке поняття, як sampling, або вибірка і обчислення якогось значення на базі списку зразків (хоча термін sampling застосуємо і до інших сфер діяльності). Припустимо, що перед нами стоїть завдання "натягнути" текстуру, спочатку дану в формі картинки-зразка (розміром 200 на 200 пікселів), на поверхню більшого або меншого розміру. Тут ми не можемо однозначно поставити у відповідність кожному вихідному пікселю один і тільки один вхідний піксель (пікселів може банально не вистачати). Тому перед нами стоїть завдання "розтягнути" або "стиснути" зображення, але так, щоб уникнути шкідливих артефактів (розмиття, неточності і т.д.). Існують різні алгоритми вирішення цієї проблеми, але часто все зводиться до того, що ми беремо за заданою координаті не один піксель, а кілька навколишніх його пікселів, і обчислюємо на підставі їх значень колір пікселя, розташованого посередині. Так, в Pixel Bender є три функції sampling-а (також існують версії функцій, які оперують з картинками і пікселями розміром в два, три і чотири канали):
pixel4 sample (image4 im, float2 v)
pixel4 sampleLinear (image4 im, float2 v)
pixel4 sampleNearest (image4 im, float2 v)
Функції sample і sampleLinear роблять одне і те ж: обчислюють підсумковий колір на підставі лінійної інтерполяції кольору сусідніх пікселів. Функція ж sampleNearest просто бере колір одного пікселя, розташованого найближче до запитуваної вихідний координаті. Що ж стосується функції outCoord (), то вона повертає координату пікселя, колір якого зараз і розраховується. Це означає, що якщо запустити наведений мною приклад скрипта на виконання, то ми отримаємо як результат картинку, один в один збігається з вхідним зображенням. Давайте це перевіримо. Для цього в меню "File" ми вибираємо пункт "Load Image 1" і потім якусь картинку. Після того як ми натиснемо на кнопку "F5", то побачимо, як і очікувалося, вихідне зображення (наш код просто скопіював картинку). Для того щоб перевірити, чи все працює правильно, можна модифікувати наш шейдер, наприклад, так:
void evaluatePixel () dst = pixel4 (0,0,1,1);
>
package import flash.display. *;
import flash.events. *;
import flash.net. *;
import flash.filters. *;
[SWF (width = "600", height = "400", backgroundColor = "# aa0000", framerate = "30")]
public class Main extends Sprite
[Embed (source = '/ lisa.png')]
private var fotoClass: Class;
private var fotoImage: Bitmap = new fotoClass ()
private var urlLoader: URLLoader = null;
public function Main (): void addChild (fotoImage);
var urlRequest: URLRequest = new URLRequest ( "shader.pbj");
urlLoader = new URLLoader ();
urlLoader.dataFormat = URLLoaderDataFormat.BINARY;
urlLoader.addEventListener (Event.COMPLETE, applyFilter);
urlLoader.load (urlRequest);
>
private function applyFilter (event: Event): voidurlLoader.removeEventListener (Event.COMPLETE, applyFilter);
var shader: Shader = new Shader (event.target.data);
var shaderFilter: ShaderFilter = new ShaderFilter (shader);
fotoImage.filters = [shaderFilter];
>
>>
black zorro, black-zorro.com