Posts

Arduino #39 使用 u8g2 庫在 SSD1306 OLED 上動態繪製骰子 (Draw dynamic dice on SSD1306 OLED with u8g2 library)

Image
  Hi, welcome to this week's Weekend project with Stonez56. This week is Arduino Episode #39, "Drawing Dice Dynamically at 0.96" OLED with u8g2" This video is suitable for people who want to learn how to draw patterns on SD 1336 LED. === IMPORTANT NOTICE === Do you want to generate u8g2 UTF8 font for your own Arduino projects? Try this online web tool I created @ https://kidsgo.net/u8g2 Just 3 easy steps to get UTF8 Arduino codes for your projects! Try it today!! === NOTICE === In the previous episode, I showed audiences how to use the accelerometer to draw dynamic dice in APP inventor 2. People who are interested can click this link to watch. (App Inventor Episode 11: https: //     • App Inventor #11 Write your own App (...   ) The next video is planned to transfer the dice points from App Inventor 2 to the OLED on ESP32 for display in real time. In this way, we can learn how to communicate from mobile App to ESP32. Stay tuned! References: * u8g2 font refer

VS Code 初始化的時候出現 Cannot find Arduino tools. Use Arduino CLI bundled with this extension instead? 要如何處理?

Image
"安裝 Arduino Extension for VS code 時,如果遇到 “Cannot find Arduino tools. Use Arduino CLI bundled with this extension instead?”錯誤訊息。 請嘗試以下方法解決此問題。 解決步驟: 安裝 Arduino-CLI 版本 參考這個文件 https://arduino.github.io/arduino-cli/0.19/installation/ 直接下載Mac OS 64bit:  https://downloads.arduino.cc/arduino-cli/arduino-cli_latest_macOS_64bit.tar.gz 直接下載Linux 64bit:  https://downloads.arduino.cc/arduino-cli/arduino-cli_latest_Linux_64bit.tar.gz 直接下載Windows 64bit:  https://downloads.arduino.cc/arduino-cli/arduino-cli_latest_Windows_64bit.zip   下載後在 Terminal 下測試安裝是否成功 >arduino-cli version arduino-cli  Version: 0.30.0 Commit: 83700ca2 Date: 2023-02-08T14:48:15Z (OK) 從 VS Code 菜單中選擇 檔案 -> 偏好設定 -> 設定 在使用者和工作區設定中 Arduino: command path -> 保持為空白 Arduino: path -> 保持為空白 Arduino: Use Arduino Cli -> 勾選“Use Arduino CLI installed instated of the legacy Arduino IDE” 重新啟動 VS code ============ ENGLISH ===================== When install Arduino Extension for VS code, if you encountered "Cannot find

[從零開始學習 App Inventor 系列] 之 自己來寫 APP 系列 - 新影片上架了~

Image
 [從零開始學習 App Inventor 系列] 之 自己來寫 APP 系列, 有新單元推出囉~有興趣的朋友,趕緊來觀看! 別忘了點讚,按下喜歡及分享給好朋友喔~ 這個是一個專門為初學者來開發的一個系列, 所以會講的比較詳細,  相信各位只要仔細收看內容並進行實作, 一定會收獲滿滿滿!! :) (0) 課程簡介 https://youtu.be/gkGW8bnO66w (1) 基本認識, 環境設定及註冊帳號 https://youtu.be/BesQP6GckjE (2) 使用者 / 程式設計介面介紹 (忘了增加開發流程介紹 / ) https://youtu.be/ukV7c5IWMaA (3) 動手寫程式吧! (犬犬汪汪 App) https://youtu.be/kih39aqtI64 (4) App 開發流程 / 各式變數介紹 https://youtu.be/L9jtQBDIzow (5) 單位換算 App 之實作練習 https://youtu.be/f4l6uckAfEo (6) 條件判斷式 (if then else) https://youtu.be/y8MVDTkskHA (7) 高鐵票優惠計算 App 實作練習 https://youtu.be/30Sq8610WFk (8) 待續... 

[從零開始學習 App Inventor 系列] 之 自己來寫 APP 系列

Image
Stonez56 推出全新的單元 - [從零開始學習 App Inventor 系列] 之 自己來寫 APP 系列  這個是一個專門為初學者來開發的一個系列, 所以會講的比較詳細, 相信各位只要仔細收看內容並進行實作, 一定會收獲滿滿滿!! :) 自己來寫 APP 課程內容: (0) 課程簡介    (1) 基本認識, 環境設定及註冊帳號 本集內容主要包括了以下內容:  - AppInventor介紹  - 基本需求  - 環境設定  - 如何註冊帳號   (2) 使用者 / 程式設計介面介紹 本集內容主要包括了以下內容:  - 主界面介紹  - 程式設計界面介紹   (3) 動手寫程式吧! (犬犬汪汪 App) 本集內容主要包括了以下內容:  - 寫出 小狗汪汪 App - 測驗 寫出猫咪喵喵 App    (4) App 開發流程 / 各式變數介紹 本集內容主要包括了以下內容:  - App 開發流程  (四思而後行) - 什麼是變數? - 全域變數 & 區域變數 App 實作 - 各式變數型別介紹 - 數字, 字串, 布林, 顏色 #stonez56, #weekendproject , #EPS32, #ESP8226, #Arduinoproject, #Arduino, #IOTprojects, #tutorials, #Raspberrypi, #虛擬容器, #IOT, #樹莓派, #docker, #rclone, #mqtt, #appinventor, app inventortutorial , #appinventor2教學, #樹莓派教學, #iotproject, #u8G2, #wifimanager, #ESP32 FOTA, #FOTA, #VScode, #lighttracing, #lighttracking, #voicecontrol, #IFTTT, #Adafruit, #Scratch, #Tello, #PIRsensor, #rgbledcontroller, #WS2812B, #LCD, #Temperaturesensor, #uwb, #uwb technology, #lora, #loramodule, #loratest, #從零開始學習AppInventor!, #自己來寫APP

Arduino #48集, 用一塊ESP32來學 IOT (#48 Learn IOT with MQTT + ESP32) 把 MQTTlens 換成 EMQX MQTT Web Client

Image
大家好, 今天和大家來分享, Arduino #48集, 用一塊ESP32來學 IOT (#32 Learn IOT with MQTT + ESP32)   這個影片很適合初學者來觀看學習.  影片內容主要是告訴大家,  只要手上有一塊 ESP32 和一台電腦, 就可以開始學習 IOT 了 !   看過這個影片, 你會了解學習 IOT 一點都不難喔! 甚至可以延伸作法, EMQX MQTT web client 透過雲端EMQX來做遠端的控制!  使用 MQTT 來幫助你快速完成第一個 IoT專案 有幾位朋友寫信來告知, MQTTLens 這個 Chrome 流覽器插件(extension) 已經無法再使用了, 所以我把這個教學的流程, 整理一下, 改用了 EMQX 本身自有的 MQTT web client 來做這個教學.  這個是一個專門為初學者來開發的一個系列, 所以會講的比較詳細, 相信各位只要仔細收看內容並進行實作, 一定會收獲滿滿滿。好, 那我們就開始吧今天的練習吧~ 如果時間不夠的朋友, 也可以從以下的時間軸挑選想看的部份即可! 影片時間軸: 00:00 開始 01:03 什麼是 MQTT,它是如何運作的? 02:29 打造你的第一個MQTT IOT專案! 03:34 MQTT 程式:pubsubclient 04:27 Arduino IDE: 設定Additional Boards Manager URL 04:55 Arduino IDE 其它設定 05:22 從我的部落格中下載程式並貼在Arduino IDE 05:51 在程式中更改必要的設定 08:55 使用 EMQX MQTT web client 09:34 EMQX 簡易設定 11:39 訂閱 ESP32上的主題 14:30 從EMQX MQTT client 訂閱主題 16:52 從EMQX MQTT client 發佈主題 Stonez56/esp32s 參考資料: EMQX MQTT Web Client https://www.emqx.io/online-mqtt-client/   Pubsubclient library: https://github.com/knolleary/pubsubclient/blob/master/examples/mqtt_esp826

App Inventor #13 掃瞄條碼直送 Google Sheets (Scan barcodes and save to Google Sheets)

Image
 大家好, 歡迎收看本週的Weekend project with Stonez56! 本周要進行的是 App Inventor #13 掃瞄條碼後, 直接儲存到 Google Sheets!   掃描條碼是學習APP inventor很重要的一個技巧, 但是它也非常的簡單使用. 所以我們來加深一些難度.  今天我們來教大家如何把掃描到的條碼存放在Listview, 再把掃瞄的文字內容直接儲存到 Google sheets. 在本影片中你將會學習到:  - 設定 Google sheets API  - 在APP inventor中使用條碼  - 如何把條碼儲存到 Listview  - 如何把條碼掃描的內容文字儲存到Google sheets  如果時間不夠的朋友, 也可以從以下的時間軸挑選想看的部份即可!  影片時間軸:  00:00 開始 01:37 條碼 App 示範 02:52 設定 Google Sheet API  09:24 建立一個 Google Sheet並做好設定 09:52 如何獲取 Google SheetID 11:21 建立 App 使用者界面 18:31 上傳 Spreadsheet Json Key & 設置 SheetID 19:31 開始撰寫應用程式 App Inventor 相關教學影片: * App Inventor #13 掃瞄條碼直送 Google Sheets https://youtu.be/nrILklGhKIA * App Inventor #12 自己來寫 APP - 用骰子遊戲學IoT  https://youtu.be/d5jQHN1zguQ * App Inventor #11自己來寫 App - 骰子遊戲 (Dice Game) https://youtu.be/2d6Si6u8FVE * App Inventor #10 集 自己來寫 APP YouBike 2.0 (下).  https://youtu.be/Cli-_lUPjgU * App Inventor #9 集 - 自己來寫 APP YouBike 2.0 (上)  https://youtu.be/D78-eDRFiXM *App Inventor #8 AI2 Companion 一直斷線怎麼辦? AI2 小技巧 (How t

Arduino #42集, “快速取得u8g2的字型代碼” (Get u8g2 unifont code quick & easy, u8g2 のフォント コードをすばやく取得する」です, u8g2용 폰트코드 빠르게 받아보기" 입니다)

Image
歡迎收看Weekend project with Stonez56。  本周是Arduino #42集, “快速取得u8g2的字型代碼” 我們將使用Stonez56 這個網站來快速取得字型代碼 目前為測試版:  https://kidsgo.net/u8g2/ 這個 Stonez56 轉碼網站過人之處: * 簡單易用用省時 * 自動移除重複字 * 產生極小的檔案  使用方法簡單: * 輸入你要轉換的字詞 * 按下送出 * 下載產生的字型代碼 * 存到 Arduino 專案目錄下 * 在你的主程式中, 用 include 帶進 字型.h 程式 * 用 u8g2.setFont(u8g2_font_unifont_myfonts)  目前為測試版: https://kidsgo.net/u8g2/ =========================== Stonez56 の Weekend プロジェクトへようこそ。 今週は Arduino #42 のエピソード「u8g2 のフォント コードをすばやく取得する」です。 Web サイト Stonez56 を使用して、フォント コードをすばやく取得します。 現在ベータ版: https://kidsgo.net/u8g2/ この Stonez56 トランスコーディング サイトの優れた点: *使いやすく、時間を節約 *重複する単語を自動的に削除 * 非常に小さいファイルを生成します 使いやすい: *変換したい単語を入力してください ※押すと送信されます * 生成されたフォント コードをダウンロードする * Arduino プロジェクト ディレクトリに保存します。 * メイン プログラムで、include を使用して font.h プログラムを取り込みます。 * u8g2.setFont(u8g2_font_unifont_myfonts) を使用 現在ベータ版: https://kidsgo.net/u8g2/ ============================= Stonez56과 함께하는 주말 프로젝트에 오신 것을 환영합니다. 이번주는 아두이노 #42편 "u8g2용 폰트코드 빠르게 받아보기" 입니다. Stonez56 웹 사이트를 사용하여 글꼴 코드를 빠르게 얻습니다. 현재 베타