LogoMark.png

小森丈/卒業研究II のバックアップ(No.6)


logo01.png

WEBブラウザ上で表現できるマルチ映像の制作

SS2.jpg


Overview

Introduction / What is This

Background and Purpose

Concept

Output


Tools

illustrator , dreamwever

Term


Conclusion / Summary




Survey

Present Status

項目別のページの映像の本数が少ない
どんなサイトなのか伝わりやすくするためにサイトの世界観を作り込む必要がある

Precedent

インタラクティブなサイトの先行事例
https://canvas.jjangik.com/?ckattempt=1

Technique / Technology




Project Management

・10月-1週目
カラーチェンジ実装(〆)
映像の追加


・10月-2週目
映像の追加
ブラッシュアップ
概要作成


・10月-3週目
ブラッシュアップ
概要作成


・10月-4週目
概要作成
作品提出



ToDo

NotToDo







worklog




2021.10.01

進捗

カラーチェンジの実装完了
クリックで映像の色が変わるようになった。

memo

前期から大きなアップデートがないので分かりやすい変化を作る必要がある(?)
モックアップを制作し展開事例を紹介する
映像を多くストックし、リロード時にランダムで映像を読み込むようにする

配列変数
let fileNameでファイルを読み込ませてランダムで並べさせる
https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/Syntax
https://koichi-inoue.github.io/JQ_ImageSwitcher/script.js
https://koichi-inoue.github.io/JQ_ImageSwitcher/



2021.09.29

memo

個別ページの作成、アップロード
border、other shapesはそのままの並べ方で新色を追加する方向性でも良いと思ったが、circleのページの映像の並べ方はもう少し考えようと思う。



2021.09.24

memo

拡大時のレイアウト崩れを防ぐために高さの調整を行った。

#canvas{height : auto}



2021.09.20

操作ガイドのデザイン例や追加する映像の調査