Оглавление:

Как управлять адресуемыми светодиодами с помощью Fadecandy и обработки: 15 шагов (с изображениями)
Как управлять адресуемыми светодиодами с помощью Fadecandy и обработки: 15 шагов (с изображениями)

Видео: Как управлять адресуемыми светодиодами с помощью Fadecandy и обработки: 15 шагов (с изображениями)

Видео: Как управлять адресуемыми светодиодами с помощью Fadecandy и обработки: 15 шагов (с изображениями)
Видео: Маленькая Медведица [Maker Update #144] - Maker.io 2024, Июль
Anonim
Image
Image
Как управлять адресными светодиодами с помощью Fadecandy и Processing
Как управлять адресными светодиодами с помощью Fadecandy и Processing
Как управлять адресуемыми светодиодами с помощью Fadecandy и Processing
Как управлять адресуемыми светодиодами с помощью Fadecandy и Processing

Какие

Это пошаговое руководство по использованию Fadecandy и Processing для управления адресуемыми светодиодами. Fadecandy - это драйвер светодиода, который может управлять до 8 полосами по 64 пикселя каждая. (Вы можете подключить несколько Fadecandys к одному компьютеру, чтобы увеличить это.) Processing - это язык программирования, используемый для создания визуальных эффектов. У вас есть холст, как и в Photoshop или Paint, но вместо того, чтобы рисовать мышью, вы рисуете, написав код. Fadecandy и Processing работают вместе. Вы пишете код, который размещает светодиоды на холсте обработки, а затем все, что вы рисуете в процессе обработки, отображается на этих светодиодах в реальном времени. Почему

Есть много способов управления светодиодами. Мне нравится Fadecandy, потому что это дешево для начала, и вы можете иметь кучу контроля над своими светодиодами в очень наглядном виде с помощью обработки. Обработку также можно подключить ко всем вещам, таким как Kinect, Arduino, камере или даже просто мышь / клавиатура. Так что есть много возможностей сделать вещи интерактивными.

Этот проект состоит из трех частей.

1. Аппаратное обеспечение. Посмотрите, как все физическое соединяется вместе, припаяйте предметы, включите светодиодные ленты.

2. Программное обеспечение: Fadecandy Fadecandy работает путем запуска сервера на вашем компьютере - его очень просто настроить.

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

Я стараюсь писать свои учебные пособия таким образом, чтобы кто-то, не имеющий абсолютно никакого опыта, мог, по крайней мере, получать удовольствие от их чтения. С этим я собираюсь делать все шаг за шагом, чтобы новички могли следить и делать сами. Я не буду вдаваться в подробности Обработки - если вы хотите развить свои навыки Обработки и сделать более продвинутые анимации. тогда вы, возможно, захотите ознакомиться с некоторыми учебниками специально для этого - я рекомендую канал Дэниела Шиффмана на YouTube.

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

В этом проекте используется высокое напряжение (при подключении сетевой вилки к источнику питания), поэтому будьте осторожны и не позволяйте детям делать это в одиночку. Код Весь код (Arduino и Processing) находится на моем гитхабе здесь.

Шаг 1: оборудование и инструменты

Оборудование и инструменты
Оборудование и инструменты
Оборудование и инструменты
Оборудование и инструменты
Оборудование и инструменты
Оборудование и инструменты

Вот полный список всего, что вам понадобится для создания этого проекта:

Запчасти

  • Адресные светодиоды (US Amazon | UK Amazon) Я использую светодиодную ленту ws2812b. Есть несколько переменных, из которых вы можете выбрать Покрытие: вы можете купить простую светодиодную ленту без покрытия, но она не будет водонепроницаемой. Или вы можете купить его в гибком силиконовом корпусе со степенью защиты IP67, что означает, что он полностью герметичен и водонепроницаем. Цвет основы: полосы бывают черно-белые. Если вы не собираетесь закрывать светодиодную ленту рассеивателем, подумайте, какой из них будет выглядеть лучше всего. Количество светодиодов: стандарты - 30, 60 или 144 светодиода на метр. Я использую 30 светодиодов на метр, но я привязал к 60, так как он чаще используется. Другое: вы также можете купить ws2812b в виде струн (US Amazon | UK Amazon) вместо полос. Они работают одинаково, так что вам решать, что использовать!
  • Fadecandy (США Amazon | Великобритания Amazon)
  • USB-кабель для подключения Fadecandy к компьютеру (US Amazon | UK Amazon)
  • Булавки с двойным заголовком (US Amazon | UK Amazon)
  • Конденсаторы (US Amazon | UK Ebay)
  • Блок питания 5 В (US Amazon | UK Amazon) Этот блок питания, к которому я подключился, будет питать 512 светодиодов (стоимость одного Fadecandy)

  • Штепсельная вилка (US Amazon | UK Amazon) Вы можете просто использовать старый штепсельный кабель или, если у вас его нет, электрический шнур для чайника - хороший вариант.
  • 3-контактные разъемы JST (US Amazon | UK Amazon) Вам понадобится одна пара на полосу (так что 8 на одну Fadecandy's)
  • Кабель 12-AWG (US Ebay | UK Ebay) Этот толстый кабель будет передавать питание от блока питания к некоторым разъемам, которые разделяют его на все разные полосы.
  • Кабель 24-AWG (US Ebay | UK Ebay) Этот более тонкий кабель обеспечивает питание каждой светодиодной ленты.
  • Разъемы Wago (США, Amazon | RS Components, Великобритания)
  • Они разделят питание от одного блока питания на несколько полос. Они поставляются в упаковках по 10 штук, что достаточно для одной Fadecandy.

Расходные материалы

  • Силикон RTV (США Amazon | Великобритания Amazon)
  • Термоусадка (США Amazon | Великобритания Amazon)
  • Прозрачная термоусадка ~ 10 мм (США, Amazon | Великобритания, Amazon)
  • Припой (США Amazon | Великобритания Amazon)

Инструменты

  • Паяльник (США Amazon | Великобритания Amazon)
  • Устройства для зачистки проводов (US Amazon | UK Amazon)
  • Отвертка
  • Ножницы
  • Руки помощи (по желанию)
  • Присоска для припоя (опция)

Шаг 2: светодиодные ленты

Светодиодные ленты
Светодиодные ленты

Каждую светодиодную ленту необходимо подключить к источнику питания, заземлению и данным. На полосе напечатана стрелка, которая показывает направление, в котором должны течь данные.

Каждой светодиодной ленте нужен JST-коннектор и подключенный к нему конденсатор.

Разъем:

Разъем JST имеет 3 контакта / кабеля - по одному для питания, заземления и данных. Возможность отсоединения или замены лент полезна во многих случаях. Если вы уверены, что не хотите когда-либо отсоединять или легко заменять полоски, вы можете вместо этого просто припаять кабель, но я настоятельно рекомендую иметь разъемы.

Конденсатор:

Если произойдет скачок тока (это может произойти при первом включении источника питания), то конденсатор защитит первый светодиод в вашей полосе от повреждения.

Кабель:

Если вы планируете установку светодиода, вам нужно подумать о том, как будут размещены ваши ленты, блоки питания и Fadecandy (ы). Чтобы обеспечить доступ ко всем вашим соединениям, вам, скорее всего, придется где-то добавить несколько длин кабеля.

Вы можете припаять кабели к светодиодной ленте, а затем припаять разъемы JST к другому концу кабеля. В качестве альтернативы вы можете припаять разъемы JST непосредственно к полосе и вместо этого добавить длину кабеля на сторону источника питания / Fadecandy. Все будет зависеть от вашей схемы установки и планов.

Кабель, который соединяет питание / землю с одной полосой до 64 пикселей, может быть кабелем 24AWG. 24AWG также достаточно для передачи данных. Используйте кабель разного цвета для питания / данных / заземления - в идеале цвета, соответствующие вашим разъемам JST.

Я просто припаяю разъемы JST непосредственно к полосам и не добавляю никаких удлинителей кабеля, потому что в этом руководстве меня не интересует разводка.

Шаг 3: Присоедините разъем JST и конденсатор

Присоедините разъем JST и конденсатор
Присоедините разъем JST и конденсатор
Присоедините разъем JST и конденсатор
Присоедините разъем JST и конденсатор
Присоедините разъем JST и конденсатор
Присоедините разъем JST и конденсатор

Подготовить полосу

Отрежьте светодиодные ленты до нужной длины (максимум 64 пикселя на полосу).

Найдите правый конец, на котором стрелка направлена внутрь. Отрежьте небольшой кусок водонепроницаемой крышки, чтобы вы могли видеть три контакта. Они обозначены как 5V, GND и Data In. (Если контакт помечен как Data Out, значит, у вас неправильный конец).

Припаиваем разъем JST и конденсатор

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

Используйте разъемы JST с внутренней резьбой, чтобы прикрепить их к полосе. Разъем JST имеет 3 кабеля, по одному на каждый из контактов на полоске. Обычно кабели бывают красного, зеленого и белого или красного, зеленого и черного цветов. Используйте красный для питания, зеленый для данных и белый / черный для заземления.

Короткое обрезание ножек конденсатора поможет ему оставаться на месте. На одной стороне конденсатора есть отрицательные символы, ножка на этой стороне подключается к контакту GND, а ножка на другой стороне подключается к контакту 5V.

Закройте полоску

Отрежьте кусок прозрачной термоусадочной пленки, который закроет открытую часть полосы и будет хорошо перекрываться с существующим водонепроницаемым покрытием. Наденьте его на полоску (вы можете сделать это до того, как прикрепите разъем / конденсатор JST или просто наденьте его с другого конца) и держите рядом с обнаженной частью.

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

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

Повторите это для всех 8 светодиодных лент

Шаг 4: блок питания

Источник питания
Источник питания
Источник питания
Источник питания
Источник питания
Источник питания

Вам нужно будет подключить вилку к источнику питания. Я включил инструкции для вилок для Великобритании и США.

Подготовьте вилку

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

В британской вилке обычно предполагается, что: Желто-зеленая полоса - Земля Коричневый - LiveBlue - Нейтральный

В вилке для США вы можете предположить, что: Зеленый - Земля Черный - Живой Белый - Нейтральный

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

Проверить кабели мультиметром

Соединенное Королевство: посмотрите на контакты штекера, с единственным контактом вверху. Верхний штифт - Земля, нижний левый - Живой, нижний правый - Нейтральный. На большинстве штекеров контакты также отмечены буквами E, L и N.

США: посмотрите на контакты штекера, с единственным контактом внизу. Нижний штифт - Земля, верхний левый - Живой, верхний правый - Нейтральный. На большинстве штекеров штырьки также отмечены буквами E, L и N.

Оба: установите мультиметр в режим непрерывности. Коснитесь штырями мультиметра вместе, чтобы убедиться, что он работает, вы должны услышать звуковой сигнал. Теперь прикоснитесь одним штырем к одному из контактов вилки, давайте начнем с земли. Теперь прикоснитесь к другому контакту кабеля, который должен быть заземлен (желтый / зеленый в Великобритании, зеленый в США). Вы должны услышать звуковой сигнал, означающий, что между двумя контактами существует постоянное соединение. Теперь проверьте соединения под напряжением и нейтраль.

Присоедините вилку

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

Где-то на / внутри источника питания может быть переключатель, который позволяет вам изменять входное напряжение с 110 В на 220 В, поэтому убедитесь, что он установлен правильно (скорее всего, 220 В в Великобритании и 110 В в США).

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

Подключите блок питания. Обычно есть световой индикатор, показывающий, что он включился правильно.

Теперь вы можете проверить, какое напряжение вы получаете на двух выходных контактах. Переведите мультиметр в режим постоянного напряжения (V с прямыми / пунктирными линиями, а не с волнистой линией). Коснитесь одним контактом винта V- и одним контактом винта V +. Мультиметр должен показывать напряжение где-то около 5В.

Используйте отвертку, чтобы повернуть регулировочный винт, пока напряжение не достигнет 5 В.

Шаг 5: Распределение власти

Распределение мощности
Распределение мощности
Распределение мощности
Распределение мощности
Распределение мощности
Распределение мощности

У большинства источников питания 5 В будет только один или два выхода, но нам нужно запитать 8 полосок.

Разъемы Wago

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

Они бывают разных размеров (2-ходовые, 3-ходовые, 5-ходовые).

Власть Wagos

Убедитесь, что ваш блок питания отключен, пока вы делаете эту часть.

Возьмите два куска кабеля 10AWG, один для заземления (черный) и один для питания (красный).

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

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

Зачистите примерно 1,25 см с другого конца каждого кабеля и вставьте разъем питания в один 3-контактный разъем Wago, а землю - в 5-контактный разъем Wago. (Или вы можете просто использовать 5-контактные разъемы для всего, у вас просто будет еще несколько свободных слотов)

Затем возьмите два коротких отрезка красного кабеля 10AWG и два коротких отрезка черного кабеля 10AWG. Зачистите 1,25 см с концов каждого и подключите существующие разъемы Wago к еще четырем 5-контактным разъемам. (См. Прилагаемую диаграмму для пояснения).

Питание от вагонов (на полосы)

Опять же, точный дизайн здесь будет зависеть от вашей схемы установки. Ранее я сказал, что вы можете захотеть добавить длину кабеля к своим светодиодным лентам, или вы можете захотеть увеличить длину стороны распределения питания. Если вы добавляете сюда кабель, то припаяйте к JST-разъемам отрезки кабеля 24AWG и убедитесь, что он термоусадочный.

Затем возьмите концы этих кабелей или концы JST-разъемов и снимите с каждого кабеля питания и заземления не менее 1,5 см.

Между четырьмя 5-контактными разъемами, которые вы подключили к источнику питания, у вас должно быть восемь свободных разъемов для питания и восемь свободных разъемов для заземления. Вставьте все соответствующие кабели на место.

Почему мы иногда используем кабели 10AWG, а иногда 24AWG?

Разные калибры кабелей вызваны тем, что в разных частях цепи есть разные величины тока.

512 светодиодов с полной белой яркостью, поступающие непосредственно от источника питания, могут потреблять до ~ 30 А. Для передачи этого тока используйте толстый кабель 10AWG.

После того, как мы разделили питание на разные полосы, каждая из них потребляет только до ~ 3,5 А, поэтому мы можем использовать более тонкий кабель, около 24 Вт работает хорошо.

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

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

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

Шаг 6: данные

Данные
Данные
Данные
Данные
Данные
Данные

Если бы вы сейчас подключили разъемы JST, то ваши светодиодные ленты были бы запитаны. Но ничего не загорается, потому что этим полоскам нужно указать, какого цвета они должны быть. Нам нужно настроить соединение для передачи данных с Fadecandy, который предоставит им эти инструкции.

Приготовьте Fadecandy

Сначала припаяйте двойные штыри к Fadecandy. Протолкните короткую сторону штифтов заголовка через отверстия и переверните Fadecandy так, чтобы выступающие части были видны.

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

Штекерные штыри в качестве разъема

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

Отрежьте часть из 8 штифтов с внутренней резьбой. Возьмите каждый из кабелей передачи данных из штекерных разъемов JST (или, если вы удлиняете кабели с этой стороны, для вашей схемы установки сделайте это в первую очередь). Затем наденьте на кабель кусок термоусадки и припаяйте их по отдельности к 8 контактам. Как только пайка будет завершена, сдвиньте термоусадочную трубку вниз и обработайте ее термофеном. Теперь его можно подключить к выводам данных Fadecandy.

Поскольку на самом деле все 8 контактов заземления Fadecandy подключены друг к другу, нам нужно заземлить только один из них. Отрежьте еще одну короткую часть штифтов с внутренней резьбой - она также может быть шириной 8 штифтов, даже если мы будем использовать только один штифт, обрезав ее до ширины 8 штырей, она станет более прочной и простой в обращении. Припаяйте кусок кабеля 24AWG к одному из контактов разъема с внутренней резьбой и усадите его, подключите к контактам заземления на Fadecandy.

Подключите противоположный конец этого заземляющего кабеля к любому свободному разъему в заземленных разъемах Wago.

Этикетки и порядок

На этом этапе вы можете пометить свои кабели. Кроме того, опять же, в зависимости от структуры и компоновки вашей установки, вы можете подумать о создании какого-то корпуса для разъемов Wago, чтобы они не просто висели. Раньше я делал маленькие бляшки из фанеры и приклеивал вагоны горячим способом.

Шаг 7. Последние аппаратные биты…

Последние аппаратные биты…
Последние аппаратные биты…
Последние аппаратные биты…
Последние аппаратные биты…

Это все, что настроено. Несколько последних битов:

Подключите все разъемы JST друг к другу.

Подключите блок питания.

Подключите Fadecandy к ноутбуку через USB.

Теперь давайте осветим некоторые вещи!

Мои инструкции и снимки экрана будут ориентированы на Windows, но на Mac все должно работать примерно так же.

Шаг 8: Установите программное обеспечение Fadecandy

Настроить программное обеспечение Fadecandy
Настроить программное обеспечение Fadecandy
Настроить программное обеспечение Fadecandy
Настроить программное обеспечение Fadecandy
Настроить программное обеспечение Fadecandy
Настроить программное обеспечение Fadecandy

Перейдите на GitHub Fadecandy и загрузите zip-файл.

Разархивируйте все.

Перейдите туда, куда вы его разархивировали, и откройте папку «bin».

Запустите fcserver.exe.

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

Шаг 9: сервер Fadecandy

Сервер Fadecandy
Сервер Fadecandy
Сервер Fadecandy
Сервер Fadecandy

В окне браузера (например, Chrome) перейдите к:

127.0.0.1:7890

Вы также должны увидеть здесь свое подключенное устройство.

Теперь под подключенным устройством вы можете увидеть раскрывающийся список с надписью Test Patterns. Вы можете использовать это раскрывающееся меню, чтобы зажечь светодиоды до 50% или полной яркости.

Сделай это сейчас! Огни! Ура!!

Шаг 10: Устранение неполадок

Проверьте свои светодиодные ленты и убедитесь, что все ваши фонари работают.

Вот несколько советов по устранению неполадок…

Одна / несколько полос не загораются:

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

Полоса загорается частично, а затем внезапно исчезает:

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

Полоски все оранжево-красные, а не белые:

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

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

Ни одна из полосок не загорается:

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

Если Fadecandy появляется, но ничего не загорается - дважды проверьте все ваши соединения.

Шаг 11: Обработка

Обработка!
Обработка!

Теперь на ваши светодиоды подано питание, и вы можете управлять ими с помощью компьютера, но единственное, что вы можете делать с помощью интерфейса Fadecandy, - это включать и выключать их.

Давайте добавим Processing, чтобы мы могли делать кое-что круче.

Загрузите обработку отсюда.

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

Я собираюсь показать вам, как настроить один из примеров обработки, поставляемых с Fadecandy, для полос, которые вы здесь сделали. Вы также можете скачать мой пример кода здесь.

Шаг 12: сопоставление пикселей

Отображение пикселей
Отображение пикселей
Отображение пикселей
Отображение пикселей
Отображение пикселей
Отображение пикселей

Fadecandy позволяет вам «отображать» (или размещать) ваши светодиоды на холсте обработки. Обычно их нужно расположить так же, как в реальной жизни.

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

Получите файлы

В загруженных файлах Fadecandy перейдите к: Fadecandy> examples> processing.

Скопируйте одну из папок с примерами strip64 и вставьте ее туда, где вы храните файлы обработки.

Этот пример содержит отображение для одной полосы размером 64 пикселя. Переименуйте папку и файл.pde внутри, чтобы вместо этого было написано «полосы».

Картография

Откройте файл. Посмотрите на эти строки в разделе настройки:

// Сопоставляем одну полосу с 64 светодиодами с центром окна opc.ledStrip (0, 64, width / 2, height / 2, width / 70.0, 0, false);

Это линия, которая создает одну полосу размером 64 пикселя. Все, что написано между запятыми, является параметром этой полосы. См. Прилагаемую диаграмму, на которой показано, что каждый из них. (Это также в комментариях к моему коду.)

Мы можем использовать цикл, чтобы создать 8 полос по 15 пикселей каждая. Удалите эти две строки и замените их следующей:

// Отображение 8 полос по 15 пикселей каждая for (int i = 0; i <8; i ++) {

opc.ledStrip (i * 64, 15, width / 2, i * 15 + 30, 15, 0, false);

}

Ваше отображение

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

Шаг 13: нажмите "Играть" в обработке

Нажмите "Играть" в обработке!
Нажмите "Играть" в обработке!

Когда вы нажмете кнопку воспроизведения (в верхнем левом углу окна «Обработка»), вы увидите сопоставленные полосы, представленные в виде маленьких белых точек на холсте.

(Если вы не видите белых точек, вероятно, вы закрыли окно сервера. Вернитесь к шагу 8 и убедитесь, что у вас запущен fcserver.exe)

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

Код анимации

Вот фрагмент кода, благодаря которому это произошло:

void draw () {

фон (0); float dotSize = ширина * 0,2; изображение (точка, mouseX- dotSize / 2, mouseY - dotSize -2, dotSize, dotSize);

}

Любой код, который вы напишите в разделе рисования, будет отображаться на светодиодах.

Шаг 14. Еще примеры… Время поэкспериментировать

Еще примеры … Время поэкспериментировать
Еще примеры … Время поэкспериментировать
Еще примеры … Время поэкспериментировать
Еще примеры … Время поэкспериментировать
Еще примеры … Время поэкспериментировать
Еще примеры … Время поэкспериментировать

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

В качестве диффузора я использую лист гофрированного пластика. Вы можете экспериментировать со всеми вещами!

Я настоятельно рекомендую изучить Обработку и делать больше анимаций для ваших источников света! Очень быстро начать работу и быстро увидеть интересные результаты. Уроки Дэна Шиффмана - отличное место для начала.

Шаг 15: Спасибо за чтение

Image
Image

Надеюсь, вам понравился этот урок!

Посмотрите сопроводительное видео на YouTube, если вы еще этого не сделали.

Найди меня в Интернете:

InstagramYouTubeTwitter

Не стесняйтесь задавать вопросы в комментариях здесь или на Youtube, и я постараюсь помочь.

Конкурс внутреннего освещения
Конкурс внутреннего освещения

Финалист в конкурсе по внутреннему освещению

Рекомендуемые: