作ったゲームを公開しよう!
Pyxelでゲームを作っているみなさん!せっかく作ったゲーム、色んな人に遊んでもらいたくないですか!?👾
頑張って作ったゲームを自分だけしか遊ばないのはもったいない!🥺
この記事では、GitHubと、GitHub Pagesというものを使って、作ったゲームをインターネット上に公開する方法を紹介します!
1. GitHubのアカウントを作成する(持っていない人)
こちらの記事を参考に、GitHubのアカウントを作成しましょう
2. GitHub上にリポジトリを作成する
GitHub上に、リポジトリというものを作成していきます!リポジトリとは、ざっくりいうとデータを置く場所のことです!
GitHubの右上の+
ボタンを押し、New repository
を押します
するとこのような画面になり、リポジトリの情報を入力する画面になります。
各項目、以下の通り入力しましょう!
Repository name
ゲームの名前を入れましょう!アルファベットで入力するのがよき!スペースは使わない方がよき!
ここはPublic
を選択してください!
Add a README file
にチェックを入れます
必要事項を入力し終わると、一番下のCreate repository
が押せるようになるので、押します!
これでリポジトリの作成が完了しました!
3. ファイルをリポジトリにアップロードする
それでは、Pythonのファイルをアップロードしていきましょう!
リポジトリのページを開いて、+
ボタンからUpload files
を押します
するとこのような画面になるので、
Pyxelのpythonファイルをドラッグ&ドロップします
(resourceがある人はそれも)
Commit changes
を押します
ファイルが追加されていれば成功です!
4. webサイトを設定する
ここでは、webサイトを表示するためのhtmlファイルを作成します!
リポジトリの+
ボタンを押し、Create new file
を押します
ファイル名をindex.html
にして、
Edit new file
の欄に
<script src="https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js"></script>
<pyxel-run name="Pythonのファイル名.py"></pyxel-run>
と書きます!
用意ができたら、画面の下の方のCommit new file
を押します
5. GitHub Pagesを設定する
いよいよ仕上げです!
リポジトリのSettings
のPages
を開き、
Branchの部分のNone
をmain
に変更し、Save
を押します
上の方にGitHub Pages source saved.
と出たら成功です!
しばらく待つと、Visit site
というボタンが出現します!これを押すと、、、
無事にインターネット上にゲームを公開することができました!🎉
このリンクをツイートしたり、友達に送ったりして、自分のゲームをたくさんの人に遊んでもらいましょう!
(余力がある人向け)READMEを充実させよう!
READMEは、リポジトリについての情報をまとめた、いわばリポジトリの顔です!
READMEに、ゲームの遊び方や工夫した点、攻略などを書いて、より良いリポジトリにしましょう!
README.md
の右側にある、🖋
のボタンを押します
するとこのような画面になるので、ここに文章を書きましょう!
ちなみに、このREADMEはMarkdown
という記法で書かれています!
Markdownは、書きやすくて読みやすい記法です!
この記法に則ってREADMEを書くと、
これだけで簡単に読みやすい文書を作ることができます!
文章を書き終わったら、一番下のCommit changes
を押して、
完成!
今回作ったリポジトリはこちら!
参考