0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

itch.ioにHTMLゲームをアップロードして、友人だけに限定公開(パスワード付き)する方法

0
Posted at

はじめに

自作したHTMLゲームをブラウザ上で遊べるように公開できるプラットフォーム「itch.io」へのアップロード手順を解説します。
今回は「一般公開はせず、パスワードを知っている友人だけが遊べるようにする」ための限定公開の設定方法も合わせて紹介します。

事前準備

  • itch.ioのアカウント作成・ログイン
  • ゲームのデータ一式をまとめたZIPファイル

アップロードの詳細手順

1. プロジェクトの作成開始

  1. itch.io にログインし、画面右上のユーザーアイコンをクリックします。
  2. メニューから 新作をアップロード ボタンをクリックして、新しいプロジェクトの設定画面を開きます。

image.png

2. 基本情報と種類の設定

  1. タイトル: ゲームのタイトルを入力します。(入力すると自動で Project URL が生成されます)
  2. 種類: ゲーム を選択します。
  3. プロジェクトの種類: HTML(You have a ZIP file or...)を選択します。

image.png
image.png

3. ゲームファイルのアップロード

  1. 画面中段の ファイル一覧 セクションにある ファイルをアップロード ボタンをクリックし、ご用意したZIPファイルをアップロードします。
  2. アップロードが完了するとファイル名が表示されます。そのファイル名の横にある設定アイコン(またはチェックボックス)から、このファイルはブラウザでプレイされます に必ずチェックを入れてください。これがないとブラウザ上でゲームが起動しません。

【重要・要注意】
ZIPファイル内に必ず index.html というファイルが一番上の階層に入っていることを確認してください。

image.png
image.png

4. 埋め込みオプション

ここでは一般的なおすすめ設定を適用します。

  • Display: ページに埋め込み を選択。(itch.ioのページ内にゲーム画面を埋め込みます)
  • Viewport dimensions: 600 x 720 px を入力。(ゲームの解像度に合わせてください)
  • フレームオプション: ゲームに合わせて設定。
    • 全画面ボタン: チェックを入れる (ON)。
    • スクロールバー有効か: チェックを外す (OFF)。
    • モバイル対応: チェックを外す (OFF)。

image.png

5. 限定公開(友人への共有)の設定

ページの一番下にある 公開範囲とアクセス セクションで設定します。一般公開せず、友人のみにプレイさせるための設定です。

  1. 限定公開 を選択します。
    • ※初期状態の 非公開 は「自分(作成者)しか見られない状態」です。
    • 公開 は一般公開されてしまいます。
  2. 限定公開 を選ぶと、下に 「ページの閲覧時にパスワードを必要にする」 というパスワード入力欄が表示されます。
  3. 友人だけが知っている任意のパスワードを設定します。

image.png

6. 保存と動作確認

  1. 一番下の 保存してページを表示 ボタンをクリックします。
  2. 実際のゲームページが開きますので、ブラウザ上で正常にプレイできるか(画面サイズが合っているか、音が鳴るかなど)をテストしてください。

7. 友人へのシェア

ページ上部のアドレスバーにあるURL(例: https://[あなたのユーザー名].itch.io/[プロジェクト名])と、先ほど設定した「パスワード」を友人へ伝えてください。
友人がアクセスするとパスワード入力画面が表示され、正しく入力するとゲームが遊べるようになります。

0
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
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?