在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

調用機智云API,實現網頁控制物聯網別踩白塊游戲在STM32上同步顯示

9GxC_IoTMaker ? 來源:未知 ? 2022-11-21 19:55 ? 次閱讀

本文通過STM32接入機智云,再調用機智云WebSocket,實現了在原有系統上添加添加別踩白塊的物聯網游戲功能。


得到的效果就是在網頁上JavaScript 別踩白塊游戲顯示數據通過WebSocket發送到機智云控制平臺,然后機智云下發到STM32,實現網頁游戲顯示與STM32顯示同步。


實現效果如下:

演示地址:

http://player.youku.com/embed/XMzcyMzU0NjE0OA==



1、軟硬件準備




  • SmarKit - ESP STM32核心板
  • ESP8266(已燒錄Gagent固件)
  • 0.96寸的OLED顯示屏(四針,IIC通信
  • 機智云開發者中心(注冊賬號)
  • 機智云Websocket Demo
  • 別踩白塊游戲JS


2、開發步驟




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

源碼地址:
https://download.csdn.net/download/vitcou/10541825

相關推薦:

科普|為什么說中低速應用場景要選Cat.1

開發者案例|GC211實現MCU開發和OTA升級

開發案例|家用熱水器智能化改造記

◆開發者案例|老年人飲水狀況監測系統

◆如何在線創建一個智慧網關,實現多品牌不同協議的互聯互通

技術交流

◆ 機智云開發者:www.gizwits.com
◆ 機智云開發者社區:club.gizwits.com
◆官方淘寶店:

http://shop159680395.taobao.com/index.htm



原文標題:調用機智云API,實現網頁控制物聯網別踩白塊游戲在STM32上同步顯示

文章出處:【微信公眾號:機智云開發者】歡迎添加關注!文章轉載請注明出處。

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

    關注

    3

    文章

    611

    瀏覽量

    26759

原文標題:調用機智云API,實現網頁控制物聯網別踩白塊游戲在STM32上同步顯示

文章出處:【微信號:IoTMaker,微信公眾號:機智云開發者】歡迎添加關注!文章轉載請注明出處。

收藏 人收藏

    評論

    相關推薦
    熱點推薦

    聯網的應用范圍有哪些?

    聯網,簡單來說,就是“萬相連的互聯網”。它以互聯網為基石,將用戶端延伸至物品與物品之間,實現
    發表于 06-16 16:01

    聯網智能家居方案-基于Nucleo-STM32L073&機智實例項目打包下載

    聯網智能家居方案-基于Nucleo-STM32L073&機智實例項目打包,推薦下載!
    發表于 05-29 21:50

    基于STM32 HAL庫與標準庫的esp8266接入機智方案(二)

    《基于STM32HAL庫與標準庫的esp8266接入機智方案(一)》中,我們詳細介紹了硬件連接和機智
    的頭像 發表于 05-28 18:02 ?335次閱讀
    基于<b class='flag-5'>STM32</b> HAL庫與標準庫的esp8266接入<b class='flag-5'>機智</b><b class='flag-5'>云</b>方案(二)

    聯網智能家居方案-基于Nucleo-STM32L073&amp;機智 項目實例

    聯網智能家居方案-基于Nucleo-STM32L073&機智 項目實例下載! 純分享帖,需要者可點擊附件免費獲取完整資料~~
    發表于 05-23 21:01

    STM32機智連接實現步驟與技巧(下篇):機智代碼移植與優化

    STM32機智連接實現步驟與技巧(上篇)》中,我們介紹了硬件連接和通信協議配置。本篇將重點講解如何將
    的頭像 發表于 05-23 18:10 ?188次閱讀
    <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><b class='flag-5'>云</b>代碼移植與優化

    STM32機智連接實現步驟與技巧(上篇)

    通過STM32機智的連接,開發者可以實現設備的遠程控制和數據管理,提升
    的頭像 發表于 05-23 18:10 ?196次閱讀
    <b class='flag-5'>STM32</b>與<b class='flag-5'>機智</b><b class='flag-5'>云</b>連接<b class='flag-5'>實現</b>步驟與技巧(上篇)

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

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

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

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

    聯網學習路線來啦!

    ,通過這個網絡可以實現設備之間的數據交流和互動。 聯網的核心是數據,通過采集和分析數據,可以實現對設備和環境的監控和控制
    發表于 11-11 16:03

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

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

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

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

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

    STM32項目分享:智能家居(機智)系統
    的頭像 發表于 07-28 08:10 ?3126次閱讀
    <b class='flag-5'>STM32</b>項目分享:智能家居(<b class='flag-5'>機智</b><b class='flag-5'>云</b>)系統
    主站蜘蛛池模板: 色多多网站在线观看 | 久久久五月 | 91插插视频 | 欧美日韩中文字幕在线 | 亚洲一卡2卡3卡4卡5卡乱码 | 亚洲欧洲一区二区三区在线观看 | 性中国videosex国产孕妇 | 欧美网色 | 亚洲已满18点击进入在线观看 | 五月天狠狠操 | 中文三 级 黄 色 片 | 日本免费福利视频 | 日日操天天操夜夜操 | 一区二区三区精品视频 | 伊人网在线视频观看 | 91激情| 日本在线不卡免费 | 久久99热久久精品99 | 在线观看黄色网 | 成人三级网址 | 天堂电影免费在线观看 | 很狠操| 男人操女人视频在线观看 | 深爱五月婷婷 | 亚洲天堂导航 | 国产永久视频夜色资源网 | 亚洲专区一路线二 | 欧美国产日本高清不卡 | 日韩在线一区视频 | 禁漫羞羞入口 | 男人边吃奶边做视频免费网站 | 美女网站色黄 | 午夜在线播放视频在线观看视频 | 久久综合色视频 | 久久青草91免费观看 | 午夜男人影院 | 免费一级特黄特色大片在线观看看 | 国产私密 | 中文字幕一区在线观看 | 男人j桶女人j免费视频 | 色在线视频播放 |