Перемикання режимів Processing

Перший реліз Processing мав один стандартний режим Java Але за останні коди багато що змінилося Мова Processing був перенесений Джоном Резігом на JavaScript для демностраціі можливостей елемента canvas HTML5 Також Processing 2 тепер дозволяє вам створювати додатки для ОС Android

Приступимо

Відкрийте програму Processing Можливо, ви вже робили це, якщо читаєте цю книгу

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

У верхньому правому куті PDE ви побачите кнопку STANDARD Якщо ви натиснете на неї, ви включите маленьке меню для вибору інших режимів Processing 2 має три режими: Standard, Android і JavaScript Також є опція Add Mode, Яка відкриває Mode Manager Mode Manager працює точно так само, як Library Manager і Tool Manager

Як це працює

Якщо ви запустите свій скетч в режимі Standard, PDE скомпілює ваш код і запустить його як Java аплет Цей режим підходить, якщо ви хочете створити програму, яка зускается на вашому компютері Запуск скетчу в режимі JavaScript запустить на вашому компютері локальний веб-сервер і відкриє браузер, встановлений у вас за замовчуванням, в якому ви побачите ваш скетч, що працює на HTML5 сторінці Режим Android  запустить ваш скетч на емуляторі Android або на вашому пристрої Android

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

Додатково

У цій книзі детально розглянуті нові режими JavaScript і Android Ви знайдете це в

Главі 9, Вивчаємо режим JavaScript і Главі 10, Вивчаємо режим Android

Система координат

Перш ніж малювати на екрані, нам потрібно розібратися, як влаштована система координат Дизайнерські додатки можуть використовувати різні крапки як начьной Наприклад, Photoshop використовує верхній лівий кут для розміщення точки (0,0) Illustrator, навпаки, використовує нижній лівий кут для точки (0,0)

Приступимо

Відкрийте Processing і створіть новий скетч

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

Наберіть цю терміну коду в текстовому редакторі Processing та натисніть кнопку run Для запуску вашого скетчу ви можете використовувати Ctrl + R (Windows, Linux) або Cmd + R (Mac OS X)

size( 400, 300 )

Нульова точка вікна в Processing знаходиться в лівому верхньому кутку Функція size () встановлює розміри вікна вашого скетчу Перший параметр привласнює значення вбудованої змінної width (ширина), другий – Вбудованої змінної height (висота)

Припустимо, вам потрібно намалювати крапку в нижньому правому куті вікна Якщо ви раоложіте її в координатах (400, 300), ви нічого не побачите на екрані Щоб побачити точку на екрані, її потрібно розташувати в (width-1, height-1) Це виглядає трохи дивно, але насправді це логічно Якщо ви хочете намалювати точку на початку, ви напишете: point (0, 0). Цей код зафарбує перший піксель першого рядка Рахунок пікселів починається з 0, а закінчується 399, тобто width-1 Аналогічно справа йде в заввишки На скріншоті зображено наше вікно 400×300 пікселів, поділене на квадрати 50×50

Джерело: Ян Вантомм, 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>

*

*