ゾートロープを作ってみた（Geek Servo, ATOM Matrix, UiFlow)

ゾートロープを簡単に作ってみました！

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">スローモーション<a href="https://twitter.com/hashtag/%E3%82%86%E3%82%8B%E3%83%A1%E3%82%AB%E3%83%88%E3%83%AD?src=hash&amp;ref_src=twsrc%5Etfw">#ゆるメカトロ</a> <a href="https://twitter.com/hashtag/%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E4%BA%A4%E6%B5%81%E4%BC%9A?src=hash&amp;ref_src=twsrc%5Etfw">#ビジュアルプログラミング交流会</a> <a href="https://twitter.com/hashtag/Noodl%E3%82%82%E3%81%8F%E3%82%82%E3%81%8F%E4%BC%9A?src=hash&amp;ref_src=twsrc%5Etfw">#Noodlもくもく会</a> <a href="https://t.co/sS1QfzAJSR">pic.twitter.com/sS1QfzAJSR</a></p>&mdash; 朝型はりねずみ麺 (@hedgehog_noodl) <a href="https://twitter.com/hedgehog_noodl/status/1299624865087905797?ref_src=twsrc%5Etfw">August 29, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# ゾートロープとは
日本語で回転のぞき絵と言って、スリットから覗くとパラパラ漫画のようにアニメーションする装置のことです。
https://ja.wikipedia.org/wiki/%E5%9B%9E%E8%BB%A2%E3%81%AE%E3%81%9E%E3%81%8D%E7%B5%B5

# 使うもの
- [Atom Matrix](https://www.switch-science.com/catalog/6260/) 
- [Geek servo オレンジ](https://www.amazon.co.jp/RCmall-4%E5%80%8B360%E5%BA%A6%E3%82%B0%E3%83%AC%E3%83%BC%E3%82%AA%E3%82%BF%E3%82%AF%E3%82%B5%E3%83%BC%E3%83%9C%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%96%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%9C-micro-Robotbit-%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%82%AB%E3%83%BC/dp/B083M7SQ9C)
- [UiFlow](https://m5stack.github.io/UIFlow_doc/ja/)
- いくつかのLEGOパーツ（写真参照）
- [ゾートロープの型紙とアニメーション絵](https://github.com/mizuki-kisa/zoetrope)
- A4用紙2枚
- 黒い画用紙
![IMG_6625.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/92d41b5b-0132-a3e9-bd65-9cb50a808171.jpeg)

# ゾートロープの土台を作る
## 1.印刷する
[こちらのPDF](https://github.com/mizuki-kisa/zoetrope)をダウンロードし、A4の紙にサイズ変更無しで印刷をしてください。

## 2.アニメーションを作る
1枚24x40mmのサイズで、10コマのアニメーションを書いてカットしてください。
作成するのが面倒な方は型紙のPDFにあるものをつかってください。
![スクリーンショット 2020-09-19 18.37.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/74b8e547-92bd-20cc-ae6c-0484484d9acd.png)
回転アニメーションで１０コマ→1コマに戻ってもなめらかに表示されるよう、繰り返しのアニメーションにするのがコツです。

トンボは下記のようにカットします。
![IMG_6622.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/d8816487-071b-01fc-0ba9-694eee178701.jpeg)

## 3.土台を作る
黒い画用紙に、印刷した型紙を貼り付け、赤い線でカットしてください。
![スクリーンショット 2020-09-19 18.47.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/ee61e8ad-924f-de6c-8477-fffcdb5c2eb0.png)

![IMG_6618.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/158f835a-e462-1389-ec43-91e4b41ae3d7.jpeg)

切り取ったら、青い枠に作成したアニメーションを貼り付けて、写真のように組み立てます。
![IMG_6600.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/03cfa472-739e-a316-ce49-4a87f2491899.jpeg)

## 3.モーターを回す
### 1.Atom MatrixをUiFlowで使えるようにする
下記記事を参考にしてください
https://qiita.com/youtoy/items/17739b7f4197a8d3fa4d

### 2.ブロックを配置する
図のようにブロックを配置してください
![スクリーンショット 2020-09-19 18.55.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/47ae41ee-9a2f-fda8-70ed-eeb056527e26.png)

### 3.配線
下記のように、ギークサーボとAtom Matrixを配線してください。

|ギークサーボの線  |ATOM Matrix  |
|---|---|
|赤  |5V  |
|オレンジ  |G25  |
|茶色  |GND  |

### 4. 組み立て
先ほど作成したゾートロープの土台をLEGOのパーツをうまく使って固定してください。
![IMG_6721.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/2559196e-26db-20cc-f4a0-a2bc65d36880.jpeg)
![IMG_6722.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/480279/88a6c421-4b11-eda2-0873-d329e4aabde2.jpeg)

# 完成！
UiFlowの再生ボタンを押し、ピンクのハートが表示されたら、ハートを押してみましょう。
ハートの色が黄色に変わってモーターが回れば成功です！

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">できたああ<a href="https://twitter.com/hashtag/%E3%82%86%E3%82%8B%E3%83%A1%E3%82%AB%E3%83%88%E3%83%AD?src=hash&amp;ref_src=twsrc%5Etfw">#ゆるメカトロ</a> <a href="https://twitter.com/hashtag/%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E4%BA%A4%E6%B5%81%E4%BC%9A?src=hash&amp;ref_src=twsrc%5Etfw">#ビジュアルプログラミング交流会</a> <a href="https://twitter.com/hashtag/Noodl%E3%82%82%E3%81%8F%E3%82%82%E3%81%8F%E4%BC%9A?src=hash&amp;ref_src=twsrc%5Etfw">#Noodlもくもく会</a> <a href="https://t.co/5H43Vs3GoP">pic.twitter.com/5H43Vs3GoP</a></p>&mdash; 朝型はりねずみ麺 (@hedgehog_noodl) <a href="https://twitter.com/hedgehog_noodl/status/1299607443375190016?ref_src=twsrc%5Etfw">August 29, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>