LogoMark.png

小森丈/卒業研究I

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

Schedule


ToDo

NotToDo







worklog




2021.07.29

研究発表

指摘いただいた点、気づいたこと

調査

100 years Bauhaus
バウハウス(bauhaus)の教育者たち。ヨハネス・イッテンとモホリ=ナジ

2021.07.05

https://normotion.github.io/prog-8.github.io/

2021.07.01

デザイン修正

after_2.jpg


2021.06.25

2021.06.18

サイトのデザインリニューアル案の作成
映像だけでなくサイト全体でひとつの作品として見てもらえるような雰囲気作りを意識しました
before→after

before.jpg
after.jpg


2021.05.21

中間報告


調査

https://canvas.jjangik.com/?ckattempt=1
https://editor.p5js.org/SybilQin/present/c47v21yP1
javascriptを使用したインタラクティブなサイトの先行事例
https://goworkship.com/magazine/repelling-effect-in-web-design/




2021.05.20

調査

https://virtualmuseum.fukuoka-kenbi.jp/takara/



2021.05.08

進捗

ライブラリを使用したパズルゲームとイラストの試作
img01.jpg img02.jpg

2021.05.07

テーマの模索

グラフィックとWebを掛け合わせた作品
プログラミングでどんな事ができるのかを調査

調査

読み込んだ画像から自動でパズルを生成
http://www.2meter3.de/jqPuzzle/



2021.04.22

調査




2021.04.20

テーマの模索

https://pin.it/5NCydzY
https://pin.it/2Q2KFgq
タイポグラフィーやイラストの自動生成、カスタマイズができるサイトを作ってみたい

調査


PAGES

GUIDE

添付ファイル: fileafter_2.jpg 34件 [詳細] fileSS03.jpg 30件 [詳細] filelogo01.png 28件 [詳細] filebefore.jpg 31件 [詳細] fileafter.jpg 41件 [詳細] filetop02.jpg 45件 [詳細] filetop01.jpg 33件 [詳細] fileimg02.jpg 65件 [詳細] fileimg01.jpg 66件 [詳細]
Last-modified: 2021-07-29 (木) 06:42:34