2021.10.22 メディアアーツスクールWS
タイムスケジュール
10:00-10:10 自己紹介 / Zoomの接続確認 / アカウントの作成状況の確認
10:10-10:15 札幌市加藤様から事業の案内
10:15- WS開始!
事前準備:
<Zoom>
<当日電話対応>
03-6821-0648
<自己紹介とアカウントの作成状況の確認>
LightHigh57 / nonfu
本日のゴール
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/c1d228a4-6b75-44f3-97ae-569b6886127d/40e0a37d27eac2a0299ba6ec931c2401.png)
自己紹介
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/b17611bd-31e1-414d-aa5a-e17f360c820f/eddd1861edc2a745e4949e2d19bd5169.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/a8541955-32e5-4bbb-aa91-88671331817e/be8d151a5b4af472456aab23471fb0a9.png)
ポートフォリオ
株式会社NODE MEDICAL
FabNurse Project(慶應義塾大学 宮川研究室)
FabSafeHub
フェイスシールドに関連する取組
Project紹介
Digital Art 事例
Wedding Dress Projection Mapping
Digital Hospital Art 事例
オドリ ハ カラダ ノ カキネ ヲ コエル
Health Care Museum
コロナ禍での取り組み
ブラウザベースでのデジタルアートの実装
iPadを用いてブラウザベースのデジタルアート
時間に応じたデジタルアートの表示ができるように実装した。現在、臨床で運用し、成果に関して研究を行っている。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/bcc9daad-7cb8-48e7-9c8e-8d419ccb5b19/64358ff9de5592aac47fcceca207307d.jpg)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/3817c3d8-0bc3-46d5-8116-260912b62d1f/ff637cf62c6c8fe81454c238ef22b133.jpg)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/6e9ae720-f613-4c07-962f-569f9e5433ca/2d2f091afc99a5ad9784794ace2699c8.jpg)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/7e42e608-29b5-4fb1-86eb-d1e5458fd81e/b2dacf7c08c552a97788f12def2e7364.jpg)
Cablesの事例:
Drop of Water
マウス操作とトゥーンレンダリング
マイクでのインタラクション
Cables.glについて
Cables webSite
①操作に慣れる
まずは、触ってみるところから!
基本操作:
・ノード(ops)を出す:esc
・ノードをつなぐ:左ドラッグ
・ノードを切断する:クリック+バックスペース / x / ふる
・パネルの操作:色をつけてみる
使用ops>
・Mainloop
・OrbitControls(マウスでカメラを操作)
・MatCapMaterialNew(色をつけたりする)
・Cube(キューブ)
②イラストを動かしてみよう
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/5c2fc41b-da62-43ae-948c-b65799c5cb54/fc259572bbf02c3a54970f22fcd782fc.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/ff9141ca-c647-4eb7-bbaa-df51655e7066/74713b566e61c1c5220dfc52103922e6.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/290de319-4c01-4dce-9572-4b61256c5c09/0914092459936d4802bf530b5e6c7713.png)
②-1 画像を入れて移動させてみる
使用ops>
・Mainloop
・BasicMaterial(色をつけたりする)
・Rectangle(四角)
・Texture(画像をいれこむ)
・Tranaform(移動させる)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/304df2cf-51fe-4224-a638-b817841caa2f/114d83ee4ea6c72363ede3e70a478275.png)
◎画像を入れてみよう
フォルダマークをクリックして、ドラックアンドドロップ
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/f49d5fc7-5566-4fe2-b440-919134869a62/d12a1183197d6c093dfa7e0c2db51045.png)
◎背景画像の比率がおかしいと思うので、Widthに2.6 / Heightに2 をいれておく
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/cecabfb7-bf88-4e46-b01a-710cff0dfb7e/f19e416b2a0b0788da8e2b87e9e690ee.png)
②-2 画像を自動で移動させる
使用ops>
・Timer(時間とともに進んでいくストップウォッチのようなもの)
・LFO(波形にかえる)
・Sum(足し算)
・Multiply(掛け算)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/60900a87-8510-45f4-982b-28f7eed02b10/f2adb8e52ffbda2736773a82d7e89f41.png)
◎LFOのデータをTransformのいろいろな場所にに入れてみよう
◎LFOのTypeをかえてみよう
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/d6ce7a30-94f1-481e-a036-515d60f08067/3ac07e32f27d83f500209e5feaf970b9.png)
◎Timerのスピードをかえてみよう
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/accd5dd8-0bab-4422-9337-e1a852b5a1d6/1ab5cfb2509f93d364c2bedd06554b2e.png)
②-3 画像を切り替える(上級編)
※ここはむずかしければSkipでもOK
使用ops>
・ SwitchTextures(テクスチャーを切り替える)
・Timer
・LFO(TypeをBlockに)
・Sum(0.5を足して、0と1の切り替えにできるようにする)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/technurse/7226600a-4d7d-448d-95cd-0ad2c632d49d/0a4eb689715a727871fca3a014664170.png)
できたものを共有する(WSのデータの回収)
PatchSetting > Collaboration > ユーザー名