本文通过STM32接入机智云,再调用机智云WebSocket,实现了在原有系统上添加添加别踩白块的物联网游戏功能。
得到的效果就是在网页上JavaScript 别踩白块游戏显示数据通过WebSocket发送到机智云控制平台,然后机智云下发到STM32,实现网页游戏显示与STM32显示同步。
实现效果如下:
演示地址:
http://player.youku.com/embed/XMzcyMzU0NjE0OA==
2.1 编写STM32硬件程序
在机智云的协议头文件修改自己的设备信息,这在在机智云创建设备后获取到添加别踩白块数据的宏定义,在这我是使用两个uint8_t类型数据来传输,因为显示的白块位置共16个,原本打算用uint16_t传输的,但是需要修改整套的机智云上传包格式,所以我就直接拆分两段数据传输,宏定义是为了方便后面编程使用:机智云数据包获取后的事件响应函数添加:
2.2 网页别踩白块js与机智云websocket实现
具体的实现就是直接使用机智云提供的websocket的Demo添加上别踩白块的JS代码,实际的代码量有点大,这里不详细解说,后续会在文末给出整套代码。
2.3 在机智云部署产品
首先就是在机智云创建一个自己的产品,以此来获取 Product Key,这个是机智云硬件的入网密匙。
2.4 配置网页控制信息
用网页控制接入到机智云的设备仍需要许多步骤,因为要保证设备安全,就必须实现用户与设备绑定,绑定需要获取响应的密令。具体的用户与设备绑定参考机智云官方的资料:http://docs.gizwits.com/zh-cn/UserManual/UseWebsocket.html
2.5 websocke连接设备
2.6 测试物联网别踩白块游戏
如果有人想要用其他的STM32实现如此效果,就必须配置好机智云连接,我是直接使用烧录好机智云固件的ESP8266来实现的。https://download.csdn.net/download/vitcou/10541825相关推荐:
◆科普|为什么说中低速应用场景要选Cat.1
◆开发者案例|GC211实现MCU开发和OTA升级
◆开发案例|家用热水器智能化改造记
◆开发者案例|老年人饮水状况监测系统
◆如何在线创建一个智慧网关,实现多品牌不同协议的互联互通
威廉希尔官方网站
交流:
◆ 机智云开发者社区:club.gizwits.comhttp://shop159680395.taobao.com/index.htm
原文标题:调用机智云API,实现网页控制物联网别踩白块游戏在STM32上同步显示
文章出处:【微信公众号:机智云开发者】欢迎添加关注!文章转载请注明出处。
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。
举报投诉
原文标题:调用机智云API,实现网页控制物联网别踩白块游戏在STM32上同步显示
文章出处:【微信号:IoTMaker,微信公众号:机智云开发者】欢迎添加关注!文章转载请注明出处。
相关推荐
机智云历史数据导出与排查指南在使用机智云平台进行设备管理和数据监控时,历史数据的导出和排查是常见的需求。
发表于 11-21 01:01
•152次阅读
目录一、机智云介绍二、固件下载三、项目例程下载四、代码移植五、代码编写准备(已配置完毕,正式开始编写代码)六、设备配对与连接七、NTP(网络时间协议)实现八、网盘资料链接机智
发表于 11-19 01:01
•304次阅读
API驱动的云服务是指利用API威廉希尔官方网站
来驱动和提供云服务的模式。在这种模式下,云服务提供商会公开一系列的A
发表于 11-14 10:06
•192次阅读
使用API Post测试阿里云物联网平台动态注册
发表于 10-05 19:08
•288次阅读
在现代智能家居管理中,机智云平台为用户提供了便捷的设备控制方式。通过电脑网页,用户可以利用WebSocketAPI
发表于 09-22 08:02
•234次阅读
前言最近我拿到了STM32L496AGMCU,发现其扩展版可以连接ESP-01S。我想尝试将开发板连接到我们的机智云上,并根据机智
发表于 09-20 08:05
•417次阅读
云中主要用于实现物联网设备的联网功能。它通过Wi-Fi连接到互联网,使设备能够与机智
发表于 09-12 08:04
•386次阅读
STM32项目分享:智能家居(机智云)系统
发表于 07-28 08:10
•1940次阅读
WiFi传输实现信息交互,并在机智云物联网平台实现实时监测和远程操控。种植者可远程监测土壤温湿度
发表于 05-15 08:10
•1381次阅读
点传输,也可以将它们组合成一个字符串后传输。例如,经度和纬度可以以逗号分隔的形式传输,如"40.7128,-74.0060"。机智云物联网平台接下来,
发表于 05-09 08:10
•399次阅读
一款基于机械传动、嵌入式系统和物联网威廉希尔官方网站
的智能垃圾回收箱及控制系统。结合功能需求设计了结构方案,包括尺寸、开关门、防夹手机和称重结构等;选型硬件包括主控制器、电源、称重检测、
发表于 04-09 17:25
、开关、照明、插座、门窗等,提供健康、舒适、安全、便利的生活方式。这反映了物联网智能家居是未来发展趋势,但也需要向物联网智能家居转型。
1.2 设计方案
采用
发表于 03-29 12:35
摘要:为了提高门锁的安全性,基于STM32和机智云设计了一款新型智能门锁。该系统主要由STM32 主控制模块、数据存储器单元、矩阵键盘单元、
发表于 03-26 17:02
•669次阅读
关键词:智能门锁、STM32、机智云、APP目录1、功能实现2、软、硬件系统设计3、系统调试4、结论1功能实现本系统基于
发表于 03-23 08:09
•1774次阅读
本文设计了基于物联网的PCR温度控制系统,能够实现快速、准确的温度控制。通过将检测设备端接入机智
发表于 03-07 08:09
•781次阅读
评论