91欧美超碰AV自拍|国产成年人性爱视频免费看|亚洲 日韩 欧美一厂二区入|人人看人人爽人人操aV|丝袜美腿视频一区二区在线看|人人操人人爽人人爱|婷婷五月天超碰|97色色欧美亚州A√|另类A√无码精品一级av|欧美特级日韩特级

0
  • 聊天消息
  • 系統(tǒ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

    文章

    647

    瀏覽量

    27777

原文標(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)載請注明出處。

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

掃碼添加小助手

加入工程師交流群

    評論

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

    ESP32開發(fā)板創(chuàng)建同步WebServer網(wǎng)頁服務(wù)器

    ESP32 內(nèi)置了 Wi-Fi 功能,能夠作為網(wǎng)頁服務(wù)器(Web Server)向網(wǎng)絡(luò)中的其他設(shè)備提供服務(wù)。通過 ESP32 運(yùn)行網(wǎng)頁服務(wù)器,可以創(chuàng)建基于瀏覽器的用戶界面,用于監(jiān)控
    的頭像 發(fā)表于 01-30 11:36 ?232次閱讀
    ESP32開發(fā)板創(chuàng)建<b class='flag-5'>同步</b>WebServer<b class='flag-5'>網(wǎng)頁</b>服務(wù)器

    機(jī)智Gokit3開發(fā)篇》4 RGB燈的介紹與驅(qū)動(dòng)移植(HAL庫)

    聯(lián)網(wǎng)開發(fā)與STM32嵌入式應(yīng)用實(shí)踐中,RGB燈是實(shí)現(xiàn)可視化交互、狀態(tài)指示的常用外設(shè),而機(jī)智
    的頭像 發(fā)表于 01-28 19:11 ?5096次閱讀
    《<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>Gokit3開發(fā)篇》4 RGB燈的介紹與驅(qū)動(dòng)移植(HAL庫)

    聯(lián)網(wǎng) + 養(yǎng)老:基于機(jī)智STM32 的智能拐杖安全監(jiān)測系統(tǒng)

    ,以STM32為核心主控,集成GPS、姿態(tài)檢測、超聲波等傳感模塊,搭配OLED本地顯示機(jī)智手機(jī)App,實(shí)現(xiàn)定位、防摔、報(bào)警及云端監(jiān)測一體
    的頭像 發(fā)表于 01-09 19:00 ?1535次閱讀
    <b class='flag-5'>物</b><b class='flag-5'>聯(lián)網(wǎng)</b> + 養(yǎng)老:基于<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>與 <b class='flag-5'>STM32</b> 的智能拐杖安全監(jiān)測系統(tǒng)

    STM32快速實(shí)戰(zhàn)指南:手把手帶你入門機(jī)智

    傳感器數(shù)據(jù)實(shí)時(shí)傳輸?shù)皆贫?,支持通過機(jī)智APP遠(yuǎn)程查看數(shù)據(jù)和發(fā)送控制命令。該項(xiàng)目為聯(lián)網(wǎng)應(yīng)用提供了一個(gè)簡便的解決方案,能夠幫助開發(fā)者快速搭建
    的頭像 發(fā)表于 12-10 18:04 ?1104次閱讀
    <b class='flag-5'>STM32</b>快速<b class='flag-5'>上</b><b class='flag-5'>云</b>實(shí)戰(zhàn)指南:手把手帶你入門<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>

    系統(tǒng)調(diào)用API有什么區(qū)別呢?

    是怎么控制游戲中的人物前進(jìn)或者后退你根本不需要關(guān)心;圖形界面就是計(jì)算機(jī)給我們提供的“API”,我們只需要簡單的ctrl+c即可copy一份文件,至于到底是怎樣拷貝的我們無需關(guān)心。 同樣,你的代碼有
    發(fā)表于 12-03 06:52

    Python調(diào)用API教程

    使用Requests庫實(shí)現(xiàn)。該庫可以輕松地發(fā)送HTTP請求并接收響應(yīng)結(jié)果。以下是一個(gè)使用Requests庫調(diào)用API的示例代碼: import requests ur
    的頭像 發(fā)表于 11-03 09:15 ?916次閱讀

    STM32項(xiàng)目分享:智能語音臺(tái)燈(機(jī)智)

    01—項(xiàng)目簡介1.功能詳解STM32智能語音臺(tái)燈(機(jī)智)功能如下:STM32F103C8T6單片機(jī)作為主控單元按鍵切換模式,支持自
    的頭像 發(fā)表于 07-24 18:03 ?1600次閱讀
    <b class='flag-5'>STM32</b>項(xiàng)目分享:智能語音臺(tái)燈(<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>)

    STM32+esp8266連接機(jī)智,上傳溫濕度數(shù)據(jù)并控制繼電器開關(guān)(平臺(tái)配置、代碼生成、代碼移植)

    本教程將詳細(xì)介紹如何將STM32控制器與ESP8266Wi-Fi模塊連接到機(jī)智平臺(tái),實(shí)現(xiàn)溫濕度數(shù)據(jù)的上傳與繼電器的遠(yuǎn)程
    的頭像 發(fā)表于 07-15 18:54 ?1096次閱讀
    <b class='flag-5'>STM32</b>+esp8266連接<b class='flag-5'>機(jī)智</b><b class='flag-5'>云</b>,上傳溫濕度數(shù)據(jù)并<b class='flag-5'>控制</b>繼電器開關(guān)(平臺(tái)配置、代碼生成、代碼移植)

    聯(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&amp;機(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 ?1416次閱讀
    基于<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 ?1130次閱讀
    <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 ?1182次閱讀
    <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>步驟與技巧(上篇)

    HarmonyOS5服務(wù)技術(shù)分享--ArkTS調(diào)用函數(shù)

    根據(jù)場景選擇: ?? API客戶端鑒權(quán)(Client適用):APP/本地應(yīng)用調(diào)用 ?? API客戶端鑒權(quán)(Server適用):函數(shù)間調(diào)用
    發(fā)表于 05-22 18:22