2Dキャラクタを描く！ その１：Inkscape

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

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

　こちらの記事で改良版も紹介しています。『結合セルの自動判別』や『文字色・セルの背景色を反映』等の機能を追加しています。

mmorley.hatenablog.com

　
　Googleスプレッドシートに、↓こう書いて

　ぽちっとすると

　テーブルタグが出来るようにします。

　記事に貼り付けるとこうなります。

グループ	名前	個数
果物	りんご	2
	みかん	1
野菜	たまねぎ	3

　見出しセル（thタグ）、文字寄せ、セル内の改行、セルの結合が出来ます。
　
　作り方を説明します。

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用にビルドしたのでスマホからでも見ることが出来るのですが、問題は表示サイズです。
　このブログの記事の部分の幅は560px（見出しの幅を図りました）なので、アプリの幅を550pxにしていました。
　ここ数年のスマホの画面サイズにも十分収まるので、勝手にこの幅でいけると思っていました。
　
　が、結果全然だめでした。はみ出しまくりです。
　ブログのスマホの表示幅を調べると360pxぐらいらしいです。せまい。
　スマホに合わせるとPCだと小さいしどうしよう。
　
　と思って調べたら、なんとか解決方法が見つかりました。

当ブログの目次

　このブログのテーマは、『やってみて、メモる！』です。
　
　プログラミング、画像・音声作成等、興味を持ったものをやってみて、その実践内容を記事にしています。
　Macの操作やはてなブログのカスタマイズに関する記事もあります。
　
　自分がまとめた内容も、時間が断つと忘れちゃうので、手順などを詳しめに書いています。
　記事が増えてきたので、分類してみました。

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

　パズドラのチャレンジダンジョンや降臨ダンジョン等のクリア報酬の一覧です。
　報酬と、何日前のメールかで検索が出来ます。

　一覧の表示、検索にも時間がかかる場合があります。