1
Help us understand the problem. What are the problem?

posted at

updated at

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

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

うんこちんこゲームを作成いたしました。
https://unkochinkogame.nankakaku.com

概要

タイトル画面

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

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
1
Help us understand the problem. What are the problem?