Создавать что-то весело; она всегда начинается с любопытства и простой попытки. Сегодня мы изучаем, как заставить объекты двигаться. Мы будем использовать несколько новых функций и параметров для создания вышеупомянутого абстрактного + забавного искусства. Как UX-дизайнер, я ценю то, как усердно работают разработчики, чтобы воплотить в жизнь наши дизайнерские идеи и макеты.
Мы также узнаем, как остановить перемещение объектов с помощью мыши. Вы можете увидеть приведенный ниже пример.
Что интересного:
- void setup() — функция void не возвращает никакого значения. setup() определяет среду и может иметь только одну функцию setup() для программы.
- void draw() — функция draw() вызывается непрерывно, пока не будет остановлена с помощью noLoop()
- void mousePressed() — функция mousePressed() вызывается при нажатии кнопки мыши
- void mouseReleased() — аналогично, анимация останавливается при отпускании мыши.
Код:
void setup() { // устанавливаем холст
size(800, 800);
noLoop(); // не работать постоянно
}
void draw(){
background(#C8A2C8); //сиреневый фон
fill(#3CACAE); //цвет заливки круга
noStroke();
float wave = sin(radians(frameCount)); //создание движущейся функции
эллипс (ширина/2 + волна * 400, высота/2,200,200);
fill(251,229,200, 200);
эллипс (ширина/2, высота /2 + волна * 200 300 300);
заливка(120, 122, 190, 100);
треугольник(200 600 700 400, 200 200);
for(int i=0; i ‹100; i++) { //создание крошечных круговых движений на фоне
int x = (int) random(width);
int y = (int) random(height);
заполнить(случайно(200, 255));
круг(x, y, 5);
}
}
void mousePressed() {
loop();
}
void mouseReleased() {
noLoop();
}