m5/m5-docs
0
0
Fork 0
mirror of https://github.com/m5stack/m5-docs.git synced 2026-05-20 10:23:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

add PROTO PLUS and change Beetle Product size

Browse Source
This commit is contained in:
shaoxiang
2019-08-16 17:41:08 +08:00
parent f68334f6c9
commit dec32a22c2
12 changed files with 114 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/main.css
+3 -3
View File
@@ -523,7 +523,7 @@ div.card-img-overlay:hover {
}
.fl-table td, .fl-table th {
text-align: center;
text-align: center !important;
padding: 8px;
}
@@ -555,14 +555,14 @@ div.card-img-overlay:hover {
width: 100%;
overflow-x: auto;
}
.table-wrapper:before{
/* .table-wrapper:before{
content: "Scroll horizontally >";
display: block;
text-align: right;
font-size: 11px;
color: white;
padding: 0 0 10px;
}
} */
.fl-table thead, .fl-table tbody, .fl-table thead th {
display: block;
}
docs/assets/img/product_pics/hat/beetlec_hat/beetlec_hat_01.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 101 KiB

docs/assets/img/product_pics/hat/proto_plus_hat/hat_proto_plus_01.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 131 KiB

docs/assets/img/product_pics/hat/proto_plus_hat/hat_proto_plus_02.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

docs/assets/img/product_pics/hat/proto_plus_hat/hat_proto_plus_03.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

docs/en/hat/hat-beetlec.md
+3 -3
View File
@@ -30,10 +30,10 @@ Besides, a power switch is placed at the front.
## Weight and Size
- Size: 70mm*50mm*32mm
- Size: 70mm * 50mm * 25mm
- Front-wheel diameter:⌀25mm
- Back-wheel diameter:⌀14mm
- Package weight:89g
- Back-wheel diameter:⌀14mm
- Package weight:102g
## Applications
docs/en/hat/hat-proto-plus.md
+44 -19
View File
@@ -1,7 +1,6 @@
# M5StickC PROTO PLUS HAT {docsify-ignore-all}
<!-- <img src="assets\img\product_pics\hat\proto_hat\hat_proto_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\proto_hat\hat_proto_02.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\proto_hat\hat_proto_03.jpg" width="30%" height="30%"> -->
<img src="assets\img\product_pics\hat\proto_plus_hat\hat_proto_plus_01.jpg" width="30%"> <img src="assets\img\product_pics\hat\proto_plus_hat\hat_proto_plus_02.jpg" width="30%">
***
@@ -12,6 +11,8 @@
**PROTO PLUS HAT** is a universal board compatible with M5SticKC. Compared to the previous generation PROTO HAT, "PLUS" is designed to provide a larger board area. Combined with the matching 8 pin header, the M5StickC top can be placed. The expansion interface is fully connected to the universal board, allowing the user to freely design the circuit on the board. The 90° pin header enables the universal board to be spliced with the M5StickC at various angles. If you plan to add simple to your project The circuit design and hope to achieve space saving by changing the way the board is spliced, HAT PROTO PLUS will be a good choice.
<img src="assets\img\product_pics\hat\proto_plus_hat\hat_proto_plus_03.jpg" width="30%">
## Product Features
- M5StickC Compatible
@@ -28,23 +29,6 @@
- Prototyping
<!--
## Schematic
<img src="assets\img\product_pics\hat\proto_hat\hat_proto_04.jpg" width="50%" height="50%">
## Links
- **[Official Channel](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
- **[Official forum](http://forum.m5stack.com/)**
## Example
- **[Arduino](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/ENV)** -->
## Video
**Demo**
@@ -54,5 +38,46 @@
</video>
## Code
*To get complete code, please click [here](https://github.com/ShashaDDD/EC11Encoder).*
```arduino
#include <TaskScheduler.h>
#include <M5StickC.h>
#include <Arduino.h>
#include "RotaryEncoderWithButton.h"
//#include <SimpleTimer.h>
//RotaryEncoderWithButton rotary(2,3,4);
RotaryEncoderWithButton rotary(26,36,0);
uint32_t data;
int i;
void t1Callback();
Task t1(5, TASK_FOREVER, &RotaryEncoderWithButton::ReadAB);
Scheduler runner;
void setup() {
M5.begin();
Serial.begin(115200);
rotary.begin();
runner.init();
runner.addTask(t1);
delay(100);
t1.enable();
}
void loop() {
runner.execute();
}
```
docs/index.md
+6
View File
@@ -829,6 +829,12 @@
</a>
</div>
<div class="item">
<a href="/#/en/hat/hat-proto-plus">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_proto_plus_01.jpg">
<p class="item-title">PROTO PLUS</p>
</a>
</div>
**LED class**
docs/zh_CN/README.md
+8 -1
View File
@@ -830,7 +830,14 @@
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/beetlec_hat_01.jpg">
<p class="item-title">BeetleC</p>
</a>
</div>
</div>
<div class="item">
<a href="/#/zh_CN/hat/hat-proto-plus">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_proto_plus_01.jpg">
<p class="item-title">PROTO PLUS</p>
</a>
</div>
**LED类**
docs/zh_CN/api.md
+1 -3
View File
@@ -45,9 +45,7 @@
<!--
<div class="table-wrapper">
<!-- <div class="table-wrapper">
<table class="fl-table">
<thead>
<tr>
docs/zh_CN/hat/hat-beetlec.md
+3 -3
View File
@@ -29,10 +29,10 @@ Beetlec底座需要结合M5StickC控制器使用.在底座上，配备了两个
## 重量尺寸
- 尺寸：70mm * 50mm * 32mm
- 前轮直径：⌀25mm
- 尺寸：70mm * 50mm * 25mm
- 前轮直径：⌀25mms
- 后轮直径：⌀14mm
- 产品重量：89g
- 产品重量：102g
docs/zh_CN/hat/hat-proto-plus.md
+46 -19
View File
@@ -1,6 +1,6 @@
# M5StickC PROTO PLUS HAT {docsify-ignore-all}
<!-- <img src="assets\img\product_pics\hat\proto_hat\hat_proto_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\proto_hat\hat_proto_02.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\proto_hat\hat_proto_03.jpg" width="30%" height="30%"> -->
<img src="assets\img\product_pics\hat\proto_plus_hat\hat_proto_plus_01.jpg" width="30%"> <img src="assets\img\product_pics\hat\proto_plus_hat\hat_proto_plus_02.jpg" width="30%">
***
@@ -8,15 +8,17 @@
## 描述
**PROTO PLUS HAT** 是一款兼容M5SticKC的万能板.相比前代产品PROTO HAT，"PLUS"在设计上提供了更大的电路板面积.结合配套的8 pin 排针能够将M5StickC顶部的拓展接口全部连接至万能板内，使得用户可以自由的在板上进行电路设计. 90°形状的排针能够使万能板以多种角度与M5StickC进行拼接.如果你打算为你的项目添加简单的电路设计并希望通过改变电路板的拼接方式以达到节省空间的目的, HAT PROTO PLUS 会是一个不错的选择.
**PROTO PLUS HAT** 是一款兼容M5SticKC的万能板.相比前代产品PROTO HAT，"PLUS"在设计上提供了更大的电路板面积. 结合配套的8 pin 排针能够将M5StickC顶部的拓展接口全部连接至万能板内，使得用户可以自由的在板上进行电路设计. 90°形状的排针能够使万能板以多种角度与M5StickC进行拼接.如果你打算为你的项目添加简单的电路设计并希望通过改变电路板的拼接方式以达到节省空间的目的, HAT PROTO PLUS 会是一个不错的选择.
<img src="assets\img\product_pics\hat\proto_plus_hat\hat_proto_plus_03.jpg" width="30%">
## 产品特性
- 兼容M5StickC
- 孔尺寸: 0.039" 1mm (CNC工艺)
- 孔间距: 0.1 in - (2.54 mm)
- 板孔数量: 168 Holes
- 板孔数量: 168 孔
## 重量尺寸
@@ -33,25 +35,50 @@
- 电路原型设计
<!--
## 原理图
- **[原理图](https://github.com/m5stack/M5-Schematic/blob/master/Hat/StickHat_PROTO.pdf)**
<img src="assets\img\product_pics\hat\proto_hat\hat_proto_04.jpg" width="50%" height="50%">
## 相关链接
- **[官方频道视频](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
- **[官方论坛](http://forum.m5stack.com/)**
## 例程
- **[Arduino](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/ENV)** -->
## 相关视频
<video width="500" height="500" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/PROTO_PLUS_HAT.mp4" type="video/mp4">
</video>
</video>
## 例程
*以下代码仅为片段，如需获取完整代码，[请点击此处.](https://github.com/ShashaDDD/EC11Encoder).*
```arduino
#include <TaskScheduler.h>
#include <M5StickC.h>
#include <Arduino.h>
#include "RotaryEncoderWithButton.h"
//#include <SimpleTimer.h>
//RotaryEncoderWithButton rotary(2,3,4);
RotaryEncoderWithButton rotary(26,36,0);
uint32_t data;
int i;
void t1Callback();
Task t1(5, TASK_FOREVER, &RotaryEncoderWithButton::ReadAB);
Scheduler runner;
void setup() {
M5.begin();
Serial.begin(115200);
rotary.begin();
runner.init();
runner.addTask(t1);
delay(100);
t1.enable();
}
void loop() {
runner.execute();
}
```