【説明】アニメーション再生までの手順 #178

Open g-akagi opened this issue on 28 Sep 2021 - 0 comments

g-akagi commented on 28 Sep 2021

-----大まかな説明-----

【アニメーション制作画面】

・お絵描き

・お絵描き中に次のページにいく

・各ページのスクショを撮る

↓ 画像をbase64(文字列)にする

・サーバーに送る

↓ base64(文字列)を画像にする

・サーバー内のフォルダに画像を保存

【アニメーション再生画面】

・各ページのスクショをサーバーから取ってくる

・アニメーション再生

-----詳細説明-----

「クライアント側」

・スクショを取る
→ bitmap(座標と色情報)で保存
→ エンコード
→ Base64(文字列)にする
→ サーバーにBase64(文字列)を送る

「サーバー側」

・Base64(文字列)を受け取る
→ デコード
→ .png(画像データ)にする
→ サーバー内の指定フォルダに格納

「クライアント側」

・GETする
→ 画像データが格納されているフォルダのURLを取ってくる。
→ URLで画像表示
→ 画像をつなげてアニメーション表示

-----メモ【サーバー内、スクショの格納場所】-----

デスクトップ左下の検索で「¥¥nitta-lab-www」と検索すると開けます(¥¥は半角)
http://nitta-lab-www.is.konan-u.ac.jp/gallery/0/0/a0p0.png
仮に画像入ってます。
/gallery : nitta-lab-www > wabapps内に「gallery」というファイルがあります
/0 : aidです
/0   : pageNoです
/a0p0.png : aidとpageNoを入れた名前にしてみました

ちなみに...スラックに送っていた過去投稿から...
/gallery/{aid}/pagetMap/{pid}/image「GET」した時に下記のようなURLを返します。
http://nitta-lab-www.is.konan-u.ac.jp/gallery/0/0/a0p0.png
上記は「aid : 1111, pid : 0」の場合なので、/gallery/1111/pagetMap/0/image「GET」したとき。

Labels

Priority
important
Milestone
No milestone
Assignee
No one
1 participant