電子發(fā)燒友網(wǎng)>電子資料下載>電子資料>使用Python和JQWidgets控制Adafruit NeoPixels

使用Python和JQWidgets控制Adafruit NeoPixels

2513685 2022-11-10 | zip | 0.56 MB | 次下載 | 免費(fèi)

資料介紹

描述

使用 Python 和 JQWidgets 控制 Neopixels

低功耗無(wú)線標(biāo)準(zhǔn)與低成本和超小型 LED 相結(jié)合，使智能照明解決方案成為物聯(lián)網(wǎng)和家庭自動(dòng)化?的催化劑。

在本教程中，我們將了解如何使用Python和JQWidgets通過(guò)移動(dòng)設(shè)備控制 Adafruit NeoPixel環(huán)。特別是，我們將看到如何使用Zerynth Studio?在 Python 中對(duì)基于微控制器的板進(jìn)行編程，以及如何使用?Zerynth App?運(yùn)行基于 JQWidget 的 GUI。

為什么使用 Zerynth App 來(lái)遠(yuǎn)程控制 Neopixels

如果您錯(cuò)過(guò)了?如何使用 Zerynth 制作漂亮的 IoT 儀表板的教程，? Zerynth 應(yīng)用程序?是一個(gè)移動(dòng)應(yīng)用程序，可以??為您的?IoT 項(xiàng)目快速制作圖形界面原型?。?通過(guò) Zerynth 應(yīng)用程序，您可以使用?HTML 、? CSS?和?JavaScript運(yùn)行漂亮的響應(yīng)式圖形用戶界面。無(wú)需 Android 或 iOS 代碼！

特別是，Zerynth 應(yīng)用程序支持Zerynth 供電設(shè)備和您的移動(dòng)設(shè)備之間的雙向通信通道。我們已經(jīng)了解了如何從 Zerynth 驅(qū)動(dòng)的設(shè)備發(fā)送數(shù)據(jù)并將 Zerynth 應(yīng)用程序用作遠(yuǎn)程顯示器。?您可以將本教程視為同一枚硬幣的另一面：我們將了解如何通過(guò)用作遙控器的 Zerynth 應(yīng)用程序控制您的設(shè)備。

開(kāi)始吧！

所需材料

首先，你需要一塊板子。您可以選擇?Zerynth 支持的 32 位微控制器設(shè)備之一。我們選擇了Particle Photon ，這是一款非常流行的支持 Wi-Fi 的開(kāi)發(fā)板，用于創(chuàng)建 IoT 項(xiàng)目。

您還需要一個(gè)Adafruit Neopixel 環(huán)（或條帶）和一個(gè)面包板。

最后但并非最不重要的一點(diǎn)是，您需要：

Zerynth Studio是我們強(qiáng)大的 IDE，用于支持物聯(lián)網(wǎng)的 Python 嵌入式編程。你可以?在這里下載。

Zerynth 應(yīng)用程序。你可以?在這里下載。

組裝

只需將 USB 供電的 Particle Photon 放在面包板上并將其連接到 Neopixel 環(huán)，如下所示：

Neopixel +5V 至 Particle Photon 的 Vin 引腳

Neopixel GND 到 Particle Photon 的 GND 引腳

Neopixel“數(shù)據(jù)輸入”引腳到粒子光子的數(shù)字引腳

如果您想使用更多 Neopixels 或者您想以不同的方式為系統(tǒng)供電，請(qǐng)注意您可以在此處找到的信息：?基本連接、?最佳實(shí)踐、?為 NeoPixels 供電。

編程

安裝 Zerynth Studio?并?創(chuàng)建 Zerynth 用戶后，您?必須注冊(cè)并虛擬化開(kāi)發(fā)板。查看Particle Photon 的 Zerynth 官方文檔以快速入門。

現(xiàn)在您可以開(kāi)始用?Python對(duì)您的電路板進(jìn)行編程了！

創(chuàng)建一個(gè)新項(xiàng)目?并編輯main.py文件如下：

# Neopixel via Zerynth App
?
from wireless import wifi
# change the following line to use a different wifi driver
from broadcom.bcm43362 import bcm43362 as wifi_driver
?
from zerynthapp import zerynthapp
?
from adafruit.neopixel import ledstrips as neo
?
import streams
?
streams.serial()
?
num_leds = 16???????????????????? # adjust this to match the number of LEDs on your strip
led_pin = A5??????????????????????# this should match the data pin of the LED strip
?
leds = neo.LedStrip(led_pin, num_leds) # create a new Neopixel strip composed of??LEDs and connected to pin led_pin
?
leds.clear()
r = 72
g = 108
b = 108
leds.setall(r, g, b) 
?
sleep(1000)
print("STARTING...")
?
try:
????# Device UID and TOKEN can be created in the ADM panel
????zapp = zerynthapp.ZerynthApp("DEVICE UID", "DEVICE TOKEN")
????# connect to the wifi network (Set your SSID and password below)
????wifi_driver.auto_init()
????
?
????for i in range(0,5):
????????try:
????????????wifi.link("SSID",wifi.WIFI_WPA2,"PASSWORD")
????????????break
????????except Exception as e:
????????????print("Can't link",e)
????else:
????????print("Impossible to link!")
????????while True:
????????????sleep(1000)
?
????# Start the Zerynth app instance! 
????# Remember to create a template (index.html), 
????# upload it to the Zerynth ADM and associate it with the connected device
????zapp.run()
????
????def set_color(rr, gg, bb):
????????global r, g, b
????????r = rr
????????g = gg
????????b = bb
????????leds.setall(r, g, b) # set the color of LEDs
????
????# link "set_color" to the function set_color
????zapp.on("set_color", set_color)
????
????
????while True:
????????leds.on()?????? # refresh the LEDs color
????????print('r = %i, g = %i, b = %i' % (r, g, b))
????????print("..")
????????sleep(50)?? 
?
except Exception as e:
????print(e)

當(dāng)然，您必須編輯您要連接板子的wifi網(wǎng)絡(luò)的SSID名稱和密碼。

此外，您必須創(chuàng)建一個(gè)“已連接設(shè)備”并將“zerynthapp”實(shí)例鏈接到它。然后您必須創(chuàng)建模板并將其鏈接到項(xiàng)目。請(qǐng)查看本教程的“創(chuàng)建和設(shè)置連接的設(shè)備”和“創(chuàng)建、上傳和設(shè)置模板”步驟以?了解更多詳細(xì)信息。

index.html文件應(yīng)如下所示：

<html>
????<head>
????????<meta charset="utf-8">
????????<meta http-equiv="X-UA-Compatible" content="IE=edge">
????????<meta name="viewport" content="width=device-width, initial-scale=1">
????????
????????<title>Zerynthtitle>
????????
????????<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">script>
????????<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
????????<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
????????<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">script>
????????
????????<script src="https://api.zerynth.com/zadm/latest/z.js">script> 
????????
????????<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
????????<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js">script>
????????<script type="text/javascript" src="https://www.jqwidgets.com/public/jqwidgets/jqxcore.js">script>
????head>????????
????<body>
????????<div style="text-align:center">
????????????<p id="status" style="background:#ddd;font-weight:bold">p>
????????????<h1>Color Pickerh1>
????????div>
????????<div id="colorPicker" style="position: relative; margin: auto;">div>
????????<script>
????????????
???????????? $(document).ready(function() {
???????????????? 
???????????????? 
????????????????$("#colorPicker").jqxColorPicker({
????????????????????width: 300,
????????????????????height: 300,
?????????????????? colorMode: 'saturation'
????????????????});
????????????????
????????????????$('#colorPicker').bind('colorchange', function (event)
????????????????{ 
????????????????var color = $("#colorPicker").jqxColorPicker('getColor');
????????????????????var hex = color.hex;
????????????????????var rgb = color.r + "," + color.g + "," + color.b;
????????????????????Z.call('set_color', [color.r, color.g, color.b]); 
????????????????});
????????????????
????????????????// initialize the Z object
????????????????Z.init({
????????????????????on_connected:??function(){$("#status").html("CONNECTED")},
????????????????????on_error:??function(){$("#status").html("ERROR")},
????????????????????on_disconnected:??function(){$("#status").html("DISCONNECTED"); return true},
????????????????????on_online:??function(evt){$("#status").html("ONLINE");},
????????????????????on_offline:??function(evt){$("#status").html("OFFLINE");},
????????????????????on_event:??function(evt){
????????????????????????//display received event; 
????????????????????}
??????????????????})
????????????});
???????? 
????????script>
????????
????body>
html>

此時(shí)，您可以?將腳本上傳到您的設(shè)備。

最后，正如您在?這個(gè)非常簡(jiǎn)短的教程中所讀到的，您只需打開(kāi) Zerynth 應(yīng)用程序，登錄并選擇特定設(shè)備即可查看您的 GUI。

Zerynth Stack 的一個(gè)獨(dú)特功能是 Web 2.0 技術(shù)與連接設(shè)備的集成。通過(guò)將設(shè)備鏈接到模板（可以像單個(gè)靜態(tài)網(wǎng)頁(yè)一樣簡(jiǎn)單，也可以像響應(yīng)式網(wǎng)站一樣復(fù)雜），可以在 Zerynth 應(yīng)用程序或單擊眼睛圖標(biāo)的臺(tái)式計(jì)算機(jī)上遠(yuǎn)程監(jiān)控和控制設(shè)備如您在此處看到的，在設(shè)備名稱的右側(cè)。