絵心は海に捨ててきた
表題の通り、Unityでイントロ付きループBGMを実装する方法と、その方法の大半はWebGLでバグるという話を書いていきます。
イントロ付きループBGMとは、イントロ部分とループ部分で構成されている曲であり、ループ時に最初からではなくイントロを飛ばした位置からループさせる対応が必要になります。
1週間ゲームジャム「かえす」にて、イントロ付きループBGMを使ったら予想以上にトラブルに見舞われました。
そのため、備忘録としてブログ記事を投稿する事としました。
記事内で使用しているUnityのバージョンは「Unity 2022.3.39f」になります。
また、WebGLのバグは「Unity 2022.3.50f」でも発生している事を確認済です。
今回の記事で使っているBGMは、フリーBGM素材サイト「音楽の卵」様の曲をお借りしております。
音楽の卵：https://ontama-m.com/
ビルドインやURPに問わず、unityのCameraにはRenderTextureをアタッチできる『TargetTexture』という項目があります。
この機能を使う事でゲームに複数視点の画面を表示することが出来ます。
しかし、TargetTextureとPhysicsRaycasterも一緒に使おうとすると、解像度に気をつけないと思わぬトラブルが発生します。
unityroomで公開している不正麻雀、および麻雀ポーカーの開発中も、このトラブルが発生して四苦八苦していました。
本記事では、CameraにRenderTextureをセットしてRawImage経由で画面に表示させた状態で、PhysicsRaycasterを使用した時に発生するバグ（仕様？）と、その対策を記載していきます。
Unity WebGLで、ゲームを更新（サーバにデータを上書き）した時に発生する事があるMaximum call stack size exceededエラー。
プログラムのミスで再起関数を大量呼び出しした時に発生する事もありますが、そうでない場合はプレイヤーにキャッシュクリアをお願いする必要がある厄介なエラーです。
この『Maximum call stack size exceeded』ですが、プレイヤーにキャッシュクリアを要求しなくても解決できる方法があるので、解説していきます。
なお、記事で使用している環境はUnity2021.2.19になります。
追記.こちらは『Magica Cloth』をWebGLで動かす方法です
『Magica Cloth 2』をWebGLで動かす場合は、こちらを確認してください
追記終わり
ソースコードを改造して、Magica Clothを無理矢理WebGL環境で動作させる方法を解説していきます。
ソースコードを改造する際は、自己責任でお願いします。
本内容はMagica Cloth v1.12.10時点での内容となります。
『chrome v108.0.5359.125』『firefox v108』『Microsoft Edge v108.0.1462.54』で動作確認済
『IE』で動作しない事を確認済、Macは未所持につき『Safari』での動作は不明
バージョンアップによって変更箇所が変わる可能性が大いにあるため、この記事では変更するスクリプトの名称、変更するコードの行数等といったバージョンに依存する部分には触れず、大まかなやり方の説明だけいたします。
開発開始から2年くらい経ち、ようやく実装したいシステムが全て作れたのでβ版としてサイトにも公開いたします。
完全無料、広告一切無しのフリーゲームなので、気軽にプレイしていってください！
WebGL版はこちら：https://unityroom.com/games/scam_mahjong
Android版はこちら：https://t.co/EiSgXBcg9T
わたくしWhimが制作している独自仕様のオンライン麻雀の仕様や考えについて語っていきます。
前半はゲームの独自仕様について、後半はこの麻雀ゲームの方向性について、となります。
前半はこちらからどうぞ
というわけで、後半では私にとっての麻雀と、自作麻雀に求めている方向性について解説していきます。
なお、内容はかなり独特な思想が織り交じっているので、予めご注意くださいませ。
特に、麻雀は実力が全てだと思われている上級者の皆さんにはブラウザバックを推奨するレベルですので、ご覚悟のほどよろしくお願いします。