Bard は楽して暮らしたい

ゲームを作って思うこと、ゲームを遊んで思うこと

Unity VOICEROID

【Unity】WebGL 出力から RPG アツマール へアップロードする際の解像度指定

投稿日:

Unity で作成したゲームを、ブラウザゲームとして出力しアップロードする場合、『RPGアツマール』は有力なプラットフォームの選択肢の一つとなります。

RPGアツマール: トップページ

自分が現在制作中の、歌う VOICEROID リズムゲームVoiSingRoid』も、プラットフォームについて迷っていたのですが、『RPGアツマール』への投稿を目指す形に落ち着きそうです。

(まだ障壁があるかも知れないので、未定ですが…)

↑ブラウザに出すとこんな感じです。

このゲーム自体の解像度は、現状「960 × 540」の、アスペクト比「16:9」を前提としています。

RPGアツマールのゲーム表示サイズ指定

RPGアツマール』の投稿設定画面にも、サイズ指定の項目があります

ゲーム画面の解像度と同じ、「960 × 540」を指定します。

↓すると、『RPGアツマール』上のゲーム画面ではこのような表示になりました。

ゲームの画面上部が見切れてしまっていますね。

これは、『RPGアツマール』が「index.html」に含まれる内容をそのまま表示するため、画面下部にUnity WebGL』のフッター表示まで含んでしまうことにより発生します。

解決策1:フッターを消す

index.html』にて、↓この部分を消すことで、フッターを消去できます。

↓この状態でアップロードすることで、無事に画面内にゲームが収まりました

解決策2:フッターも含めたサイズを指定する

フッターを残す場合は、以下のような解決策となります。

WebGL 出力ファイル群の、「TemplateData/webgl-logo.png」を参照するとわかりますが、フッターの縦サイズは 38 px です。

したがって、アツマール側のサイズ指定で「縦サイズを +38」します。

今回の場合、ゲームサイズが「960 × 540」なので「960 × 578を指定することになります。

↓これにて、無事フッター付きのゲーム画面を収めることが出来ました。

ちなみにフッターを残す意図ですが、『RPGアツマール』の「全画面ボタン」は、解像度そのままのサイズで全画面表示となるため、モニターサイズに満たないゲームでは余白が目立つことになります。

↓環境次第かも知れませんが、ウチの場合はこんな感じです。横の白帯は、縦に +38 している影響。

一方で、「Unity WebGL」フッターの「全画面ボタン」は、ゲーム自体をそのまま全画面に引き伸ばしてくれますので、フルサイズでゲームを楽しむことが出来ます。

自分の方ではせっかくなので、フッターを残す方向で行ってみようかなーと思っております。

-Unity, VOICEROID

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

UnityChanLicenseLogo

【Unity】エディタ拡張の際によく使用する、基本的なクラスや関数まとめメモ

みんな大好き、Unity のエディタ拡張の基礎。 Unity 2018 以降、エディタ拡張まわりについても UI 変革のロードマップが示されていますが、ここから数年ぐらいは、まだまだ既存 UI に則っ …

no image

【Unity】講演紹介:いかにして個人制作ゲームで生きていくか 〜スマホゲームレッドオーシャンの泳ぎ方〜 by いたのくまんぼう さん

Unite 2018 の開催も迫ってきているので、改めて昨年 Unite 2017 の講演の中で、おすすめのものでも紹介していこうかなと思います。 Unite 2018 公式サイトはこちら 目次講演動 …

BitSummit Vol.6

【ゲーム雑記】BitSummit Vol.6 を経て、期待のインディーゲーム一覧 後編

少し間が空いてしまいましたが、先月、京都で開催された BitSummit Vol.6 へ行ってきました。 その中で、プレイしたタイトルの感想や、未プレイながら目を引いたタイトルの紹介をしていきたいと思 …

UnityChanLicenseLogo

【Unity】Unite Tokyo 2018 見てきた講演の簡単なまとめ 2日目

Unite Tokyo 2018 2日目と3日目へ参加してきました。 2日目に見てきた講演の、簡単な紹介や内容のまとめ、感想などを。 目次なんとっ!ユナイト!ミリシタをささえる『AKANE大作戦』とは …

Playmaker

【Unity】講演紹介:2017年の注目アセット100連発 by 常名 隆司 さん(ユニティ・テクノロジーズ・ジャパン合同会社)

今回は、Unite 2017 の講演紹介です。 注目アセットを紹介する講演を紹介する記事です。 目次講演動画スライド内容紹介006: Playmaker015: Behavior Designer09 …