UIFlowでM5Stack上に顔文字を表示させるときメモ

#M5Stackに顔文字を表示させる
先日ハッカソンに出場した際に、M5Stack上に顔文字を表示させました。
https://protopedia.net/prototype/6048ff4e8cb07aa60b6777b6f7384d52
座標の感覚がさっぱりわからず地味に大変だったのでメモメモ。
縦横は多分300×300なのかな？（公式を調べる余裕もなくハッカソンしてました）

#顔文字&UIFlow
##`-ε-'
<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/aeaf9a53-6eaf-0be1-d791-6f1369c3022f.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/5a06bc45-e614-cdbe-6b0e-7bc571186229.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/a8a41095-946f-444e-06d9-c39a8a44c4a9.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/253359ea-a014-351b-98a7-fe47deca3ae3.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/3be4cfa5-d922-94e2-3a18-146ac365dd72.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/b914c6ac-a414-2e70-1d0f-487605603d9d.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/0b81b557-028b-eb89-2a19-19283003439b.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/bceba6bd-05c8-d238-7d84-5f5ac0795551.png)


##-ε-
<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/4d7c2cee-7878-1076-68cf-1c615eb06adc.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/c1bfb9c1-c1ee-91b0-7676-b350b6065b97.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/a0058f7d-c8d7-79c5-c3a3-51dd29132a36.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/61967618-31dc-ed71-d2b5-ff8eac94d261.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/f1466b83-ab0b-4d9e-974f-a0c2a0384c23.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/344bc93e-1bff-d005-e57e-1c7f70d14909.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/534d14fb-70e1-da30-9f06-a6cd4a2937ae.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/a69e37a9-f191-67b5-8f66-9ba6ee4658a7.png)






##-▲-
<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/a26c6ce8-71b6-a926-0a8e-558c293837d6.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/56042a66-7a70-155f-53f1-18f347b390b7.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/d317e445-0f3e-a655-5f80-9d9fdade9e1f.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/869b272a-fc25-8d07-3ccf-d498b7e954c5.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/afdf1f05-4965-2b8d-2780-1144f259f64f.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/6eae1750-617c-322d-2f3f-df417dfcac86.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/b7f07697-afa7-fedd-6282-a91f670fd1c9.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/fb298049-eb8b-c061-4a0e-627ab1a4f4a0.png)





##|||-▲-
<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/95a5ccf6-6e26-815f-79ed-36d137a8d453.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/bc2d4dc6-e1b0-1953-f2b4-964fdd4ba71e.png)

＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/91336a12-6107-1a60-1014-8ce6bdfb65c7.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/7e2ca3ef-5e83-f8f8-dd6d-978f87f67e95.png)


＊＊＊

<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/52a26795-9146-c846-552e-0916d9d8485e.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/384c18cb-1503-7b42-4e4a-4e64f661f7f3.png)

＊＊＊


<img width="200" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/81c6fff8-3e42-61db-0c3d-4963c0f4f0a5.jpeg">
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666990/39b966e7-fb90-8bda-3587-ec158ae9b55a.png)

#さいごに
顔文字かわいい