Андрей Смирнов
Время чтения: ~17 мин.
Просмотров: 0

Создание бегущей строки

Технические характеристики бегущей строки

Энергопотребление светового табло «бегущая строка» составляет около 240 Вт. Для потребителя важны такие параметры:

  • Чёткость (частота обновления изображения) 360-2400 Гц (желательно 1200 Гц);
  • Угол обзора: 140 градусов, означает, что табло видно с 70˚ в каждую сторону от табло;
  • Цвет текста (красный, зелёный, разноцветный);
  • Шаг пикселей. Это расстояние между соседними светодиодами в мм. Обозначается буквой P с цифрой, например, P10, шаг 10 мм. Чем больше шаг пикселей, тем с более далёкого расстояния нужно смотреть табло;
  • Защита корпуса. Стандартные значения IP защиты корпуса;
  • Габариты и вес;
  • Напряжение питания.

Виды бегущей строки

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

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

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

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

Программирование бегущей строки

Для программирования светодиодного табло используется утилита LedshowTW, которая устанавливается на компьютер или ноутбук. В настройках программы указывается тип соединения с панелью, утилита поддерживает проводной способ через порт USB, беспроводное программирование при помощи сети Wi-Fi и коммутацию панели с помощью витой пары со штекером LAN. Тип соединения зависит от модификации используемого контроллера.

После запуска утилиты необходимо войти в меню настройки параметров дисплея. В открывшемся диалоговом окне выбирается модель используемого контроллера, а затем заполняются поля Screen width и Screen height (длина и высота светодиодной части табло). Дополнительно необходимо изменить поле, определяющее цвет экрана (выбирается один из предложенных цветов). Дополнительный раздел регулировки пикселей остается без изменений.

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

Подготовительные работы

На самом деле создание светодиодной конструкции своими руками – не такое уж и простое занятие. Для этого потребуются определенные умения, а также масса материалов:

  • материнка;

  • светодиодные узлы;

  • блоки питания;

  • шлейфы;

  • электрические провода;

  • уголки из пластика;

  • профили из алюминия;

  • герметик;

  • саморезы.

Что касается инструментов, то нелишними будут:

  • шуруповерт;

  • рулетка;

  • дрель;

  • пилка.

Для чего же нужны все эти элементы в светодиодной бегущей строке? Светодиодные узлы позволяют показывать текст на экране. При этом они могут быть как одноцветными, так и чередовать цвета. Блок питания позволяет преобразовывать напряжение до 5 вольт, а шлейфы призваны соединять узлы и блоки питания. Электрические провода, как ясно из названия, передают электроэнергию от одного элемента конструкции к другому, а с алюминиевых профилей можно сделать корпус. После того как удалось найти все необходимые компоненты можно переходить к созданию светодиодной бегущей строки своими руками.

Подсоединение узлов

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

  • соединить все узлы при помощи шлейфов и проводки между собой, для этого на их обратной стороне есть специальные отверстия;

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

  • соединить все направляющие между собой;

  • провести электрический провод от блока питания к контроллеру;

  • шлейфы и провода, идущие от узлов, присоединить к контроллеру;

  • один блок питания использовать не более чем для 6 узлов, что предотвратит перегревание устройства;

  • соединить блоки питания между собой;

  • герметизировать все стыки между узлами.

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

Создание каркаса

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

В получившуюся рамку вкладываются узлы, после чего в определенных местах профилей сверлятся отверстия для проводов питания. Задняя часть светодиодной строки обычно делается из металлического листа или ПВХ толщиной не более 5 миллиметров и герметизируется. При необходимости с обратной стороны конструкции присоединяются крепления, вид которых будет зависеть от веса устройства (см. фото). Завершающий этап работ – программирование электронного табло при помощи специального программного обеспечения. Так, строку можно сделать не просто бегущей, а и добавить некоторые эффекты, например, ускорение, замедление, смену цветового оформления и т.д.

Бегущая строка в PowerPoint

Для реализации мы будем пользоваться анимационным эффектом «Вылет» в разных вариациях и с различными настройками. В итоге у нас получится 4 варианта, результат вы можете увидеть в этом видео:

Основные настройки, которые нам понадобятся во всех вариантах:

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

  1. Переходим на вкладку «Анимация» и применяем эффект «Вылет».
  2. В дополнительных параметрах эффекта выставляем опцию «Справа». Таким образом строка будет появляться с правого края слайда и лететь на свое место, и мы сначала будем видеть начало фразы.
  3. В настройках времени определяем длительность и задержку если она нужна.

Выбегающая строка

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

Выбегающая строка с повторениями

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

  1. Активируйте «область анимации»
  2. Нажмите на кнопку со стрелкой вниз на строчке с нужной анимацией
  3. Выберите «параметры эффекта»
  4. Установите нужное число повторений

Бегущая строка покидающая слайд

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

Эффект повторений будет следующим – PowerPoint дождется, когда срока полностью дойдет до своего конечного положения и только потом запускает прогон заново. Таким образом на экране у вас будет только одна строка.

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

В предыдущем параграфе хвост мешал вылету заново, если вы хотите, чтобы был видно следующее поведение:

  • Хвост бегущей строки подходит к левому краю слайда
  • В этот момент та же самая строка начинается у левого края слайда.

Вам нужно сделать следующее:

  1. Скопируйте ту же самую строку и расположите ее поверх первой
  2. Настройте параметры старта для второго объекта:
  • Начало – с предыдущим
  • Задержка – половина длительности

Инструкция по сборке светодиодной бегущей строки своими руками

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

1. Контроллер для бегущих строк – это сложное электронное устройство предназначенное для вывода текста, графической информации а так же не сложных gif анимаций на светодиодную бегущую строку.

2. Светодиодные модули – представляет собой электронный компонент, состоящий из светодиодов, платы управления, чипов развертки, конденсаторов.

3. Информационный шлейф (шлейф ATA) – состоящий из медных проводов, покрытые специальной морозоустойчивой эластичной оболочкой и соединённый с двух концов коннекторами, предназначен для передачи информации от модуля к модулю.

4. Светодиодный блок питания – устройство принимающее питание от сети 220W и подающее на светодиодные модули 5 V с силой тока 40А.

5. Светодиодный кабель питания – предназначен для распределения напряжения от светодиодного блока питания к светодиодным модулям, тип сечения ПВС 2*0,5.

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

7. Профиль наружный – специальный светодиодный алюминиевый профиль предназначенный для изготовления короба светодиодной бегущей строки, это основной короб всей светодиодной бегущей строки. Размеры профиля могут быть разными в зависимости от размера готовой светодиодной бегущей строки.

8. Информационный шлейф – удлинённый информационный шлейф предназначенный для соединения рядов от светодиодного контроллера к светодиодным модулям.

9. Сетевой кабель – предназначен для подключения светодиодной бегущей строки к сети 220 Вт. Тип сечения кабеля ПВС 3*1,5.

Этапы сборки светодиодной бегущей строки

1. Разложите светодиодные модули на ровную поверхность нужного Вам количества. Снимите точный размер по высоте и по ширине, затем перенесите получившиеся размеры на алюминиевый профиль и нарежьте его согласно снятым размерам. У Вас получится 2 хлыста по высоте и 2 хлыста по ширине.

2. Возьмите уголки которые идут в комплекте с алюминиевым профилем и соедините ими полученные детали профиля (места стыков профиля с уголками необходимо просиликонить для предотвращения попадания влаги). У Вас получился периметр (короб) из алюминиевого профиля нужного Вам размера. 

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

4. Берём светодиодные модули и выкладываем их в получившийся периметр (короб) лицевой стороной светодиодного модуля вниз с обратной стороны короба, (предварительно установив на светодиодные модули с обратной стороны болтики с магнитами), берём силикон и промазываем стыки светодиодных модулей по периметру с обратной стороны для герметичности вывески, затем снимаем размер с внутренней стороны короба, нарезаем профиль (жестяной) нужного размера и устанавливаем во внутрь вывески в места стыки светодиодных модулей на магниты. Для жесткости конструкции прикручиваем саморезами жестяной профиль с низу и с верху.

5. Затем берём информационные шлейфа и с лева на право соединяем светодиодные модули между собой (последний правый ряд остаётся пустым).

6

Далее берём провода с клеммами (комплект светодиодного модуля) и подключаем светодиодные модули между собой с низу в верх на болтовые контакты расположенные  на тыльной стороне светодиодного модуля (обратите внимание на правильную полярность подключения VCC это «+» GND это «-», красный провод «+», красно-черный «-»)

7. Затем подключаем светодиодный блок питания на те же контакты что и провода питания с клеммами (Одна пара проводов от светодиодного блока питания на один нижний светодиодный модуль), один светодиодный блок питания может запитать не более 9 светодиодных модулей. Так же со светодиодного блока питания выводим пару проводов для питания с сети 220 Вт (ПВС 3*1,5).

8. Наша вывеска практически готова! берём светодиодный контроллер и подключаем его к нижнему левому светодиодному модулю (подключаем информационные шлейфа, с каждого ряда светодиодных модулей и провода питания с модуля), на светодиодном контроллере так же есть обозначение полярности VCC это «+» GND это «-», красный провод «+» красно-черный «-».

9. Подключаем вилку для проводов питания сети 220 Вт и включаем светодиодную бегущую строку в сеть.

Эффект титров в PowerPoint

Титры с помощью анимации вылета

Можно с делать с помощью рассмотренной выше анимации вылета

  1. Текстовое поле разместите над слайдом
  2. Эффект анимации = «Вылет»
  3. Параметры эффектов = «Снизу»

Титры с помощью одноименной анимации

Этот эффект позволяет на заморачиваться с положением текста где-то вне слайда. Чтобы сделать титры в PowerPoint, которые бы стартовали бы сразу при переходе на слайд в режиме показа:

  1. Вы можете просто разместить его удобно на слайде
  2. Применить анимацию титры
  3. Выставить ожидаемое время, за которое весь текст покажется и исчезнет
  4. Выставить параметр начало: «с предыдущим»

Для анимации «титры» как и для других текстовых эффектов доступны три настройки в секции «Параметры Эффектов»:

  • КАК ОДИН ОБЪЕКТ – анимация применяется ко всему объекту целиком
  • ВСЕ ОДНОВРЕМЕННО – текст разбивается по абзацам. Для каждого отдельного объекта можно выставить некоторые свои настройки, например, длительность выполнения. Но анимация применяется сразу для всех абзацев в совокупности.
  • ПО АБЗАЦУ – анимация разбивается по каждому абзацу, выполнив первый абзац, программа переходит ко второму.

в начало

Как сделать бегущую строку html на сайте

Создать бегущую строку не составит большого труда и времени. Что бы заставить текст двигаться без фотошопа был разработан и создан тег html , сначала специально для для браузера Internet Explorer, а затем и все остальные браузеры начали обрабатывать и поддерживать тег.

Что самое приятное и удивительное это очень маленький и коротенький тег, который приводит в движение не только текст, но и картинки. Чудеса да и только!

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

Тут вставляем текст бегущей строки

Тут вставляем текст бегущей строки

Приветствие:

Hello,my name is Galya

В принципе бегущую строку можно вставить куда душа пожелает: в футер, сайдбар, под шапкой блога или в саму шапку.

Можно настроить бегущую строку добавив стили и атрибуты. По умолчанию бегущая строка движется только справа налево, чтобы изменить направление строки надо к тегу добавить атрибут direction со значением right

Бегущая строка cлева направо

Бегущая строка cлева направо

Что бы текст не исчезал за границы и двигался туда-сюда нужно добавить атрибут behavior со значением alternate

Бегущая строка перемещается между правым и левым краем

Бегущая строка перемещается между правым и левым краем

Цветная бегущая строка перемещается между правым и левым краем

Туда-сюда на цветном фоне

Туда-сюда на цветном фоне

Бегущая строка останавливается при наведении

Бегущая строка останавливается при наведении

Бегущая строка останавливается при наведении

А теперь добавим стили css и украсим нашу бегущую строку, получится цветная бегущая строка:

Цветная бегущая строка

Цветная бегущая строка

Цветная бегущая строка движется слева направо:

Цветная бегущая строка слева направо

Цветная бегущая строка слева направо

Настройки:

color: #ad0dd9 — цвет текста бегущей строки font-size: 20px — размер шрифта

Сделаем бегущую строку на цветном фоне:

Бегущая строка на цветном фоне

Бегущая строка на цветном фоне

bgcolor— цвет фона Цветная бегущая строка

Чтобы бегущая строка двигалась снизу вверх добавим атрибут direction со значением up:

Бегущая строка снизу вверх

Бегущая строка снизу вверх

И сразу же добавим еще один атрибут heigh и настроим высоту блока:

Настройки:

height=»150″ — высота блока

color:#0F9D58 — цвет текста бегущей строки

font-size: 30px- размер шрифта

А теперь заставим бегущую строку двигаться сверху вниз. К атрибуту direction добавим значение down

Бегущая строка сверху вниз

Бегущая строка сверху вниз

Что бы регулировать скорость прокрутки бегущей строки добавим атрибут scrolldelay :

Настройка:

scrolldelay=»60″ — изменяем цифры и устанавливаем свою скорость прокрутки

Что бы указать границы блока добавим к стилям рамочку, добавим атрибуты width и height.

height — это высота блока

scrollamount — атрибут который влияет на скорость движения, чем выше число тем быстрее движется текст.

Бегущая строка в рамочке

Бегущая строка в рамочке

Сделаем бегущую строку в рамочке на цветном фоне: добавим атрибут bgcolor

Бегущая строка в рамочке на цветном фоне

Бегущая строка в рамочке на цветном фоне

Бегущая строка в html с картинками

Картинка движется справа налево:

Картинка в бегущей строке слева направо:

Картинка сверху вниз:

Бегущая строка снизу вверх

Изображение и текст в бегущей строке:

Приятно было познакомиться! Заходите ещё!

Текст бегущей строки

Ссылка на картинку — https://yablogger.info/wp-content/uploads/2017/04/oe_4f64887337494ff581c5168e37bc4d51.gif

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

Как вставить бегущую строку в Blogger (Blogspot)

  1. В редакторе сообщений открываем вкладку НTML и вставляем код. Вначале редактируем текст, потом добавляем код и сразу Публикуем. В визуальный редактор переходить не надо, слетят все настройки, результат смотрите на блоге.
  2. Панель инструментов > Дизайн > Добавить гаджет > HTML/JavaScript, добавляем код.
  3. Вставить гаджет в шапку над названием и описанием блога.

Как добавить бегущую строку в WordPress

В записи открываем Html редактор или вкладку «Текст» вставляем код бегущей строки и нажимаем «Опубликовать«. Редактировать статью только в этих вкладках, в визуальном редакторе настройки слетают и придется делать все сначала. Если изменения в статье сделать необходимо, заходим через Консоль > Все записи > Изменить. В такой последовательности открывается запись в html редакторе.

Добавляем бегущую строку в боковую колонку: Консоль > Внешний вид > Виджеты > Текст > Добавить виджет. Вставляем код и сохраняем.

Контроллер max7219

Контроллер max7219 представляет собой блок интерфейса обмена информацией и памяти на 64 ячейки для управления светодиодами. В памяти все данные хранится в виде двухмерного массива.

Передача информации осуществляется через SPI интерфейс. SPI — трехпроводной интерфейс для двусторонней передачи данных между устройствами. Более подробно о принципе работы этого интерфейса можно прочитать здесь.

Для взаимодействия контроллера с платой ардуино используется лишь три канала: DIN, CS, CLK.

К стандартным разъёмам платы контроллера можно подключить до четырёх таких led модулей, создав табло 8 х 32 точки. Для увеличения количества подключаемых сегментов можно собрать простейший мультиплексор, который будет переключать управляющие сигналы на нужный модуль. Таким образом возможно выводить информацию на десятки матриц. На этом принципе построена работа всех ЖК-дисплеев.

Для облегчения передачи потока данных в ардуино есть специальная библиотека LedControlMS.

Это видео примера работы библиотеки со светодиодным дисплеем:

Более подробно об управлении матрицей при помощи микроконтроллера можно прочитать по ссылке.

Что будем делать с полученным материалом:

Все темы данного раздела:

Запуск и завершение Ms Word Запуск и завершение Ms Word. Ссылка на MS Word обычно находится в пункте Главного меню Программы. На экран может поступить диалоговое окно, если в момент закрытия окна Word обнаружит, что внесенные

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

Сохранение документа в формате HTML Сохранение документа в формате HTML. Чтобы сохранить документ в формате HTML 1. открыть документ и выбрать команду Файл, Сохранить как. Появится диалоговое окно Сохранение документа. 2. Указать пап

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

Создание и изменение гиперссылок Создание и изменение гиперссылок. Гиперссылки могут использоваться в документах Word для перехода к разделам этого же документа или к другим документам, созданным в Word, Excel, Power Point, Access

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

Создание пустой Web-страницы Создание пустой Web-страницы. Чтобы создать пустую Web-страницу 1. Выбрать команду Файл, Создать. Появится область задач, в которой будет отображена панель Создание документа. 2. Щелкнуть по

Вставка и редактирование элементов Web-страниц Вставка и редактирование элементов Web-страниц. Чтобы Web-страница была не только информативной, но и красивой, ее нужно оформить. Кроме того, информация должна быть хорошо структурирована. В целом

Изменение фона Web-страницы Изменение фона Web-страницы. Выбрать команду Формат, Фон. Появится палитра цветов фона. 2. Выделить нужный цвет, щелкнув по нему. Можно воспользоваться дополнительными цветами фона 1. нажать кнопку

Форматирование символов текста Форматирование символов текста. При создании Web-страниц в Word используются те же средства форматирования текста, что и для документов Word. Например, можно присвоить тексту полужирное начертание

Создание маркированных и нумерованных списков Создание маркированных и нумерованных списков. Так же как и в стандартных документах Word, в Web-страницах можно создавать маркированные и нумерованные списки. Для изменения графического мар

Вставка рисунков Вставка рисунков. Установить точку вставки в то место Web-страницы, куда необходимо вставить рисунок. 2. Выбрать команду Вставка, Рисунок. Чтобы вставить рисунок из галереи Microsoft ClipArt, надо

Создание графических гиперссылок Создание графических гиперссылок. На многих Web-страницах рисунки используются в качестве гиперссылок на другие страницы и документы. Word позволяет создавать графические гиперссылки и включ

Интерфейс ввода информации для последующего вывода на светодиодную матрицу

Для того что бы менять выводимый текст на своё усмотрение потребуется устройство ввода информации.

Способы передачи информации на контроллер Arduino:

  • через клавиатуру с PS2 интерфейсом;
  • через программную клавиатуру;
  • через смартфон.

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

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

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

Рейтинг автора
5
Материал подготовил
Максим Иванов
Наш эксперт
Написано статей
129
Ссылка на основную публикацию
Похожие публикации