chinese直男口爆体育生外卖, 99久久er热在这里只有精品99, 又色又爽又黄18禁美女裸身无遮挡, gogogo高清免费观看日本电视,私密按摩师高清版在线,人妻视频毛茸茸,91论坛 兴趣闲谈,欧美 亚洲 精品 8区,国产精品久久久久精品免费

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

調(diào)用機(jī)智云API,實(shí)現(xiàn)網(wǎng)頁控制物聯(lián)網(wǎng)別踩白塊游戲在STM32上同步顯示

9GxC_IoTMaker ? 來源:未知 ? 2022-11-21 19:55 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

本文通過STM32接入機(jī)智云,再調(diào)用機(jī)智云WebSocket,實(shí)現(xiàn)了在原有系統(tǒng)上添加添加別踩白塊的物聯(lián)網(wǎng)游戲功能。


得到的效果就是在網(wǎng)頁上JavaScript 別踩白塊游戲顯示數(shù)據(jù)通過WebSocket發(fā)送到機(jī)智云控制平臺(tái),然后機(jī)智云下發(fā)到STM32,實(shí)現(xiàn)網(wǎng)頁游戲顯示與STM32顯示同步。


實(shí)現(xiàn)效果如下:

演示地址:

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



1、軟硬件準(zhǔn)備




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


2、開發(fā)步驟




2.1 編寫STM32硬件程序

在機(jī)智云的協(xié)議頭文件修改自己的設(shè)備信息,這在在機(jī)智云創(chuàng)建設(shè)備后獲取到

添加別踩白塊數(shù)據(jù)的宏定義,在這我是使用兩個(gè)uint8_t類型數(shù)據(jù)來傳輸,因?yàn)轱@示的白塊位置共16個(gè),原本打算用uint16_t傳輸?shù)?,但是需要修改整套的機(jī)智云上傳包格式,所以我就直接拆分兩段數(shù)據(jù)傳輸,宏定義是為了方便后面編程使用:

添加別踩白塊的數(shù)據(jù)到傳輸包結(jié)構(gòu)體:

游戲調(diào)度函數(shù)實(shí)現(xiàn):

游戲計(jì)時(shí)顯示:

機(jī)智云數(shù)據(jù)包獲取后的事件響應(yīng)函數(shù)添加:


2.2 網(wǎng)頁別踩白塊js與機(jī)智云websocket實(shí)現(xiàn)

具體的實(shí)現(xiàn)就是直接使用機(jī)智云提供的websocket的Demo添加上別踩白塊的JS代碼,實(shí)際的代碼量有點(diǎn)大,這里不詳細(xì)解說,后續(xù)會(huì)在文末給出整套代碼。


2.3 在機(jī)智云部署產(chǎn)品

首先就是在機(jī)智云創(chuàng)建一個(gè)自己的產(chǎn)品,以此來獲取 Product Key,這個(gè)是機(jī)智云硬件的入網(wǎng)密匙。

添加數(shù)據(jù)節(jié)點(diǎn):


2.4 配置網(wǎng)頁控制信息

用網(wǎng)頁控制接入到機(jī)智云的設(shè)備仍需要許多步驟,因?yàn)橐WC設(shè)備安全,就必須實(shí)現(xiàn)用戶與設(shè)備綁定,綁定需要獲取響應(yīng)的密令。
具體的用戶與設(shè)備綁定參考機(jī)智云官方的資料:http://docs.gizwits.com/zh-cn/UserManual/UseWebsocket.html

配置成功效果如下:


2.5 websocke連接設(shè)備


2.6 測試物聯(lián)網(wǎng)別踩白塊游戲



3、工程整套源代碼



如果有人想要用其他的STM32實(shí)現(xiàn)如此效果,就必須配置好機(jī)智云連接,我是直接使用燒錄好機(jī)智云固件的ESP8266來實(shí)現(xiàn)的。

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

相關(guān)推薦:

科普|為什么說中低速應(yīng)用場景要選Cat.1

開發(fā)者案例|GC211實(shí)現(xiàn)MCU開發(fā)和OTA升級(jí)

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

◆開發(fā)者案例|老年人飲水狀況監(jiān)測系統(tǒng)

◆如何在線創(chuàng)建一個(gè)智慧網(wǎng)關(guān),實(shí)現(xiàn)多品牌不同協(xié)議的互聯(lián)互通

技術(shù)交流

◆ 機(jī)智云開發(fā)者:www.gizwits.com
◆ 機(jī)智云開發(fā)者社區(qū):club.gizwits.com
◆官方淘寶店:

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



原文標(biāo)題:調(diào)用機(jī)智云API,實(shí)現(xiàn)網(wǎng)頁控制物聯(lián)網(wǎng)別踩白塊游戲在STM32上同步顯示

文章出處:【微信公眾號(hào):機(jī)智云開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報(bào)投訴
  • 機(jī)智云
    +關(guān)注

    關(guān)注

    3

    文章

    617

    瀏覽量

    26853

原文標(biāo)題:調(diào)用機(jī)智云API,實(shí)現(xiàn)網(wǎng)頁控制物聯(lián)網(wǎng)別踩白塊游戲在STM32上同步顯示

文章出處:【微信號(hào):IoTMaker,微信公眾號(hào):機(jī)智云開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    聯(lián)網(wǎng)的應(yīng)用范圍有哪些?

    聯(lián)網(wǎng),簡單來說,就是“萬相連的互聯(lián)網(wǎng)”。它以互聯(lián)網(wǎng)為基石,將用戶端延伸至物品與物品之間,實(shí)現(xiàn)
    發(fā)表于 06-16 16:01

    聯(lián)網(wǎng)智能家居方案-基于Nucleo-STM32L073&機(jī)智實(shí)例項(xiàng)目打包下載

    聯(lián)網(wǎng)智能家居方案-基于Nucleo-STM32L073&機(jī)智實(shí)例項(xiàng)目打包,推薦下載!
    發(fā)表于 05-29 21:50

    基于STM32 HAL庫與標(biāo)準(zhǔn)庫的esp8266接入機(jī)智方案(二)

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

    聯(lián)網(wǎng)智能家居方案-基于Nucleo-STM32L073&amp;機(jī)智 項(xiàng)目實(shí)例

    聯(lián)網(wǎng)智能家居方案-基于Nucleo-STM32L073&機(jī)智 項(xiàng)目實(shí)例下載! 純分享帖,需要者可點(diǎn)擊附件免費(fèi)獲取完整資料~~
    發(fā)表于 05-23 21:01

    STM32機(jī)智連接實(shí)現(xiàn)步驟與技巧(下篇):機(jī)智代碼移植與優(yōu)化

    STM32機(jī)智連接實(shí)現(xiàn)步驟與技巧(上篇)》中,我們介紹了硬件連接和通信協(xié)議配置。本篇將重點(diǎn)講解如何將
    的頭像 發(fā)表于 05-23 18:10 ?261次閱讀
    <b class='flag-5'>STM32</b>與<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>連接<b class='flag-5'>實(shí)現(xiàn)</b>步驟與技巧(下篇):<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>代碼移植與優(yōu)化

    STM32機(jī)智連接實(shí)現(xiàn)步驟與技巧(上篇)

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

    機(jī)智歷史數(shù)據(jù)導(dǎo)出與排查指南

    機(jī)智歷史數(shù)據(jù)導(dǎo)出與排查指南使用機(jī)智平臺(tái)進(jìn)行設(shè)備管理和數(shù)據(jù)監(jiān)控時(shí),歷史數(shù)據(jù)的導(dǎo)出和排查是常見的需求。
    的頭像 發(fā)表于 11-21 01:01 ?697次閱讀
    <b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>歷史數(shù)據(jù)導(dǎo)出與排查指南

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

    目錄一、機(jī)智介紹二、固件下載三、項(xiàng)目例程下載四、代碼移植五、代碼編寫準(zhǔn)備(已配置完畢,正式開始編寫代碼)六、設(shè)備配對(duì)與連接七、NTP(網(wǎng)絡(luò)時(shí)間協(xié)議)實(shí)現(xiàn)八、網(wǎng)盤資料鏈接機(jī)智
    的頭像 發(fā)表于 11-19 01:01 ?1141次閱讀
    <b class='flag-5'>STM32</b>連接<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>,代碼移植,NTP實(shí)時(shí)時(shí)間獲?。ㄒ唬? />    </a>
</div>                              <div   id=

    api驅(qū)動(dòng)的服務(wù)是什么意思?

    API驅(qū)動(dòng)的服務(wù)是指利用API技術(shù)來驅(qū)動(dòng)和提供服務(wù)的模式。在這種模式下,服務(wù)提供商會(huì)公開一系列的A
    的頭像 發(fā)表于 11-14 10:06 ?578次閱讀

    聯(lián)網(wǎng)學(xué)習(xí)路線來啦!

    ,通過這個(gè)網(wǎng)絡(luò)可以實(shí)現(xiàn)設(shè)備之間的數(shù)據(jù)交流和互動(dòng)。 聯(lián)網(wǎng)的核心是數(shù)據(jù),通過采集和分析數(shù)據(jù),可以實(shí)現(xiàn)對(duì)設(shè)備和環(huán)境的監(jiān)控和控制
    發(fā)表于 11-11 16:03

    使用API Post測試阿里聯(lián)網(wǎng)平臺(tái)動(dòng)態(tài)注冊

    使用API Post測試阿里聯(lián)網(wǎng)平臺(tái)動(dòng)態(tài)注冊
    的頭像 發(fā)表于 10-05 19:08 ?853次閱讀
    使用<b class='flag-5'>API</b> Post測試阿里<b class='flag-5'>云</b><b class='flag-5'>物</b><b class='flag-5'>聯(lián)網(wǎng)</b>平臺(tái)動(dòng)態(tài)注冊

    通過機(jī)智平臺(tái)電腦網(wǎng)頁控制設(shè)備的指南

    現(xiàn)代智能家居管理中,機(jī)智平臺(tái)為用戶提供了便捷的設(shè)備控制方式。通過電腦網(wǎng)頁,用戶可以利用WebSocketAPI
    的頭像 發(fā)表于 09-22 08:02 ?595次閱讀
    通過<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>平臺(tái)電腦<b class='flag-5'>網(wǎng)頁</b><b class='flag-5'>控制</b>設(shè)備的指南

    基于機(jī)智移植STM32L496G代碼移植

    前言最近我拿到了STM32L496AGMCU,發(fā)現(xiàn)其擴(kuò)展版可以連接ESP-01S。我想嘗試將開發(fā)板連接到我們的機(jī)智,并根據(jù)機(jī)智
    的頭像 發(fā)表于 09-20 08:05 ?1196次閱讀
    基于<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>移植<b class='flag-5'>STM32</b>L496G代碼移植

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

    云中主要用于實(shí)現(xiàn)聯(lián)網(wǎng)設(shè)備的聯(lián)網(wǎng)功能。它通過Wi-Fi連接到互聯(lián)網(wǎng),使設(shè)備能夠與機(jī)智
    的頭像 發(fā)表于 09-12 08:04 ?888次閱讀
    《<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>入門必備》手把手教你燒錄GAgent固件

    STM32項(xiàng)目分享:智能家居(機(jī)智)系統(tǒng)

    STM32項(xiàng)目分享:智能家居(機(jī)智)系統(tǒng)
    的頭像 發(fā)表于 07-28 08:10 ?3377次閱讀
    <b class='flag-5'>STM32</b>項(xiàng)目分享:智能家居(<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>)系統(tǒng)