devlog [naru design]

プログラミングやテクニカルな内容の覚え書き。

PhotoshopでiPhoneアプリをデザインしている時に、あると便利かなと思う機能を寄せ集めたエクステンションです。CS5とCS6向けを用意してあります。

ndtools

現在できることは、

  • ドキュメントのリサイズ : ニアレストネイバー法限定、2倍または1/2倍
  • レイヤーの位置を調べる : 左下原点、バウンディングボックス左下またはセンター

の2つです。必要に応じて追加していこうと思っています。

続きを読む

画像ファイルから生成したCCSpriteオブジェクトのcolorプロパティを変更すると、どのように色が変わるのかを確認しました。

確認に使った画像はモノクロとカラーの2つ。

panel.png

panel.png

panel_rgb.png

panel_rgb.png

続きを読む

Photoshopで画像解像度の変更パネルを都度開いてリサイズするのが面倒だったので、エクステンションにしてみました。

スクリーンショット 2013-01-14 2.27.14

現在製作中のiPhoneアプリは、非Retina基準でドット絵の素材を作っています。Retinaで見た時に輪郭がハッキリした2倍の画像が欲しかったので「ニアレストネイバー法」固定のリサイズツールになっています。

続きを読む

ScriptingListenerプラグインを使うと、Photoshopで行った操作をJavaScriptで記録することができます。
自分でスクリプトを作成する際の助けになると思います。

デフォルトではインストールされていないので、自分でダウンロードしてインストールする必要があります。

プラグインの説明やダウンロードは以下のページで

Photoshopヘルプ/Photoshop CS6のダウンロード可能なコンテンツ(プラグイン):
http://helpx.adobe.com/jp/photoshop/kb/plug-ins-photoshop-cs61.html

パッケージの中には、スクリプトに関するドキュメント類も含まれていました。

続きを読む

CCRepeatForeverクラスで繰り返し再生しているアクションを止めるには、runAction:の戻り値を保存しておきstopAction:に指定する。

ヘッダファイルのインポート

バイブを動作させる

“ブルルルル”っとバイブが動作します。

疑問:

テンプレートからプロジェクトを作成すると、Supported Interface Orientationsが「Landscape Left」「Landscape Right」と設定される。縦向きのアプリを作りたいので「Portrait」のみに設定したのに、シミュレータでアプリを実行すると一瞬Default.pngが横向きに表示された。横向きに表示して欲しくないんだけど、どうしたら良いか?

結論:

IntroLayer.mファイルのonEnterメソッド内でDefault.pngを90度回転して表示している部分があります。この行をコメントアウトすることで横向きに表示されなくなります。

関連:

cocos2d:アプリケーションをPortrait固定にする

以前、TexturePackerで作ったスプライトシートを使ってみました。
今回は、Retina対応/非対応のスプライトシートを用意して、cocos2dから使ってみました。

素材の作成

PhotoshopでRetina向けの素材を作成します。
ここでは、256×256ピクセルの丸い画像を2つ(通常と押された時)作成しました。

続きを読む