This commit is contained in:
LiHuashen
2019-04-10 17:07:13 +08:00
parent d5c147a2b3
commit 9d939185d1
5 changed files with 21 additions and 53 deletions
@@ -1,7 +1,5 @@
# M5Core Quick Start - Arduino Mac {docsify-ignore-all}
:clapper: **[Video Tutorial](#Video-Tutorial)**      :memo: **[Text Tutorial](#Table-of-Contents)**
## Table of Contents
**[1. Install Arduino IDE](#_1-install-Arduino-IDE)**
@@ -14,6 +12,8 @@
**[5. Example](#_5-Example)**
**[6. Video Tutorial](#_6-Related-Video)**
## 1. Install Arduino IDE
<!-- *注意:如果已经安装了 IDE,请直接从[步骤 2](#_2-安装串口驱动) 开始。* -->
@@ -146,8 +146,10 @@ Although most versions of MacOS have no problem with detecting the COM port, on
?> **If you want to read more the permission about the CP2104 USB driver, visit the following link please.** https://developer.apple.com/library/archive/technotes/tn2459/\_index.html
## Video Tutorial
## 6. Related Video
- Video tutorial for developing M5Core in Arduino
<video width="500" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/LukeVideo/M5Stack%20Arduino%20IDE%20Setup%20in%205%20minutes.mp4" type="video/mp4">
</video>
</video>
@@ -1,15 +1,5 @@
# M5Core Quick Start - UIFlow {docsify-ignore-all}
:clapper: **[Video Tutorial](#Video-Tutorial)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:memo: **[Text Tutorial](#Table-of-Contents)**
<!-- ?> a. If your M5Stack Core was not burnt with a specific firmware named `UIFlow` in advance, please visit this article [How to burn firmware](/en/related_documents/how_to_burn_firmware) for burnning). b. If it's first time to use M5Stack Core or you want to change the networkable AP that means the Core can't access [flow.m5stack.com](http://flow.m5stack.com), you need visit this article for setting wifi [How to connect wifi using Core](/en/related_documents/how_to_connect_wifi_using_core).
By default, we account your M5Core has been connected with the networkable AP. And the screen shows like this figure below after you pressed the `UPLOAD` button on the left. After a few seconds if nothing is pressed the M5 will automatically run the code that was previously uploaded. If we want to upload new code we have to make sure we press the `upload` button on this menu before the M5 boots the code in its memory. -->
<!-- <figure>
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_uiflow/apikey.jpg">
</figure> -->
## Table of Contents
**[1. Install USB to Serial Driver](#_1-Install-USB-to-Serial-Driver)**
@@ -20,15 +10,7 @@ By default, we account your M5Core has been connected with the networkable AP. A
**[4. Program](#_4-Program)**
<!-- ## Text Tutorial
1. [Connect to UIFlow](#connect-to-uiflow)
2. [Program with Core](#program-with-core)
3. [Play a song now](#play-a-song-now) -->
**[5. Video Tutorial](#_5-Related-Video)**
## 1. Install USB to Serial Driver
@@ -173,15 +155,15 @@ lcd.print("Hello M5Stack")
At this time, the word 'Hello M5Stack` will be printed on the M5Core screen.
## Video Tutorial
## 5. Related Video
**UIFlow Overview**
- UIFlow Overview
<video width="500" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/LukeVideo/UI%20Flow%20Overview.mp4" type="video/mp4">
</video>
**UIFlow Tutorial**
- Video tutorial for developing M5Core in UIFlow
<video width="500" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/%E6%95%99%E7%A8%8B/UIFlow%20Tutorials/A3%20-%20UIflow%E7%AE%80%E4%BB%8B.mp4" type="video/mp4">
@@ -1,7 +1,5 @@
# M5StickC Quick Start - Arduino Win {docsify-ignore-all}
<!-- ?> We suggest you confirm whether the `USB driver`, `Git` and `Arduino IDE` has installed first. If not, please view this two articles [establish serial connection](en/related_documents/establish_serial_connection) and [Install Git and Arduino IDE](en/related_documents/how_to_install_git_and_arduino). -->
<img src="assets/img/getting_started_pics/m5stickc/m5stickc_06.png"><img src="assets/img/windows-logo.png">
## Table of Contents
@@ -1,9 +1,5 @@
# M5Core 的上手指南 {docsify-ignore-all}
:clapper: **[视频教程](#视频教程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:memo: **[文本教程](#目录)**
<!-- ?> 在配置环境之前,先确保你已经安装了USB驱动,并且M5Core能通过串口与PC通信。 如果还没的话,看这篇文章[如何建立串口连接](zh_CN/related_documents/establish_serial_connection). -->
## 目录
**[1. 安装 Arduino IDE](#_1-安装-Arduino-IDE)**
@@ -16,6 +12,8 @@
**[5. 示例](#_5-示例)**
**[6. 视频教程](#_6-相关视频)**
## 1. 安装 Arduino IDE
浏览器打开 Arduino 官网 https://www.arduino.cc/en/Main/Software
@@ -149,8 +147,10 @@
?> **如果你想了解更多关于 CP2104 USB 驱动的资料,请阅读这个链接的内容** https://developer.apple.com/library/archive/technotes/tn2459/\_index.html
## 视频教程
## 6. 相关视频
- Arduino 中开发 M5Core 的视频教程
<video width="500" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/LukeVideo/M5Stack%20Arduino%20IDE%20Setup%20in%205%20minutes.mp4" type="video/mp4">
</video>
</video>
@@ -1,7 +1,5 @@
# UIFlow 上手指南 {docsify-ignore-all}
:clapper: **[视频教程](#相关视频)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:memo: **[文本教程](#目录)**
## 目录
**[1. 安装串口驱动](#_1-安装串口驱动)**
@@ -12,6 +10,8 @@
**[4. 编程](#_4-编程)**
**[5. 视频教程](#_5-相关视频)**
## 1. 安装串口驱动
浏览器打开 M5Stack 官网 https://m5stack.com/download
@@ -157,29 +157,15 @@ lcd.print("Hello M5Stack")
这时候,M5Core 屏幕上会打印出 `Hello M5Stack` 字样。
<!-- ## 音乐例程
## 5. 相关视频
下面,让我们在一两分钟内编写一个音乐例程。
拖拽`loop`, `music`和`timer`这几个程序块到`Blockly`编码区域。
然后设置`music block`和`timer block`的相关参数,如下图所示。
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_uiflow/play_a_song.gif">
现在,点击`Run`就可以运行音乐程序啦!
*例程源码地址: https://github.com/m5stack/M5-ProductExampleCodes/blob/master/Core/M5_play_a_song.m5f* -->
## 相关视频
**UIFlow 的简介**
- UIFlow 的简介
<video width="500" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/LukeVideo/UI%20Flow%20Overview.mp4" type="video/mp4">
</video>
**UIFlow 的快速指南**
- UIFlow 中开发 M5Core 的视频教程
<video width="500" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/%E6%95%99%E7%A8%8B/UIFlow%20Tutorials/A3%20-%20UIflow%E7%AE%80%E4%BB%8B.mp4" type="video/mp4">