Самосовершенствование

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

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

Если вы являетесь творческим человеком в 21-м веке, вы, вероятно, знаете, что есть большой потенциал для творчества с цифровыми навыками и программированием. Будете ли вы удивлены, узнав, что есть язык программирования, разработанный для вас?

Это руководство доступно для скачивания в формате PDF. Загрузите Learn to Programming in Processing: язык для визуальных дизайнеров сейчас . Не стесняйтесь копировать и делиться этим со своими друзьями и семьей.

Если вы думаете: «Но разве мне не придется изучать математику и манипулирование текстом, прежде чем я смогу сделать что-нибудь визуальное?»

Сегодня я собираюсь познакомить вас с языком программирования, который был создан в 2002 году для визуальных дизайнеров: он называется « Обработка» .

Это всего лишь один прекрасный пример 3D искусства, созданного с помощью обработки, чтобы создать скульптуру из нитей, которая исследует свойства нитей и движение печатающей головки 3D-принтера:

Это руководство расскажет, что такое обработка, почему вы должны изучать ее, как начать работу и как узнать больше.

Я также взял интервью у профессора Кейси Реаса из Департамента дизайна Media Arts Калифорнийского университета, который является художником и одним из соавторов Processing. Я обратился к профессору Реасу за информацией о том, что вы можете получить от обработки; где был язык; и куда это пойдет в будущем.

Что такое обработка?

Обработка — это полнофункциональный язык программирования. на основе Java, где введение — это не «Hello World», а больше «Draw a smiley face».

Программированию учили 4 или 5 десятилетий с помощью текстовых и математических манипуляций. Для людей, которые являются визуальными художниками, идея обработки заключается в том, чтобы начать со строки в первый день и начать создавать визуальное пространство. Изучаются те же вещи: вы узнаете о переменных, модульности, функциях, объектах и ​​массивах, но все это делается с помощью визуального исследования, и основное внимание уделяется созданию изображений.

Программы, созданные в процессе обработки, называются эскизами . Обработка — это отличное место для начала, если вы когда-нибудь хотели создать генеративное искусство (как на видео ниже), интерактивные дизайнерские инсталляции, визуализации данных или игры. Это также отличный способ испачкать руки, делая что-нибудь классное с программированием.

Великие Причины Учиться Обработка

Обработка идеально подходит для художников, дизайнеров, музыкантов и других креативщиков, чтобы исследовать, экспериментировать и развивать свое ремесло.

Как говорит профессор Реас, за последние 20 лет компьютер стал наиболее распространенным инструментом в искусстве и в значительной степени заменил многие традиционные инструменты, такие как темная комната фотографа и процесс допечатной подготовки к печати.

Поскольку художники и дизайнеры начали использовать программное обеспечение в качестве основной части своего процесса, обработка позволяет им углубиться и начать думать о программном обеспечении, а не подражать этим предыдущим инструментам или процессам, таким как темная комната или чертежный стол. Написание кода — это способ подумать о создании чего-то нового и уникального и обойти некоторые ограничения программных инструментов «укажи и щелкни».

Обработка построена на основе Java. Вам не придется совершать большой скачок при освоении этого или других языков программирования позже. Микроконтроллер Arduino основывает свой язык программирования на обработке. Если вы решите, что хотите создавать программы, которые управляют вещами в физическом мире (например, двигатели, динамики, экраны) или реагируют на вещи в физическом мире (например, используя датчики температуры, давления, света и т. Д.), Вы будете найти это легко подобрать тоже.

Например, профессор Реас познакомил нас с тканым изделием, созданным с помощью Processing .

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

Кроме того, как я упоминал ранее, вы можете создавать интерактивные визуализации и игры, изучая фундаментальные концепции программирования.

Как карьера, обработка идеально подходит для изучения новых идей и конструкций, создания эскизов и создания прототипов. Профессор Реас продолжает объяснять концепцию «Sketchbook программного обеспечения» здесь:

Обработка — это не только профессиональный инструмент производства, она ориентирована на обучение и понимание. Таким образом, он часто используется для создания эскизов, и одна из основных идей для обработки заключается в том, что это программный альбом для зарисовок, из которого вы будете извлекать идеи из головы и в код таким образом, чтобы вы могли перенести их на следующий шаг. […]

Обработка часто используется людьми, которые экспериментируют, создают свои собственные инструменты, действительно пытаются продвинуть вещи интересными новыми концептуальными и визуальными способами, но на самом деле не используются большими консервативными креативными агентствами.

Обработка также бесплатна, с открытым исходным кодом и хорошо документирована, что делает ее очень доступной.

Даниэль Шиффман , автор книги «Обработка обучения» и доцент кафедры «Интерактивные телекоммуникационные программы» в Нью-Йоркском университете, рассказал о некоторых причинах, по которым «Обработка» хорошо работает для его студентов:

1. Вы можете просто скачать и запустить его без каких-либо сложностей при настройке.
2. Имеет компактный и элегантный API для рисования и графики, который отлично подходит для визуальных дизайнеров и художников.
3. Он легко расширяемый и может быть использован во всех странных и творческих способах.

Способы начать

Лучший способ добиться успеха в чем-то — начать предпринимать активные действия. начинаете начинаете (независимо от того, насколько маленьким) прямо сейчас — откладывая это не принесет вам никакой пользы. Если вы со мной, читайте инструкции, которые вы можете начать прямо сейчас, чтобы научиться программировать в обработке. После этого я покажу вам пути к дополнительному обучению, включая книги. книг по и курсы, которые вы можете проверить, и эксперты, чтобы следовать в социальных сетях.

Вам не нужно ничего особенного, чтобы начать работу с Processing, кроме компьютера с подключением к Интернету под управлением Windows, Linux или Mac. Вам не нужно никаких базовых знаний в программировании, но у нас есть базовый учебник по понятиям программирования вторая часть ), с которым вам следует ознакомиться в какой-то момент, если вы учите себя.

Играть с существующими эскизами

openprocessing

Вы можете протестировать эскизы, созданные другими, и даже отредактировать их, чтобы увидеть, как их поведение изменяется в OpenProcessing . Это отличное место для размещения ваших собственных творений, чтобы поделиться с другими. Я рекомендую вам проверить некоторые из набросков в этом списке для некоторого разнообразия.

Примечание. Если вы не используете Java на своем компьютере, вы не сможете поиграть с этими набросками. Если да, иди повеселись и вернись, я подожду.

Привет Обработка! — серия видеоуроков

helloprocessing

Дэниел Шиффман — жизнерадостный преподаватель в череде высококачественных видеоуроков примерно за час, созданных Фондом обработки . Он рассказывает о вещах, созданных с помощью Processing, и дает вам возможность протестировать некоторый простой код и увидеть чертежи, которые он создает, без необходимости загружать что-либо.

Если вы знакомы с JavaScript …

p5js

Вы можете воспользоваться недавно запущенной библиотекой JavaScript p5.js, чтобы использовать страницу браузера в качестве эскиза с HTML5!

Использование библиотеки p5.js выходит за рамки данного руководства, но я подумал, что вам следует об этом знать. С помощью p5.js вы можете конвертировать свои эскизы для интеграции с веб-сайтами, например, это пользовательское приложение для рисования под названием Neobrush, которое вы можете попробовать сами.

Как вы можете видеть, приложение, созданное Крисом Рибшлагером в Processing, рисует тысячи дуг между точками, выбранными перетаскиванием мышью и щелчками.

Just Dive In: установка обработки

Изображение 002

Готовы программировать свои собственные эскизы? Перейдите на страницу Загрузка Processing.org и выберите версию для своей операционной системы (есть версии для Windows, Mac и Linux). Извлеките файлы из архивной папки и откройте папку.

Если у вас 64-битная Windows, у , вы должны увидеть набор файлов, который выглядит примерно так при запуске файла приложения Processing:

Обработка-2.2.1

Отсюда вы можете перейти в Файл> Примеры, чтобы загрузить набор полных эскизов, которые были предварительно загружены с программой. Поиграйте с примерами и взгляните на код, чтобы получить представление о структурах, общих для обработки эскизов.

Будьте в курсе: эволюции в обработке

По мере того, как вы принимаете участие в обработке, вам нужно быть в курсе предстоящих изменений. Кейси Реас и Бен Фрай в настоящее время работают над выпуском Processing 3.0 , следующей версии Processing.

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

Библиотеки

Обработка намного больше того, что вы можете сделать «из коробки». Сообщество обработки предоставляет библиотеки, которые расширяют функциональность среды. Профессор Реас говорит.

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

Когда вышли новые компоненты интерфейса, такие как Kinect или скачок движения , люди в Обрабатывающие сообщества обычно пишут библиотеки для них быстро.

Существуют библиотеки для экспорта PDF-файлов, чтения изображений с камеры, создания 3D-изображений, анимации, отправки текстовых SMS-сообщений, включая данные о погоде, создания типографики и многое другое.

Библиотеки позволяют нам видеть, как люди хотят, чтобы процессинг рос и развивался. Со временем мы обнаружили, что чаще всего используются библиотеки, которые становятся необходимыми и встроены в основное программное обеспечение.

Используйте Справочник Handy

Последняя подсказка, которую я хочу оставить, заключается в том, что программисты не начинают с того, что знают все существующие функции. Они ищут их, выясняют, как они работают, а затем проверяют их. Вот где вам пригодится данное руководство.

Продолжайте учиться …

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

Следование чемпионам по обработке в социальных сетях — отличный способ участвовать в сообществе, устанавливать связи и находить вещи, которые помогут вам продвинуться в программировании быстрее, чем самостоятельно. Читайте до конца о красочных сводках 10 лучших аккаунтов в социальных сетях, которым вы должны следовать, чтобы быть в курсе самых последних и самых выдающихся процессов обработки!

Интернет-уроки

Учебные пособия — отличный способ изучить и увидеть то, что создали другие, и получить представление о том, как подойти к проблеме.

Processing.org : Официальный сайт имеет собственную коллекцию учебных пособий, которые помогут вам освоить программирование и научиться использовать язык. Учебные пособия охватывают начинающие, промежуточные и продвинутые темы.

CreativeApplications.net : Это фантастическое место, где можно найти учебники по креативной обработке.

Проект Plethora: Если вы хотите изучить технику программирования или следовать за программистом, который покажет вам веревки, Хосе Санчес из Проекта Plethora покажет вам веревки в видеороликах Vimeo, как он кодирует с нуля.

Интересное программирование : если вы просто хотите просмотреть коллекцию учебных пособий для вдохновения (например, рисование анимированной радуги или программирование роз), здесь есть много простых учебных пособий, которые вы можете проверить.

Лучшие онлайн-курсы, которые вы можете пройти

Есть много поставщиков бесплатного онлайн-образования. для различных навыков, и программирование в обработке не является исключением.

интро-программирование с обработкой


Введение в программирование с помощью обработки: простой курс для изучения программирования, который ведет Линдон Дэниелс. Загрузите бесплатные материалы Creative-Commons. Этот курс начинается с онлайн-программы дизайна и верстки, включает в себя игру «Угадай мой номер» и заканчивается визуализацией в социальных сетях.

Хан-академия-компьютерно-программирование


Информатика Ханской академии : известный образовательный сайт — отличное место для изучения основ программирования на JavaScript и библиотеки ProcessingJS (порт обработки JavaScript на JavaScript). Возьмите ваш код обработки и включите его на свой сайт.


Coursera : MOOC   Есть несколько бесплатных курсов, которые сосредоточены вокруг обработки, без каких-либо предпосылок для успеха. Добавьте их в список наблюдения, чтобы брать их в будущем (с другими одноклассниками и контентом, добавляемым каждую неделю, и возможностью получить сертификат), или вы можете пройти прошлую сессию курса, если вы просто хотите начать сейчас.

интро-вычислительные-арты обработка


Введение в вычислительные искусства: обработка : 5-недельный бесплатный онлайн-курс, преподаваемый профессорами из Университета штата Нью-Йорк. Вы изучите основы программирования с помощью Processing, включая технические задания, художественный проект и создание онлайн-портфолио ваших проектов цифрового искусства.

творческо-программирование-цифровые медиа, мобильные приложения-


Креативное программирование для цифровых медиа и мобильных приложений : 6-недельный бесплатный онлайновый курс, который преподают профессора из Лондонского университета, используя процессинг для обучения как техническим навыкам, так и творческим способам их применения. Это показывает примеры из музыки, изобразительного искусства и игр.

программирование-графика-1


Skillshare: Хотите научиться создавать генеративное искусство? Джошуа Дэвис, директор по медиа-искусству в Sub Rosa (нью-йоркском агентстве по дизайну и инновациям), имеет два бесплатных курса SkillShare по программированию графики. Первый — « Введение в генеративное искусство» для начинающих, а второй — курс среднего уровня по анимации «Генеративное искусство» .

интерактивные-данные-визуализация-с-обработкой


Lynda.com : Если вы заинтересованы в визуализации данных с помощью Processing, создайте учетную запись на lynda.com. Курс Barton Paulson по интерактивной визуализации данных с обработкой покажет вам, что вам нужно знать.

книги

Вам понравился Дэниел Шиффман в качестве преподавателя из обучающих видео Hello Processing? Он является автором фантастической книги под названием « Обработка обучения: руководство для начинающих по программированию изображений» . Эта книга объясняет все жаргоны программирования в доступной форме, в каждой главе сочетаются творческие упражнения для развития ваших навыков программирования.

Подробный справочник по обработке см. В статье « Обработка: руководство по программированию для визуальных дизайнеров и художников» , написанной Кейси Реасом и Беном Фраем, создателями языка программирования.

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

Я собрал список из 10 ключевых профилей Twitter, которые должны помочь вам оставаться в курсе последних событий в обработке. Следуйте за ними за их творческими проектами и советами, которые облегчат нам всем изучение.

Организации, занимающиеся обработкой:

обработка

Открытая обработка

Креативные приложения

Создатели и новаторы обработки: Кейси Реас

Бен Фрай

Лаура Маккарти

Художники, авторы и педагоги:

Дэниел Шиффман — автор Обработки обучения

Амнон Оуэд

Джошуа Дэвис

Веселое программирование

Подпишитесь на Топ-10 Twitter-оводугаторов Processing.org одним щелчком мыши

Чтобы сделать это проще, я включил все 10 в список Твиттера для вас. Следуйте списку сразу (или отмените подписку , если обнаружите, что обработка не для вас).

Для чего вы будете использовать обработку?

Обработка — отличный способ не только погрузиться в программирование, но и выйти за пределы своей глубины и гибкости.

Вы когда-нибудь задумывались о том, что хотите запрограммировать? Вы попробуете? Дайте нам знать в комментариях, поможет ли эта статья придать вам уверенности в том, чтобы заняться программированием сегодня

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

Эта специальная серия, посвященная конкретным навыкам, призвана стать катализатором развития личности. Мы надеемся, что это приведет к поиску новых знаний. Рост никогда не кончается… так что расскажите нам о темах самосовершенствования, которые вы хотели бы видеть на нашем сайте.

Похожие посты
Самосовершенствование

8 лучших приложений Apple Watch Sleep 2020 года

Самосовершенствование

10 лучших циферблатов Samsung Galaxy 2020 года

Самосовершенствование

6 способов исправить это, когда ваши Apple Watch не будут в паре

Самосовершенствование

Вам нужны умные часы?