トップ 差分 一覧 Farm ソース プレゼンテーション 検索 ヘルプ PDF RSS ログイン

課題3

[コンピュータ,Android,漢字なぞり書き]

漢字なぞり書き 課題3 なぞり書きサンプルをデバッグする。

1 以下のファイルをダウンロードし,同じフォルダに保存する。

draw05andro06.fla(151)
DrawDialog.as(190)
face36.png(183)
face48.png(183)
face72.png(180)

2 上記フォルダに「img」フォルダを作成する。

以下のファイルをダウンロードし,「img」フォルダに保存する。
img (1).jpg(199)
img (2).jpg(193)
img (3).jpg(181)
img (4).jpg(180)
img (5).jpg(192)
img (6).jpg(175)
img (7).jpg(182)
img (8).jpg(178)
img (9).jpg(173)
img (10).jpg(172)
img (11).jpg(174)
img (12).jpg(174)
img (13).jpg(192)
img (14).jpg(180)
img (15).jpg(183)
img (16).jpg(187)
img (17).jpg(176)
img (18).jpg(169)
img (19).jpg(172)
img (20).jpg(199)

3 as3corelibライブラリを準備する。

(1)上記フォルダに「libs」フォルダを作成する。

 以下のファイルをダウンロードし,「libs」フォルダに保存する。
as3corelib.swc(173)

(2) as3corelib.swcを関連付ける。

draw05andro06.flaをダブルクリックし,FLASHCS5.5で開く。
ファイル > パブリッシュ設定 > ActionScript設定 > スクリプト > ライブラリ パス >
「+」ボタン > SWCファイルを参照
as3corelib.swcを選択し,パスを登録する。

4 draw05andro06.flaをダブルクリックし,FLASHCS5.5で開く。

5 設定を確認する。

(1) ファイル > パブリッシュ設定

(2) PlayerがAir for Androidであることを確認する。

(3) スクリプトがActionScript3.0であることを確認する。

6 Air for Androidを設定する。

(1) ファイル > Air for Android設定 > 一般タブ

項目
出力ファイル 自分で設定する。 draw-face.apk
アプリケーション名 自分で設定する。書式:なぞりがき(○○) なぞりがき(動物の顔)
アプリケーションID 世界で一つの名前を自分で設定する。 net.hirama.draw.face
バージョン 1.00
起動時の縦横比 横長モード
フルスクリーンモードにする にチェックを入れる
自動回転を有効にする にチェックを入れる

 含めるファイル 

indexandoro.swf
indexandoro-app.xml
img (1).jpg 〜 img (20).jpg

(2) ファイル > Air for Android設定 > デプロイ

 証明書 > 参照 
  課題2で作った自己署名の電子証明書ファイルを選択する。
 パスワード 証明書のパスワードを入力する
 Androidデプロイタイプ デバイスリリースを選択
 パブリッシュ後
  接続しているAndroidデバイスにアプリケーションをインストール にチェックを入れる
  接続しているAndroidデバイスのアプリケーションを起動 にチェックを入れる

(3) ファイル > Air for Android設定 > アイコン

 アイコン36*36 を選択し,ファイル選択アイコンをクリックし,face36.pngを選択し,開くをクリックする。
 アイコン48*48 を選択し,ファイル選択アイコンをクリックし,face48.pngを選択し,開くをクリックする。
 アイコン72*72 を選択し,ファイル選択アイコンをクリックし,face72.pngを選択し,開くをクリックする。

(4) ファイル > Air for Android設定 > 権限

 INTERNET にチェックを入れる
 WRITE_EXTERNAL_STORAGE にチェックを入れる

7 課題1のように,PCとタブレットを接続する。

8 ファイル > パブリッシュ

タブレットにアプリがインストールされ,アプリが起動する。

9 タブレットにインストールされたアプリの動作確認をする。

(1) 下敷き画像20枚が表示するか確認する。

(2) なぞりがきできるか確認する。

(3) バケツアイコンをタップし,全部消えるか確認する。

(4) 保存アイコンをタップし,sdカードに保存するか確認する。

(5) ギャラリーなどを用いて,sdカードに保存されたなぞりがき画像を見る。

 注:ギャラリーは反応が鈍く,保存された画像をすぐに見ることができないことが多い。

10 自分で新しく20枚の下敷き画像(img (1).jpg 〜 img (20).jpg)を作成する。

縦横のサイズ 400*400ピクセル
ファイル形式 jpg

画像作成ソフトは,何を使ってもよい。

Flashでもjpg画像を作成できる。
(1) ファイル > 新規作成
(2) 白いステージをクリックし,プロパティを開く。
(3) サイズを 400*400 px
(4) 線ツールやペンツールを用いて絵を描く。
(5) このとき太さを3ピクセルに,プロパティで指定する。
(6) ファイル > 名前をつけて保存
(7) ファイル > パブリッシュの設定 > jpeg
(8) ファイル > パブリッシュ
(9) 正しくjpgファイルが保存されたか確認する。

11 自分で新しくアイコン画像(3つのpngファイル)

縦横のサイズ 36*36ピクセル 48*48ピクセル 72*72ピクセル
ファイル形式 png

画像作成ソフトは,何を使ってもよい。

Flashでもjpg画像を作成できる。
(1) ファイル > 新規作成
(2) 白いステージをクリックし,プロパティを開く。
(3) サイズを 512*512 px
(4) 線ツールやペンツールを用いて絵を描く。
(5) このとき太さを3ピクセルに,プロパティで指定する。
(6) ファイル > 名前をつけて保存
(7) ファイル > パブリッシュの設定 > jpeg
(8) ファイル > パブリッシュ
(9) 正しくjpgファイルが保存されたか確認する。
   画像ファイルののプロパティを開いて,サイズが512*512ピクセルであることを確認する。
   画像ファイル名を○○512.jpgに変更する。(○○は任意の半角英字)
(10)縮小専用をインストールする。
   http://www.vector.co.jp/soft/win95/art/se153674.html
(11)サイズを400*400に,保存場所,ファイル名を○○400.jpgに指定する。
(12)(9)で保存したファイルをドラッグアンドドロップする。
(13) 正しくjpgファイルが保存されたか確認する。
   画像ファイルののプロパティを開いて,サイズが400*400ピクセルであることを確認する。
(14)同様に,72*72,48*48,36*36ピクセルのjpg画像を作成し,ファイル名を○○72.jpg
○○48.jpg ○○36.jpg
(15)JTrmをインストールする。
   http://www.vector.co.jp/soft/win95/art/se108932.html
(16)JTrmで○○72.jpgを開き,○○72.pngと名前を付けて保存する。
(17)同様に,○○48.jpg,○○36.jpgを○○48.png,○○36.pngの名前で保存する。

12 10と11で作成した画像を使って,新しいアプリとしてデバッグする。