Я давно хотів поєднати візуальні образи зі звуками у Processing і сьогодні зробив щось на кшталт візуалізатора музики. Він досить простий, з приємними кольорами і звичайно ж трохи психоделічний. Спочатку я писав його граючи на дутарі, але найкраще оцінити його увімкнувши якийсь мелодійний та водночас ритмічний трек.
Сьогодні замість зображень я викладаю скрінкаст, щоб можна було оцінити програму разом з музикою. Continue reading
Сьогодні досить проста програма, але, тим не менш, досить цікавий та приємний паттер. Щоправда трохи психоделічний 🙂 Ви можете змінювати параметр size та все, що знаходиться у функціях fill() – вони відповідають за заливку менших та більших кіл. Віповідно до руху мишки за осями x та y змінюється кольорова гама. Результати сьогодні шнього експерименту: 
Continue reading
Ще зранку я не міг придумати, що ж саме зробити у сьогоднішньому скетчі. Важко бути креативним у цій темі щодня, але мене врятував Андрій Клен запропонувавши кілька ідей. Одна з них — паттерн Пола Сміта, відомого дизайнера одягу. Виглядає він, наприклад, так:
Ідея мені дуже сподобалася і я вирішив її повторити. Нижче зображення створені у процесі експерименту. Під кінець я захопився і вийшов далеко за межі ідеї паттерну Пола Сміта. Далі все побачите самі, а ще зможете легко самостійно згенерувати безліч парттернів змінюючи всього 3 параметри в коді. Continue reading
Спираючись на попередні 6 днів експериментів у процесінгу я вирішив створити щось, що хоча б трохи схоже на кінцевий продукт. Отже сьогодні вийшли generative шпалери для робочого столу та, якщо їх обрізати, для смартфонів. За основу я взяв скетч з третього дня, пограв з кодом, змінив параметри і погляньте, що вийшло. Викладаю всі, на мою думку, прийнятні варіанти. Всі зображення розміром 2880 x 1800, а отже підійдуть навіть для найбільших екранів. Співвідношення сторін: 16:10. 
Continue reading
Сьогодні я вирішив зосередитись не на вигадуванні візуальних образів, а на запиті від @coloristica у твіттері. Марина питала як можна зберегти скетч у розмірі в кілька разів більшому за розмір самого вікна програми. Наприклад, розмір вашого скетча 640 x 640 пікселів, а вам треба зберегти у 3200 x 3200.
Я трошки погуглив, трохи дописав сам і ось, що вийшло:
Початковий розмір скетчу був якраз 640 x 640 px, але тепер при кліку на клавішу “s” програма зберігає його у файл із роздільною здатністю 3200 х 3200 px. Якщо ви зазирнете в код, то побачите там функцію void saveHiRes(int scaleFactor), тут параметр scaleFactor відповідає за кількість разів збільшення зображення.
Як бачите, збергати великі зображення досить просто.
Код скетчу на Github.
Сьогодні я допрацьовував вчорашній скетч, часу було мало, але зробив з нього анімовану гіфку. Скетч ще потребує допрацювання, але, щоб не пропускати жодного дня у змаганні я покажу те, що вийшло в процесі. Гіфка достатньо жирна за розміром, тож, якщо гальмуватиме — почекайте трошки, будь ласка 🙂
Код на Github разом з кодом запису скетча в gif-файл.
Сьогодні часу було обмаль, але я все ж досягнув прийнятного результату і написав програму, яка генерує трикутники потрібного розміру на всю ширину і висоту екрану програми у Processing. Ви можете завантажити скетч на github і згенерувати власні трикутники просто змінюючи 2 параметри: triangleWidth та triangleHeight.
Ось те, що виходило в мене. Результат завжди залежить від значення вищезгаданих параметрів:
Сьогодні я вирішив надихнутися книгою “Generative Design” і гортаючи її зупинився на одному зі скетчів на тему паттернів із геометричних фігур.
Цей скетч я взяв за основу, прибрав все зайве, додав код, який відповідає за відмальовку прямокутників, застовував поступову зміну кольору для кожного наступного прямокутника. Вийшов силует мегаполісу 🙂
Те, що було в процесі: Continue reading
Другий день експериментів із Processing та generative art виявився важчим, першу годину мені взагалі не подобався результат, тому доводилося видаляти код і писати наново. Десь під кінець другої години картинка почала подобатись, я захопився і забув про час. Фінальний результат — генератор спіралей утворених із квадратів різного кольору та розміру. Якщо ще трохи погратися з кодом і анімувати зображення, то можна досягти гіпнотичного ефекту: 
Нижче те, що виходило в процесі: Continue reading
Нещодавно я почав працювати над освітнім курсом з мови програмування Processing. Курс буде призначений для людей, у яких взагалі немає досвіду у програмуванні, але яким це цікаво і яким не терпиться одразу бачити результати. В рамках підготовки я вирішив “заточити інструмент” і протягом наступних 30 днів щодня писати невеличкий скетч у процесингу, публікувати результат в блозі, а код на Github.
Я не знаю якими будуть ці скетчі. Швидше за все буде повний експромт. Головна вимога — витрачати на кожен не більше 2-х годин, ще краще — не більше години. Сьогодні загалом я витратив на скетч близько 1,5 години, бо мене затягнув цей код і різнокольорові прямокутники.
Сьогодні вийшов досить простий generative art з прямокутниками та rotation. Поки додаю лише зображення та код, а надалі, можливо, додам веб-версію скетчів. 
Нижче те, що виходило в процесі: Continue reading
Copyright © 2024 Нотатки лінгвомана
Theme by Anders Noren — Up ↑