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来实现的。

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

    关注

    2900

    文章

    43949

    浏览量

    369721
  • STM32
    +关注

    关注

    2264

    文章

    10852

    浏览量

    354100
收藏 人收藏

    评论

    相关推荐

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

    使用API Post测试阿里联网平台动态注册
    的头像 发表于 10-05 19:08 146次阅读
    使用<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 146次阅读
    通过<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 252次阅读
    基于<b class='flag-5'>机智</b><b class='flag-5'>云</b>移植<b class='flag-5'>STM32</b>L496G代码移植

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

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

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

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

    机智平台定制开发:国产企业级低代码AIoT联网解决方案

    在当今数字化快速发展的时代,联网技术正成为推动企业转型升级的关键力量。特别是制造业,如何实现设备智能化和生产场景数智化,成为企业走向智能制造的重要一环。
    的头像 发表于 06-20 16:33 288次阅读

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

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

    利用自定义数据传输机智实现GPS定位数据的传输

    点传输,也可以将它们组合成一个字符串后传输。例如,经度和纬度可以以逗号分隔的形式传输,如"40.7128,-74.0060"。机智联网平台接下来,
    的头像 发表于 05-09 08:10 355次阅读
    利用自定义数据传输<b class='flag-5'>在</b><b class='flag-5'>机智</b><b class='flag-5'>云</b><b class='flag-5'>上</b><b class='flag-5'>实现</b>GPS定位数据的传输

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

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

    基于机智联网智能家居系统

    目录1、功能实现2、软、硬件系统设计3、结论1功能实现采用机智APP实现全球控制,利用无线网络
    的头像 发表于 03-30 08:09 759次阅读
    基于<b class='flag-5'>机智</b><b class='flag-5'>云</b><b class='flag-5'>物</b><b class='flag-5'>联网</b>智能家居系统

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

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

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

    摘要:为了提高门锁的安全性,基于STM32机智设计了一款新型智能门锁。该系统主要由STM32控制模块、数据存储器单元、矩阵键盘单元、
    的头像 发表于 03-26 17:02 557次阅读
    融合<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 1405次阅读
    基于 <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 661次阅读
    基于<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 572次阅读
    精彩回顾丨<b class='flag-5'>机智</b><b class='flag-5'>云</b>:<b class='flag-5'>物</b><b class='flag-5'>联网</b>平台选择垂直行业的实践与思考