Sensibility
Sense Dream a dream Parkour?
Sensibility Under the imaginary audiences Trump's fireworks
Countdown timer of affection Right from wrong Lighting Carrier Live actions 疫起當網紅？
Dream a dream
23 點半變相的就是我的門禁。 我觀察過，
21 點回家最安全、
22 點回家面無表情、
23 點回家已經是臭臉。
底線就我估算大概是 23：30。
這裡的夜景一部分是想像、一部
蕾絲做成的圍欄是作為女孩子的
已經回到旅館睡覺，再偷偷溜去
兩個哥哥，父母對我的保護與限
分是我和朋友出去玩，騙我爸媽 山上看到的。對我來說夜景不單 單只是風景，更象徵脫離束縛。
框架。因為我是女孩子，相較於 制似乎更多。
Parkour ？
Whether to choose to take a step forward ？ yes
no
Whether to choose to stop at nothing ？ yes
no
Downfalls ？ yes no
0
1
1
1
1
10
10
0
1
0
0
10 10
10
10
0 10 10 1 0
0
10
10
10
1 0 10
0
10
10
10
0
01
0
1 0
0101
01
01
1
01
1
0
110 1
0
01
01
0
1
01
01
01
01
1 01 01
10
0
01
01
01
1
01
Self confessions Under the imaginary audience 在心理學的青少年自我中心（self centric）中，青少年有時會感覺自己身站在舞台上，周圍認
識或不認識的人都是舞台下的觀眾。這些假想的觀眾（imaginary audience）隨時隨地都在審 查自己、批評自己，因此非常注意服裝儀容。他們非常重視別人對自己的評價，所以花很多時間 和心力來應付這些假想的觀眾。
我畫了一幅畫，畫中的我是被蕾絲花朵包圍，中間加裝的、那格格不入的燈環。利用 arduino 做呼吸燈的特效，每隔一秒吸吐一次，急促的呼吸象徵緊張而惶恐的情緒，而周圍的花朵因為
「向光性」而面朝中心，一朵朵花是我想像中的觀眾，無時無刻關注著我的一舉一動。（也許是 想像？）而背景的城市很大，身在其中的我卻感覺無比壓抑、已無路可逃。
#include <FastLED.h>
// 定義總共有多少顆 LED #define NUM_LEDS 32 // 定義輸出腳位
#define DATA_PIN 3 // 定義 LED 陣列
CRGB leds[NUM_LEDS]; void setup() {
}
FastLED.addLeds<WS2812B, DATA_PIN, RGB>(leds, NUM_LEDS); // GRB ordering is typical
void loop() {
// Turn the LED on, then pause leds[0] = CRGB::Red; FastLED.show(); delay(500);
// Now turn the LED off, then pause leds[0] = CRGB::Black; FastLED.show();
}
delay(500);
PORTFOLIO-JUNE 2021
Light and Shadow theater Trump and covid-19 COVID-19 在全球擴散時所創作的小劇場。
出發點是想針對疫情做一個諷刺或警惕的故事。
全篇故事以川普作為主角，第三人稱視角講述在他身上和周遭發生的事情。
川普的頭出場，開始進行演講，演講內容是參考他出院後發的聲明影片「我可 能已經免疫」。
然而演講到一半，他開始劇烈咳嗽，並從嘴裡咳出病毒，他也隨之「砰」的倒下。 病毒彷彿掙離了束縛在歡欣鼓舞，它開始跳舞。這時背景配合的是一種散發彩 光的塑料布，再搭配 CD 片的反射呈現一種詭異而浪漫的氛圍。
之後就是悠揚的音樂結束，病毒開始變異，肆虐在每個城市。從自由女神像、姬路城、 泰姬瑪哈陵、巴黎鐵塔、紅場，最後是臺北 101。落幕。
在病毒來到臺灣時，101 化為針筒，開始與病毒進行戰鬥，最終獲勝，也象徵著人們 對於臺灣防疫的期望與信心，一定能戰勝疫情。
在一切歸於平靜後，煙火開始齊放，川普扭著身軀邊跳 YMCA 邊出現，大 肆慶祝著痊癒。
...... 但事情真的就此完結了嗎？
Trump's fireworks
#include <FastLED.h> #define LED_PIN 9 #define NUM_LEDS 30 #define BRIGHTNESS 64 #define LED_TYPE WS2812B #define COLOR_ORDER GRB CRGB leds[NUM_LEDS]; #define UPDATES_PER_SECOND 100 CRGBPalette16 currentPalette; TBlendType currentBlending; extern CRGBPalette16 myRedWhiteBluePalette; extern const TProgmemPalette16 myRedWhiteBluePalette_p PROGMEM; void setup() { delay( 3000 ); // power-up safety delay FastLED.addLeds<LED_TYPE, LED_PIN, COLOR_ORDER>(leds, NUM_LEDS).setCorrection( TypicalLEDStrip ); FastLED.setBrightness( BRIGHTNESS );
}
currentPalette = RainbowColors_p; currentBlending = LINEARBLEND;
void loop() { //ChangePalettePeriodically(); //currentPalette = RainbowColors_p; currentBlending = LINEARBLEND; //currentPalette = RainbowStripeColors_p; currentBlending = NOBLEND; //currentPalette = RainbowStripeColors_p; currentBlending = LINEARBLEND; currentPalette = myRedWhiteBluePalette_p; currentBlending = LINEARBLEND; static uint8_t startIndex = 0; startIndex = startIndex + 1; /* motion speed */ FillLEDsFromPaletteColors(startIndex); FastLED.show(); FastLED.delay(1000 / UPDATES_PER_SECOND); } void FillLEDsFromPaletteColors( uint8_t colorIndex) { uint8_t brightness = 255;
}
for( int i = 0; i < NUM_LEDS; i++) { leds[i] = ColorFromPalette( currentPalette, colorIndex, brightness, currentBlending); colorIndex += 3; }
const TProgmemPalette16 myRedWhiteBluePalette_p PROGMEM = { CRGB::Red, CRGB::Gray, // 'white' is too bright compared to red and blue CRGB::Blue, CRGB::Black, CRGB::Red, CRGB::Gray, CRGB::Blue, CRGB::Black,
};
CRGB::Red, CRGB::Red, CRGB::Gray, CRGB::Gray, CRGB::Blue, CRGB::Blue, CRGB::Black, CRGB::Black
Countdown timer of Affection
Spiritual Installation Artculating the Mind
這是一個計算與父母所剩相處時間的倒數計時器。 父母的時間開始流失，而我的時間不斷增長，三個不同的時間，以線作為羈絆的象 徵相連，兩者和兩者緊緊交纏。
我站在其中，紅色的數字是我從出生到現在經歷的秒數，並且仍在持續增加中，而 身後兩串藍色的數字為父（右）和母（左）預計可與我再繼續相處的時間，數字不 停地往下掉，最終會歸於零，只剩中間的一串紅色數字孤獨的繼續閃爍。
// config //#define COUNT (81-52)*365*86400 //#define ACTION(counter) --counter //#define COUNT (77-52)*365*86400 //#define ACTION(counter) --counter #define COUNT 19*365*86400 #define ACTION(counter) ++counter #define SEGMENT 7 #define DIGIT 9 uint8_t segmentPins[SEGMENT] = {9, A0, 13, 12, 11, 10, A1}; // mirror //uint8_t segmentPins[SEGMENT] = {9, 10, 11, 12, 13, A0, A1}; uint8_t digitPins[DIGIT] = {8,7,6,5,4,3,2,1,0}; // reverse //uint8_t digitPins[DIGIT] = {0,1,2,3,4,5,6,7,8}; void setup() {
}
for (int i=0; i<DIGIT; i++) pinMode(digitPins[i], OUTPUT); for (int i=0; i<SEGMENT; i++) pinMode(segmentPins[i], OUTPUT); // TODO //for (int j=0; j<SEGMENT; j++) // digitalWrite(segmentPins[j], 1);
void displayDigits(uint32_t counter) { static uint8_t digits[10] = { 0x3f, 0x06, 0x5b, 0x4f, 0x66, 0x6d, 0x7d, 0x27, 0x7f, 0x6f }; for (int i=0; i<DIGIT; i++) { uint8_t x = digits[counter%10]; counter /= 10; for (int j=0; j<SEGMENT; j++) { digitalWrite(segmentPins[j], x&1); x >>= 1; } digitalWrite(digitPins[i], 1); delay(1); digitalWrite(digitPins[i], 0); } } #define PERIOD 1000 void loop() { static uint32_t counter = COUNT; static unsigned long tNext = millis()+PERIOD; unsigned long t = millis();
}
if (t > tNext) { ACTION(counter); tNext += PERIOD; } displayDigits(counter);
本來是想將三串數字圍成一個環狀，再用電線將倆倆串在一起，垂落的線連接到中 心編織成一條更粗的線（如示意圖）
然而後來發現二十七個數字要串成一個圓需要足夠的支撐，在試過各種粗細的鐵絲 後依舊無法達成，並考量整體重量，判斷學校的天花板不足以載重以此為設計的作 品，故改良為三串分開的數字做排列。
Lighting Carrier Right from wrong
透過鏡面看到延伸的感覺，做出視覺上的錯覺。 這是一個互動式的裝置，在你按下圈的按鈕時，光圈
會從頭跑到尾，呈現綠色的狀態，並開始雀躍的閃爍 著光芒，彷彿受人肯定的喜悅。
而在你按下叉的按鈕時，光圈依舊會從頭跑到尾，呈
現紅色狀態，不一樣的是，他會掙扎著閃爍幾下，接 著變黯淡，而後熄滅。一種不被人肯定的落魄。
世界上有許多事情都被我們以「圈」和「叉」來定義， 明明事情不是絕對如此，不存在一定的對或錯，但人
們總會以自己、混合大眾的觀點做判斷，只是想表 達，有時候不需、又或者不必要急著給他人下評判。
#include "FastLED.h" #define TRANS 16 // 傳輸效果 LED 顆數 #define NUM_LEDS 538 // LED 總顆數 #define LED_DT 8 // LED 控制腳位 #define LED_TYPE WS2812B #define COLOR_ORDER GRB // 顏色順序 , 紅色 0xff0000 , 綠色 0x00ff00 , 藍色 0x0000ff #define SWO 9 // O 控制腳位 #define SWX 10 // X 控制腳位 #define SPEED_1 25 // Delay Speed uint8_t max_bright = 128; // 設定最大亮度 , 最 大可設為 255 int k=255; CRGB leds[NUM_LEDS]; // 陣列宣告 CHSV myHSVcolorR(0,255,100); // H, S, V 紅色 CHSV myHSVcolorG(100,255,100); // H, S, V 綠 色 void setup() { LEDS.addLeds<LED_TYPE, LED_DT, COLOR_ ORDER>(leds, NUM_LEDS); // 初始化 LED FastLED.setBrightness(max_bright); // 設定 LED 最大亮度 pinMode(SWO,INPUT); // 設定輸入腳位 O pinMode(SWX,INPUT); // 設定輸入腳位 X } // setup() void loop () { while(digitalRead(SWX)) { transmit(); failed(); } while(digitalRead(SWO)) { transmit(); pass(); } } // loop() void transmit() // 傳輸效果函式 { for(int i=0;i<=(NUM_LEDS - TRANS - 1);i++) { FastLED.clear(); FastLED.delay(SPEED_1); for(int j=0;j<TRANS;j++) leds[i+j]=0xffffff; FastLED.show(); } }
void failed() // X 效果函式 { FastLED.clear(); for(int i=0;i<NUM_LEDS;i++) // 紅色從最前面點亮到最後 面 { leds[i]=0xff0000; FastLED.delay(SPEED_1); FastLED.show(); } for(int j=0;j<3;j++) // 紅色閃爍三次 for(int i=0;i<100;i++) { myHSVcolorR.v=i; fill_solid(leds, NUM_LEDS, myHSVcolorR); delay(10); FastLED.show(); } for(int i=100;i>=0;i--) // 紅色漸暗 { myHSVcolorR.v=i; fill_solid(leds, NUM_LEDS, myHSVcolorR); delay(20); FastLED.show(); if(myHSVcolorR.v ==0) delay(1000); } } void pass() // O 效果函式 { FastLED.clear(); FastLED.setBrightness(50); for(int i=0;i<NUM_LEDS;i++) // 綠色從最前面點亮到最後 面 { leds[i]=0x00ff00; FastLED.delay(SPEED_1); FastLED.show(); } for(int j=0;j<3;j++) // 綠色閃爍三次 for(int i=0;i<100;i++) { myHSVcolorG.v=i; fill_solid(leds, NUM_LEDS, myHSVcolorG); delay(10); FastLED.show(); } for(int i=0;i<=255;i++) // 綠色漸亮 { myHSVcolorG.v=i; fill_solid(leds, NUM_LEDS, myHSVcolorG); delay(10); FastLED.show();
Lighting Carrier 一條路向前延伸，我們在成長的過程上經歷無數 次的磨難與經歷。常常會有在意別人眼光、改變
自己為了迎合別人的情況，但是內心的本質依舊 希望保持純粹。 凸面鏡 -
看得到最多的風景 各種人看待自己的想法 數字 -
鏡像 鏡中自我 別人眼中的自己
亂數 自己找不到自己的感覺 迷茫 不知所措 光碟 -
記憶的傳承
在燒製後本質不變 但外表改變 就像每個人的經 歷一樣
椅子的排放方式 假想觀眾
int i,r; void setup() { // put your setup code here, to run once: pinMode(5,OUTPUT); pinMode(6,OUTPUT); pinMode(7,OUTPUT); pinMode(8,OUTPUT); pinMode(9,OUTPUT); pinMode(10,OUTPUT); pinMode(11,OUTPUT); pinMode(12,OUTPUT); randomSeed(analogRead(0)); } void clear() { for(i=5;i<12;i++) digitalWrite(i,1); } void loop() { //1 clear(); digitalWrite(9,0); digitalWrite(10,0); delay(1000); //2 clear(); digitalWrite(5,0); digitalWrite(7,0); digitalWrite(8,0); digitalWrite(10,0); digitalWrite(11,0); delay(1000); //3 clear(); digitalWrite(5,0); digitalWrite(8,0); digitalWrite(9,0); digitalWrite(10,0); digitalWrite(11,0); delay(1000); //4 clear(); digitalWrite(6,0); digitalWrite(9,0); digitalWrite(10,0); digitalWrite(11,0); delay(1000); //5 clear(); digitalWrite(5,0); digitalWrite(6,0); digitalWrite(8,0); digitalWrite(9,0); digitalWrite(11,0); delay(1000);
//6 clear(); digitalWrite(5,0); digitalWrite(6,0); digitalWrite(7,0); digitalWrite(8,0); digitalWrite(9,0); digitalWrite(11,0); delay(1000); //7 clear(); digitalWrite(5,0); digitalWrite(9,0); digitalWrite(10,0); delay(1000); //8 clear(); digitalWrite(5,0); digitalWrite(6,0); digitalWrite(7,0); digitalWrite(8,0); digitalWrite(9,0); digitalWrite(10,0); digitalWrite(11,0); delay(1000); //9 clear(); digitalWrite(5,0); digitalWrite(6,0); digitalWrite(8,0); digitalWrite(9,0); digitalWrite(10,0); digitalWrite(11,0); delay(1000); //0 clear(); digitalWrite(5,0); digitalWrite(6,0); digitalWrite(7,0); digitalWrite(8,0); digitalWrite(9,0); digitalWrite(10,0); delay(1000);
}
當你直視凸面鏡時你看到的是什麼？
我看到三個板子，中間的板子上頭是持 續不斷從零到九循環的數字，很確切的 兜著圈，進行著穩定的動作。而左右兩
邊的板子卻看不出是什麼數字，是亂碼， 沒有確切的答案。我們總在不停的循環 中迷茫著，徬徨無措，而周遭總是圍繞
著許多觀眾，或許是關懷著你的家人或 朋友、或許是冷眼旁觀的陌生人、或許
是帶著笑話看你的你的死敵，這些都不 需要去在意，只要相信自己的本心，無
視一些外在因素，是可以找到屬於自己 的道路的。
LIVE Action- 即時擴散 2021/5~2021/6
LIVE ！ ACTION ！」。
網頁設計
主視覺｜蔡佳璇｜王子欣
動畫設計｜呂有騰｜王希禾 視覺統籌｜陳立翎 網站統籌｜曾郁婷
網站架設｜林晏廷｜徐華箴｜何昱潔 網站校對｜陳盈吟｜李宛蓁｜許姵柔 活動宣傳｜李苡瑄｜孫琪
指導老師肖像繪製｜莊佑晨 指導老師｜余政達老師｜曲家瑞老師｜陳威志老師｜ 劉邦耀老師｜牛俊強老師｜陳俐縈老師｜顏瑞儀老師 LIVE ACTION ｜即時擴散｜實踐大學媒體傳達設計學系
遊戲簡介：
身處這個世代，網紅已是一項普及的職業，令人欣羨或詬病的同時，也引發了不少爭 議性事件。 「光鮮亮麗的表面後是怎樣的殘酷的世界？」
為了引發大眾思考並了解這個行業，我們設計了一款關於網紅的角色扮演小遊戲，在 題目中結合時事與疫情，並以一些知名網紅發生的真實事件作為案例。
遊戲過程中，根據選擇的答案，角色的頭也會跟著更改。
答題完畢後，會顯示所得分數與對應情境回答。
為增加趣味性，中途會加入小遊戲「幸運轉盤」以供增減粉絲數。
遊戲簡介： 可能偶爾，自己也會有個網紅夢…
表面享受萬人矚目的優越感，背後卻是承受輿論、道德綁架、情緒勒索等等壓力，往往你 / 妳的 一個抉擇就是牽一髮動全身，導致粉絲的去留大變動！
遊戲過程中，會先進入選擇初始素人角色的頁面，根據七個情境題的推進，玩家可以依照自己的
喜好進行選擇，逐步瞭解網紅的生態。角色也會逐漸成長，在情境推演後，於外觀上產生細微變 動。
那麼現在，你 / 妳就是一個網紅，依照你的想法去行動，最後一起來看看你獲得多少關注和粉絲 吧！
設計理念： 身處這個世代，網紅已是一項普及的職業，令人欣羨或詬病的同時，也引發了不少爭議性事件。 「光鮮亮麗的表面後是怎樣的殘酷的世界？」
為了引發大眾思考並了解這個行業，我們設計了一款關於網紅的角色扮演小遊戲，在題目中結合 時事與疫情，並以一些知名網紅發生的真實事件作為案例。
Sense