调用机智云API,实现网页控制物联网别踩白块游戏在STM32上同步显示

本文通过stm32接入机智云,再调用机智云websocket,实现了在原有系统上添加添加别踩白块的物联网游戏功能。
得到的效果就是在网页上javascript 别踩白块游戏显示数据通过websocket发送到机智云控制平台,然后机智云下发到stm32,实现网页游戏显示与stm32显示同步。
实现效果如下:
1、软硬件准备
smarkit - esp stm32核心板esp8266(已烧录gagent固件)0.96寸的oled显示屏(四针,iic通信)机智云开发者中心(注册账号)机智云websocket demo 别踩白块游戏js2、开发步骤
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 测试物联网别踩白块游戏
3、工程整套源代码如果有人想要用其他的stm32实现如此效果,就必须配置好机智云连接,我是直接使用烧录好机智云固件的esp8266来实现的。

乐筑智慧工地推动建筑行业信息化管理
微步进电机真的那么好吗?
浅析硅碳负极材料在锂离子电池中的应用
集成智能第2部分:电机启动开环加速
2023网络与边缘产业高层峰会:英特尔携行业伙伴解锁网络与边缘无限潜能
调用机智云API,实现网页控制物联网别踩白块游戏在STM32上同步显示
基于数字PLL和DSP的调频FM发射器架构研究
pipeline高端玩法—haltIt介绍(九)
工业物联网解决方案:精梳机远程云组态监控平台
基于人工智能视觉问答技术的人机协作数字孪生模型仿真方案
如何延长温度补偿衰减器使用寿命
来自两会的新基建声音
奥比中光旗下公司新拓三维发布国内首台管件光学3D检测设备
低噪声四通道吉他混音电路
电量计算公式多少度电 电量和度数怎么换算
基于电流测试的混合电路故障诊断
力邀Nvidia老将加盟,三星GPU的目标不止手机
BP3187EB 是一款高精度的两绕组、低PF原边反馈恒流驱动器
温度代码迁移
纪念版锐龙72700X日本上架 售价约合人民币2470元