ゲームを投稿して開いてみたら、画面が真っ白(または真っ黒)のまま、何も起きない。 はじめて投稿する人がいちばんつまずきやすいトラブルです。でも、原因はだいたい決まっていて、多くはすぐに直せます。
このページでは、よくある原因を、確かめやすい順に紹介します。
原因1:コードが途中で切れている
AIが長いゲームを書くと、回答の途中で文章が止まってしまうことがあります。そのまま貼り付けると、ゲームの後半がないので動きません。
貼り付けたコードの最後が </html> で終わっているかを確かめましょう。途中で終わっていたら、AIに次のように頼みます。
回答が途中で切れています。省略せずに、
<!DOCTYPE html> から </html> まで、HTML全体をもう一度書いてください。原因2:AIの説明文までいっしょに貼り付けている
AIの回答には、コードの前後に「以下がゲームのコードです」「遊び方:〜」のような説明がついていることがあります。また、コードの前後に ```html や ``` という記号がついていることもあります。 これらがいっしょに貼り付けられると、ゲームがうまく動かないことがあります。
貼り付けるのは、<!DOCTYPE html> から </html> までだけです。AIの画面にある「コピー」ボタンを使うと、コードの部分だけをコピーできて確実です。
原因3:ファイルが分かれている
AIが index.html・style.css・script.js のように、いくつかのファイルに分けてゲームを書くことがあります。CraftNovaに貼り付けられるのはHTML1つだけなので、ほかのファイルの中身が読み込まれず、画面が真っ白になります。
CSSとJavaScriptを全部HTMLの中に入れて、
1つのHTMLファイルにまとめてください。最初から投稿ページの「ゲーム作成ガイドライン」を渡しておけば、1ファイルで書いてくれます。1ファイルHTMLについては「1ファイルHTMLゲームとは?」で説明しています。
原因4:読み込めないものを使っている
インターネット上の画像や、決められた場所以外のライブラリを読み込もうとして、ゲームのプログラムが止まっていることがあります。 くわしい確かめ方と直し方は「画像・音・ライブラリが読み込めないときの直し方」を見てください。
原因5:ゲームのプログラムにまちがいがある
AIもまちがえることがあります。プログラムの1か所にまちがいがあるだけで、ゲーム全体が動かなくなることもあります。 パソコンなら、ゲームの画面で F12 キー(Macは Option+Command+I)を押して「Console(コンソール)」を開くと、赤い文字でエラーが出ていることがあります。
ゲームが真っ白で動きません。コンソールに次のエラーが出ています。
(ここにエラーの文章を貼り付ける)
原因を直して、HTML全体をもう一度書いてください。エラーの文章をそのままAIに見せるのが、いちばんの近道です。
大きいゲームは、表示まで少し時間がかかる
画像や音をたくさん埋め込んだゲームは、ファイルが大きくなり、表示されるまで数秒かかることがあります。真っ白に見えても、しばらく待つと始まる場合もあります。 5MBをこえるような大きいゲームは、AIに「読み込み中の画面をつけて」と頼んでおくと、遊ぶ人が不安になりません。
チェックリスト
- コードの最後が
</html>で終わっている - AIの説明文や
```の記号が入っていない - HTMLファイル1つにまとまっている(CSSやJavaScriptが別ファイルになっていない)
- インターネット上の画像や音を読み込んでいない
- F12のコンソールに赤いエラーが出ていない
直したHTMLは、マイページの「編集する」から貼りかえられます。それでも直らないときは、お問い合わせから気軽に相談してください。