書き出しで簡単なゲームを作ってみた!練習も兼ねて作ってみました!脳内でたまに遊ぶオリジナルのUSAゲームをHTML5でゲームにしてみました。canvasで新規作成をするWEBを押すサイズを選ぶ作成ボタンを押すまずはHTML5用のキャンバスを作成します。テキストとボタンを作るテキストを配置する⇒プロパティからダイナミックテキストにする⇒インスタンス名を入力する四角い絵を配置する⇒ムービークリップシンボル、またはボタンシンボルに変換する⇒インスタンス名を入力する変更するテキストを用意するテキストはプロパティからダイナミックテキストに変更するだけでOKです。ダイナミックテキストにする理由は、ソースコードの命令から文字を変換できるようにするためです。ダイナミックテキストに変換すると、インスタンス名の入力欄が表示されます。後でソースコードから指名する時用の名前を入力しましょう!テキストを変更するためのボタンを用意するボタンは四角い絵を描いて[右クリック>シンボルに変換]か[F8キー]でシンボルに変換しましょう。CCの使い方を解説!【動画で学べます】アニメーションを作るの...シンボルに変換すると、インスタンス名の入力欄が表示されます。四角い絵をクリックしてから[ウィンドウ>コードスニペット]を表示しましょう。Canvasにある「マウスクリックイベント」をダブルクリックしてコードを追加しましょう。ダブルクリックするとアクションウィンドウが表示され、コードが追加されています。スネゲゾンビこれでクリックした時の命令を追加できたのかコードが追加されたシンボルがあるフレームはαマークが付きます。t2;}とりあえず期待している動作をすることを目的としているので、ソースコードは適当に書きました。先ほどのインスタンス名は、最後の行で呼び出してます。Enter]でブラウザが開き、動きを確認することができます。HTML5書き出しは「ファイル>パブリッシュ」からできます。html、js、imagesフォルダが出力されています。これをサーバーにおいて、HTMLで呼び出すだけでOKです。ちなみに、出力する内容は細かい設定ができます。私の場合今回は上記のように設定してみました。HTML5で書き出したファイルをWEBサイトで呼び出すサーバーに画像のようにフォルダを作りました。HTML5で書き出したファイルを、アップロードしましょう。data-mce-fragment="1"></iframe>HTMLではiframeタグを使って呼び出します。今回はこんな感じで呼び出しました。スネゲゾビコサーバーにアップロードしてHTMLタグで呼び出すだけだよスネゲゾンビなるほど(分かってないスマホで暗くなる問題の解決スマホからタップした際に画面が暗くならないようにするコードはコチラを使いました。種まきのタネ.blogさんありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。疑問を解決!【就職・独立どっちも攻略】やったー!仮面ライダーUSAゲームができたよー!RECOMMENDこちらの記事も人気です。