РАЗДЕЛЫ
Главная » 2015 » Сентябрь » 21 » Processing и символ проекта EVOPIT
23:47
Processing и символ проекта EVOPIT

Сегодня коротко расскажу об интересной штуке, которую мы учили на введение в объект-ориентированное программировании, как Processing.

Processing это разработанный выходцами из MIT язык, предназначенный для создания арт-проектов. Уровень вхождения в язык достаточно низкий, поэтому он подходит в том числе для людей без дополнительных знаний программирования. На их официальном сайте тонны туториалов, примеров, описания функций и переменных. Конечно, всё на английском, но разобрать сможет каждый, кто того хочет.

С помощью Processing можно создавать как статические изображения, так и динамические, вплоть до мини игр. В нашем же случае, он послужил точкой входа в мир объект-ориентированного программирования на Java, который мы учили в рамках того же курса в том же семестра. Processing позволяет познакомиться с синтаксисом, общими принципами написания программ, а главное, с первых же действий обучающийся сразу имеет возможность посмотреть на плоды трудов своих, тыкнув на "плей" и посмотрев на получившееся изображение.

Какие-то парни даже заморочились, и сделали приложение на android, в котором можно делать скетчи и даже простые мини-игры вообще не используя больше никаких сред или языков программирования. То есть, вы можете несколькими строчками кода, под удивлёнными взглядами друзей, на коленках сделать свой аналог флэппи бёрд и тут же скинуть готовый apk всем желающим.

В общем, крутая штука. Разработчикам однозначно зачет, а тем, кто давно хотел узнать что такое программирование, но стеснялся спросить - вот ваш шанс.

Я поэкспериментировал с Processing на парах, сделал все предложенные нам упражнения (кому нужны приложения - пишите в коментах, я выложу), во время проектной недели, на которой мы учились получать доступ к Smart Home вещам (об этом я, пожалуй, сделаю заметку, stay tuned!), и с тех пор не видел какой-то необходимости как-то ещё в нём работать.

До тех пор, пока не начал работать над этим сайтом.

После нескольких скетчей на планшете (у меня Samsung Galaxy Note 10.1 WiFi Black Edition, на котором я пишу лекции, читаю скрипты, учебники)

Мне надо было где-то нарисовать нормальный строгий лейбл, и было лень качать Corel Draw (наверное, не мало программ написали под предлогом "лень делать %действи%"). Пошарившись на компе, нашёл Processing, быстро посчитал какого размера мне нужна картинка и линии, чтобы всё было симметрично:

Открыл свой CheatSheet по процессингу - синтаксис из головы быстро вылетает, когда не пользуешься языком.

Через минут 15 было готово следующее:


//author: Pavel Larionov
//project: EVOLIT
//sketch name: Evolit symbol
//description: I was too lazy to download any corel draw studio or something,
// and wanted to make strict and exact drawing, which I don't know how to make
// it in Photoshop. So, Processing, do something useful now!

//size variables
int width = 300;
int height = 423;

//setting
void setup() {
 size(width, height); 
 background(24, 23, 23); //background color
}

//drawing
void draw () {
 stroke(241, 157, 25); //line color
 strokeWeight(10); //line thickeness
 line(width/2, 0, width/2, height/4); //vertical line on the top
 line(width/2, 3*(height/4), width/2, height); //vertical line in the bottom
 
 //triangle up
 line((width-(height/4)*2)/2, height/4, ((width-(height/4)*2)/2)+(height/4)*2, height/4);
 line((width-(height/4)*2)/2, height/4, ((width-(height/4)*2)/2)+height/4, (height/4)*2);
 line(((width-(height/4)*2)/2)+(height/4)*2, height/4, ((width-(height/4)*2)/2)+height/4, (height/4)*2);
 
 //triangle down
 line(((width-(height/4)*2)/2)+height/4, (height/4)*2, (width-(height/4)*2)/2, (height/4)*3);
 line(((width-(height/4)*2)/2)+height/4, (height/4)*2, ((width-(height/4)*2)/2)+(height/4)*2, (height/4)*3);
 line((width-(height/4)*2)/2, (height/4)*3, ((width-(height/4)*2)/2)+(height/4)*2, (height/4)*3);
 
 save("evolit_symbol_big.png"); //export as an image in *.png file
 //exported file is by default in:
 //.../Documents/Processing/sketches/evolit_symbol_big/evolit_symbol_big.png
}


Тыкаю плей, рисунок готов. В папке со скетчами сгенерирован PNG. 

 

 

Ничего сложного, ничего особенного, но может, кому-то будет полезно знать об этом инструменте.

Мои действия прокомментированы в коде, но чтобы разобраться где и что происходит, конечно, нужно ознокомиться с синтаксисом. Целью статьи не является туториал, это просто пример применения.

Если заинтересовались, вперёд на processing.org, софт бесплатен, туториалы найдёте там же. Если будет много заявок на видообучение на русском языке - пишите, подумаем.

Жду ваших идей на тему того, что означает символ сайта. =Р

Категория: Обобщение материала | Просмотров: 524 | Добавил: michaelmorr | Теги: Processing, Code | Рейтинг: 0.0/0
Всего комментариев: 0
comments powered by HyperComments