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

Post on 26-Jan-2015

323 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

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

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

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

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

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

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

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

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

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

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

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

Гугл-картинки по запросу 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

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

и форм

Гугл-картинки по запросу 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Попробуем сделать тоже самоев Нодбокс 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

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

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

Файл с примером в формате 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

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

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

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

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

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

Цель 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

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

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

Иван Пухкал Визовая статистика стран 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

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

Иван Пухкал Визовая статистика стран 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

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

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

График доходности робота 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

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

АврораВизуализацияизменения ценыценных бумаг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

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

Графики строились в Нодбокс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

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

Данные брались с сайта 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

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

Данные брались с сайта 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

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

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

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

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

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

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

Для графики

и анимации

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Суперформула 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

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

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

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

Эта афиша сделана полностью в 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

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

перерыв

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

инфографика

Фильмы на плоскости рейтинг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

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

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

инфографика

Фильмы на плоскости рейтинг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

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

Фильмы на плоскости рейтинг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

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

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

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

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

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

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

Ритмограмма 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

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

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

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

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

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

Ритмограмма 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

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

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

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

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

Ритмограмма 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

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

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

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

Ритмограмма 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

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

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

Ритмограмма 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

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

Ритмограмма 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

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

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

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

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

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

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

Новые

инструменты

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

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

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

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

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

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

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

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

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

Так что же это

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

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

построенным инструментом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

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

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

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

построенным инструментом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

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

За что я это люблю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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Два пути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

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

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

Пригодятся

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

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

Какие среды

сейчас есть

ИнДизайн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

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

ИнДизайн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

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

Веб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

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

Веб Песочницы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

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

Самостоятельные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

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

Самостоятельные 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

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

перерыв

Практика

Знакомство с NodeboxРасщепление надписи на частицы

74

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

75

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

76

void setup()

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

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

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

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

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

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

Практика

Знакомство с NodeboxРасщепление надписи на частицы

74

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

75

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

76

void setup()

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

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

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

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

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

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

Знакомство с NodeboxРасщепление надписи на частицы

74

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

75

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

76

void setup()

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

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

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

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

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

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

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

75

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

76

void setup()

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

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

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

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

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

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

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

76

void setup()

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

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

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

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

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

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

void setup()

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

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

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

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

void draw()

77

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

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

Режим Tweak

78

AndrewaShapiroru vkcomashapiro

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

AndrewaShapiroru vkcomashapiro

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

top related