モーリーのメモ

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

モーリーのメモ

タイルマップ(Tiled)でステージを作成!:Cocos Creator

タイルマップとは、 下図のような色々なパターンのタイルを並べて、 マップやステージを作成したものです。 タイルのパターンのセットは、タイルセットとかマップチップとか呼ばれます。素材配布サイト等で有償/無償で入手出来ます。 タイルセットからマップ…

ジョイスティックでキャラクタを動かす!:Cocos Creator

こちらの記事で2Dのキャラクタのアニメーションを作りました。 mmorley.hatenablog.com ↑ではボタンでアニメーションを切り替えていましたが、ゲームらしくするためにジョイスティックでキャラクタを動かせるようにしてみました。

2Dキャラクタを描く! その4(完):Inkscape

こちらの記事の続きです。 2Dゲームで使うキャラクタの絵を描いています。 mmorley.hatenablog.com 前回で、それらしく出来たので、パーツごとに分けて、『Cocos Creator』で動かしたいと思います。

2Dキャラクタを描く! その3:Inkscape

こちらの記事の続きです。 2Dゲームで使うキャラクタの絵を描いています。 mmorley.hatenablog.com 前回は全てのパスに色を設定し、線画の線幅を調整しました。 これで良いかなという気もしますが、今回はこれに影とハイライトを付けます。

2Dキャラクタを描く! その2:Inkscape

こちらの記事の続きです。 2Dゲームで使うキャラクタの絵を描いています。 mmorley.hatenablog.com 下絵をトレースしたパスに色を設定していきます。

googleドキュメントで、ソースコードのインデント設定とHTMLタグの作成!

記事を修正しました。 2016.05.24:追記 注意!:この記事のスクリプトでは、正しく処理できない場合が多々あります。参考程度として利用して下さい。 記事を削除しようかと思いましたが、部分部分で参考になるソースコードもあるので、とりあえず残します。…

Version.1.0.3のアップデート情報!:Cocos Creator

Cocos CreatorのVersion.1.0.3がリリースされていました。 前回の更新から8日後です。 はやっ。

2Dキャラクタを描く! その1:Inkscape

こちらの記事で描いたキャラクタの下絵を元にInkscapeで描きます。 mmorley.hatenablog.com 最終的には、体をパーツごとに分けて、Cocos Creaorでアニメーションにしたいと考えています。

テーブルタグをGoogleスプレッドシートで作る!

修正情報 2016.05.27:コードの修正 セル内の改行が1個目しかbrタグに変換されなかったのを修正しました。 Googleスプレッドシートに、↓こう書いて ぽちっとすると テーブルタグが出来るようにします。 記事に貼り付けるとこうなります。グループ名前個数果…

Inkscapeのショートカットをcontrolからcommandキーに変更

Macでコピーは『command + c』を使いますが、 Inkscapeでは『control + c』です。 ややこしいのでInkscapeもcommandキーで操作出来るようにします。 また、altキーの代わりにoptionキーを使用出来るようにします。 『alt + クリック』で下にあるオブジェクト…

2Dキャラクタを描いてみる!

以前にCocos Creatorで、2Dキャラクタのアニメーションに挑戦しました。 こちらの記事です。 mmorley.hatenablog.com この時は、パーツの作り方と動きの確認がメインだったので、マネキンのような絵を使いました。 ちょっと不気味です。 それにパーツの重な…

はてなブログでPCとスマホで内容を変更する!

こちらの記事で、Webアプリをはてなブログ内に貼り付けました。 mmorley.hatenablog.com ところが問題発生。 このWebアプリは、Cocos CreatorでWeb Mobile用にビルドしたのでスマホからでも見ることが出来るのですが、問題は表示サイズです。 このブログの記…

当ブログの目次

このブログのテーマは、『やってみて、メモる!』です。 プログラミング、画像・音声作成等、興味を持ったものをやってみて、その実践内容を記事にしています。 Macの操作やはてなブログのカスタマイズに関する記事もあります。 自分がまとめた内容も、時間…

パズドラ チャレンジ&降臨系ダンジョン クリア報酬一覧

パズドラのチャレンジダンジョンや降臨ダンジョン等のクリア報酬の一覧です。 報酬と、何日前のメールかで検索が出来ます。 一覧の表示、検索にも時間がかかる場合があります。

Version.1.0.2のアップデート情報!:Cocos Creator

Cocos CreatorのVersion.1.0.2がリリースされていました。 力を入れているのか、更新がはやいですね。 バージョン番号的にマイナーアップデートなので、不具合修正がメインでしょうか。 さっそく、試してみます。

CurveのBevelの暴走を直す!:Blender

CurveのBevelの暴走というのは、これの事です。 まず、その①は、 ボーンとなっちゃう事です。 その②は、 向きが↑こうなったり↓こうなったりする事です。 これらを直します。

CoffeeScriptを使ってみる!:Cocos Creator

こちらの記事で、CoffeeScriptについて調べました。 mmorley.hatenablog.com せっかくなので、1度は使ってみよう!ということで、CoffeeScriptを実際に試してみます。 Cocos CreatorでJavaScriptとCoffeeScriptが使えるので、実行環境はすでに整っています…

CoffeeScriptについて調べてみる!

CoffeeScriptは、『CocosCreatorが現在サポートしている言語は、JavaScriptとCoffeeScriptだけです。』というアナウンスで知ったぐらいニワカです。 変な名前だな、ぐらいでスルーしていたのですが、ちょっと興味が沸くことがありました。 『JavaScriptの変…

Google Adsenseの『ページ単位の広告』を設定!

『Google Adsence』からお誘いが来ていたので、誘われてみます。 まだベータ版らしいですが、ものは試しです。 『〜高い収益が期待され〜』ですって!

無料のスプライトシート作成ソフト!(『Cocos Studio2』)

紹介するのは『Cocos Studio2』です。 これはスプライトシートを作成する専用のソフトではありません。 本職はあくまで開発環境なので、容量はかなり大きいです。 インストーラが732.3MB、インストール後のアプリのサイズは1.6GBあります。 でも無料で、ユー…

経過日数の計算:JavaScript

多くのPCは、協定世界時 (UTC) での1970年1月1日 午前0時0分0秒を起点として時刻を管理しています。 なぜかこの時刻?と思って調べると『(UNIX時間の)取り決めをした時に、PCの時刻管理のデータ容量を考慮すると当分持つし、キリが良いから』だそうです。 …

『var』と『let』、『==』と『===』の違い:JavaScript

『Cocos Creator』のコードエディタは簡単な構文チェックをしてくれます。 このエディタでコードを書いていると、今まで使っていた『Cocos Code IDE』では何も言われなかった所で警告が出たりします。 今回はこの警告がきっかけで調べた、『var』と『let』、…

JSONファイルの読み込み:Cocos Creator

JSONファイルの読み込みは、『Cocos Studio2』の時とそんなに変わらないだろうと思っていたのですが、意外に苦戦しました。 実質的には、JSONファイルの読み込みに苦戦したというよりはJSONファイルのパスの渡し方に苦戦しました。 まだ、完全に理解した訳で…

2Dキャラクタアニメーションをテスト! その5(完):Cocos Creator

こちらの記事の続きです。 mmorley.hatenablog.com 前回は、歩くアニメーションを作りました。 今回は他にも『走る』、『ジャンプする』等のアニメーションを作って見たいと思います。

2Dキャラクタアニメーションをテスト! その4:Cocos Creator

こちらの記事の続きです。 mmorley.hatenablog.com 前回は、『Cocos Creator』で体のパーツを組み立てました。 各パーツの関節の位置にアンカーポイントを置き、動きや表示順序を考えてパーツ(ノード)の親子関係を作りました。 次は、歩くアニメーションを…

2Dキャラクタアニメーションをテスト! その3:Cocos Creator

こちらの記事の続きです。 mmorley.hatenablog.com 前回は、座標の構成について考えました。 次は、各パーツの親子関係と表示順序を考えながら、『Cocos Creator』で実際に組み立ててみます。

2Dキャラクタアニメーションをテスト! その2:Cocos Creator

こちらの記事の続きです。 mmorley.hatenablog.com 前回は、2Dキャラクタのパーツ構成を考えました。 17個のパーツを動かすとなると、この先面倒くさそうですが、もう少し頑張ります。 次は、これらのパーツを『Cocos Creator』で動かせるように、組み立…

2Dキャラクタのアニメーションを作る! その1:Cocos Creator

アクションゲームでキャラクタが移動する時、キャラクタが静止画のままでは違和感満載です。 歩く、走る、ジャンプする等の状態に応じたアニメーションをキャラクタにさせる必要があります。 ということで、今回はCocos Creatorで2Dのキャラクタのアニメー…

ListViewを作る! その2(完):Cocos Creator

以前、こちらの記事の続きです。 mmorley.hatenablog.com 前回は、『ListView』の外枠の部分を作りました。 今回は、リストの項目を作って『ListView』に追加します。

ListViewを作る! その1:Cocos Creator

以前、Cocos Studio 2を使ってListViewを作成しました。 mmorley.hatenablog.com 今回は、同じものをCocos Creatorで作成します。 Cocos CreatorにはListViewコンポーネントがありません。 ScrollViewコンポーネントをカスタマイズしてListView作成します。