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

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

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

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

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

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

本文通過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==



1、軟硬件準備




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


2、開發(fā)步驟




2.1 編寫STM32硬件程序

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

添加別踩白塊數(shù)據(jù)的宏定義,在這我是使用兩個uint8_t類型數(shù)據(jù)來傳輸,因為顯示的白塊位置共16個,原本打算用uint16_t傳輸?shù)模切枰薷恼椎臋C智云上傳包格式,所以我就直接拆分兩段數(shù)據(jù)傳輸,宏定義是為了方便后面編程使用:

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

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

游戲計時顯示:

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


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

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


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

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

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


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

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

配置成功效果如下:


2.5 websocke連接設(shè)備


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



3、工程整套源代碼



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

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

相關(guān)推薦

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

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

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

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

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

技術(shù)交流

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

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



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

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

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

    關(guān)注

    2

    文章

    591

    瀏覽量

    26466

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

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

收藏 人收藏

    評論

    相關(guān)推薦

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

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

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

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

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

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

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

    使用API Post測試阿里聯(lián)網(wǎng)平臺動態(tài)注冊
    的頭像 發(fā)表于 10-05 19:08 ?399次閱讀
    使用<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)注冊

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

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

    基于機智移植STM32L496G代碼移植

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

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

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

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

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

    基于機智聯(lián)網(wǎng)的智能花卉栽培系統(tǒng)

    WiFi傳輸實現(xiàn)信息交互,并在機智聯(lián)網(wǎng)平臺實現(xiàn)實時監(jiān)測和遠程操控。種植者可遠程監(jiān)測土壤溫濕度
    的頭像 發(fā)表于 05-15 08:10 ?1532次閱讀
    基于<b class='flag-5'>機智</b><b class='flag-5'>云</b><b class='flag-5'>物</b><b class='flag-5'>聯(lián)網(wǎng)</b>的智能花卉栽培系統(tǒng)

    利用自定義數(shù)據(jù)傳輸機智實現(xiàn)GPS定位數(shù)據(jù)的傳輸

    點傳輸,也可以將它們組合成一個字符串后傳輸。例如,經(jīng)度和緯度可以以逗號分隔的形式傳輸,如"40.7128,-74.0060"。機智聯(lián)網(wǎng)平臺接下來,
    的頭像 發(fā)表于 05-09 08:10 ?443次閱讀
    利用自定義數(shù)據(jù)傳輸<b class='flag-5'>在</b><b class='flag-5'>機智</b><b class='flag-5'>云</b><b class='flag-5'>上</b><b class='flag-5'>實現(xiàn)</b>GPS定位數(shù)據(jù)的傳輸

    基于機智聯(lián)網(wǎng)平臺的智能垃圾回收箱與控制系統(tǒng)研究

    一款基于機械傳動、嵌入式系統(tǒng)和聯(lián)網(wǎng)技術(shù)的智能垃圾回收箱及控制系統(tǒng)。結(jié)合功能需求設(shè)計了結(jié)構(gòu)方案,包括尺寸、開關(guān)門、防夾手機和稱重結(jié)構(gòu)等;選型硬件包括主控制器、電源、稱重檢測、
    發(fā)表于 04-09 17:25

    深入探討機智聯(lián)網(wǎng)智能家居系統(tǒng)的優(yōu)化方案

    、開關(guān)、照明、插座、門窗等,提供健康、舒適、安全、便利的生活方式。這反映了聯(lián)網(wǎng)智能家居是未來發(fā)展趨勢,但也需要向聯(lián)網(wǎng)智能家居轉(zhuǎn)型。 1.2 設(shè)計方案 采用
    發(fā)表于 03-29 12:35

    融合STM32機智聯(lián)網(wǎng):打造智能門鎖新時代

    摘要:為了提高門鎖的安全性,基于STM32機智設(shè)計了一款新型智能門鎖。該系統(tǒng)主要由STM32控制模塊、數(shù)據(jù)存儲器單元、矩陣鍵盤單元、
    的頭像 發(fā)表于 03-26 17:02 ?760次閱讀
    融合<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'>聯(lián)網(wǎng)</b>:打造智能門鎖新時代

    基于 STM32機智智能門鎖的實現(xiàn)

    關(guān)鍵詞:智能門鎖、STM32機智、APP目錄1、功能實現(xiàn)2、軟、硬件系統(tǒng)設(shè)計3、系統(tǒng)調(diào)試4、結(jié)論1功能實現(xiàn)本系統(tǒng)基于
    的頭像 發(fā)表于 03-23 08:09 ?1955次閱讀
    基于 <b class='flag-5'>STM32</b> 和<b class='flag-5'>機智</b><b class='flag-5'>云</b>智能門鎖的<b class='flag-5'>實現(xiàn)</b>

    基于機智聯(lián)網(wǎng)的PCR溫度控制

    本文設(shè)計了基于聯(lián)網(wǎng)的PCR溫度控制系統(tǒng),能夠實現(xiàn)快速、準確的溫度控制。通過將檢測設(shè)備端接入機智
    的頭像 發(fā)表于 03-07 08:09 ?867次閱讀
    基于<b class='flag-5'>機智</b><b class='flag-5'>云</b><b class='flag-5'>物</b><b class='flag-5'>聯(lián)網(wǎng)</b>的PCR溫度<b class='flag-5'>控制</b>
    主站蜘蛛池模板: 欧美一区二区三区不卡免费观看 | 天天摸天天躁天天添天天爽 | 丁香花的视频免费观看 | 国产hs免费高清在线观看 | 久久婷婷色一区二区三区 | 寡妇影院首页亚洲图片 | 黄色网页在线观看 | 久久天天躁夜夜躁狠狠85麻豆 | 欧美成人看片一区二区三区 | 神马福利 | 日本一区不卡视频 | 久久香蕉国产精品一区二区三 | 国产视频观看 | 免看一级a毛片一片成人不卡 | 亚洲国产成+人+综合 | 黄色片xxx | 天天干天天操天天拍 | 新版bt天堂资源在线 | 国产日本久久久久久久久婷婷 | 久久婷婷午色综合夜啪 | 天天草天天操 | 亚洲va中文字幕 | 中国一级特黄aa毛片大片 | 欧美综合国产精品日韩一 | 玖玖玖精品视频免费播放 | 精品一区二区三区自拍图片区 | 天堂在线bt| 久久大综合 | 日韩特级毛片 | 我想看一级黄色片 | 国产在线综合网 | 91大神在线免费观看 | 午夜在线影视 | 免费看一级黄色录像 | 狠狠色丁香久久综合网 | 亚洲久优优色优在线播放 | 亚洲色图在线视频 | 在线jlzzjlzz免费播放 | 久久精品国产亚洲婷婷 | 4虎影视国产在线观看精品 4虎影院永久地址www | 57pao强力打造免费高清高速 |