ゲームを投稿して開いてみたら、画面が真っ白(または真っ黒)のまま、何も起きない。 はじめて投稿する人がいちばんつまずきやすいトラブルです。でも、原因はだいたい決まっていて、多くはすぐに直せます。

このページでは、よくある原因を、確かめやすい順に紹介します。

原因1:コードが途中で切れている

AIが長いゲームを書くと、回答の途中で文章が止まってしまうことがあります。そのまま貼り付けると、ゲームの後半がないので動きません。

貼り付けたコードの最後が </html> で終わっているかを確かめましょう。途中で終わっていたら、AIに次のように頼みます。

回答が途中で切れています。省略せずに、
<!DOCTYPE html> から </html> まで、HTML全体をもう一度書いてください。
それでも切れてしまうほど長いゲームは、AIに「コードを短くして」「機能を少しへらして」と頼むのも手です。

原因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は、マイページの「編集する」から貼りかえられます。それでも直らないときは、お問い合わせから気軽に相談してください。