mirror of
https://github.com/m5stack/m5-docs.git
synced 2026-05-20 10:23:01 -07:00
update atom quickstart
This commit is contained in:
vany5921
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
@@ -1,18 +1,33 @@
|
||||
# Atom UIFlow Quick Start {docsify-ignore-all}
|
||||
|
||||
## UIFlow online mode
|
||||
|
||||
1. Download and Setup [M5Bunner](https://m5stack.com/pages/download) and flash UIFlow firmware referring to this instruction [UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
|
||||
|
||||
2. If you have finished burning, the device will automatically connect to your WiFi information filled in M5Bunner,if the UIFlow connection is successful, the LED will turn into a breathing green-light,and enter the uiflow online programming mode,you can follow step 3. If connected WiFi and not connected to UIFlow server, the blue light is always on. If the WiFi connection fails（steady red-light）, you can try to short press the middle button to connect again. If it still fails, you can try to manually reconfigure WiFi. If you want to manually reconfigure WiFi. When the device is powered on or restarted, press and hold the middle button until the Yellow breathing light is displayed and released. At this time, the yellow light is always on and the WiFi configuration mode is entered.
|
||||
2. Once burning finished, the device will automatically connect to the WIFI you have set in M5Bunner. LED turns into a breathing green-light, and enter the UIFlow online programming mode, you can go to step 3.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/01light.jpg" width="60%" height="60%">
|
||||
|
||||
If WIFI connected but cant not connect to UIFlow server (steady blue-light),
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/02light.jpg" width="60%" height="60%">
|
||||
|
||||
Or WIFI connection fails (steady red-light), please restart the device;
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/04light.jpg" width="60%" height="60%">
|
||||
|
||||
If still fails, you can try to manually __enter WIFI Configuration mode__. Press and hold the middle button while powering on (or restarting), do not release it until the Yellow breathing light is displayed. At this time, yellow light is always on and the device has entered into WIFI configuration mode.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/configure_wifi.jpg" width="60%" height="60%">
|
||||
|
||||
In WiFi configuration mode, atom will automatically send out WiFi hotspot, such as M5Stack-XXXX. Connect to this WiFi and open the browser and enter 192.168.4.1 to enter the web configuration page.You You need to record the content in the title such as M5FLOW-XXXXXXXX, which will be used in the next step.Enter SSID and password to connect to the network. At this time, the red light flashes. After the connection is successful, the green light flashes, it indicates that the uiflow server is connected normally. At this time, you can go online Programming.
|
||||
In WIFI configuration mode, the device will work as WIFI hotspot, such as M5Stack-XXXX. Connect to this WIFI, open the browser and enter to 192.168.4.1 page. (Pls record the letters M5FLOW-**XXXXXXXX**, which will be needed in next step). Enter SSID and password to connect to the network. LEDs would change from breathing red-light to breathing green-light, it indicates that both WIFI and UIFlow server is connected well.
|
||||
|
||||
3. Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to configure APIKey of uiflow ,APIKey can be seen through web configuration page or serial port tool.
|
||||
|
||||
3. Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to configure APIKey of UIFlow ,APIKey can be seen through web configuration page or serial port tool.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/apikey.png" width="50%" height="50%"><img src="assets/img/product_pics/core/minicore/atom/serialtool.png" width="50%" height="50%">
|
||||
|
||||
4. Now you can use UIFlow online programming mode.Refer to [this page](https://docs.m5stack.com/#/en/uiflow/uiflow_home_page) for detailed use of uiflow
|
||||
4. Now you can program in [UIFlow online mode](http://flow.m5stack.com).Refer to [this page](https://docs.m5stack.com/#/en/uiflow/uiflow_home_page) for the manual of UIFlow
|
||||
|
||||
<!-- ?> Meaning of light working status
|
||||
|
||||
@@ -29,16 +44,27 @@ In WiFi configuration mode, atom will automatically send out WiFi hotspot, such
|
||||
- Steady yellow-light indicates that WEB network configuration is required
|
||||
-->
|
||||
|
||||
?>How to use UIFlow desktop IDE version modes, please refer to the following instructions:
|
||||
Just press and hold the middle button while powering on (or when restarting), and do not release it. The menu mode will change color in the form of breathing light,wait until the LED color changes to blue, and then release it. At this time, the LED is breathing, and now it enters UIFlow desktop version to use USB connection.Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to use UIFlow desktop IDE version.
|
||||
|
||||
?>Menu option introduction(Press and hold the middle key to turn on the power will enter the menu mode. In this mode, the light will cycle to change the color. The menu options represented by different colors):
|
||||
## UIFlow desktop mode
|
||||
|
||||
1. Download and Setup [M5Bunner](https://m5stack.com/pages/download) and flash UIFlow firmware referring to this instruction [UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
|
||||
|
||||
|
||||
2. Press and hold the middle button while powering on (or when restarting), and do not release it unit LED color change to blue. Now the device enters UIFlow desktop mode.Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to use UIFlow desktop IDE mode.
|
||||
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/03light.jpg" width="60%" height="60%">
|
||||
|
||||
|
||||
## Menu option introduction
|
||||
|
||||
Press and hold the middle key to turn on the power will enter the menu. In this mode, LED will cyclically change the color. Different colors represents for different options.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/atom_00.jpg" width="50%">
|
||||
|
||||
- GREEN Light **UIFlow Online Program**
|
||||
- BLUE Light **UIFlow desktop IDE Program**
|
||||
- YELLOW Light **Configure WIFI**
|
||||
- GREEN Light **Enter UIFlow Online mode**
|
||||
- BLUE Light **Enter UIFlow desktop IDE Program**
|
||||
- YELLOW Light **Enter WIFI Configuration mode**
|
||||
- PURPLE Light **Run the Last Downloaded Program**
|
||||
|
||||
### UIFlow Example
|
||||
|
||||
@@ -37,7 +37,7 @@ M5stickV AI 摄像头具备机器视觉能力，配备OmniVision OV7740图像传
|
||||
- 六轴IMU传感器: MPU6886
|
||||
- 接口: GROVE.
|
||||
|
||||
### 包含
|
||||
## 包含
|
||||
|
||||
- 1x M5StickV
|
||||
- 1x USB Type-C(100cm)
|
||||
|
||||
@@ -1,14 +1,32 @@
|
||||
# Atom UIFlow上手指南 {docsify-ignore-all}
|
||||
|
||||
1. 下载M5Burner[M5Bunner](https://m5stack.com/pages/download)，并按照此教程烧录完UIFlow固件[UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction)
|
||||
## UIFlow 在线编程模式
|
||||
|
||||
?> 灯光在UIFlow的配置中代表两种意思，一种用于菜单选项的显示，一种用于对当前工作状态的提示。
|
||||
1. 下载[M5Bunner](https://m5stack.com/pages/download)，并按照此教程烧录UIFlow固件[UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
|
||||
|
||||
2. 如果你已经完成烧录，设备将自动连接到你在M5Burner内填入的WiFi信息.如果连接失败（红色LED常亮），你可以短按中间按键重新连接.如果仍然识别你可以重新配置网络，参考 [重新配置WiFi](#重新配置WiFi)。如果WiFi连接成功，LED将会变为绿色呼吸灯，此时即进入了UIFlow在线编程模式
|
||||
2. 如果你已经完成烧录，设备将自动连接到你在M5Burner内填入的WiFi信息.LED将变为绿色呼吸灯，此时你已经进入了UIFlow在线编程模式，可继续查看第3步.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/01light.jpg" width="60%" height="60%">
|
||||
|
||||
如果WiFi已经连接入网但是没有连接上UIFlow服务器（蓝灯常亮）
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/02light.jpg" width="60%" height="60%">
|
||||
|
||||
或者如果WiFi连接网络失败（红灯常亮），则尝试重启设备.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/04light.jpg" width="60%" height="60%">
|
||||
|
||||
|
||||
如果仍然连接失败，你可以进入 __WiFi配置模式__，重新配置网络.设备上电或重启的同时按住中间按键不放，直到显示黄色呼吸灯时松开，此时黄灯常亮即进入WIFI配置模式.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/configure_wifi.jpg" width="60%" height="60%">
|
||||
|
||||
在WIFI配置模式下，Atom会自动发出WIFI热点，比如M5Stack-XXXX，连接此WIFI并打开浏览器输入192.168.4.1进入WiFi配置页面，输入SSID和密码进行网络连接（此步骤记下M5FLOW-**XXXXXXXX**稍后会用到），此时红灯闪烁，连接成功后蓝灯短暂常亮(UIFlow服务器未连接)待到绿灯闪烁时表示UIFlow服务器连接正常，此时可进行在线编程。
|
||||
|
||||
<!--
|
||||
?> 灯光状态含义
|
||||
|
||||
- 红色呼吸灯表示WIFI网络正在连接
|
||||
- 红色呼吸灯表示WIFI网络正在连接4
|
||||
|
||||
- 红灯常亮表示WIFI连接失败，按下中间按键可重新连接
|
||||
|
||||
@@ -20,35 +38,38 @@
|
||||
|
||||
- 黄灯常亮表示需要WEB网络配置
|
||||
|
||||
3. 根据此页面说明在UIFlow中查看APIKey，APIKey可以通过Web配网页面和串口工具查看
|
||||
-->
|
||||
|
||||
3 . 根据此页面说明在UIFlow中查看APIKey，APIKey可以通过Web配网页面和串口工具查看.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/apikey.png" width="50%" height="50%"><img src="assets/img/product_pics/core/minicore/atom/serialtool.png" width="50%" height="50%">
|
||||
|
||||
4. 完成上述配置你已经可以正常使用UIFlow在线编程模式
|
||||
4 . 完成上述配置你已经可以正常使用[UIFlow在线编程模式](http://flow.m5stack.com). UIFlow的详细使用参考[此页面](https://docs.m5stack.com/#/zh_CN/uiflow/uiflow_home_page).
|
||||
|
||||
> UIFlow的详细使用参考[此页面](https://docs.m5stack.com/#/zh_CN/uiflow/uiflow_home_page)
|
||||
|
||||
?> 如果你想进入其他模式，请继续查看以下步骤：设备通电时默认进入最后一次选择的模式。如需改变模式，只需在上电的同时（或重启时）按住中间按键不要松开，菜单模式以呼吸灯形式变色，等到灯光变换为所需模式颜色时再松开。例如，现在需要进入UIFlow的USB模式，设备上电或重启的同时按住中间按键不放，等到LED变为蓝色呼吸灯时松开，此时就进入了USB模式。
|
||||
## UIFlow离线编程模式
|
||||
|
||||
菜单选项介绍（按住中间按键接通电源会进入菜单模式，呼吸灯不同颜色状态代表不同菜单选项）
|
||||
1. 下载M5Burner[M5Bunner](https://m5stack.com/pages/download)，并按照此教程烧录完UIFlow固件[UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
|
||||
|
||||
2. 设备上电或重启的同时按住中间按键不放，直到显示蓝色呼吸灯时松开，此时蓝色灯常亮即进入UIFlow离线编程模式.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/03light.jpg" width="60%" height="60%">
|
||||
|
||||
|
||||
## 菜单选项介绍
|
||||
|
||||
设备上电或重启时按住中间按键不放可进入不同模式，LED灯不同颜色代表进入不同的模式，松开按键即进入相应模式.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/atom_00.jpg" width="50%">
|
||||
|
||||
|
||||
- 绿灯 **UIFlow 在线编程模式**
|
||||
|
||||
- 蓝灯 **USB 模式**
|
||||
- 蓝灯 **UIFlow 离线编程模式**
|
||||
|
||||
- 黄灯 **配置 WIFI 模式**
|
||||
|
||||
- 紫灯 **APP 运行模式**
|
||||
|
||||
## 重新配置WiFi
|
||||
|
||||
如果你需要手动重新配置WIFI，设备上电或重启的同时按住中间按键不放，直到显示黄色呼吸灯时松开，此时黄灯常亮即进入WIFI配置模式。
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/configure_wifi.jpg" width="60%" height="60%">
|
||||
|
||||
在WIFI配置模式下，Atom会自动发出WIFI热点，比如M5Stack-XXXX，连接此WIFI并打开浏览器输入192.168.4.1进入web配置页面，输入SSID和密码进行网络连接，此时红灯闪烁，连接成功后蓝灯短暂常亮(UIFlow服务器未连接)待到绿灯闪烁时表示UIFlow服务器连接正常，此时可进行在线编程。
|
||||
- 紫灯 **运行最后一次下载的程序**
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user