本文通過STM32接入機智云,再調(diào)用機智云WebSocket,實現(xiàn)了在原有系統(tǒng)上添加添加別踩白塊的物聯(lián)網(wǎng)游戲功能。
得到的效果就是在網(wǎng)頁上JavaScript 別踩白塊游戲顯示數(shù)據(jù)通過WebSocket發(fā)送到機智云控制平臺,然后機智云下發(fā)到STM32,實現(xiàn)網(wǎng)頁游戲顯示與STM32顯示同步。
實現(xiàn)效果如下:
演示地址:
http://player.youku.com/embed/XMzcyMzU0NjE0OA==
2.1 編寫STM32硬件程序
在機智云的協(xié)議頭文件修改自己的設備信息,這在在機智云創(chuàng)建設備后獲取到添加別踩白塊數(shù)據(jù)的宏定義,在這我是使用兩個uint8_t類型數(shù)據(jù)來傳輸,因為顯示的白塊位置共16個,原本打算用uint16_t傳輸?shù)模切枰薷恼椎臋C智云上傳包格式,所以我就直接拆分兩段數(shù)據(jù)傳輸,宏定義是為了方便后面編程使用:添加別踩白塊的數(shù)據(jù)到傳輸包結構體:游戲調(diào)度函數(shù)實現(xiàn):機智云數(shù)據(jù)包獲取后的事件響應函數(shù)添加:
2.2 網(wǎng)頁別踩白塊js與機智云websocket實現(xiàn)
具體的實現(xiàn)就是直接使用機智云提供的websocket的Demo添加上別踩白塊的JS代碼,實際的代碼量有點大,這里不詳細解說,后續(xù)會在文末給出整套代碼。
首先就是在機智云創(chuàng)建一個自己的產(chǎn)品,以此來獲取 Product Key,這個是機智云硬件的入網(wǎng)密匙。
2.4 配置網(wǎng)頁控制信息
用網(wǎng)頁控制接入到機智云的設備仍需要許多步驟,因為要保證設備安全,就必須實現(xiàn)用戶與設備綁定,綁定需要獲取響應的密令。具體的用戶與設備綁定參考機智云官方的資料:http://docs.gizwits.com/zh-cn/UserManual/UseWebsocket.html
2.5 websocke連接設備
2.6 測試物聯(lián)網(wǎng)別踩白塊游戲
如果有人想要用其他的STM32實現(xiàn)如此效果,就必須配置好機智云連接,我是直接使用燒錄好機智云固件的ESP8266來實現(xiàn)的。https://download.csdn.net/download/vitcou/10541825相關推薦:
◆科普|為什么說中低速應用場景要選Cat.1
◆開發(fā)者案例|GC211實現(xiàn)MCU開發(fā)和OTA升級
◆開發(fā)案例|家用熱水器智能化改造記
◆開發(fā)者案例|老年人飲水狀況監(jiān)測系統(tǒng)
◆如何在線創(chuàng)建一個智慧網(wǎng)關,實現(xiàn)多品牌不同協(xié)議的互聯(lián)互通
技術交流:
◆ 機智云開發(fā)者:www.gizwits.com◆ 機智云開發(fā)者社區(qū):club.gizwits.comhttp://shop159680395.taobao.com/index.htm
原文標題:調(diào)用機智云API,實現(xiàn)網(wǎng)頁控制物聯(lián)網(wǎng)別踩白塊游戲在STM32上同步顯示
文章出處:【微信公眾號:機智云開發(fā)者】歡迎添加關注!文章轉載請注明出處。
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權轉載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權或者其他違規(guī)問題,請聯(lián)系本站處理。
舉報投訴
原文標題:調(diào)用機智云API,實現(xiàn)網(wǎng)頁控制物聯(lián)網(wǎng)別踩白塊游戲在STM32上同步顯示
文章出處:【微信號:IoTMaker,微信公眾號:機智云開發(fā)者】歡迎添加關注!文章轉載請注明出處。
相關推薦
機智云歷史數(shù)據(jù)導出與排查指南在使用機智云平臺進行設備管理和數(shù)據(jù)監(jiān)控時,歷史數(shù)據(jù)的導出和排查是常見的需求。
發(fā)表于 11-21 01:01
?168次閱讀
目錄一、機智云介紹二、固件下載三、項目例程下載四、代碼移植五、代碼編寫準備(已配置完畢,正式開始編寫代碼)六、設備配對與連接七、NTP(網(wǎng)絡時間協(xié)議)實現(xiàn)八、網(wǎng)盤資料鏈接機智
發(fā)表于 11-19 01:01
?335次閱讀
API驅(qū)動的云服務是指利用API技術來驅(qū)動和提供云服務的模式。在這種模式下,云服務提供商會公開一系列的A
發(fā)表于 11-14 10:06
?212次閱讀
使用API Post測試阿里云物聯(lián)網(wǎng)平臺動態(tài)注冊
發(fā)表于 10-05 19:08
?321次閱讀
在現(xiàn)代智能家居管理中,機智云平臺為用戶提供了便捷的設備控制方式。通過電腦網(wǎng)頁,用戶可以利用WebSocketAPI
發(fā)表于 09-22 08:02
?244次閱讀
前言最近我拿到了STM32L496AGMCU,發(fā)現(xiàn)其擴展版可以連接ESP-01S。我想嘗試將開發(fā)板連接到我們的機智云上,并根據(jù)機智
發(fā)表于 09-20 08:05
?450次閱讀
云中主要用于實現(xiàn)物聯(lián)網(wǎng)設備的聯(lián)網(wǎng)功能。它通過Wi-Fi連接到互聯(lián)網(wǎng),使設備能夠與機智
發(fā)表于 09-12 08:04
?405次閱讀
STM32項目分享:智能家居(機智云)系統(tǒng)
發(fā)表于 07-28 08:10
?2005次閱讀
WiFi傳輸實現(xiàn)信息交互,并在機智云物聯(lián)網(wǎng)平臺實現(xiàn)實時監(jiān)測和遠程操控。種植者可遠程監(jiān)測土壤溫濕度
發(fā)表于 05-15 08:10
?1430次閱讀
點傳輸,也可以將它們組合成一個字符串后傳輸。例如,經(jīng)度和緯度可以以逗號分隔的形式傳輸,如"40.7128,-74.0060"。機智云物聯(lián)網(wǎng)平臺接下來,
發(fā)表于 05-09 08:10
?406次閱讀
一款基于機械傳動、嵌入式系統(tǒng)和物聯(lián)網(wǎng)技術的智能垃圾回收箱及控制系統(tǒng)。結合功能需求設計了結構方案,包括尺寸、開關門、防夾手機和稱重結構等;選型硬件包括主控制器、電源、稱重檢測、
發(fā)表于 04-09 17:25
、開關、照明、插座、門窗等,提供健康、舒適、安全、便利的生活方式。這反映了物聯(lián)網(wǎng)智能家居是未來發(fā)展趨勢,但也需要向物聯(lián)網(wǎng)智能家居轉型。
1.2 設計方案
采用
發(fā)表于 03-29 12:35
摘要:為了提高門鎖的安全性,基于STM32和機智云設計了一款新型智能門鎖。該系統(tǒng)主要由STM32 主控制模塊、數(shù)據(jù)存儲器單元、矩陣鍵盤單元、
發(fā)表于 03-26 17:02
?689次閱讀
關鍵詞:智能門鎖、STM32、機智云、APP目錄1、功能實現(xiàn)2、軟、硬件系統(tǒng)設計3、系統(tǒng)調(diào)試4、結論1功能實現(xiàn)本系統(tǒng)基于
發(fā)表于 03-23 08:09
?1832次閱讀
本文設計了基于物聯(lián)網(wǎng)的PCR溫度控制系統(tǒng),能夠實現(xiàn)快速、準確的溫度控制。通過將檢測設備端接入機智
發(fā)表于 03-07 08:09
?807次閱讀
評論