strAI archive

Category : LiveLauncher (2)

Customizing Character Image – Live Launcher Witch

by str
Categories: LiveLauncher
Tags: No Tags
Comments: No Comments
Published on: 2011年11月8日

This section describes the procedures to customize the character image of Live Launcher Witch.

sample chara image PNG (32x56 px, 4 directions x 6 motions  x 3 pattern)1. Prepare PNG character image and rename its filename as “chara.png”. As for the layout, see the instructions below.
2. Copy the chara.png to the SD card of your device, as (sdcard)/strai/chara.png.
3. (After copying, unmount your SD card from your PC to be able to read the file from app.)
4. Set the parameters of the image from Settings of LiveLauncher Witch, Customize | Character Image | Width, Height, No. of Motions.
5. Set the image from Settings of LiveLauncher Witch, Customize | Character Image | Character Image | sdcard/strai/chara.png.
6. Set the display size from Settings of LiveLauncher Witch, Customize | Character Display | Width, Height.
7. (Optional) To change the motion speed, set the frame per second (FPS) from Settings of LiveLauncher Witch, Customize | Character Image | Walking FPS, Staying FPS.

[Preparation of PNG character image]

The size of character should range from 32×32 to 128×128 px, limited its width and height are multiples of 8 px.  The image must have the 3 pattern with 4 directions and motion(s) for animation.  You can put the same image at each section to omit the directions and/or motion(s).  In some case, the Stay check will make the image look better.

1. Decision of Character Size

The character size of the sample image is 32×56 px, which is rather small for high-resolution devices.  You can change the display size from Settings of LiveLauncher Witch, Customize -> Character Display -> Width, Height.  The default setting is double-sized, 64×112 px with the 8bit game sprite like scaling.  The width and height are multiples of 8 px.
2. Decision of No. of Character MotionsLocation of character motions

The sample image contains 6 motions as 6 columns for each animation row.  To use static image (no animation), you need only 1 column.

3. Create the PNG file

For the default image, I used the free software EDGE (in Japanese) to prepare the pixel art PNG with animations.  This edge file will be useful for preparation by using EDGE.

When you create the new image, you must set the size as following size.

[Width] Width of the character x No. of motions
[Height] Height of the charecter x 12

The 12 consists of 3 patterns of Stay/Walk/Boot, multiplied by 4 directions of Left lower/Upper left/Right lower/Upper right.  As for each layout, refer the sample image.

LiveLauncher Witch キャラクタのカスタマイズ

by str
Categories: LiveLauncher
Tags: No Tags
Comments: No Comments
Published on: 2011年7月31日

カスタム用サンプル画像(32x56, 4方向x6モーションx3パターン)学習型ライブ壁紙ランチャーLiveLauncher Witchの表示キャラクタのカスタマイズ手順

1. PCなどでキャラクタ画像 chara.png を作成する
2. Android端末のSDカード内 strai/chara.png に配置する
3. (SDカードをPCに接続している場合、PC接続から解除する)
4. Android端末のライブ壁紙 → LiveLauncher Witch → 設定 → 詳細設定 → キャラクタ画像 → SDカード/strai/chara.png

ここで提供している画像およびファイルは、LiveLauncher Witchでの利用に限り自由に改変・配布してかまいません。他の利用目的での転載・配布や無断使用は権利の及ぶ範囲においてその一切を禁じます。

▼chara.pngの準備

LiveLauncher Witchは32×32~128×128(px)までのキャラクタ画像を表示できます。準備する画像は図のように向きとアニメーションを含んだPNG形式ファイルです。向きやアニメーションが不要な場合は、同じ画像を配置したり、歩かないよう設定すれば違和感なく利用できます。

1. キャラクタサイズの決定

図では32×56(px)のキャラクタを使用しています。
このサイズはhdpi以上のAndroid端末にとって小さいため、表示は倍の64×112(px)を推奨しています。ちょうど倍サイズなのでドット絵らしい角点になります。ドット絵らしさが不要な場合は表示と同じキャラクタサイズで画像を作成してください。サイズは縦横とも8の倍数とします。

2. モーション枚数の決定

図では1つのアニメーションにつき6枚のモーション画像を用意しています。アニメーションが不要な場合は1とします。

3. PNGファイルの作成chara.png構成の概要

開発環境ではフリーソフト高機能ドット絵エディタEDGEを使用して作成しました。EDGEを使用する場合はサンプルファイルを参照してください。グリッドサイズをキャラクタサイズに指定するとコピー&ペーストも簡単です。

PNG画像を新規作成する場合には、以下のサイズで作成します。

[横幅] キャラクタ幅 x モーション枚数
[高さ] キャラクタ高さ x 12

高さの12倍の内訳は、[待機/歩き/起動]x[左下/左上/右下/右上]の3×4です。それぞれの配置は図を参照してください。

▼Android端末のSDカード内 strai/chara.png に配置する

以下はPCとUSB接続した場合の手順です。

1. SDカードのマウント

USB接続時や通知バーからUSB接続(マウント)を行います。

2. straiディレクトリの作成と配置

接続した端末を開き、新しく strai ディレクトリ(フォルダ)を作成してその中にchara.pngをコピーします。

3. SDカードのアンマウント(切断)

通知バーからUSBストレージをOFFにして接続を切断します。Linuxでは書き込みを確定するためあらかじめOS側でアンマウントの操作が必要になることがあります。

▼Android端末のライブ壁紙 → LiveLauncher Witch → 設定 → キャラクタ画像設定

ライブ壁紙の設定から画像と表示の設定を変更します。

1. ライブ壁紙の設定を開く

OSバージョンや端末により異なりますが、一般にはライブ壁紙のLiveLauncher Witchを選択すると現れる設定ボタンから開きます。

2. 以下のキャラクタ画像設定を変更する

キャラクタ画像(PNG) → SDカード/strai/chara.png
画像内キャラ幅、高さ → キャラクタサイズの幅、高さ
画像内モーション枚数 → モーション枚数

3. 必要に応じて以下の表示設定を変更する

キャラ表示幅、高さ → 表示するキャラクタサイズの幅、高さ
待機させる → 向きや歩きアニメーションを使用しない場合はONを推奨
位置:横、縦 → 待機させる場合には待機位置の指定を推奨

その他関連する設定項目

アニメーション速度: キャラクタ画像設定 → 歩き時FPS(枚/秒)、待機時FPS(枚/秒)
歩き時の歩幅: 表示設定 → 歩幅(横px)、歩幅(縦px)

page 1 of 1