モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Creatorをインストールします。Code)をインストールします。デバッグ環境を作成します。Creator』のゲーム開発環境が構築出来(るはず!)ます。Macで作業していますが、インストール以外はWindows版とほぼ共通です。Creator』を紹介から。Creatorは、2Dゲーム開発向けのゲームエンジン(開発環境)です。作成したゲーム・アプリを販売した場合にロイヤリティが発生することもありません。Mac版、Windows版があります。ゲーム作成中の画面はこんな感じです。ビジュアルエディタで画面のデザイン、プレビュー、デバッグが可能です。Code)の利用が推奨されています。CodeもMac版、Windows版があり、無料で使用出来ます。開発に使用するプログラミング言語は、JavaScriptとTypeScriptです。作成したゲームは、iOS、Andoroid、デスクトップ(Mac、Windows)、Webを始め様々なプラットフォーム向けに出力することが出来ます。現在は様々なゲームエンジンがあります。Creatorを使うメリットを挙げてみました。Creator自体が現在も定期的に更新されている様々なプラットフォーム向けにパッケージを出力できる人気、汎用性の高い、JavaScript、Typescriptが使用できる作成したゲームのパッケージサイズが小さく、ブラウザ上でも軽快に動くことが特に良い点だと思っています。Githubページ等を利用すれば、はてなブログに載せる事も出来ます。私が使用している環境です。Creator』を『Applications』フォルダにドラッグ&ドロップして、インストールするインストール後のサイズは1.2GBです。Creator』を使用するには、アカウントの登録が必要です。Password設定したパスワードをもう一度入力Emailパスワードを忘れた際のリセットに使うためよく使うemailを登録して下さい。次のように表示され、登録したメールアドレス宛に認証用のメールが送信されます。送付されたメールを開いて、認証用のリンクをクリック次のように表示されれば完了です。Codeを使うことを推奨しています。Code』を使うと、構文の強調表示やオートコンプリート(コードの自動補完)を始めとした機能によって作業効率を上げることが出来ます。『Applications』フォルダ内の『CocosCreator』を右クリックして『開く』をクリック初回起動時は、ファイルの検証が行われます。一度起動した後は、通常通りダブルクリックによる起動でOKです。World』プロジェクトを作成します。Creatorのエディタが起動します。プロジェクトの実行(プレビュー)実行するには、先にシーンを読み込む必要があります。デフォルトでは『Scene』パネルに読み込んでいるシーンが開始シーンとなります。実行すると、開始シーンがロードされ、次に開始シーンに組み込まれたスクリプト(プログラム)が実行される流れです。Creator』の『Assets』パネルで、『Scene』フォルダの『helloworld』をダブルクリック『Scene』パネルに『helloworld』シーンが読み込まれます。プレビューボタンを押して、プロジェクトを実行デフォルトのブラウザが起動して、プロジェクトが実行されます。『Simulator』で実行することも出来ます。開始シーンの設定は次の操作で確認・変更出来ます。Scene』になっています。特定のシーンに変更すること出来ます。Code』を選択して下さい。Creator』による更新が無い限り一度だけでOKです。新規にプロジェクトを作成するたびに行います。本来プロジェクト生成時に自動で作られるものらしいですが、動作しない場合があるので手動で実行したほうが良いです。Source』をクリックプロジェクトフォルダに『creator.d.ts』が追加(または更新)されます。新規にプロジェクトを作成するたびに行います。Setting』をクリックプロジェクトフォルダに『.vscode/launch.json』が追加されます。Task』をクリックプロジェクトフォルダに『.vscode/tasks.json』が追加されます。Config』をクリックTypeScriptを使う場合のみ、この作業を行います。プロジェクトフォルダに『.vscode/tsconfig.json』が追加されます。コード編集と実行(デバッグ)新規にプロジェクトを作成するたびに行います。Creator』で先にシーンを読み込む必要があります。Code』が起動します。Creatorのエディタをアクティブにするまで実行に反映されません。Creatorに変更の反映を要求するタスクです。Chrome』を選択して、『▶』をクリック『Chrome』が起動し、プロジェクトが実行(デバッグ)されます。ブレークポイント(行番号の左をクリック)、ウォッチ式を始め、デバッグの各種機能が使用できます。以上で、インストールからデバッグ環境の作成までが完了です。Creator』による開発を、ざっとひととおり体験するのにおすすめです。St...2016-05-07当ブログの目次このブログのテーマは、『やってみて、メモる!』です。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。