PUIPUIモルモット #obniz

# PUIPUI鳴きます
https://twitter.com/kk_puruzera/status/1498948324103110658?s=20&t=XSpBgGfm8LSYwqhGTUenAA

# 何これ
癒されたいので我が家のモルモットぬいぐるみを撫でたらプイプイ鳴くようにしました。
超音波距離センサーを近くに置き、手が近づいたら仕込んだモルモットの鳴き声の音声がPC（スマホも可）から流れるようにしています。
かわいいです。グヘヘ←

今回はWebアプリ上で音声を流すようにしてみました。
下記リンク先で、お持ちのobnizIDを入力してください。
超音波距離センサーを接続すればプイプイできます。

https://elated-pare-ab670c.netlify.app/

# 使ったもの
以下のリンク先はすべて秋月電子通商の商品ページになっています。
・[obniz](https://akizukidenshi.com/catalog/g/gM-14930/)
・[超音波距離センサー　ＨＣ－ＳＲ０４](https://akizukidenshi.com/catalog/g/gM-11009/)
・[ジャンパワイヤー（オス-オス）](https://akizukidenshi.com/catalog/g/gC-05371/)
・[ミニブレッドボード](https://akizukidenshi.com/catalog/g/gP-05155/)（なくてもいけますがあったほうが工作しやすいです）

・モルモットのぬいぐるみ
動画のものは多摩動物公園の売店で購入しました。
ネットでも買えます。動物園支援にもなるのでぜひ動物園のサイトから購入してやってください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2122198/8ed203d9-c369-1092-80d6-6669ff1cc314.png)

https://www.tokyo-zoo-shop.jp/shop/item_detail?category_id=552722&item_id=2747856

こっちもかわいい。ふひひ←
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2122198/cb78a6e7-6087-b07a-9dee-36baf016ec7c.png)

https://www.tokyo-zoo-shop.jp/shop/item_detail?category_id=552722&item_id=2747857

# モルモットの鳴き声
以下のフリー音源からいただきました。
海外のサイトなのでモルモットで検索するときは「Guinea pig」で検索してください。
リンク先以外にもたくさんあったので好みの鳴き声を選んでください。

https://freesound.org/people/RICHERlandTV/sounds/435748/

余談ですが、英語名「Guinea pig」はギニアのピッグって意味ですが、モルモット（野生）はギニアにはいませんし豚でもありません。
和名は「天竺鼠」ですが、こちらも天竺にはいないですし、ネズミじゃないです。
かわいそうなネーミング。でもそこが愛おしい。

なお、モルモットは鳴きます。ご想像されている以上に鳴きます。
それはもう鳴きます。ご参考までにこちらの動画をご覧ください。

<iframe width="560" height="315" src="https://www.youtube.com/embed/vKdUrSCgZII" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

# 音声ファイルをGitHubにアップロード
取得した音声ファイルをGitHubにあげます。
アップロード方法などは以下の記事を参考にしました。

https://qiita.com/ikumi623/items/7e0c6f2bde333691d2f2

# CodePenで作成
obnizIDは都度入力なので、直書きは不要です。
距離センサーと接続するところはobniz公式ページからプログラムを取得しました。

https://obniz.com/ja/doc/guides/obniz-starter-kit/iot-by-html-and-javascript/detect-distance

距離センサーで50mm以下になったら音声が流れるようにしました。
場合によって距離の値は変えてよいと思います。
作成したものをエクスポートして、Netlifyにアップロードします。
アプリにする必要がなければNetlifyへのアップは不要です。

<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="XWzoEEG" data-user="kamakurakae" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/kamakurakae/pen/XWzoEEG">
  なでなで</a> by kamakurakae (<a href="https://codepen.io/kamakurakae">@kamakurakae</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>

# モルモットはかわいい！！（クソデカボイス）
かわいいかわいいかわいい。
いいもの作れました。
呼び出す音声を変えれば他のぬいさんの鳴き声が流せますね。
センサーの前に置いたぬいを自動で判定して判定結果によって鳴き声切り替えられたら面白いかも。
ってことで別のぬいを探しにいきます！

https://www.tokyo-zoo-shop.jp/shop/

# おまけ
モルモットのことが分かる歌ですよ～
「モルモットとなかよくなるのうた」
曲中に出てくるモルのイラストのマスキングテープ出してほしい・・・！

<iframe width="560" height="315" src="https://www.youtube.com/embed/aSHj3h3OiWo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>