0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

机智云 2022-11-24 10:09 次阅读

本文通过STM32接入机智云,再调用机智云WebSocket,实现了在原有系统上添加添加别踩白块的物联网游戏功能。

得到的效果就是在网页上JavaScript 别踩白块游戏显示数据通过WebSocket发送到机智云控制平台,然后机智云下发到STM32,实现网页游戏显示与STM32显示同步。

实现效果如下:

933b5ea4-6b1a-11ed-b116-dac502259ad0.png

1、软硬件准备

  • SmarKit - ESP STM32核心板
  • ESP8266(已烧录Gagent固件)
  • 0.96寸的OLED显示屏(四针,IIC通信
  • 机智云开发者中心(注册账号)
  • 机智云Websocket Demo
  • 别踩白块游戏JS

2、开发步骤

2.1 编写STM32硬件程序

在机智云的协议头文件修改自己的设备信息,这在在机智云创建设备后获取到93fbda26-6b1a-11ed-b116-dac502259ad0.jpg添加别踩白块数据的宏定义,在这我是使用两个uint8_t类型数据来传输,因为显示的白块位置共16个,原本打算用uint16_t传输的,但是需要修改整套的机智云上传包格式,所以我就直接拆分两段数据传输,宏定义是为了方便后面编程使用:    94154fb0-6b1a-11ed-b116-dac502259ad0.jpg添加别踩白块的数据到传输包结构体:    94297a76-6b1a-11ed-b116-dac502259ad0.jpg游戏调度函数实现:   943b1498-6b1a-11ed-b116-dac502259ad0.jpg游戏计时显示:             945d02ce-6b1a-11ed-b116-dac502259ad0.jpg机智云数据包获取后的事件响应函数添加:      947033da-6b1a-11ed-b116-dac502259ad0.jpg

2.2 网页别踩白块js与机智云websocket实现

具体的实现就是直接使用机智云提供的websocket的Demo添加上别踩白块的JS代码,实际的代码量有点大,这里不详细解说,后续会在文末给出整套代码。94839c9a-6b1a-11ed-b116-dac502259ad0.png

2.3 在机智云部署产品

首先就是在机智云创建一个自己的产品,以此来获取 Product Key,这个是机智云硬件的入网密匙。添加数据节点:949fdb80-6b1a-11ed-b116-dac502259ad0.jpg


2.4 配置网页控制信息

用网页控制接入到机智云的设备仍需要许多步骤,因为要保证设备安全,就必须实现用户与设备绑定,绑定需要获取响应的密令。具体的用户与设备绑定参考机智云官方的资料:http://docs.gizwits.com/zh-cn/UserManual/UseWebsocket.html配置成功效果如下:94c51f26-6b1a-11ed-b116-dac502259ad0.jpg

2.5 websocke连接设备

94e82f34-6b1a-11ed-b116-dac502259ad0.jpg

2.6 测试物联网别踩白块游戏

94fb30ca-6b1a-11ed-b116-dac502259ad0.jpg


3、工程整套源代码如果有人想要用其他的STM32实现如此效果,就必须配置好机智云连接,我是直接使用烧录好机智云固件的ESP8266来实现的。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 物联网
    +关注

    关注

    2903

    文章

    44240

    浏览量

    371032
  • STM32
    +关注

    关注

    2265

    文章

    10870

    浏览量

    354706
收藏 人收藏

    评论

    相关推荐

    机智历史数据导出与排查指南

    机智历史数据导出与排查指南使用机智平台进行设备管理和数据监控时,历史数据的导出和排查是常见的需求。
    的头像 发表于 11-21 01:01 34次阅读
    <b class='flag-5'>机智</b><b class='flag-5'>云</b>历史数据导出与排查指南

    STM32连接机智,代码移植,NTP实时时间获取(一)

    目录一、机智介绍二、固件下载三、项目例程下载四、代码移植五、代码编写准备(已配置完毕,正式开始编写代码)六、设备配对与连接七、NTP(网络时间协议)实现八、网盘资料链接机智
    的头像 发表于 11-19 01:01 90次阅读
    <b class='flag-5'>STM32</b>连接<b class='flag-5'>机智</b><b class='flag-5'>云</b>,代码移植,NTP实时时间获取(一)

    api驱动的服务是什么意思?

    API驱动的服务是指利用API技术来驱动和提供服务的模式。在这种模式下,服务提供商会公开一系列的A
    的头像 发表于 11-14 10:06 109次阅读

    使用API Post测试阿里联网平台动态注册

    使用API Post测试阿里联网平台动态注册
    的头像 发表于 10-05 19:08 195次阅读
    使用<b class='flag-5'>API</b> Post测试阿里<b class='flag-5'>云</b><b class='flag-5'>物</b><b class='flag-5'>联网</b>平台动态注册

    通过机智平台电脑网页控制设备的指南

    现代智能家居管理中,机智平台为用户提供了便捷的设备控制方式。通过电脑网页,用户可以利用WebSocketAPI
    的头像 发表于 09-22 08:02 175次阅读
    通过<b class='flag-5'>机智</b><b class='flag-5'>云</b>平台电脑<b class='flag-5'>网页</b><b class='flag-5'>控制</b>设备的指南

    基于机智移植STM32L496G代码移植

    前言最近我拿到了STM32L496AGMCU,发现其扩展版可以连接ESP-01S。我想尝试将开发板连接到我们的机智,并根据机智
    的头像 发表于 09-20 08:05 306次阅读
    基于<b class='flag-5'>机智</b><b class='flag-5'>云</b>移植<b class='flag-5'>STM32</b>L496G代码移植

    机智入门必备》手把手教你烧录GAgent固件

    云中主要用于实现联网设备的联网功能。它通过Wi-Fi连接到互联网,使设备能够与机智
    的头像 发表于 09-12 08:04 300次阅读
    《<b class='flag-5'>机智</b><b class='flag-5'>云</b>入门必备》手把手教你烧录GAgent固件

    STM32项目分享:智能家居(机智)系统

    STM32项目分享:智能家居(机智)系统
    的头像 发表于 07-28 08:10 1520次阅读
    <b class='flag-5'>STM32</b>项目分享:智能家居(<b class='flag-5'>机智</b><b class='flag-5'>云</b>)系统

    基于机智联网的智能花卉栽培系统

    WiFi传输实现信息交互,并在机智联网平台实现实时监测和远程操控。种植者可远程监测土壤温湿度
    的头像 发表于 05-15 08:10 1254次阅读
    基于<b class='flag-5'>机智</b><b class='flag-5'>云</b><b class='flag-5'>物</b><b class='flag-5'>联网</b>的智能花卉栽培系统

    基于机智联网平台的智能垃圾回收箱与控制系统研究

    一款基于机械传动、嵌入式系统和联网技术的智能垃圾回收箱及控制系统。结合功能需求设计了结构方案,包括尺寸、开关门、防夹手机和称重结构等;选型硬件包括主控制器、电源、称重检测、
    发表于 04-09 17:25

    深入探讨机智联网智能家居系统的优化方案

    、开关、照明、插座、门窗等,提供健康、舒适、安全、便利的生活方式。这反映了联网智能家居是未来发展趋势,但也需要向联网智能家居转型。 1.2 设计方案 采用
    发表于 03-29 12:35

    融合STM32机智联网:打造智能门锁新时代

    摘要:为了提高门锁的安全性,基于STM32机智设计了一款新型智能门锁。该系统主要由STM32控制模块、数据存储器单元、矩阵键盘单元、
    的头像 发表于 03-26 17:02 607次阅读
    融合<b class='flag-5'>STM32</b>与<b class='flag-5'>机智</b><b class='flag-5'>云</b><b class='flag-5'>物</b><b class='flag-5'>联网</b>:打造智能门锁新时代

    基于 STM32机智智能门锁的实现

    关键词:智能门锁、STM32机智、APP目录1、功能实现2、软、硬件系统设计3、系统调试4、结论1功能实现本系统基于
    的头像 发表于 03-23 08:09 1527次阅读
    基于 <b class='flag-5'>STM32</b> 和<b class='flag-5'>机智</b><b class='flag-5'>云</b>智能门锁的<b class='flag-5'>实现</b>

    基于机智联网的PCR温度控制

    本文设计了基于联网的PCR温度控制系统,能够实现快速、准确的温度控制。通过将检测设备端接入机智
    的头像 发表于 03-07 08:09 704次阅读
    基于<b class='flag-5'>机智</b><b class='flag-5'>云</b><b class='flag-5'>物</b><b class='flag-5'>联网</b>的PCR温度<b class='flag-5'>控制</b>

    精彩回顾丨机智联网平台选择垂直行业的实践与思考

    解决方案,联网平台厂商能获得什么?我们期盼用具体的企业案例来回答这些问题。 为此, 联传媒记者、AIoT星图研究院分析师特别采访了 广州机智
    的头像 发表于 11-28 14:55 601次阅读
    精彩回顾丨<b class='flag-5'>机智</b><b class='flag-5'>云</b>:<b class='flag-5'>物</b><b class='flag-5'>联网</b>平台选择垂直行业的实践与思考