FunnyPose
グループワーク 【合成写真作成ソフト】
2017/12
(私はUI、システム内イラスト担当,商用不可のフリー素材を使用したデザインです。)
© 2010-2020 Freepik Company S.L. All rights reserved
URL先のレポート(英語)も、ご参考ください。
https://drive.google.com/open?id=1Lbo0-ckBDT_sqFqEwqwlRvtywac6nDgk
キーボードとマウス以外のユーザーインプットを二種類以上使用するソフトを開発する課題です。
ただ要求を満たして提出するのは面白くありませんので、授業中触れたテーマから逆思考して、面白い機能持つプログラムやゲームのアイディアを得ました。
FunnyPoseは人数を合わせて決めポーズを提案できる写真アプリケーション、面白いポーズしてその後みんなの表情や動きに合う背景を選ぶことができます。
アプリケーション起動時にカメラで撮影し、素の背景のデータを取り込み。ユーザーが指定されたポーズをして、「Cheese!」と言ったら撮影される。撮影された画像と起動時に撮った背景のデータを比べ、背景除去する事ができます。その後お好きなイラストを選び、人物とイラスト背景をあわせた合成写真が出来上がります。
-----------------------------------
開発環境:Processing (Java)
機材:PC(Windows/Mac対応)、スピーカー、マイク、モニター、カメラ
担任箇所:システムフロー、UIデザイン(商用不可のフリー素材を使用したデザインです。)
ごく一部のグラフィックを自作しました。
使用技術:Adobe illustrator
①タイトル画面
タイトル画面、スタートを押すとロード画面に切り替えます。
-----------------------------------
②ロード画面
UI画面が切り替えるたび上から入れ替えします。
-----------------------------------
③スタート押されていない場合の説明画面
説明① 1~3人での撮影を選べます。
説明② 人数に合わせて決めボーズが提案されます。ポーズしたら「チーズ!」と言って撮影が行います。
説明③ 幾つ背景が用意されております、お気に入りの背景を選択してください。
ユーザー入力のない状態で説明①~③はループし続けます、ユーザー入力が確認されたら人数選択のページに移ります。
-----------------------------------
④スタート後の説明画面
-----------------------------------
⑤人数選択画面
人数を指定したら撮影画面に移ります。
-----------------------------------
⑥撮影画面
右側にはカメラ画面になります。おすすめのポーズは画面の左側に現れます、カメラ画面でポーズのフレームが表示されます。ボーズが合っていないとフレームは赤、ポーズが合っていると緑色になります。
-----------------------------------
⑦背景選択画面
背景を選らんたら、最終確認が行います。
「もう一度」、「シェア」と「終了」をお選びいただけます。
-----------------------------------
⑧シェア画面
シェアをお選ぶとフェイスブック、ツイーター、ラインとインスタグラムでの投稿配信を選べます。
-----------------------------------
⑨終了画面
終了を選ぶとお礼が表示されて、5秒後にタイトル画面に戻ります。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー