电子发烧友网>电子资料下载>电子资料>使用Python和JQWidgets控制Adafruit NeoPixels

使用Python和JQWidgets控制Adafruit NeoPixels

2513685 2022-11-10 | zip | 0.56 MB | 次下载 | 免费

资料介绍

描述

使用 Python 和 JQWidgets 控制 Neopixels

低功耗无线标准与低成本和超小型 LED 相结合，使智能照明解决方案成为物联网和家庭自动化?的催化剂。

在本教程中，我们将了解如何使用Python和JQWidgets通过移动设备控制 Adafruit NeoPixel环。特别是，我们将看到如何使用Zerynth Studio?在 Python 中对基于微控制器的板进行编程，以及如何使用?Zerynth App?运行基于 JQWidget 的 GUI。

为什么使用 Zerynth App 来远程控制 Neopixels

如果您错过了?如何使用 Zerynth 制作漂亮的 IoT 仪表板的教程，? Zerynth 应用程序?是一个移动应用程序，可以??为您的?IoT 项目快速制作图形界面原型?。?通过 Zerynth 应用程序，您可以使用?HTML 、? CSS?和?JavaScript运行漂亮的响应式图形用户界面。无需 Android 或 iOS 代码！

特别是，Zerynth 应用程序支持Zerynth 供电设备和您的移动设备之间的双向通信通道。我们已经了解了如何从 Zerynth 驱动的设备发送数据并将 Zerynth 应用程序用作远程显示器。?您可以将本教程视为同一枚硬币的另一面：我们将了解如何通过用作遥控器的 Zerynth 应用程序控制您的设备。

开始吧！

所需材料

首先，你需要一块板子。您可以选择?Zerynth 支持的 32 位微控制器设备之一。我们选择了Particle Photon ，这是一款非常流行的支持 Wi-Fi 的开发板，用于创建 IoT 项目。

您还需要一个Adafruit Neopixel 环（或条带）和一个面包板。

最后但并非最不重要的一点是，您需要：

Zerynth Studio是我们强大的 IDE，用于支持物联网的 Python 嵌入式编程。你可以?在这里下载。

Zerynth 应用程序。你可以?在这里下载。

组装

只需将 USB 供电的 Particle Photon 放在面包板上并将其连接到 Neopixel 环，如下所示：

Neopixel +5V 至 Particle Photon 的 Vin 引脚

Neopixel GND 到 Particle Photon 的 GND 引脚

Neopixel“数据输入”引脚到粒子光子的数字引脚

如果您想使用更多 Neopixels 或者您想以不同的方式为系统供电，请注意您可以在此处找到的信息：?基本连接、?最佳实践、?为 NeoPixels 供电。

编程

安装 Zerynth Studio?并?创建 Zerynth 用户后，您?必须注册并虚拟化开发板。查看Particle Photon 的 Zerynth 官方文档以快速入门。

现在您可以开始用?Python对您的电路板进行编程了！

创建一个新项目?并编辑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)

当然，您必须编辑您要连接板子的wifi网络的SSID名称和密码。

此外，您必须创建一个“已连接设备”并将“zerynthapp”实例链接到它。然后您必须创建模板并将其链接到项目。请查看本教程的“创建和设置连接的设备”和“创建、上传和设置模板”步骤以?了解更多详细信息。

index.html文件应如下所示：

<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>