KeyAnyPress

KeyAnyPress

пикабушник
пол: мужской
поставил 14668 плюсов и 11938 минусов
отредактировал 8 постов
проголосовал за 8 редактирований
14К рейтинг 98 подписчиков 3664 комментария 36 постов 13 в "горячем"
58

ESP8266 на девборде NodeMCU v3 и прошивка интерпретатора JS Espruino.

Доброго всем времени суток. Вчера мне пришел девборд NodeMCU v3 с 4мб флеш памяти от китайского продавана (ссылка будет в конце поста). Предустановленный на данный девборд интерпретатор LUA меня совсем не устраивал и я решил поставить интерпретатор JS Espruino.

ESP8266 на девборде NodeMCU v3 и прошивка интерпретатора JS Espruino. Esp8266, Arduino, Espruino, JavaScript, Интерпретатор, Работает, Гифка, Длиннопост

Сначала пройдемся немного по характеристикам самого NodeMcu v3.

поддержка WiFi протоколов 802.11 b/g/n

Wi-Fi Direct (P2P), soft-AP

встроенный стек TCP/IP

встроенный TR переключатель, balun, LNA, усилитель мощности и соответствие сети

встроенный PLL, регуляторы, и система управления питанием

выходная мощность +20.5 дБм в режиме 802.11b

поддержка диверсити антенн

SDIO 2.0, SPI, UART

STBC, 1×1 MIMO, 2×1 MIMO

A-MPDU & A-MSDU aggregation & 0.4μs guard interval

4 мегабайта Flash памяти

пробуждение и отправка пакетов за время до 22 мс

Номинальное напряжение: 3,3 В

Входное напряжение: 3,7–20 В

Максимальный потребляемый ток: 220 мА


Модуль имеет 11 портов ввода-вывода общего назначения.

Некоторые из портов имеют дополнительные функции:

D9, D10 — UART

D1, D2 — I²C/TWI

D5–D8 — SPI

D1–D10 — выходы с ШИМ (PWM)

A0 — аналоговый вход с АЦП


Размеры платы 58х32мм.


А теперь перейдем к черной магии, т.е. к прошивке Espruino.

ESP8266 на девборде NodeMCU v3 и прошивка интерпретатора JS Espruino. Esp8266, Arduino, Espruino, JavaScript, Интерпретатор, Работает, Гифка, Длиннопост

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

Git - https://git-scm.com/download/win/

Python 2.7 - https://www.python.org/downloads/windows/

При установке Python не забудьте поставить галочку "Add python.exe to PATH"

Поискать свежую прошивку под нашу ESP8266 в ветке форума от юзера с ником tve - http://forum.espruino.com/conversations/279176/ (на данный момент самая свежая это 1v86 прошивка).

Советую положить распакованную папку с прошивкой на рабочий стол и переименовать ее например в espruino.


Подготовительная работа закончена. Начинаем работать с терминалом (при условии что Git и Питон вы уже установили). Все команды для терминала под Windows.


> cd desktop

> git clone https://github.com/pyserial/pyserial

> cd pyserial

> python setup.py install


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


> cd ../

> git clone https://github.com/themadinventor/esptool

> cd esptool

> python setup.py install


Качаем esptool на рабочий стол, заходим и запускаем сетап.


Далее заходим в Диспетчер устройств и находим на каком COM порте у нас висит устройство. В моем случае это COM5.

ESP8266 на девборде NodeMCU v3 и прошивка интерпретатора JS Espruino. Esp8266, Arduino, Espruino, JavaScript, Интерпретатор, Работает, Гифка, Длиннопост

Порт мы узнали значит пришло время прошить девборд.


Заходим в папку с прошивкой из терминала


> cd espruino


И прежде чем шить очистим флеш память устройства от старой прошивки. И затем уже прошить!


> python "../esptool/esptool.py" --port COM5 erase_flash

> python "../esptool/esptool.py" --port COM5 --baud 115200 write_flash --flash_freq 80m --flash_mode qio --flash_size 32m 0x0000 boot_v1.5.bin 0x1000 espruino_esp8266_user1.bin 0x3FC000 esp_init_data_default.bin 0x3FE000 blank.bin


Не забудьте указать свой ком порт для устройства и версию бутлоадера из папки с прошивкой (в данном случае boot_v1.5.bin)!!!


После последней команды консоль будет некоторое время работать (если все правильно конечно) и отвечать примерно следующее:


Connecting...

Erasing flash...

Wrote 3072 bytes at 0x00000000 in 0.3 seconds (79.8 kbit/s)...

Erasing flash...

Wrote 438272 bytes at 0x00001000 in 43.4 seconds (80.7 kbit/s)...

Erasing flash...

Wrote 1024 bytes at 0x003fc000 in 0.1 seconds (83.6 kbit/s)...

Erasing flash...

Wrote 4096 bytes at 0x003fe000 in 0.4 seconds (83.4 kbit/s)...

Leaving...


Если все так то у вас прошит интерпретатор JS! Поздравляю! Можно запилить первый скетч.


Для этого нам понадобится Espruino Web IDE для Хрома - https://chrome.google.com/webstore/detail/espruino-web-ide/b...


Открываем IDE и коннектимся к нашему девборду.

ESP8266 на девборде NodeMCU v3 и прошивка интерпретатора JS Espruino. Esp8266, Arduino, Espruino, JavaScript, Интерпретатор, Работает, Гифка, Длиннопост
ESP8266 на девборде NodeMCU v3 и прошивка интерпретатора JS Espruino. Esp8266, Arduino, Espruino, JavaScript, Интерпретатор, Работает, Гифка, Длиннопост

Пишем простенький блинк в правой части IDE.


var on = false;

setInterval(function() {

digitalWrite(D2,on = !on);

}, 500);


И прошиваем все это дело в энергозависимую память.

ESP8266 на девборде NodeMCU v3 и прошивка интерпретатора JS Espruino. Esp8266, Arduino, Espruino, JavaScript, Интерпретатор, Работает, Гифка, Длиннопост

Если все сделано правильно то светодиод синего цвета на плате будет включаться/выключаться с периодичностью раз в 500мс.

ESP8266 на девборде NodeMCU v3 и прошивка интерпретатора JS Espruino. Esp8266, Arduino, Espruino, JavaScript, Интерпретатор, Работает, Гифка, Длиннопост

Более подробно ознакомится с интерпретатором можно тут - http://www.espruino.com/Reference


C самим языком и правилами хорошего тона можно познакомиться на старом добром ресурсе - http://javascript.ru/


А купить NodeMCU v3 всего за 2.8$ можно по этой ссылке - http://ru.aliexpress.com/item/V3-Wireless-module-NodeMcu-4M-...


Всем удачных компиляций и быстрых доставок с али!


З.Ы. Будет комплект постов про этот девайс и сборку одного подарка на его основе.


Подписывайтесь на "Сообщество Arduino" на Пикабу. Вас ждет масса интересной, полезной и познавательной информации. http://pikabu.ru/community/arduino

Показать полностью 6
-3

Опасное соседство...

Ждал маршрутку и мой взгляд уткнулся на торговый павильон с такими интересными соседними организациями.

Опасное соседство... 88005553535, Коллекторы, Секс-Шоп, Тандем

Очень надеюсь что они не работают в тандеме и немного боюсь за должников фирмы **** Деньги :)

208

Спасибо за предупреждение!)

Ходили сегодня в музей современного искусства Erarta в славном городе Питере... На одном из этажей увидели информационный плакат с предостережением... По моему этот художник знает что-то...

Спасибо за предупреждение!) Эрарта, Erarta, Доктор Кто, Ангел, Опасность, Предупреждение, Не моргай!

Надпись на плакате "Среди городской скульптуры Петербурга чаще всего встречаются ангелы".


Прощу прощения за шакалов, фоткал на раму от картины.


З.Ы. На свой страх и риск выкладываю изображение ангела!

11

Изменение непокорных стилей сайтов.

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

Изменение непокорных стилей сайтов. Css, Htmlcss, HTML, Длиннопост, Сайт, Полезное

Для начала оговорюсь. Этот способ работает для популярного сегодня Хрома и Хромиума (Яндекс Браузер и прочие Хромоподобные браузеры должны поддерживать). Для Файерфокса есть плагин Stylish и импорт из Хрома, для Оперы возможно есть схожие по функционалу плагины.


Итак приступим.

Первое что нужно сделать это установить плагин Stylish из вебстора Гугла.


https://chrome.google.com/webstore/category/extensions - сам Вебстор.

https://chrome.google.com/webstore/detail/stylish/fjnbnpbmke... - Stylish плагин.


Второе что нужно уметь - пользоваться встроенным отладчиком Хрома.

Вызывается это чудо достаточно просто Ctrl+Shift+I ( палка с точкой :) ) или из меню Хрома Меню->Дополнительные инструменты->Инструменты разработчика.


В данном случае можно обойтись без знаний CSS и HTML но со знаниями быстрей и проще.


Приступим к ваянию на примере Пикабу.


Самая частая проблема это смена бекграунда (задника) сайта. Кому-то не нравятся однотонные бекграунды, кому-то цвет, кому-то наоборот пестрит от обилия элементов на заднике, отвлекают от восприятия материала.


1) Устанавливаем Stylish и создаем в нем новый профиль( 1 на картинке). Далее заполняем имя профиля ( 2 на картинке ) и пока оставляем поле для кода пустым ( 3 на картинке )

Изменение непокорных стилей сайтов. Css, Htmlcss, HTML, Длиннопост, Сайт, Полезное
Изменение непокорных стилей сайтов. Css, Htmlcss, HTML, Длиннопост, Сайт, Полезное

2) Открываем отладчик. (кстати это можно сделать еще и третьим способом. Нажимаете правую кнопку мыши и выбираете пункт Просмотреть код )

3) Выбираете нужный для редактирования элемент. В нашем случае для смены задника понадобится тег <body>. Это открывающий тег контентной части сайта. Находится тег в самом верху.

Изменение непокорных стилей сайтов. Css, Htmlcss, HTML, Длиннопост, Сайт, Полезное

Как вы видите в отладчике 2 части. Слева код страницы а справа стили относящиеся к выделенному тегу. Самый первый блок в правой части отладчика говорит нам что цвет установлен как белый.


element.style {

background-color: white;

}


Вы можете просто скопировать этот блок и вставить в поле для кода в редакторе плагина Stylish (рисунок 2. указатель 3) и просто сменить element.style в этом блоке на то что нам нужно а именно body. После чего выходит : 


body {

background-color: white;

}


Для подбора цвета вы можете воспользоваться сервисом http://getcolor.ru/ . Просто и функционально. Ничего лишнего. К примеру вам нравится черный но не прям черный-черный и чуть посветлей. Дергаете ползунки и получаете цвет #222222. 

"И куда его пхать?" - спросите вы. А все просто. Заменяем этим цветом white в блоке стиля и выходит следующее.


body {

background-color: #222222;

}


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


body {

background-color: #222222 !important;

}


Поздравляю. Вы сделали первый шаг на пути к изменению непокорных стилей на сайтах.

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


Если вам, уважаемые Пикабушники, было интересно напишите в комментариях что вы хотели бы увидеть в следующем посте про смену стилей (на примере Пикабу естественно).


С Вами был Старина Эникейшик. 

Всем добра, чистого кода и котиков.

Показать полностью 3
2

Господа Пикабушники. Что вам интересней?

Есть желание запилить длиннопост.


Есть два варианта действий.

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

Или пилить пост про то, как обезопасить себя при интернет покупках и веб серфинге.


Подскажите Пикабушники, что вам будет интересней?


Всем добра и малышей Далеков.

Господа Пикабушники. Что вам интересней? Длиннопост, Css, HTML, Web
20

Хоть в этот раз мы попадем на Доктора Кто в кино.

Привет Пикабу.


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


Наконец нам с девушкой посчастливится сходить на спешал в кинотеатр.

Хоть в этот раз мы попадем на Доктора Кто в кино. Доктор Кто, Рождество, Ривер Сонг, Счастье, Звуковая отвертка

Всем добра!

Хоть в этот раз мы попадем на Доктора Кто в кино. Доктор Кто, Рождество, Ривер Сонг, Счастье, Звуковая отвертка
Показать полностью 1

Мы ищем frontend-разработчика

Мы ищем frontend-разработчика

Привет!)


Мы открываем новую вакансию на позицию frontend-разработчика!

Как и в прошлые разы для backend-разработчиков (раз, два), мы предлагаем небольшую игру, где вам необходимо при помощи знаний JS, CSS и HTML пройти ряд испытаний!


Зачем всё это?

Каждый день на Пикабу заходит 2,5 млн человек, появляется около 2500 постов и 95 000 комментариев. Наша цель – делать самое уютное и удобное сообщество. Мы хотим регулярно радовать пользователей новыми функциями, не задерживать обещанные обновления и вовремя отлавливать баги.


Что надо делать?

Например, реализовывать новые фичи (как эти) и улучшать инструменты для работы внутри Пикабу. Не бояться рутины и командной работы (по чатам!).


Вам необходимо знать современные JS, CSS и HTML, уметь писать быстрый и безопасный код ;) Хотя бы немножко знать о Less, Sass, webpack, gulp, npm, Web APIs, jsDoc, git и др.


Какие у вас условия?

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


Ну как, интересно? Тогда пробуйте ваши силы по ссылке :)

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

Удачи вам! ;)

Показать полностью
Отличная работа, все прочитано!