Генеративный дизайн. Личный опыт

79
sho.io/gd Презентация на вашем устройстве Image from 'The Snail on the Slope', by Vladimir Todorović, Processing

Upload: andrew-shapiro

Post on 26-Jan-2015

308 views

Category:

Design


0 download

DESCRIPTION

Зачем, как, когда применять алгоритмическую графику в вебе, интерфейсах и графдизайне.

TRANSCRIPT

Page 1: Генеративный дизайн. Личный опыт

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: Генеративный дизайн. Личный опыт

Д И З А Й Н генеративный вычислительный алгоритмический

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: Генеративный дизайн. Личный опыт

Что обычнопредставляетсяпри упоминаниио генеративномдизайне

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: Генеративный дизайн. Личный опыт

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: Генеративный дизайн. Личный опыт

Или симуляция природных структур

Гугл-картинки по запросу 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: Генеративный дизайн. Личный опыт

и форм

Гугл-картинки по запросу 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: Генеративный дизайн. Личный опыт

текстуры и абстракщина

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: Генеративный дизайн. Личный опыт

Разбираться что жеэто такое и какприменять будемна примерах

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: Генеративный дизайн. Личный опыт

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: Генеративный дизайн. Личный опыт

Пример красивый Но что характерно

Мы видим алгоритм пошаговую инструкцию Еслинужна немного другая радиолярия путь приходитсяповторять заново

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: Генеративный дизайн. Личный опыт

Попробуем руками Представим что мы захотелинарисовать круглый стикер с волнистым краем

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: Генеративный дизайн. Личный опыт

Выбираем инструмент и модель Иллюстратор Апиренсскруглить звезду

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: Генеративный дизайн. Личный опыт

Видим например что нужно менять количество вершини внутренний радиус С выбранной связкойинструмент 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: Генеративный дизайн. Личный опыт

Попробуем сделать тоже самоев Нодбокс 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: Генеративный дизайн. Личный опыт

Создав цепь настраиваемых блоков в Нодбокс мыпостроили инструмент рисования стикера

Файл с примером в формате 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: Генеративный дизайн. Личный опыт

Самое ценное здесь

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: Генеративный дизайн. Личный опыт

Новый инструмент уместно строить при большомобъёме или часто сменяющихся данных и одинаковойсхеме вывода

Цель 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: Генеративный дизайн. Личный опыт

Дерутинизация

Иван Пухкал Визовая статистика стран 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: Генеративный дизайн. Личный опыт

Иван Пухкал Визовая статистика стран 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: Генеративный дизайн. Личный опыт

Для регулярных отчётов листовок с частоизменяющимися данными

График доходности робота 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: Генеративный дизайн. Личный опыт

АврораВизуализацияизменения ценыценных бумаг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: Генеративный дизайн. Личный опыт

Графики строились в Нодбокс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: Генеративный дизайн. Личный опыт

Данные брались с сайта 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: Генеративный дизайн. Личный опыт

Данные брались с сайта 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: Генеративный дизайн. Личный опыт

Эксперимент на трешовость цветов на реальных данных

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: Генеративный дизайн. Личный опыт

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: Генеративный дизайн. Личный опыт

Для графики

и анимации

Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы 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: Генеративный дизайн. Личный опыт

Генеративные смайлы ПроцессингБесконечное число образов из произвольного шрифтаи схемы 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: Генеративный дизайн. Личный опыт

Векторные спрайты прелоадер Аврора Андрей Шапиро и Николай Аникеев 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: Генеративный дизайн. Личный опыт

А пусть индикатором ожидания при подгрузке данныхбудет Аврора Бореалис

Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает

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: Генеративный дизайн. Личный опыт

Сделали мешами узнали что разработчикам нужнов СВГ а он меш не поддерживает

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: Генеративный дизайн. Личный опыт

Кроме того эффект подошёлдля диалога подтвердениязапуска опасной команды

Зорьку требовалосьподкладывать под кнопку

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: Генеративный дизайн. Личный опыт

Афиша этого воркшопа

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: Генеративный дизайн. Личный опыт

Суперформула 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: Генеративный дизайн. Личный опыт

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: Генеративный дизайн. Личный опыт

Эта афиша сделана полностью в 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: Генеративный дизайн. Личный опыт

перерыв

Исследования

инфографика

Фильмы на плоскости рейтинг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: Генеративный дизайн. Личный опыт

Исследования

инфографика

Фильмы на плоскости рейтинг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: Генеративный дизайн. Личный опыт

Фильмы на плоскости рейтинг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: Генеративный дизайн. Личный опыт

Стало любопытно посмотреть как относительно общей картины выглядят фильмы разных жанров

Какое у нас самое длинное название фильма

Прототип изучения пространства

Из спора о том кому нужны эти параметры родилось исследование

Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности

Ритмограмма 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: Генеративный дизайн. Личный опыт

Какое у нас самое длинное название фильма

Прототип изучения пространства

Из спора о том кому нужны эти параметры родилось исследование

Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности

Ритмограмма 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: Генеративный дизайн. Личный опыт

Прототип изучения пространства

Из спора о том кому нужны эти параметры родилось исследование

Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности

Ритмограмма 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: Генеративный дизайн. Личный опыт

Из спора о том кому нужны эти параметры родилось исследование

Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности

Ритмограмма 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: Генеративный дизайн. Личный опыт

Предполагали и обнаружили неравномерность распределения количества фильмов по степени их выгодности

Ритмограмма 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: Генеративный дизайн. Личный опыт

Ритмограмма 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: Генеративный дизайн. Личный опыт

Из желания спеть песню родилось исследование нового способа представления текста ритмически сложных песен

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: Генеративный дизайн. Личный опыт

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: Генеративный дизайн. Личный опыт

Новые

инструменты

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: Генеративный дизайн. Личный опыт

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: Генеративный дизайн. Личный опыт

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: Генеративный дизайн. Личный опыт

Питеронлайн Инструмент для мудборда

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: Генеративный дизайн. Личный опыт

Так что же это

Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных

алгоритмов экономящий время дарящий идеи и озарения в ходе игры с

построенным инструментом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: Генеративный дизайн. Личный опыт

Попытаюсь дать своё определение ГДПодход к созданию артефактов культуры на основе вычислительных

алгоритмов экономящий время дарящий идеи и озарения в ходе игры с

построенным инструментом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: Генеративный дизайн. Личный опыт

За что я это люблю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: Генеративный дизайн. Личный опыт

Случайно слетевший интерлиньяж на веб-странице

Грязь траектории от перемещения объекта даёт шума для плаката 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: Генеративный дизайн. Личный опыт

Грязь траектории от перемещения объекта даёт шума для плаката 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: Генеративный дизайн. Личный опыт

Слипшийся после намокания сборник иллюстраций группы Алхимия

Слипшийся после намокания сборник иллюстраций группы Алхимия

Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности

Часто мука рассыпается красивее чем мы её тщательновыложим

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: Генеративный дизайн. Личный опыт

Слипшийся после намокания сборник иллюстраций группы Алхимия

Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности

Часто мука рассыпается красивее чем мы её тщательновыложим

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: Генеративный дизайн. Личный опыт

Наше мышление инертно Нужна помощь сдвиг точкисборки Замеченные случайности

Часто мука рассыпается красивее чем мы её тщательновыложим

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: Генеративный дизайн. Личный опыт

Два пути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: Генеративный дизайн. Личный опыт

Что понадобитсяЛюбознательность и непреодолимая тяга

Пригодятся

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: Генеративный дизайн. Личный опыт

Какие среды

сейчас есть

ИнДизайн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: Генеративный дизайн. Личный опыт

ИнДизайн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: Генеративный дизайн. Личный опыт

Веб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: Генеративный дизайн. Личный опыт

Веб Песочницы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: Генеративный дизайн. Личный опыт

Самостоятельные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: Генеративный дизайн. Личный опыт

Самостоятельные 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: Генеративный дизайн. Личный опыт

перерыв

Практика

Знакомство с 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: Генеративный дизайн. Личный опыт

Практика

Знакомство с 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: Генеративный дизайн. Личный опыт

Знакомство с 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: Генеративный дизайн. Личный опыт

Nodebox ИнфографикаЛетняя температура в Челябинске Цель mdash показатьЮжный Урал какой он есть Данные из файла

75

Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту

76

void setup()

size(600 600) ширина и высота листа

background(255) очистить экран белым

noStroke() без обводки

fill(0) заливать формы чёрным

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем

Page 72: Генеративный дизайн. Личный опыт

Знакомство с ПроцессингИнтерактивная кисть для быстрого рисования текстурКисть объём и возможно цвет которой изменяется придвижении по холсту

76

void setup()

size(600 600) ширина и высота листа

background(255) очистить экран белым

noStroke() без обводки

fill(0) заливать формы чёрным

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем

Page 73: Генеративный дизайн. Личный опыт

void setup()

size(600 600) ширина и высота листа

background(255) очистить экран белым

noStroke() без обводки

fill(0) заливать формы чёрным

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем

Page 74: Генеративный дизайн. Личный опыт

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем

Page 75: Генеративный дизайн. Личный опыт

AndrewaShapiroru vkcomashapiro

СпасибоБольшинство фоновых изображений сгенерированы Владимиром Тодоровичем