LoginSignup
14
1

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

Last updated at Posted at 2020-12-01

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

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

概要

タイトル画面

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

ゲーム画面

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

シェア機能

image.png
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)もフォローしてください!
たくさんの方に遊んでもらえると嬉しいです!

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

14
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
1