『パラパラ漫画アプリメーカー』を作る。 fileアプリの戻るボタンで⼀覧に戻り、もう⼀度⾃分のアプリを. ... ブロックをつなぐタブに切り替えて、“ページをつくる

Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved

『パラパラ漫画アプリメーカー』を作る。


今回は昇順・降順ブロックを使って、パラパラ漫画を描いて、再⽣できるアプリを作ってみます。

データブロックの⾚い⽮印のブロックが昇順⻘い⽮印のブロックが降順のブロックです。それぞれ、上がボタンを押すと、順番に切り替わります。下はタイマーで設定したタイミングで⾃動的に切り替わります。

【昇順ブロック

001⇒002⇒003】

【降順ブロック

003⇒002⇒001】

画像データはフォルダ名/ファイル名でつけます。

再⽣するときは、フォルダ名/

で設定します。

これでフォルダの中にあるファイルが名前の昇順/降順で再⽣されます。では作ってみましょう！


1-1.タイトルページのブロックを並べます。

１列⽬：画像表⽰

（タイトル画像⽤）２列⽬：ラベル

（タイトル⽂字⽤）３列⽬：タイマー＋ページ移動（⾃動的にページを移動）

1-2.ブロックに画像や⽂字を⼊れます。


1-3.レイアウトします。

HDMI

/

QHD

/

WVGAそれぞれにセッティングします。

画像表⽰ブロック

ラベルブロック

1-4.保存します。

アプリのタイトル名を

カテゴリは練習

公開設定を“公開”に

保存ボタンで保存します。


1-5.アプリ側で再⽣します。

①アプリアイコンをタップ

②⾃分のアプリをタップ

③アプリアイコンをタップ

タイトルがきれいに並んで⾃動的に次のページ（真っ⽩）に移動すれば成功です。


2-1.パラパラ漫画を描く1ページ⽬のブロックを並べます。

１列⽬：画像表⽰

（タイトル画像⽤）

２列⽬：ラベル

（タイトル⽂字⽤）

３列⽬：タイマー＋ページ移動（⾃動的にページを移動）

1-2.ブロックに画像や⽂字を⼊れます。


2-1.パラパラ漫画を描く1ページ⽬のブロックを並べます。

１列⽬：ボタン＋ペン＋スクリーン＋ペン選択

（ペンで⽂字を描けるようにするボタン）

２列⽬：ボタン＋ページ移動

（描いたものをすべて消去するボタン）

３列⽬：ボタン＋キャプチャ＋スクリーン＋画像保存（ペンで描いた画像を保存）

４列⽬：ボタン＋ページ移動

（2枚⽬を描く画⾯に移動するボタン）


2-２.パラパラ漫画を描く1ページ⽬のブロックを設定します。

のちほど設定

保存名は、para/001

paraという名前のフォルダに001という画像を⼊れる形にしておきます。

2-３.レイアウトします。

絵が描ける様真ん中はあける

消す

ボタン

ペン

ボタン

保存

ボタン

保存

ボタン

HDMI

/

QHD

/

WVGAそれぞれにセッティングします。


2-4.保存します。

OKボタンを押して、保存画⾯を出し、そのまま下の保存ボタンを押して上書き保存します。

2-５.アプリ側で再⽣してみます。アプリの戻るボタンで⼀覧に戻り、もう⼀度⾃分のアプリを選択。Updateボタンを押してから、Playボタンを押します。これでアプリの情報が更新されて再⽣されます。画⾯が切り替わり、ペンで絵が描けて、保存が出来る。消すボタンで、絵を消すことが出来ればOKです。


３-１.２枚⽬のパラパラ漫画を描くページを作る。

２枚⽬・３枚⽬のパラパラ漫画を描くページは、２ページ⽬の１枚⽬のパラパラ漫画を描くページをコピーします。ブロックをつなぐタブに切り替えて、“ページをつくる/すてる”ボタンを押します。

ページの追加画⾯で、ページ名（パラパラ２）を⼊⼒、“コピーを作成する”のチェックボックスにチェックを⼊れて、コピーしたいページ（ページ２パラパラ１）をプルダウンから選択します。追加ボタンでページ作成をします。

ブロック列・設定・レイアウトすべてがコピー元のページ（ページ２

パラパラ１）と同じページが出来ました。

保存ボタンだけ、ボタンの中の⽂字表⽰を変えましょう。


３-２.保存ボタンの⽂字と保存名を書き換える。

para/001 を

para/002 に書き換えます。

保存

を

２枚⽬保存

に書き換えます。

３-３.２ページ⽬と３ページをつなぐまず２ページ⽬に戻ります。

ページ名横の三⾓⽮印ボタンで１つ前のページ戻ります。

ページ移動ボタンを３に変更します。OKボタンでデータを保存します。

４ページ⽬となる３枚⽬のパラパラ漫画を描くページも同様にコピーして作りましょう。

３枚⽬も同様に作り、保存ボタン名を３枚⽬保存に保存名をpara/003に

そして、ページ移動も３ページから４ページにつなげます。


４-１.３枚⽬のパラパラ漫画を描くページをコピーで作成

３ページ⽬の、“２枚⽬のパラパラ漫画を描くページ”を作ったのと同様にページをコピーして、パラパラ４と名をつけて、コピーにチェックを⼊れて、３ページ⽬をコピーします。

４-２.ブロック設定を書き直す。

para/003

３枚⽬保存

パラパラ再⽣


5-１.パラパラ再⽣ページを作る。

5-２.４ページに戻り、ページ移動ボタンをつなぐ


5-３.ブロックを並べる

５ページ⽬に戻って、図のように並べます。

para/に設定することで００１⇒００２⇒００３と順次表⽰する。

5-４.設定を⼊⼒します。


5-5.ブロックを並べる

レイアウトします。

HD/QHD/WVGAすべてに⾏います。

5-6.保存して再⽣してみましょう。

OKボタンで、保存ボタンをそのまま押し、上書きします。AndroidのアプリJointAppsPlayerで最後の確認です。Updateボタンを押してから、Playしてみましょう。


５-7.再⽣してみる。

Updateボタンを押してから、Playボタンで再⽣します。

１.

ペンで書く２．保存する３．次へボタンで次へ

これを３回⾏います。最後にパラパラ再⽣ボタンを押すと…。

３コマのパラパラ漫画が再⽣されれば⼤成功です！

枚数を増やしてもう少し⻑いパラパラを作る事も出来ますし、４コマ漫画とかもできますね！

⾊々試してみてください。

See You!

Documents

『パラパラ漫画アプリメーカー』を作る。 fileアプリの戻るボタンで⼀覧に戻り、もう⼀度⾃分のアプリを. ... ブロックをつなぐタブに切り替えて、“ページをつくる