Генеративный дизайн. Личный опыт
DESCRIPTION
Зачем, как, когда применять алгоритмическую графику в вебе, интерфейсах и графдизайне.TRANSCRIPT
![Page 1: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/1.jpg)
shoiogdПрезентация на вашем устройстве
Image from The Snail on the Slope by Vladimir Todorović Processing
Д И З А Й Н генеративный вычислительный алгоритмический
bull Что это
bull Когда помогает
bull Как взять в союзники
Что обычнопредставляетсяпри упоминаниио генеративномдизайне
laquoКакая-то модная архитектураraquo
Гугл-картинки по запросам lsquocomputational designrsquo
Или симуляция природных структур
Гугл-картинки по запросу lsquogenerative nature formsrsquo
и форм
Гугл-картинки по запросу lsquogenerative nature formsrsquo
текстуры и абстракщина
Flickr of Martin
Разбираться что жеэто такое и какприменять будемна примерах
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 2: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/2.jpg)
Д И З А Й Н генеративный вычислительный алгоритмический
bull Что это
bull Когда помогает
bull Как взять в союзники
Что обычнопредставляетсяпри упоминаниио генеративномдизайне
laquoКакая-то модная архитектураraquo
Гугл-картинки по запросам lsquocomputational designrsquo
Или симуляция природных структур
Гугл-картинки по запросу lsquogenerative nature formsrsquo
и форм
Гугл-картинки по запросу lsquogenerative nature formsrsquo
текстуры и абстракщина
Flickr of Martin
Разбираться что жеэто такое и какприменять будемна примерах
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 3: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/3.jpg)
Что обычнопредставляетсяпри упоминаниио генеративномдизайне
laquoКакая-то модная архитектураraquo
Гугл-картинки по запросам lsquocomputational designrsquo
Или симуляция природных структур
Гугл-картинки по запросу lsquogenerative nature formsrsquo
и форм
Гугл-картинки по запросу lsquogenerative nature formsrsquo
текстуры и абстракщина
Flickr of Martin
Разбираться что жеэто такое и какприменять будемна примерах
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 4: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/4.jpg)
laquoКакая-то модная архитектураraquo
Гугл-картинки по запросам lsquocomputational designrsquo
Или симуляция природных структур
Гугл-картинки по запросу lsquogenerative nature formsrsquo
и форм
Гугл-картинки по запросу lsquogenerative nature formsrsquo
текстуры и абстракщина
Flickr of Martin
Разбираться что жеэто такое и какприменять будемна примерах
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 5: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/5.jpg)
Или симуляция природных структур
Гугл-картинки по запросу lsquogenerative nature formsrsquo
и форм
Гугл-картинки по запросу lsquogenerative nature formsrsquo
текстуры и абстракщина
Flickr of Martin
Разбираться что жеэто такое и какприменять будемна примерах
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 6: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/6.jpg)
и форм
Гугл-картинки по запросу lsquogenerative nature formsrsquo
текстуры и абстракщина
Flickr of Martin
Разбираться что жеэто такое и какприменять будемна примерах
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 7: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/7.jpg)
текстуры и абстракщина
Flickr of Martin
Разбираться что жеэто такое и какприменять будемна примерах
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 8: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/8.jpg)
Разбираться что жеэто такое и какприменять будемна примерах
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 9: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/9.jpg)
laquoАлгоритмraquoВот урок о том какрисовать прекрасныерадиоляриив Иллюстраторе
9
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 10: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/10.jpg)
Пример красивый Но что характерно
Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново
10
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 11: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/11.jpg)
Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем
11
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 12: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/12.jpg)
Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду
12
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 13: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/13.jpg)
Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент mdash модель придётся начинать с начала
13
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 14: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/14.jpg)
Попробуем сделать тоже самоев Нодбокс 3
Нодбокс 3 mdash комплекс дляалгоритмической графикина основе блок-схем Код писатьне нужно только расставлятькубы в нужном порядкеи крутить параметры
14
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 15: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/15.jpg)
Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера
Файл с примером в формате Nodebox 3
16
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 16: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/16.jpg)
Самое ценное здесь
bull мгновенно видеть результат при изменении параметров
bull видеть труднопредставимые заранее варианты решений благодаря
случайности
17
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 17: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/17.jpg)
Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода
Цель mdash экономия времени на перестроениядерутинизация
18
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 18: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/18.jpg)
Дерутинизация
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 19: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/19.jpg)
Иван Пухкал Визовая статистика стран 2003mdash2012Processing
20
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 20: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/20.jpg)
Для регулярных отчётов листовок с частоизменяющимися данными
График доходности робота CIT Arbitrage для рекламной брошюры
21
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 21: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/21.jpg)
АврораВизуализацияизменения ценыценных бумагNodebox 1
Интерфейс торговоготерминала laquoАврораraquoАндрей Шапирои Дмитрий Тростин
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 22: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/22.jpg)
Графики строились в Нодбокс1
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 23: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/23.jpg)
Данные брались с сайта alorru
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 24: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/24.jpg)
Данные брались с сайта alorru
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 25: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/25.jpg)
Эксперимент на трешовость цветов на реальных данных
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 26: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/26.jpg)
Cистема водяных знаков на основе масок штампов поворачиваемых на разные углы
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 27: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/27.jpg)
Для графики
и анимации
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 28: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/28.jpg)
Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы laquoлицаraquo
глаза 8 |
носы middot - mdash
рты ( ]
29
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 29: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/29.jpg)
Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев Nodebox 1
Score board design1o1
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 30: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/30.jpg)
А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 31: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/31.jpg)
Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает
33
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 32: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/32.jpg)
Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды
Зорьку требовалосьподкладывать под кнопку
34
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 33: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/33.jpg)
Афиша этого воркшопа
36
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 34: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/34.jpg)
Суперформула mdash обощённая формула овала
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 35: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/35.jpg)
38
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 36: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/36.jpg)
Эта афиша сделана полностью в Nodebox 1 Никаких других графических редакторо Исходный файл mdash 6 KB
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 37: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/37.jpg)
перерыв
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 38: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/38.jpg)
Исследования
инфографика
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 39: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/39.jpg)
Фильмы на плоскости рейтингmdashгодПроцессинг
Задача mdash проверить будет ли интересно выбирать laquoсоседаraquo по расположению плоскости
42
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 40: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/40.jpg)
Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 41: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/41.jpg)
Какое у нас самое длинное название фильма
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 42: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/42.jpg)
Прототип изучения пространства
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 43: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/43.jpg)
Из спора о том кому нужны эти параметры родилось исследование
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 44: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/44.jpg)
Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 45: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/45.jpg)
Ритмограмма laquoНабитаraquo на iPad Procoding
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 46: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/46.jpg)
Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 47: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/47.jpg)
Eirik Solheim One year in one image
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 48: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/48.jpg)
Новые
инструменты
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 49: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/49.jpg)
laquoИногда ты не можешь найти то что тебе нужно
Значит ты еще это не создал Настала твоя очередьraquo
Майк Монтейроldquo53
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 50: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/50.jpg)
PrototypoПрототип параметрического редактора шрифтаПрототайпо Процессинг
В этом году разработчики набрали средствана Кикстартере и планируют к осени выпустить релизредактора
54
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 51: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/51.jpg)
Питеронлайн Инструмент для мудборда
55
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 52: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/52.jpg)
Так что же это
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 53: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/53.jpg)
Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных
алгоритмов экономящий время дарящий идеи и озарения в ходе игры с
построенным инструментомldquo57
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 54: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/54.jpg)
За что я это люблю1 Предпочитаю интеллектуальную рутину мышечной (но каллиграфия)
2 Обожаю использовать случайность для поиска идей
58
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 55: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/55.jpg)
Случайно слетевший интерлиньяж на веб-странице
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 56: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/56.jpg)
Грязь траектории от перемещения объекта даёт шума для плаката Sketchapp
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 57: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/57.jpg)
Слипшийся после намокания сборник иллюстраций группы Алхимия
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 58: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/58.jpg)
Слипшийся после намокания сборник иллюстраций группы Алхимия
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 59: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/59.jpg)
Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности
Часто мука рассыпается красивее чем мы её тщательновыложим
63
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 60: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/60.jpg)
Два путиbull Идея rarr Модельалгоритм rarr Исполнение
bull Эксперимент rarr Неожиданная идея
64
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 61: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/61.jpg)
Что понадобитсяЛюбознательность и непреодолимая тяга
Пригодятся
bull Основы логики
bull Математика геометрия тригонометрия линейная алгебра
bull Основы информатики пиксель цветовые модели
bull Основы программирования циклы ветвление структуры данных
ввод-вывод
65
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 62: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/62.jpg)
Какие среды
сейчас есть
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 63: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/63.jpg)
ИнДизайнbull mdash Примеры работ воркшоп Typography and Automation Week
bull mdash Фреймворк Basil
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 64: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/64.jpg)
Вебbull Processing JS
bull D3
bull PaperJS exx Scriptographer для Illustrator
68
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 65: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/65.jpg)
Веб Песочницыbull JS Fiddle
bull Dabblet
bull CodePen
bull другие
bull Консоль разработчика в браузере
69
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 66: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/66.jpg)
Самостоятельныеbull Процессинг (Java JavaScript)
bull Нодбокс 3 (бокс-модель)
bull Нодбокс 1 (Python only Mac OS X)
bull VVVV (бокс-модель)
70
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 67: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/67.jpg)
Самостоятельные 22bull Resolume (бокс-модель) mdash генеративное видео
bull Madmapper (бокс-модель Mac only) mdash инструмент проецирования
bull R статистические вычисления и визуализация
bull Open Frameworks (C++)
71
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 68: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/68.jpg)
перерыв
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 69: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/69.jpg)
Практика
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 70: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/70.jpg)
Знакомство с NodeboxРасщепление надписи на частицы
74
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 71: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/71.jpg)
Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла
75
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 72: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/72.jpg)
Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту
76
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 73: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/73.jpg)
void setup()
size(600 600) ширина и высота листа
background(255) очистить экран белым
noStroke() без обводки
fill(0) заливать формы чёрным
void draw()
77
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 74: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/74.jpg)
Режим Tweak
78
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем
![Page 75: Генеративный дизайн. Личный опыт](https://reader031.vdocument.in/reader031/viewer/2022020306/54c5439a4a7959fd2f8b45a0/html5/thumbnails/75.jpg)
AndrewaShapiroru vkcomashapiro
СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем