Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
products:laboratory_iot:exp63 [2020/06/19 12:21] – [Программный код эксперимента] labuser29products:laboratory_iot:exp63 [2024/12/06 22:08] (текущий) – labuser30
Строка 1: Строка 1:
-===== Эксперимент 63. RGB- ночник =====+===== Эксперимент 63. RGB-ночник =====
  
-В прошлом эксперименте мы уже сделали Wi-Fi RGB- ночник. Это светодиод яркостью и цветом которого можно управлять по Wi-Fi. Его можно использовать в качестве ночника. Но в нем есть один недостаток — нет наглядного выбора цвета. Для установки цвета нам нужно вводить три цифры, три яркости R, G и B. Заранее сложно предсказать какой цвет получится в результате ввода цифр. Также не понятно какие цифры нужно вводить, чтобы получить оранжевый, бирюзовый и другие цвета. +В прошлом эксперименте мы уже сделали Wi-Fi RGB-ночник. Это светодиод яркостью и цветом которого можно управлять по Wi-Fi. Его можно использовать в качестве ночника. Но в нем есть один недостаток — нет наглядного выбора цвета. Для установки цвета нам нужно вводить три цифры, три яркости R, G и B. Заранее сложно предсказать какой цвет получится в результате ввода цифр. Также не понятно какие цифры нужно вводить, чтобы получить оранжевый, бирюзовый и другие цвета. 
  
-Для упрощения выбора цветов в веб- формах есть специальные типы полей ввода. Например есть текстовые поля, есть кнопки, есть выпадающие списки. Есть и спецальное поле для ввода цвета с наглядной палитрой. Можно использовать этот элемент формы для ввода цвета и у нас. Единственная проблема — в HTML принято записывать цвет совсем не так, как мы его устанавливаем в своих программах.+Для упрощения выбора цветов в веб-формах есть специальные типы полей ввода. Например есть текстовые поля, есть кнопки, есть выпадающие списки. Есть и специальное поле для ввода цвета с наглядной палитрой. Можно использовать этот элемент формы для ввода цвета и у нас. Единственная проблема — в HTML принято записывать цвет совсем не так, как мы его устанавливаем в своих программах.
  
-Мы устанавливаем яркость светодиода с помошью сигнала ШИМ со значением от 0 до 1023. А в HTML цвет записывается с помощью 6 шестнадцатиричных символов и символа # перед ними. Например +Мы устанавливаем яркость светодиода с помощью сигнала ШИМ со значением от 0 до 1023. А в HTML цвет записывается с помощью 6 шестнадцатеричных символов и символа # перед ними. Например 
 {{ :products:esp-iot:2020-06-19_11-41-37.png?nolink |}} {{ :products:esp-iot:2020-06-19_11-41-37.png?nolink |}}
  
-Первые 2 символа отвечают за красный цвет, вторые два за зеленый и последние за синий цвет. Цвета могут принимать значения от 00 до FF. Это запись в шестнадцатиричной системе счисления чисел от 0 до 255.+Первые 2 символа отвечают за красный цвет, вторые два за зеленый и последние за синий цвет. Цвета могут принимать значения от 00 до FF. Это запись в шестнадцатеричной системе счисления чисел от 0 до 255.
  
 {{ :products:esp-iot:html_color.png?nolink |}} {{ :products:esp-iot:html_color.png?nolink |}}
Строка 108: Строка 108:
  
 <WRAP center round important 60%> <WRAP center round important 60%>
-Первым делом в коде программы нужно заменить ''Wi-Fi_Name'' на имя нужной ести, а ''Wi-Fi_Password'' на пароль от нее.+Первым делом в коде программы нужно заменить ''Wi-Fi_Name'' на имя нужной сети, а ''Wi-Fi_Password'' на пароль от нее.
 </WRAP> </WRAP>
  
Строка 123: Строка 123:
 </code> </code>
  
-Теперь в переменных r, g и b у нас находятся соответствующие цвета записанные строкой в шестнадцатиричной форме. Их нужно перевести в числа:+Теперь в переменных r, g и b у нас находятся соответствующие цвета записанные строкой в шестнадцатеричной форме. Их нужно перевести в числа:
  
 <code python[enable_line_numbers="2", start_line_numbers_at="38"]> <code python[enable_line_numbers="2", start_line_numbers_at="38"]>
Строка 138: Строка 138:
 </code> </code>
  
-Теперь мы имеем данные для управления ШИМ сигналом светодиода. Остается только не забыть, что светодиод с обним анодом, поэтому для получения нужного результата наши значения нужно вычесть из 1023.+Теперь мы имеем данные для управления ШИМ сигналом светодиода. Остается только не забыть, что светодиод с общим анодом, поэтому для получения нужного результата наши значения нужно вычесть из 1023.
 <code python[enable_line_numbers="2", start_line_numbers_at="46"]> <code python[enable_line_numbers="2", start_line_numbers_at="46"]>
         LedR.duty(1023-r)         LedR.duty(1023-r)