Born Neet

好評（？）のCanvasで粛々とゲームを作る連載企画（？）。

前回は敵（クロネコ）を登場させました。
しかし、一方的にこちらがいじめられるだけでした。

というわけで、反撃できるようにしました。

攻撃

ダメージを受けたときの挙動が、
「向いている方向の逆に飛ぶ」
なので、端っこで外側を向いている敵に攻撃すると自爆します。

まぁファミコンのゲームとかって、こういう理不尽な仕様あったよね・・・ってことで。

さて、このままだとエンドレスで戦闘が続いちゃうので、
次はダメージ計算でもやってみますか。
（あと、スーパークラス作って、主人公、敵、剣を継承させるようにしなとメンテが大変^^）

さて、珍しくまだ飽きずにCanvasプログラミングを続けています。

いつも通り、行き当たりばったりでコードを書いてたら汚くなってきたので、
ここらでリファクタリングしました。
（速度的にはあまりよくないけど、オブジェクト毎にファイルを分けました。
個々のソースは汚いまんまです^^）

ついでに背景と影をつけて、敵を登場させました。
※ 攻撃が効かないので、ひたすらやられるのみですが・・・

敵

次は反撃できるようにします。

近頃はCanvasでプログラミングしながら、
Macのお勉強をしています。
一石二鳥です。

というわけで今日はFTPと画像編集。

FTP

いろいろ方法はありますが、
Cyberduck | FTP, SFTP, WebDAV, Cloud Files & Amazon S3 Browser for Mac OS X |
を使いました。

FFFTP風じゃなきゃ嫌だって人は、FireFTPがいいみたい。
僕も2ペイン派でしたが、1ペインも意外と使いやすいもんですねー。

画像編集

ペイントツール（Seashore）も使ってみましたが、
せっかくなのでターミナルでやってみました。

まずはMacのパッケージ管理システム、MacPortsを入れます。

終わったらターミナルを再起動後、

sudo port install ImageMagick

と入力しImageMagickをインストールします。（結構時間がかかります。）

これで準備は完了です。
※ ちなみにファイルのDLはwgetの代わりに「curl -O」が使えます。
　　（sudo port install wgetで入れればいいんですが・・・）

画像の結合

画像の結合は以下のコマンドを実行します。

縦方向
convert -append src1.png src2.png result.png

横方向
convert +append src1.png src2.png result.png

画像の反転

画像の反転もコマンド一発です。

縦方向
convert -flip src.png result.png

横方向
convert -flop src.png result.png

透過色設定

透過色設定は次の通り。
※ ちなみに画面上の色は、
　　アプリケーション > ユーティリティ > DigitalColor Meter
　　で確認できます。（Windowsでいう色々の色みたいな感じ）

convert -transparent black src.png result.png
convert -transparent "#007575" src.png result.png

以上、まだまだMacに慣れなくて作業効率が悪くなってしまっている状況ですが、
徐々に使いこなしていきたいと思います。

前回の予告通り、剣を振らせてみます。
スペースキーでどうぞ。

剣

ソースは見ないで下さい・・・。
あまりにもひどいので、リファクタリングしようと思います。

こんにちは。

さて、最近元気のない（Canvasプログラミングに熱中してたらそうでもなくなってきた）僕ですが、
そんな時には外部からの刺激を受けるに限ると言うことで、

Firefox Developers Conference 2009 - アドオンで Web の未来を切り開く！

に申し込んでみました。

アドオンなんて、大学のゼミで先輩の作りかけのやつを保守したいらい触ってないですが、
いろいろおもしろそうな話題満載で楽しみです。

せっかく参加するんだから、そこで得た知識を使ってアドオンの1つぐらいはリリースしたいと思います。
※ インプットだけじゃ意味ないですもんね！

当日会場で出会った方はお手柔らかにお願いします。
（基本引きこもりなので･･･）