Пишемо перший скетч Processing

Ми вивчили всі нудні подробиці установки Processing і його бібліотек Настав час засукати рукава і зайнятися справжнім програмуванням

Приступимо

Створіть новий скетч Processing і збережіть його як my_first_sketch в папці зі скетчами

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

Нижче приведений код вашого першого скетчу Він намалює кілька ліній і точок з різною товщиною штриха

void setup()

{

size( 640, 480 )

smooth()

}

void draw()

{

background(255)

strokeWeight( 1 ) point( 20, height/15 )

line( 70, 20, 70, height – 20 )

strokeWeight( 2 )

point( 120, height/175 )

line( 170, 20, 170, height – 20 )

strokeWeight( 4 ) point( 220, height/2 )

line( 270, 20, 270, height – 20 )

strokeWeight( 8 ) point( 320, height/3 )

line( 370, 20, 370, height – 20 )

strokeWeight( 16 ) point( 420, height/4 )

line( 470, 20, 470, height – 20 )

strokeWeight( 32 ) point( 520, height/5 )

line( 570, 20, 570, height – 20 )

}

Завантаження прикладів коду

Завантажити приклади коду з усіх книг видавництва Packt, куплених вами, ви можете зі свого аккаунта на http:// wwwPacktPub com Якщо ви отримали цю книгу іншим шляхом, відвідайте http:// wwwPacktPub com / support, зареєструйтесь і файли будуть вислані на ваш e-mail

Запустіть скетч – і ви побачите результат вашої роботи Він повинен виглядати так, як на цьому скріншоті:

Як це працює

Цей приклад допоможе нам вивчити найпростіші функції для написання скетчів

Processing Подивимося, що роблять ці функції:

f Функція setup () викликається один раз при запуску скетчу Ця функція іспьзуется для установки розміру вікна скетчу, присвоєння значень деяким змінним, завантаження зображень і тд

f Функція draw () працює безперервно, з частотою 60 кадрів з секунду

f Функція size () встановлює розмір вікна вашого скетчу Ви можете встановити розмір вікна на весь екран, для цього запишіть: size (screenWidth, screenHeight)

f Функція smooth () включає антіелайзінг А це означає, що у ваших фігур будуть згладжені краї Без цієї функції краю ваших фігур будуть подекуди зазубреними

f Функція point () малює на екрані точку Перший параметр – це координата x, другий – координата y точки, яку ви хочете намалювати

f Функція line () малює на екрані лінію Як ви, напевно, памятаєте з шкільного курсу математики, для малювання лінії вам потрібно всього дві точки Перші два параметри – це x і y координати першої точки, третій і четвертий – x і y коордінтаи другої точки

f Функція strokeWeight () змінить фігуру, виведену на екран Єдиний її параметр встановлює товщину ліній Наприклад, для лінії товщиною в 4 пікселя використовуйте функцію strokeWeight (4)

Додатково

Скетчі Processing використовують специфічну структуру папок Коли ви зберігаєте свій скетч під імям my_first_sketch, папка з цим імям зявляється в папці sketchbook У цій папці ви знайдете файл my_first_sketchpde Processing використовує саме таку структуру для того, щоб тримати все, що потрібно для запуску скетчу в одному місці Це дуже зручно, особливо коли ви пишете складний скетч з декількома файлами коду і даними начебто зображень і шрифтів

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

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

• Заголовки (TITLE) та їх оптимізація. (0)
• Дизайн воєнного часу (0)
• JavaScript програмування WEB форм (0)
• XHTML 2.0 - мова, оптимізований для Ajax-додатків (0)
• Час виконання скрипта на PHP. (0)
• Огляд (0)
• Корпоративний IE8: створюємо власну збірку (0)

---

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

ЕasyСode