加藤大地/情報デザイン
をテンプレートにして作成
HOME
ABOUT
造形表現専攻概要
大学院進学希望の方へ
INFORMATION
論文等執筆要領
学位申請に関わる書類
学位論文等スケジュール
研究成果の公表
大学からのお知らせ
STUDENTS
STAFF
[ EDIT ]
?
SEARCH
開始行:
*くもりのインタラクション
***デジタルにおけるくもりの表現
//#image(kumori_mv02.jpg)
#slider(center,100%,fade,3000,2000,kumori_mv02.jpg,kumori...
造形表現特定演習(情報デザイン 前半)
デザイン領域 加藤大地
~
~
***背景・目的
太陽から発せられた光は、宇宙塵や雨、霧、砂塵などの大気...
デジタル化が進む近年、あらゆる物事の再現が可能になり合...
~
~
***作品
+''__[[あなた色々くもり>https://editor.p5js.org/katotaich...
--制作ツール:p5js
--使用方法
※ウェブカメラを使用します。
---画面左上の再生ボタンを押します。
---画面右側にウェブカメラの映像が表示されます。
---マウスポインターを映像上に置き、映像内で動かすと色が変...
---マウスをスクロールすると曇り具合が変化します。
~
~
+&color(black){''カメラのぼけによるくもりの表現''};
映像
#youtube(7M689yvnCsw)
~
~
+''__[[くもりの記録>https://www.youtube.com/playlist?list...
Youtube プレイリストより
|32|2|32|2|32|c
|#youtube(rQ7iLLaKO58,autoplay,loop)||#youtube(UWtfPpDlWo...
#spacer( ,0.3rem)
|32|2|32|2|32|c
|#youtube(OabU8tqec40,autoplay,loop)||#youtube(GeWtTTa-o9...
#spacer( ,0.3rem)
|32|2|32|2|32|c
|#youtube(CMYnWGq4ABk,autoplay,loop)||#youtube(K_O7v8TpTe...
#spacer( ,0.3rem)
|32|2|32|2|32|c
|#youtube(NaMj5Hg6iNA,autoplay,loop)||#youtube(MKr3Vl7gDg...
#spacer( ,0.3rem)
|32|2|32|2|32|c
|#youtube(2zBb7NiFSM0,autoplay,loop)||#youtube(Q_XQkJ3Jv6...
~
~
***方法
+p5jsを使用しウェブカメラから取り込んだ映像に透明のフィル...
+カメラの焦点を近くし、遠くをぼけさせることでくもりを表現...
+くもりの現象を撮影した。
~
~
***スケジュール
04/16:情報集め、関連作品調査
04/23:テーマ決め
04/30:映像記録、製作
05/07:映像記録、製作
05/14:映像記録、製作
05/21:発表
~
~
#hr
CENTER:''進捗記録''
#hr
~
**2024.05.14
***p5js
__[[ウェブカメ反転と白いフィルター>https://editor.p5js.or...
~
***メインビジュアルの画像
|32|2|32|2|32|c
|#image(kumori_mv01.jpg)||#image(kumori_mv03.jpg)||#image...
|#image(kumori_mv05.jpg)||#image(kumori_mv06.jpg)||#image...
~
障子
#image(kumori_mv07.jpg)
|#youtube(CHE8Od0cgQI?si=UpjrPIbK7GYU0GEe)|
~
**2024.05.07
__[[鏡になっているもの(参考作品)>https://editor.p5js.or...
__[[モザイク>https://editor.p5js.org/haschdl/sketches/k9a...
__[[鏡とモザイク>https://editor.p5js.org/jackbdu/sketches...
__[[勉強中のもの>https://editor.p5js.org/katotaichii/sket...
~
**2024.04.30
__[[参考作品>https://editor.p5js.org/ttidwell24/sketches/...
__[[勉強中のもの>https://editor.p5js.org/katotaichii/sket...
-その時の湿度と画面上のくもりの濃さを関連させたい
-距離や位置によって色が変わるようにしたい
~
記録動画
|#YouTube(Q_XQkJ3Jv6s)|
~
**2024.04.13
***「くもり」について
-くもる【曇る】
❶(何かに遮られて)陽光や月光が下界に届かない状態 になる...
❷ 膜がかかったようになり、透明なものがはっきり見通せ(輝...
❸ 心や顔つきが晴ればれしないで暗くなる。
❹ 不当な欲望に支配されたり 金銭・麻薬などに麻痺したりな...
-くもり【曇(り)】
❶ 曇っている こと(状態)。
新明解国語辞典第七版より
~
-ゲーテ『色彩論』における「トリューべ(trübe)」(くもり)
--色彩の根本的な生成の源、媒体
--「気体」「液体」「個体」の段階
--大気の層
---靄(もや)、蒸気、煙、砂、塵、霧、雲、雪、雨、など
--生命から物質に至る、あらゆる透明な(わずかに透けて見え...
---葉、クラゲ、ガラス
-谷崎潤一郎『陰翳礼讃』における「陰影」について表現
--「薄暗さ」「ほの暗さ」「暗がり」「濁(にご)り」「翳(...
--「ぽうっと」「ぼんやり」「ほんのり」「もやもやと」「朦...
--「滲(にじ)み」「鈍い」「沈んだ」「どんよりとした」
参考:向井周太郎, 2009, デザイン学,武蔵野美術大学出版
~
***ゲーテと谷崎の共通点
> それらの情況は ー 日本文化の特質を示す固有の情況である...
<向井周太郎, 2009, デザイン学,武蔵野美術大学出版より
~
> ゲーテは現象の微妙な機微やパターンを感じ取るという点に...
<三好賢聖, 2022, 動きそのもののデザイン,ビー・エヌ・エヌ...
~
~
記録動画
|49|2|49|c
|#YouTube(rQ7iLLaKO58)| |#YouTube(yWeWjXQEEys)|
~
|49|2|49|c
|#YouTube(JccOc8_y0d8)| |#YouTube(NaMj5Hg6iNA)|
~
~~
***アウトプット
-様々な「くもり」の映像記録
-「くもり」をテーマとしたインタラクティブアート(勉強しま...
~
**2024.04.16
***キーワード
-詩的
-補色残像
-パレイドリア
~
***関連作品
-__[[詩的好奇心>https://poeticcuriosity.com/smp-gallery-%...
--スタジオ・ポエティック・キュリオシティ
--詩的な想像に形を与えるようなデザインとものづくりを追究...
--詩的な関連
---谷崎潤一郎『陰影礼賛』
---ユハニ・パスマラ 「ドアノブは建築との握手」
---ゲーテの自然科学
~
-__[[電磁波の可視化・可聴化>https://research.rhizomatiks....
--坂本龍一 × 真鍋大度
~
-__[[映画『メッセージ』>https://www.google.com/search?sca...
--言語による思考、世界の捉え方の違い
--過去・現在・未来が同時に存在している
~
#settableborder(none)
終了行:
*くもりのインタラクション
***デジタルにおけるくもりの表現
//#image(kumori_mv02.jpg)
#slider(center,100%,fade,3000,2000,kumori_mv02.jpg,kumori...
造形表現特定演習(情報デザイン 前半)
デザイン領域 加藤大地
~
~
***背景・目的
太陽から発せられた光は、宇宙塵や雨、霧、砂塵などの大気...
デジタル化が進む近年、あらゆる物事の再現が可能になり合...
~
~
***作品
+''__[[あなた色々くもり>https://editor.p5js.org/katotaich...
--制作ツール:p5js
--使用方法
※ウェブカメラを使用します。
---画面左上の再生ボタンを押します。
---画面右側にウェブカメラの映像が表示されます。
---マウスポインターを映像上に置き、映像内で動かすと色が変...
---マウスをスクロールすると曇り具合が変化します。
~
~
+&color(black){''カメラのぼけによるくもりの表現''};
映像
#youtube(7M689yvnCsw)
~
~
+''__[[くもりの記録>https://www.youtube.com/playlist?list...
Youtube プレイリストより
|32|2|32|2|32|c
|#youtube(rQ7iLLaKO58,autoplay,loop)||#youtube(UWtfPpDlWo...
#spacer( ,0.3rem)
|32|2|32|2|32|c
|#youtube(OabU8tqec40,autoplay,loop)||#youtube(GeWtTTa-o9...
#spacer( ,0.3rem)
|32|2|32|2|32|c
|#youtube(CMYnWGq4ABk,autoplay,loop)||#youtube(K_O7v8TpTe...
#spacer( ,0.3rem)
|32|2|32|2|32|c
|#youtube(NaMj5Hg6iNA,autoplay,loop)||#youtube(MKr3Vl7gDg...
#spacer( ,0.3rem)
|32|2|32|2|32|c
|#youtube(2zBb7NiFSM0,autoplay,loop)||#youtube(Q_XQkJ3Jv6...
~
~
***方法
+p5jsを使用しウェブカメラから取り込んだ映像に透明のフィル...
+カメラの焦点を近くし、遠くをぼけさせることでくもりを表現...
+くもりの現象を撮影した。
~
~
***スケジュール
04/16:情報集め、関連作品調査
04/23:テーマ決め
04/30:映像記録、製作
05/07:映像記録、製作
05/14:映像記録、製作
05/21:発表
~
~
#hr
CENTER:''進捗記録''
#hr
~
**2024.05.14
***p5js
__[[ウェブカメ反転と白いフィルター>https://editor.p5js.or...
~
***メインビジュアルの画像
|32|2|32|2|32|c
|#image(kumori_mv01.jpg)||#image(kumori_mv03.jpg)||#image...
|#image(kumori_mv05.jpg)||#image(kumori_mv06.jpg)||#image...
~
障子
#image(kumori_mv07.jpg)
|#youtube(CHE8Od0cgQI?si=UpjrPIbK7GYU0GEe)|
~
**2024.05.07
__[[鏡になっているもの(参考作品)>https://editor.p5js.or...
__[[モザイク>https://editor.p5js.org/haschdl/sketches/k9a...
__[[鏡とモザイク>https://editor.p5js.org/jackbdu/sketches...
__[[勉強中のもの>https://editor.p5js.org/katotaichii/sket...
~
**2024.04.30
__[[参考作品>https://editor.p5js.org/ttidwell24/sketches/...
__[[勉強中のもの>https://editor.p5js.org/katotaichii/sket...
-その時の湿度と画面上のくもりの濃さを関連させたい
-距離や位置によって色が変わるようにしたい
~
記録動画
|#YouTube(Q_XQkJ3Jv6s)|
~
**2024.04.13
***「くもり」について
-くもる【曇る】
❶(何かに遮られて)陽光や月光が下界に届かない状態 になる...
❷ 膜がかかったようになり、透明なものがはっきり見通せ(輝...
❸ 心や顔つきが晴ればれしないで暗くなる。
❹ 不当な欲望に支配されたり 金銭・麻薬などに麻痺したりな...
-くもり【曇(り)】
❶ 曇っている こと(状態)。
新明解国語辞典第七版より
~
-ゲーテ『色彩論』における「トリューべ(trübe)」(くもり)
--色彩の根本的な生成の源、媒体
--「気体」「液体」「個体」の段階
--大気の層
---靄(もや)、蒸気、煙、砂、塵、霧、雲、雪、雨、など
--生命から物質に至る、あらゆる透明な(わずかに透けて見え...
---葉、クラゲ、ガラス
-谷崎潤一郎『陰翳礼讃』における「陰影」について表現
--「薄暗さ」「ほの暗さ」「暗がり」「濁(にご)り」「翳(...
--「ぽうっと」「ぼんやり」「ほんのり」「もやもやと」「朦...
--「滲(にじ)み」「鈍い」「沈んだ」「どんよりとした」
参考:向井周太郎, 2009, デザイン学,武蔵野美術大学出版
~
***ゲーテと谷崎の共通点
> それらの情況は ー 日本文化の特質を示す固有の情況である...
<向井周太郎, 2009, デザイン学,武蔵野美術大学出版より
~
> ゲーテは現象の微妙な機微やパターンを感じ取るという点に...
<三好賢聖, 2022, 動きそのもののデザイン,ビー・エヌ・エヌ...
~
~
記録動画
|49|2|49|c
|#YouTube(rQ7iLLaKO58)| |#YouTube(yWeWjXQEEys)|
~
|49|2|49|c
|#YouTube(JccOc8_y0d8)| |#YouTube(NaMj5Hg6iNA)|
~
~~
***アウトプット
-様々な「くもり」の映像記録
-「くもり」をテーマとしたインタラクティブアート(勉強しま...
~
**2024.04.16
***キーワード
-詩的
-補色残像
-パレイドリア
~
***関連作品
-__[[詩的好奇心>https://poeticcuriosity.com/smp-gallery-%...
--スタジオ・ポエティック・キュリオシティ
--詩的な想像に形を与えるようなデザインとものづくりを追究...
--詩的な関連
---谷崎潤一郎『陰影礼賛』
---ユハニ・パスマラ 「ドアノブは建築との握手」
---ゲーテの自然科学
~
-__[[電磁波の可視化・可聴化>https://research.rhizomatiks....
--坂本龍一 × 真鍋大度
~
-__[[映画『メッセージ』>https://www.google.com/search?sca...
--言語による思考、世界の捉え方の違い
--過去・現在・未来が同時に存在している
~
#settableborder(none)
ページ名: