うんこちんこゲームを作ったよ

「クソアプリ2 Advent Calendar 2020」、12月2日参加作品です。
https://qiita.com/advent-calendar/2020/kuso-app2

うんこちんこゲームを作成いたしました。
https://unko.mocu.jp/
※2024/5/19 ドメインを変更しました。

概要

タイトル画面

タイトル画面です。背景のうんこちゃんたちはアニメーションします。可愛いですね。
お上品ではないサウンドが流れますので、会議中などではサウンドオフにすることをオススメします。

ゲーム画面

ゲームの内容はシンプルで、3文字目に入る文字を選んでいきます。
意外と結構難しいですが、何回かやってるとコツを掴めてくるのでぜひリトライしてください。

シェア機能

Twitterへのシェア機能も備えております。ぜひみんなに自慢してね。

音声再生について

開発当初はaudioタグを使用していましたが、iOSのSafariでは音声を重ねて再生できないなど、動作に難がありました。
そのため、howler.jsを使用しました。
使い方はとても簡単。CDNでjsをロードし、JavaScriptで音声ファイルを読み込んで再生させるだけです。

index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.1/howler.min.js"></script> 

unko.js

seYeah = new Howl({
    src: [
        '/se/yeah.mp3'
    ]
});
seYeah.play();

最後に

この場を借りて、制作・発表の機会の機会を設けていただいたあんどさん（@ampersand）に感謝申し上げます。
自分の好きなゲームを作れてとても楽しかったです。ありがとうございました！

よければ、私のTwitter（@SanjiMonica）もフォローしてください！
たくさんの方に遊んでもらえると嬉しいです！

それでは、明日以降のみなさんの投稿も楽しみにしております！