226
102

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

意味を無くしたアプリ

Posted at

クソアプリアドベントカレンダー 2020の22日目の記事です。

はじめてのUnityだったので、入門してからクソアプリをリリースするまでをまとめました。最後に計算してみたら3万円以上使っていたので、なんだかなぁという気持ちでこの記事を書いています。クソアプリの魅力は即席感にあるというのにお金をかけ過ぎた。

アプリから意味を無くす

release.gif
漢字に夢中なピロシキ
ピロシキと名乗る動物の集団が、文字の坂道でラージヒルするのを眺めるアプリ。

漢字に夢中なピロシキという名前と、意味を持たないアプリという方向性だけで作りはじめて、文字の坂道でラージヒルという形に落ち着きました。飛び立つタイミングで画面をタップしたら飛距離が伸びる、みたいなゲームらしさは無く、ただ坂を下るのを眺めるのみ。虚無感だけが残ります。

普通に実装を進めていくと、無意識のうちに意味をつけてしまうので、その意味を無くす作業がある種の拷問のよう。途中から、なにが意味かの判断がつかなくなったので、どこかに意味が残ってるかもしれないけど、もうよくわからない。

入門は猫

まずはUnityのインストールから。とりあえずLTSにしておけば良さそうだっったので、2019.4 LTS を選ぶ。それから「Unity 入門 本」で検索して出てきた良さげな本を購入。いくつか迷ったけど、最後は猫につられた。

Unityの教科書 Unity 2020完全対応版

ゆるい表紙をしてますが中身は実践的で、ステージの作成・オブジェクトの動かし方・当たり判定なんかを、実際にゲームを作りながら学んでいく〜みたいな流れ。手を動かしながら読み終えたときには、なんだか行けそうな気がしてる。軽めのゲームなら頑張れば作れるんじゃないか、という希望を抱かせてくれる素敵な本。

Udemyと紳士服

まだ作り始められる気がしなかったので、Udemyで2Dゲームを作る講座を観た。猫本が入門だとしたら、この講座は入門+テクニック集といった感じ。タイルマップの使い方や、シネマシーン、アニメーションの調整など、猫の手が届かなかった部分を補完できた。

Unityインストラクターが教えるマリオ風2Dアクションゲームを作成する方法

この講座は良かったのだけど、Udemyの価格設定が腑に落ちない。定価が2万円以上だったので、高いなぁと思いながらフラフラしてたら、値引きされて1500円ぐらいで買えた。たまたまセール時間に入ったのか、行動履歴から狙われたのかわからないが、どちらにせよガチャが過ぎる。

2着目1000円の紳士服しかり、定価はあってないようなものなんだろう。

とりあえず動くもの

first-step.gif

入門書と入門講座では、スクリプトまわりが心もとなかったので、今更ながらUnityのドキュメントを読んだ。スクリプト以外にも、グラフィックや物理エンジンなどの、使いそうなところは眺めておく。

他にも、そもそもC#がわからんということで、独習C#という本と、MicrosoftのC#のドキュメントを行き来しながら構築を進めた。そんなこんなで、画面に文字を流すところまで行けた。この段階では、流れてくる文字の上にピロシキが鎮座する、という内容。黒い棒がピロシキのイラストになる想定。

動物のイラストを買う

せっかくの機会だからイラストを自分で描いてみる手もあったが、意味もなく質の高いイラストにした方が虚無いかなと思い、ペンを持つ前にiStockで買ってしまった。

zebra.png
これは描けない。

本当はピロシキのイラストを探していたのだけど、パンチの効いたシマウマのイラストが先に見つかったので、「ピロシキと名乗る動物に集団」ということにして、動物のイラストを集めました。さようなら、ピロシキ。シマウマ以外にも素敵な絵がいっぱいあって1200円は安い。

他にもいくつか衝動買いして計7点を購入。調子に乗って買いすぎた。こんなに質の高いイラストが、この価格で買るえるのはありがたい。ロゴや商標に使わない〜などの禁止事項に触れなければ、モバイルアプリにも使えるとのこと。

iStockコンテンツライセンス契約

ラージヒル

kajiki.gif
動物のイラストをどうしようかと考えた結果、斜面を滑走してもらおうと思い、ラージヒルに決定。いくつか動画を見てみると、滑走時間が4〜5秒だったので、それに合わせてステージの形状を調整する。動物とステージに当たり判定をつけて重力に身を任せただけなので、ほとんどコードは書いてない。

↓ラージヒルの動画(音が出ます)
https://www.youtube.com/watch?v=LnwuJrQn1WU

スーツを着て板を付けただけの人間が時速90キロで飛び立つなんて正気じゃない。

stage.png

最初はIllustratorで坂道の画像を作ってたんですが、Sprite Shapeという便利な機能があったので、単色の画像に適用してUnityのシーン上で曲線のパスを調整しました。そのまま斜面にコライダーを適用できるので、こっちの方が楽。

Sprite Shape を使って 2D ワールドを構築しよう

アニメーションとバイブレーション

IMG_0592.jpg

ピロシキに憑依する文字。

DOTween

WebでいうところのGSAPみたいなやつがないか探したら、DOTweenという素敵なアセットがあった。アニメーションの終点と時間とイージングが設定できる。完璧。ドキュメントが充実していて、どのコンポーネントに何のアニメーションが適用できるかを一覧で確認できて便利。無料でもある程度使えたけど、感謝の気持ちを込めて$15。

Nice Vibrations

BGMやSEを入れるつもりはなかったものの、フィードバックが何もないのは味気ない。色々なゲームを触ってみると、「コリッ」としたHapticsが返ってくるゲームがあった。Nice Vibrationsというマルチプラットフォーム対応の良さげなアセットがあったので購入。数行で実装できた。時は金($15)。結局、Androidは手元の実機が古くて動作確認に不安があったので、iOSのみ震えるようにした。

void OnTriggerEnter2D(Collider2D other)
{
    if (other.gameObject.tag == "Player") {
        Transform t = gameObject.GetComponent<Transform>();
        SpriteRenderer sr = gameObject.GetComponent<SpriteRenderer>();

        t.DOScale(6.0f, 0.25f).SetEase(Ease.OutCubic);
        sr.material.DOFloat(1.0f, "_Threshold", 0.25f).SetEase(Ease.OutCubic);

        #if UNITY_IOS
            MMVibrationManager.Vibrate();
        #endif
    }
}

この2つのアセットを組み合わせて、動物と文字がぶつかったときに、Haptic feedbackを返しつつ、文字をScale up & Dissolveさせています。Material.SetFloatの代わりにDOFloatが使えたので、シェーダーのプロパティを変更するアニメーションが1行で書けた。

ゲーム性の放棄

なんとなく完成が見えてきた段階で我に返る。面白くないのは仕方がないとして、絵面が変わらない坂を下るだけではゲーム性が無い。そもそもゲーム性ってなんだ?画面をタップするタイミングで飛距離を変えればいいのか?ガチャが引ければいいのか?

考えているうちに面倒になって、ゲーム性は放棄した。
これはクソゲーじゃない、クソアプリだ。

ゲーム - ゲーム性 = 虚無

広告の設定

IMG_0565.jpg

クソアプリではあるが、広告はしっかり設定する。
組み込みが簡単そうだったのでUnity Adsにした。

  • Rewarded video - 再生したら報酬があるやつ
  • Interstitial video - 途中で強制的に挟まるやつ
  • Banner - 画面下とかにあるバナー

Integration guide for Unityに実装パターンが書いてあった。

画面遷移に動画を挟むのは嫌だったので、動画広告のリンクを置いて、自分から動画を再生してくれる徳の高い人がいることを願うことにした。プレゼントできるアプリ内報酬が思いつかなかったので、「ありがとう」を伝える仕様。これをリワードと呼べるかは知らない。この世に著作権というものがなかったら、いきものがかりを流したかった。

こんな感じで、動画再生後の処理を書けます。
Rewarded video example

using UnityEngine;
using UnityEngine.Advertisements;

public class RewardedAdsScript : MonoBehaviour, IUnityAdsListener { 
    // ここで初期化
    void Start () {}

    // 動画を見せて
    public void ShowRewardedVideo() {}

    // 見終わったら報酬をプレゼント
    public void OnUnityAdsDidFinish (string placementId, ShowResult showResult) {}
}

No automated payouts scheduled.
Your balance does not exceed the threshold of 100 USD

収益の受け取りは$100から。道は険しい。

プライバシーポリシーの作成

クソアプリにプライバシーポリシーって・・・という気持ちはあるが、Unity AdsがIDFAなどを収集するので必要。ついでにLPでも作ろうかと思ったんですが、特にサイトで伝えたいこともなかったので、何か言ってそうで何も言ってない文章を並べてVercelにホスティング。プライバシーポリシーへのリンクは、アプリ内やストアにあるので、トップページは文字とアプリのバナーだけにした。

https://pirozhki.noplan.cc
https://pirozhki.noplan.cc/privacy/

プライバシーポリシーには、UnityのブログにあったFAQを参考にしつつ、「Unity Adsで適切な広告配信するために、デバイスタイプや〜を収集してます。オプトアウトの方法は〜。何かあったらメールまで」みたいな内容を書きました。

▼ 参考
Unity Ads、Unity Analyticsを利用する開発者・パブリッシャー向けGDPR関連情報

iOS版のリリース

Apple Developer Program

リリースに必要なので登録。
11,800円/年。高いぞ。

ビルドのための設定

iOS向けにビルドするために、UnityのPlayer settingsでアイコンなどを設定。

申請

丁寧に解説してくれているブログがあったので、参考にしながら申請を進める。証明書とか複数解像度のスクショ作成とか地味に面倒くさい。なんだかんだで半日かかってしまった。

[iPhone] iOSアプリを登録、申請して公開するまで

リジェクト → 説得失敗

Guideline 4.2 - Design - Minimum Functionality

We found that the usefulness of your app is limited by the minimal amount of content or features it includes.

アプリがショボすぎるから出直せと。クソアプリとしては褒め言葉かもしれないが、リジェクトされては意味がない。そもそもクソアプリなどリリースしてくれるなということだろう。機能を足してしまうと軸がブレるので、問題解決センターから説得をはかる。このアプリは最小限だからこそ価値があります。みたいな内容で送ったが、気持ちはわかるけどガイドラインに従ってくれ、とたしなめられる。反論の余地がない。

機能追加 → 公開!

IMG_0566.jpg

不本意ながら、動物を一覧で見られる機能を追加したら、無事に審査が通った。基準がよくわからん。ともあれ、アドベントカレンダーに間に合って安心した。

ストアで確認

IMG_0559.jpg
App Store - 漢字に夢中なピロシキ

ストアで「ピロシキ」と検索しても競合アプリが見当たらない。ブルーオーシャン。参考までに、申請から配信までのタイムラインです↓

=== 1回目:リジェクト ===
2020/11/28 18:36 審査待ち
2020/11/30 02:25 審査中
2020/11/30 03:00 却下済み

=== 2回目:リリース ===
2020/12/07 03:38 審査待ち
2020/12/07 04:50 審査中
2020/12/07 09:13 配信準備完了

Android版のリリース

iOS版の申請で待ち時間があったので、Android版のリリースも進める。下記のブログを参考にしながら順に設定。アプリのアイコンやスクショは、iOSのものをリサイズして使い回せたので2時間ぐらいで終わった。

以前にAndroidアプリを作りたいと思ってお金を払っていたので、ここでの出費は無し。$25を一回払えばOKというのは良心的。審査に4日かかったものの、無事に公開されて安心。Androidは審査が優しいという噂は聞いていたが、一発で通るのは嬉しい。

Google Play - 漢字に夢中なピロシキ

支出 32,826円

項目 金額
書籍 6,710円
Udemy 1,610円
イラスト 9,020円
Unity Asset Store 3,686円
Apple Developer 11,800円
合計 32,826円

そこそこの家電が買える金額。

良いお年を

このところピロシキが食べたいと思うことが多かったので、アプリの名前にまでしたのに、まだ食べられてないのが心残り。来年はピロシキを食べられる年にしたい。最後に、Unityの宣伝動画が素敵だったので、リンクを置いときますね。

あなたもUnity、はじめてみませんか?(音が出ます)

226
102
3

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
226
102

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?