Липень 2014 - Нотатки лінгвомана

Month: липня 2014 (page 1 of 2)

30 Day Processing Programming Challenge — День 16. Завершення.

21.07.2014 / anvarazizov / 2 коментарі

Сьогодні я вирішив опублікувати останній скетч у серії і не продовжувати челендж. Я не розрахував свої сили і замість заявлених 1-2 годин на день я витрачаю 3-5 годин, що сильно позначається на сні здоров’ї та інших сферах життя. Звісно, можна було б лишатися у заявлених часових рамках, але тоді програми виходять занадто прості та одноманітні.

Тож, тепер від фанатичного формату я переходжу до вільного — буду публікувати кілька скетчів на тиждень. Тепер можна буде над одним скетчем попрацювати більше одного дня і досягти цікавіших результатів.

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

Processing challenge – День 15, генерація 3D-об’єктів на основі звуку та збереження у формат .dxf

17.07.2014 / anvarazizov / Прокоментуй!

Мене вже трохи втомили патерни з квадратів, кіл та трикутників і захотілося зробити, щось із 3D. Також в мене є ідея написати генератор 3D-скульптур і надрукувати одну з них під кінець цієї 30-денної серії. У Processing вбудована бібліотека DXF, яка дає можливість експорту у однойменний формат dxf, який приймають 3D-принтери.

day15

Я створив скетч із 3D-об’єктом і намагався зробити експорт у dxf як описано в документації, але чомусь постійно видавало помилку. І тут, як завжди, допоміг Stackoverflow 🙂 Я натрапив на код в якому все працює ідеально, ще й генерується гарна візуалізація на основі звуку. Початково аналізувався звук з мікрофона, але я переробив його на відтворення та візуалізацію звуку із заданого треку.

Ось як виглядає уся візуалізація. Тут лише відео, без музики: Continue reading

Processing challenge – День 14. Анімація за допомогою HYPE.

16.07.2014 / anvarazizov / Прокоментуй!

Вчора натрапив на HYPE – круту бібліотеку для створення різноманітної анімації. Вона зручна у використанні і кроссплатформенна. Тобто ви зможете запустити як на будь-якій операційній системі так і в браузері, бо вона підтримує ProcessingJS. Для підключення треба завантажити архів та скопіювати з нього файл HYPE.pde у папку з вашим скетчем.

140716_214404_214

А нижче мій простий приклад анімації за допомогою HYPE. Це не гіфка, а повноцінний скетч на ProcessingJS: Continue reading

Processing challenge – День 13. Generative agents.

15.07.2014 / anvarazizov / Прокоментуй!

В цьому скетчі генерується задана кількість “істот”, а також вказується випадково-приблизний напрям руху. Ось що з цього втйшло у статичному вигляді, а запустивши код ви побачите все в динаміці. У динаміці все значно крутіше 🙂

140715_014248 Continue reading

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

13.07.2014 / anvarazizov / Прокоментуй!

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

visualizer

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

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

12.07.2014 / anvarazizov / Прокоментуй!

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

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

140713_000140_14 Continue reading

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

12.07.2014 / anvarazizov / 1 коментар

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

frame01153

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

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

10.07.2014 / anvarazizov / 1 коментар

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

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

10.07.2014 / anvarazizov / 2 коментарі

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

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

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

08.07.2014 / anvarazizov / 3 коментарі

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

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

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