Espruino:Примеры/Подключение часов к Espruino Pico: различия между версиями
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 29: | Строка 29: | ||
Теперь скопируйте строчку ниже в правую часть [[Web IDE]] и нажмите на кнопку загрузки кода: | Теперь скопируйте строчку ниже в правую часть [[Web IDE]] и нажмите на кнопку загрузки кода: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
console.log((new Date()).toString()); | console.log((new Date()).toString()); | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 37: | Строка 37: | ||
Следующий шаг – это показать время на LCD-дисплее. Давайте возьмём за основу код из [https://www.espruino.com/Pico+LCD+Hello+World руководства «Печать надписи «Hello World!» на LCD-дисплее с помощью Espruino Pico»], но сделаем так, чтобы код обновлялся раз в секунду. | Следующий шаг – это показать время на LCD-дисплее. Давайте возьмём за основу код из [https://www.espruino.com/Pico+LCD+Hello+World руководства «Печать надписи «Hello World!» на LCD-дисплее с помощью Espruino Pico»], но сделаем так, чтобы код обновлялся раз в секунду. | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
A5.write(0); // GND | A5.write(0); // GND | ||
A7.write(1); // VCC | A7.write(1); // VCC | ||
Строка 68: | Строка 68: | ||
Было бы гораздо лучше, если бы цифры, обозначающие время, были больше всего остального. Это можно сделать при помощи функций класса [http://wikihandbk.com/wiki/Espruino:Справочник_по_API/Класс_Date Date], с помощью которых мы добудем необходимую информацию о времени, а также функции [[Graphics.setFontVector()]], с помощью которой мы и увеличим текст, обозначающий время. Поскольку время от времени ширина показываемого времени будет меняться (может быть ''1:11'', а может и ''10:00''), мы также можем воспользоваться функцией [[Graphics.stringWidth()]], чтобы понять, насколько широким получается текст, а затем соответствующим образом его расположить: | Было бы гораздо лучше, если бы цифры, обозначающие время, были больше всего остального. Это можно сделать при помощи функций класса [http://wikihandbk.com/wiki/Espruino:Справочник_по_API/Класс_Date Date], с помощью которых мы добудем необходимую информацию о времени, а также функции [[Graphics.setFontVector()]], с помощью которой мы и увеличим текст, обозначающий время. Поскольку время от времени ширина показываемого времени будет меняться (может быть ''1:11'', а может и ''10:00''), мы также можем воспользоваться функцией [[Graphics.stringWidth()]], чтобы понять, насколько широким получается текст, а затем соответствующим образом его расположить: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
A5.write(0); // GND | A5.write(0); // GND | ||
A7.write(1); // VCC | A7.write(1); // VCC |
Текущая версия от 06:53, 24 мая 2023
Подключение часов к Espruino Pico[1]
На большинстве Arduino для отслеживания времени приходится использовать внешний RTC-чип (от «real time clock», т.е. «часы реального времени»).
Но в Espruino Pico и Original он уже встроен. В качестве примера давайте создадим простые часы с использованием LCD-дисплея.
Нам понадобятся
Подсоединение
Подключается всё очень просто, потому что LCD-дисплей потребляет так мало, что его можно питать даже от GPIO-контактов Espruino. Просто поместите Espruino Pico на макетную плату (USB-коннектор должен быть направлен в левую сторону), а прямо над ней подключите к макетной плате LCD-дисплей (выровняв контакты дисплея по правому контакту Pico – так, чтобы самый левый контакт Pico не был ни к чему подключен). Для примера можете взглянуть на фото выше.
Код
Первый шаг – зайдите в настройки Web IDE (иконка с шестерёнкой справа вверху), выберите Communications, пролистайте вниз и поставьте галочку рядом с пунктом Set Current Time. Теперь при каждой загрузке кода Web IDE будет также автоматически подстраивать время в RTC-чипе.
Теперь скопируйте строчку ниже в правую часть Web IDE и нажмите на кнопку загрузки кода:
console.log((new Date()).toString());
В результате в левой части Web IDE будет показано текущее время (возможно, без учёта летнего времени).
Следующий шаг – это показать время на LCD-дисплее. Давайте возьмём за основу код из руководства «Печать надписи «Hello World!» на LCD-дисплее с помощью Espruino Pico», но сделаем так, чтобы код обновлялся раз в секунду.
A5.write(0); // GND
A7.write(1); // VCC
var g;
function draw() {
g.clear();
g.drawString((new Date()).toString(),0,0);
g.flip();
}
function onInit() {
clearInterval();
// Настраиваем SPI:
var spi = new SPI();
spi.setup({ sck:B1, mosi:B10 });
// Инициализируем LCD-дисплей:
g = require("PCD8544").connect(spi,B13,B14,B15, function() {
// После инициализации анимация будет обновляться раз в секунду:
setInterval(draw, 1000);
});
}
onInit();
Хотя этот код показывает время, оно пока просто вмещается в экран, и весь текст выполнен в одном маленьком шрифте.
Было бы гораздо лучше, если бы цифры, обозначающие время, были больше всего остального. Это можно сделать при помощи функций класса Date, с помощью которых мы добудем необходимую информацию о времени, а также функции Graphics.setFontVector(), с помощью которой мы и увеличим текст, обозначающий время. Поскольку время от времени ширина показываемого времени будет меняться (может быть 1:11, а может и 10:00), мы также можем воспользоваться функцией Graphics.stringWidth(), чтобы понять, насколько широким получается текст, а затем соответствующим образом его расположить:
A5.write(0); // GND
A7.write(1); // VCC
var g;
var MONTHS = [
"Jan","Feb","Mar","Apr","May","Jun",
"Jul","Aug","Sep","Oct","Nov","Dec"
];
function draw() {
g.clear();
var t = new Date();
var date = t.getDate()+" "+MONTHS[t.getMonth()]+" "+t.getFullYear();
var time = t.getHours()+":" +
("0"+t.getMinutes()).substr(-2);
var secs = ("0"+t.getSeconds()).substr(-2);
// Дата слева вверху:
g.setFontBitmap();
g.drawString(date,0,0);
// Время посередине:
g.setFontVector(20);
var timeWidth = g.stringWidth(time);
g.drawString(time,(g.getWidth()-timeWidth-12)/2,10);
// Секунды справа:
g.setFontBitmap();
g.drawString(secs,(g.getWidth()+timeWidth-8)/2,26);
// Отправляем на LCD-дисплей:
g.flip();
}
function onInit() {
clearInterval();
// Настраиваем SPI:
var spi = new SPI();
spi.setup({ sck:B1, mosi:B10 });
// Инициализируем LCD-дисплей:
g = require("PCD8544").connect(spi,B13,B14,B15, function() {
// После инициализации анимация будет обновляться раз в секунду:
setInterval(draw, 1000);
});
}
onInit();
И теперь, если отправить этот код на Espruino, смотреть на показываемое время будет гораздо приятнее. Теперь можно напечатать save(), чтобы сохранить код в долговременную память Espruino – после этого с каждым запуском Espruino будут также запускаться и эти часы.
См.также
Внешние ссылки