スライド 1 - JointApps

『パラパラ漫画アプリメーカー』を作る。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
今回は昇順・降順ブロックを使って、
パラパラ漫画を描いて、再⽣できるアプリを作ってみます。
データブロックの⾚い⽮印のブロックが昇順
⻘い⽮印のブロックが降順のブロックです。
それぞれ、上がボタンを押すと、順番に切り替わります。
下はタイマーで設定したタイミングで⾃動的に切り替わります。
【昇順ブロック 001⇒002⇒003】
【降順ブロック 003⇒002⇒001】
画像データはフォルダ名/ファイル名でつけます。
再⽣するときは、フォルダ名/ で設定します。
これでフォルダの中にあるファイルが名前の昇順/降順で再⽣されます。では作ってみましょう！
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
1-1.タイトルページのブロックを並べます。
１列⽬：画像表⽰
（タイトル画像⽤）
（タイトル⽂字⽤）
２列⽬：ラベル
３列⽬：タイマー＋ページ移動（⾃動的にページを移動）
1-2.ブロックに画像や⽂字を⼊れます。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
1-3.レイアウトします。
画像表⽰ブロック
ラベルブロック
HDMI / QHD / WVGAそれぞれにセッティングします。
1-4.保存します。
アプリのタイトル名を
カテゴリは練習
公開設定を“公開”に
保存ボタンで保存します。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
1-5.アプリ側で再⽣します。
①アプリアイコンをタップ
③アプリアイコンをタップ
タイトルがきれいに並んで
⾃動的に次のページ（真っ⽩）に
移動すれば成功です。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
②⾃分のアプリを
タップ
2-1.パラパラ漫画を描く1ページ⽬のブロックを並べます。
１列⽬：画像表⽰
（タイトル画像⽤）
２列⽬：ラベル
（タイトル⽂字⽤）
３列⽬：タイマー＋ページ移動（⾃動的にページを移動）
1-2.ブロックに画像や⽂字を⼊れます。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
2-1.パラパラ漫画を描く1ページ⽬のブロックを並べます。
１列⽬：ボタン＋ペン＋スクリーン＋ペン選択
（ペンで⽂字を描けるようにするボタン）
２列⽬：ボタン＋ページ移動
（描いたものをすべて消去するボタン）
３列⽬：ボタン＋キャプチャ＋スクリーン＋画像保存（ペンで描いた画像を保存）
４列⽬：ボタン＋ページ移動
（2枚⽬を描く画⾯に移動するボタン）
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
2-２.パラパラ漫画を描く1ページ⽬のブロックを設定します。
保存名は、para/001
paraという名前の
フォルダに001という
画像を⼊れる形に
しておきます。
のちほど
設定
2-３.レイアウトします。
HDMI / QHD / WVGAそれぞれにセッティングします。
消すボタン
絵が描ける様
真ん中はあける
ペンボタン
保存ボタン
保存ボタン
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
2-4.保存します。
OKボタンを押して、
保存画⾯を出し、
そのまま下の保存ボタンを
押して上書き保存します。
2-５.アプリ側で再⽣してみます。
アプリの戻るボタンで⼀覧に戻り、もう⼀度⾃分のアプリを
選択。Updateボタンを押してから、Playボタンを押します。
これでアプリの情報が更新されて再⽣されます。
画⾯が切り替わり、ペンで絵が描けて、保存が出来る。
消すボタンで、絵を消すことが出来ればOKです。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
３-１.２枚⽬のパラパラ漫画を描くページを作る。
２枚⽬・３枚⽬のパラパラ漫画を描くページは、２ページ⽬の１枚⽬のパラパラ漫画を
描くページをコピーします。ブロックをつなぐタブに切り替えて、“ページをつくる/すてる”ボタンを押します。
ページの追加画⾯で、
ページ名（パラパラ２）を⼊⼒、
“コピーを作成する”のチェックボックスに
チェックを⼊れて、
コピーしたいページ（ページ２パラパラ１）を
プルダウンから選択します。
追加ボタンでページ作成をします。
ブロック列・設定・レイアウトすべてがコピー元のページ（ページ２パラパラ１）と
同じページが出来ました。
保存ボタンだけ、ボタンの中の⽂字表⽰を変えましょう。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
３-２.保存ボタンの⽂字と保存名を書き換える。
para/001 を para/002 に書き換えます。
保存を２枚⽬保存に
書き換えます。
３-３.２ページ⽬と３ページをつなぐ
まず２ページ⽬に戻ります。ページ名横の三⾓⽮印ボタンで１つ前のページ戻ります。
ページ移動ボタンを
３に変更します。
OKボタンでデータを保存します。
４ページ⽬となる
３枚⽬のパラパラ漫画を描くページも
同様にコピーして作りましょう。
３枚⽬も同様に作り、
保存ボタン名を３枚⽬保存に
保存名をpara/003に
そして、ページ移動も３ページから
４ページにつなげます。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
４-１.３枚⽬のパラパラ漫画を描くページをコピーで作成
３ページ⽬の、“２枚⽬のパラパラ漫画を描くページ”を作ったのと同様に
ページをコピーして、パラパラ４と名をつけて、コピーにチェックを⼊れて、
３ページ⽬をコピーします。
４-２.ブロック設定を書き直す。
para/003
３枚⽬保存
パラパラ再⽣
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
5-１.パラパラ再⽣ページを作る。
5-２.４ページに戻り、ページ移動ボタンをつなぐ
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
5-３.ブロックを並べる
５ページ⽬に戻って、図のように並べます。
5-４.設定を⼊⼒します。
para/に設定することで
００１⇒００２⇒００３と
順次表⽰する。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
5-5.ブロックを並べる
レイアウトします。 HD/QHD/WVGAすべてに⾏います。
5-6.保存して再⽣してみましょう。
OKボタンで、保存ボタンをそのまま押し、上書きします。
AndroidのアプリJointAppsPlayerで最後の確認です。
Updateボタンを押してから、Playしてみましょう。
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved
５-7.再⽣してみる。
Updateボタンを押してから、Playボタンで再⽣します。
１. ペンで書く
２．保存する
３．次へボタンで次へ
これを３回⾏います。
最後にパラパラ再⽣ボタンを
押すと…。
３コマのパラパラ漫画が
再⽣されれば⼤成功です！
枚数を増やしてもう少し⻑い
パラパラを作る事も出来ますし、
４コマ漫画とかもできますね！
⾊々試してみてください。
See You!
Copyright ｃ 2015 Digital Hollywood Co. Ltd All Rights Reserved

Download Report