Нотатки лінгвомана

Блог про подорожі, країни, мови людські та програмування, музику і купу інших речей, які мене захоплюють

Category: 30 Day Processing Programming Challenge (page 1 of 2)

Processing challenge – День 12. Аналізатор ритму з візуалізацією.

Сьогодні я вирішив написати дещо складніший візуалізатор музики, ніж у день 10. Він заснований на аналізі ритму і дає можливість дуже тонко зчитувати динамічні зміни гучності та частоти звукової доріжки. Ця можливість вбудована у Processing завдяки бібліотеці Minim. Трохи згодом я зроблю туторіал по створенню такого аналізотора ритму, а поки пропоную вам код проекту, який ви зможете самостійно переробити під власні потреби. На гіфці у прискореному вигляді і без музики видно те, що малює візуалізатор. Над кольорами і картинкою я цього разу сильно не заморочувався, адже головною задачею було — створити сам аналізатор бас-бочки, робочого барабану та хай-хету.

visualizer

Код проекту на Github.

 

Processing challenge – День 11. Квадрати, літери, анаграми.

Спочатку думав зробити генератор картин з різнокольоровими прямокутниками у стилі німецького художника Герхарда Ріхтера. Зробив за хвилин 10, подумав, що це нудно і додав туди українські літери. Тепер можна генерувати щось на зразок анаграм і шукати в них знайомі слова 🙂

Спробуйте самі просто встановивши власне значення параметру quantity. Зберегти зображення можна натиснувши клавішу “s”, коли програма запущена. Отже, результати сьогоднішнього експерименту:

140713_000140_14 Continue reading

Processing challenge – День 10. Простий візуалізатор музики.

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

frame01153

Сьогодні замість зображень я викладаю скрінкаст, щоб можна було оцінити програму разом з музикою. Continue reading

Processing challenge – День 9. Овальні паттерни.

Сьогодні досить проста програма, але, тим не менш, досить цікавий та приємний паттер. Щоправда трохи психоделічний 🙂 Ви можете змінювати параметр size та все, що знаходиться у функціях fill() – вони відповідають за заливку менших та більших кіл. Віповідно до руху мишки за осями x та y змінюється кольорова гама. Результати сьогодні шнього експерименту: 140710_222415_843 Continue reading

Processing Challenge – День 8. Створюємо паттерни з ліній, кольорів та rotate()

Ще зранку я не міг придумати, що ж саме зробити у сьогоднішньому скетчі. Важко бути креативним у цій темі щодня, але мене врятував Андрій Клен запропонувавши кілька ідей. Одна з них —  паттерн Пола Сміта, відомого дизайнера одягу. Виглядає він, наприклад, так:

Ідея мені дуже сподобалася і я вирішив її повторити. Нижче зображення створені у процесі експерименту. Під кінець я захопився і вийшов далеко за межі ідеї паттерну Пола Сміта. Далі все побачите самі, а ще зможете легко самостійно згенерувати безліч парттернів змінюючи всього 3 параметри в коді.  Continue reading

30 Day Processing Programming Challenge – День 7. Generative wallpapers.

Спираючись на попередні 6 днів експериментів у процесінгу я вирішив створити щось, що хоча б трохи схоже на кінцевий продукт. Отже сьогодні вийшли generative шпалери для робочого столу та, якщо їх обрізати, для смартфонів. За основу я взяв скетч з третього дня, пограв з кодом, змінив параметри і погляньте, що вийшло. Викладаю всі, на мою думку, прийнятні варіанти. Всі зображення розміром 2880 x 1800, а отже підійдуть навіть для найбільших екранів. Співвідношення сторін: 16:10. hires140708_212715 Continue reading

День 6. Як зберігати великі зображення у Processing.

Сьогодні я вирішив зосередитись не на вигадуванні візуальних образів, а на запиті від @coloristica у твіттері. Марина питала як можна зберегти скетч у розмірі в кілька разів більшому за розмір самого вікна програми. Наприклад, розмір вашого скетча 640 x 640 пікселів, а вам треба зберегти у 3200 x 3200.

Я трошки погуглив, трохи дописав сам і ось, що вийшло:

hires140708_015540

Початковий розмір скетчу був якраз 640 x 640 px, але тепер при кліку на клавішу “s” програма  зберігає його у файл із роздільною здатністю 3200 х 3200 px.  Якщо ви зазирнете в код, то побачите там функцію void saveHiRes(int scaleFactor), тут параметр scaleFactor відповідає за кількість разів збільшення зображення.

Як бачите, збергати великі зображення досить просто.
Код скетчу на Github.

30 Day Processing Programming Challenge – День 5. Анімовані трикутники.

Сьогодні я допрацьовував вчорашній скетч, часу було мало, але зробив з нього анімовану гіфку. Скетч ще потребує допрацювання, але, щоб не пропускати жодного дня у змаганні  я покажу те, що вийшло в процесі. Гіфка достатньо жирна за розміром, тож, якщо гальмуватиме — почекайте трошки, будь ласка 🙂

animated triangles

Код на Github разом з кодом запису скетча в gif-файл.

30 Day Processing Programming Challenge – День 4. Трикутники.

Сьогодні часу було обмаль, але я все ж досягнув прийнятного результату і написав програму, яка генерує трикутники потрібного розміру на всю ширину і висоту екрану програми у Processing. Ви можете завантажити скетч на github і згенерувати власні трикутники просто змінюючи 2 параметри: triangleWidth та triangleHeight.

Ось те, що виходило в мене. Результат завжди залежить від значення вищезгаданих параметрів:

140705_204826_197

Continue reading

30 Day Processing Programming Challenge – День 3.

Сьогодні я вирішив надихнутися книгою “Generative Design” і гортаючи її зупинився на одному зі скетчів на тему паттернів із геометричних фігур.
Цей скетч я взяв за основу, прибрав все зайве, додав код, який відповідає за відмальовку прямокутників, застовував поступову зміну кольору для кожного наступного прямокутника. Вийшов силует мегаполісу 🙂

generative city

Те, що було в процесі: Continue reading

Older posts

Copyright © 2018 Нотатки лінгвомана

Theme by Anders NorenUp ↑