モーリーのメモ

アプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。

モーリーのメモ

VSCode

マリオみたいな2Dアクションゲームを作る! その14 ステージ開始前の画面を作る:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その13 ビットマップフォントでスコア等を表示する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その12 ビットマップフォントを作成する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その11 スライム(敵)を作る:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その10 タイルマップでコインを配置する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その9 コインのプレハブ(Prefab)を作成する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その8 カメラワークを設定する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その7 タイルマップでステージを作る:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その6 プレイヤーにアニメーションを追加する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その5 二段ジャンプ、調節ジャンプを追加する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その4 接触イベントで着地判定する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その3 プレイヤーをキー操作する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ ◆ 最初から読みたい場合はココをクリックして下さい。◆ こちらの記事の続きです。 mmorley.ha…

マリオみたいな2Dアクションゲームを作る! その2 物理エンジンを使用する:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さい。◆ こちらの記事の続きです。 mmorley.hatenablog.com 今回は、『プレイヤーキャラクター(以下…

マリオみたいな2Dアクションゲームを作る! その1 プロジェクトの作成:Cocos Creator

◆ Cocos Creatorでスーパーマリオみたいな2Dアクションゲームを作ります。◆ 画像等の素材の入手、開発環境のセットアップから開始して、なるべく詳細に手順を載せていきます。 ◆ このシリーズの他の記事を見るには『PlatformerGame』タグをクリックして下さ…

Cocos Creatorのインストールからデバッグ環境の作成まで行う!

<今回やること!> Cocos Creatorをインストールします。 VS Code(Microsoft Visual Studio Code)をインストールします。 デバッグ環境を作成します。 この記事を読めば、『Cocos Creator』のゲーム開発環境が構築出来(るはず!)ます。Macで作業してい…

Visual Studio Codeでコード編集&デバッグする!:Cocos Creator

<今回やること!> Cocos CreatorのコードエディタをVisual Studio Code(以下、VSCode)に変更します。 VSCodeでWeb向けのデバッグするための設定を行います。 Cocos Creatorに最初から組み込まれているコードエディタはデバッグ機能がありません。 また、…

Visual Studio Codeでデバッグする!:Node.js

Node.jsのデバッグ環境が欲しい!ということで調べると、Visual Studio Code(以下、VSCode)で簡単に出来ることがわかりました。 VSCodeは既にエディタとして利用しているので、早速試してみました。

HTMLとCSSをEmmetで書いてみる!:Visual Studio Code

Emmetとは、HTMLとCSS を省略記法で、効率よく書くためのプラグインです。 Visual Studio Code(以下、VSCode)では、標準で使えます。 例えば、 html:5 と入力して、Tabキー(*VSCodeの場合)を押すと <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> ↑のようにコードが展開されます。 …