モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Creator<今回やること!>こちらの記事でJavaScirptで作成したスクリプトをTypeScriptで書きます。Creatorは、スクリプトをJavaScriptとTypeScriptで書くことが出来ます。TypeScriptはJavaScriptから派生したもので、その名が示すように、型(Type)の定義が厳密になっています。TypeScriptを使うメリットは、型定義が厳密であるがために、オートコンプリート(コードの自動補完)が確実に使えることです。JavaScriptの場合は値やオブジェクトの代入時に型が決まるので、オートコンプリートが機能しない場合があります。型が厳密なことで代入ミスなどのケアレスミスが防げます。TypeScriptに詳しい方からはメリットはまだまだあると言われそうですが、私がTypeScriptを使う1番のメリットは上記の点によりコーディングの効率が上がることです。JavaScriptからTypeScriptへ書き換える場合には、それほど変更点がないのも良い点です。CreatorではCoffeeScriptが使用できましたが、現在は無くなっています。TypeScriptは、Microsoftが開発した言語で、エディタのVSCodeもMicrosoft製です。Googleの社内標準言語に採用されたとの記事がありましたし、人気のプログラミング言語でも上位に挙げられるので、将来性はありそうです。TypeScriptのコードは、ファイルごとにまとめて記載します。チュートリアルをやってない方は、チュートリアルの記事を御覧ください。CreatorTweet広告を非表示にするもっと読むコメントを書く2019-05-21アニメ調の雲を作成する!:BlenderBlender<今回やること!>アニメ調の雲を作成します。写真のようなリアルな雲ではなくて、無作為にモコモコした雲を作成します。記事中のキー操作については、Windowsの場合は『option』キーを『alt』キーに置き換えて下さい。JavaScript<今回やること!>こちらの記事の続きを行います。mmorley.hatenablog.comスコアの表示、ゲームが失敗した時のシーンのリロードや効果音の再生の処理等を追加します。今回でチュートリアル完了です。JavaScript<今回やること!>こちらの記事の続きを行います。mmorley.hatenablog.comスクリプト(ソースコード)を書いて、アニメーション、キー入力、ループ処理等を実装します。前回は、ゲームシーンを作成して『Canvas』に背景、地面、キャラクタを配置しました。今回は、スクリプトを書いて、ゲームに必要な機能を実装します。game』)をします。チュートリアルで作成するゲームの画面です。作成に必要なリソース(画像、音声、ビットマップフォント等の素材)は、あらかじめ用意されています。Creator』の使い方をゼロから、ざっとひととおり体験するのにおすすめです。Creator』の開発環境の構築については、こちらの記事で説明しています。mmorley.hatenablog.comゲーム開発に興味がある方はぜひお試してみてね。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ページ等を利用すれば、はてなブログに載せる事も出来ます。World』プロジェクトを実行するところまでを説明します。Creatorのインストールからデバッグ環境の作成まで行う!Tweet広告を非表示にするもっと読むコメントを書く2019-04-16金・銀・銅のようなマテリアルを設定(Blenderレンダー):BlenderBlender<今回やること!>『Blenderレンダー』で金・銀・銅っぽく見えるマテリアルを設定します。リアルさは『Cyclesレンダー』が上ですが、レンダリングの速さで『Blenderレンダー』を使っています。金・銀・銅は、ベースとなる色が異なるだけで作り方は同じです。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。