Робота з зображеннями / файлами SVG в Processing

У цьому прикладі ми розглянемо способи відображення зображень і файлів SVG Ви вже робили це в Главі 2, Текст, криві і фігури в 2D, Але, як і у прикладі з шрифтами, тут нам потрібно буде зробити дещо ще, щоб все запрацювало

Приступимо

Перетягніть в текстовий редактор Processing зображення і файл SVG, так ви додасте їх в папку data вашого скетчу Processing

Як це робиться

Нижче приведений код нашого скетчу Ми просто завантажимо зображення і файл SVG та відобразимо їх в елементі canvas

PImage img PShape shapes

void setup()

{

size( 640, 480 )

img = loadImage(&quotosaka-fluojpg&quot) shapes = loadShape(&quotshapessvg&quot)

shapeMode( CENTER )

}

void draw()

{

background( 255 )

image( img, 0, 0 )

translate( width/2, height/2 ) shape( shapes, 0, 0 )

}

Перед запуском скетчу вам потрібно додати директиву для предзагрузкі зображення Відкрийте JavaScript | Playback Settings (Directives) і там діалогове вікно Directives Editor Натисніть на другу кнопку scan для додавання зображень в текстове поле Коли ви натиснете OK, У верхній частині скетчу зявиться директива для завантаження зображень В результаті скетч буде виглядати так, як на цьому скріншоті:

Директива для завантаження зображень працює так само, як директива для завантаження шрифтів У прикладі Робота зі шрифтом в цьому розділі ми говорили про це Директива для завантаження зображень виглядає так:

/* @pjs preload=&quotosaka-fluojpg" */

Для завантаження інших зображень ви можете додати їх імена файлів в цю директиву, розділивши їх комами

Додатково

Якщо ви хочете завантажити як зображення, так і шрифти, додайте обидві директиви в один блок коментарів У наступному блоці код я показав, як завантажити в ваш скетч два шрифту і три зображення

/* @pjs preload=&quotimage1jpg,image2png,image3png" font=&quotfont1ttf,font2ttf"

*/

Джерело: Ян Вантомм, Processing 2: креативне програмування, переклад з англійської Олександри Мішутіної, Published by Packt Publishing Ltd, 2012, BIRMINGHAM – MUMBAI

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*