色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

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來實現的。

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 物聯網
    +關注

    關注

    2909

    文章

    44578

    瀏覽量

    372849
  • STM32
    +關注

    關注

    2270

    文章

    10896

    瀏覽量

    355767
收藏 人收藏

    評論

    相關推薦

    機智歷史數據導出與排查指南

    機智歷史數據導出與排查指南使用機智平臺進行設備管理和數據監控時,歷史數據的導出和排查是常見的需求。
    的頭像 發表于 11-21 01:01 ?144次閱讀
    <b class='flag-5'>機智</b><b class='flag-5'>云</b>歷史數據導出與排查指南

    STM32連接機智,代碼移植,NTP實時時間獲取(一)

    目錄一、機智介紹二、固件下載三、項目例程下載四、代碼移植五、代碼編寫準備(已配置完畢,正式開始編寫代碼)六、設備配對與連接七、NTP(網絡時間協議)實現八、網盤資料鏈接機智
    的頭像 發表于 11-19 01:01 ?287次閱讀
    <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 ?182次閱讀

    使用API Post測試阿里聯網平臺動態注冊

    使用API Post測試阿里聯網平臺動態注冊
    的頭像 發表于 10-05 19:08 ?283次閱讀
    使用<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 ?220次閱讀
    通過<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 ?396次閱讀
    基于<b class='flag-5'>機智</b><b class='flag-5'>云</b>移植<b class='flag-5'>STM32</b>L496G代碼移植

    機智入門必備》手把手教你燒錄GAgent固件

    云中主要用于實現聯網設備的聯網功能。它通過Wi-Fi連接到互聯網,使設備能夠與機智
    的頭像 發表于 09-12 08:04 ?365次閱讀
    《<b class='flag-5'>機智</b><b class='flag-5'>云</b>入門必備》手把手教你燒錄GAgent固件

    STM32項目分享:智能家居(機智)系統

    STM32項目分享:智能家居(機智)系統
    的頭像 發表于 07-28 08:10 ?1838次閱讀
    <b class='flag-5'>STM32</b>項目分享:智能家居(<b class='flag-5'>機智</b><b class='flag-5'>云</b>)系統

    基于機智聯網的智能花卉栽培系統

    WiFi傳輸實現信息交互,并在機智聯網平臺實現實時監測和遠程操控。種植者可遠程監測土壤溫濕度
    的頭像 發表于 05-15 08:10 ?1355次閱讀
    基于<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 ?393次閱讀
    利用自定義數據傳輸<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 設計方案 采用
    發表于 03-29 12:35

    融合STM32機智聯網:打造智能門鎖新時代

    摘要:為了提高門鎖的安全性,基于STM32機智設計了一款新型智能門鎖。該系統主要由STM32控制模塊、數據存儲器單元、矩陣鍵盤單元、
    的頭像 發表于 03-26 17:02 ?661次閱讀
    融合<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 ?1719次閱讀
    基于 <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 ?769次閱讀
    基于<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>
    主站蜘蛛池模板: 狠狠躁日日躁人人爽| 嘟嘟嘟影院免费观看视频| 最美女人体内射精一区二区 | 久久学生精品国产自在拍| 精品国产自在现线拍400部| 久久亚洲AV成人无码动态图| 美女爽到嗷嗷嗷叫| 漂亮美女2018完整版| 色爰情人网站| 亚洲国产成人精品无码区APP| 亚洲男人天堂网| 7777色鬼xxxx欧美色夫| yellow免费影视大全| 国产精品久久久久久久久久久| 果冻传媒免费观看| 久久综合伊人| 青草影院天堂男人久久| 无码观看AAAAAAAA片| 亚洲中文字幕手机版| a国产成人免费视频| 国产精品久久久久久人妻香蕉 | 99国产精品偷窥熟女精品视频| yellow日本高清在线| 国产精品视频国产永久视频 | 美女pk精子4| 视频一区国产在线二区| 一级做a爰片久久毛片免费| FREEXXX性乌克兰XXX| 国产日韩精品一区二区在线观看 | 大陆老熟女60岁| 解开美女胸衣2破解版| 欧美视频毛片在线播放| 午夜特级毛片| 91区国产福利在线观看午夜| 国产不卡在线观看视频| 久久偷拍国2017的| 天海翼精品久久中文字幕| 在线中文字幕网站| 国产精品你懂得| 男人私gay挠脚心vk视频| 亚洲成人免费在线|