Пишемо перший скетч 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 , щоб автоматично отримувати інформацію про нові статтях.
Коментарів поки що немає.
Ваш отзыв
Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>