interactive installation motion mapping

20
WORK PROCESS Interactive Motion Mapping Installation

Upload: yakky

Post on 23-Feb-2016

228 views

Category:

Documents


0 download

DESCRIPTION

Go To Galaxy Project

TRANSCRIPT

Page 1: Interactive installation Motion Mapping

WORKPROCESS

Interactive Motion Mapping Installation

Page 2: Interactive installation Motion Mapping
Page 3: Interactive installation Motion Mapping

เนียเปนคร้ังนึงท่ีไดมีโอกาสไดลองทำงาน

installation ซ�่งกอนหนานี้ พวกเราไดแต

น่ังมองหนาคนอ่ืนทำ ซ�ง่ในใจของพวกเรา

ทุกคน เนียคิดวา วันหน่ึงพวกเราตองไดทำ

ทำแบบเนีย ที่พวกทานๆทั้งหลายทำ จน

วันน้ีมีผูใหญใจดี หลายคนมาบอกวา ไป

ทำส่ิงท่ีฝนมาใหดูซ� ทำใหเราไดเร�ม่ทำโปนเจ็ก

นี้กันอยางจร�งจัง จร�งๆแลวเราทดลอง

เร�อ่งน้ี กันมาเปนปแลว คร้ังน้ีเปนคร้ังแรก

ที่พวกเราสำเร็จในอีก หนึ่งขั้น

Page 4: Interactive installation Motion Mapping

TEAMกลุมผูสรางสรรคผลงานและหนาท่ีในการทำงาน

เรามาดูความรูสึกของเขาเหลาน้ันกันดีกวา

C R E A T I V E D E S I G N E R& S E N I O RG R A P H I CD E S I G N E R

CONSULTING P R O J E C T

S E N I O RPROGRAMERS O U N DD E S I G N E R

INSTALLATION&PROGRAMER

S E N I O RM O T I O N G R A P H I I C

S E N I O RINSTALLATION& P R O J E C T M A N A G E R

ART DIRECTOR& G R A P H I CD E S I G N E R

SPECIAL THANKSศุภชัย ชวยเนียม SOUND EDITOR

ณัฐนพิน มีเทพ SOUND EDITOR AF HOUSE BANGBUA WORK STATION

ธเนศ อาจจ�นดา

อ.อติเทพ แจดนาลาว

CONSULTING P R O J E C T

CONSULTING P R O J E C T

อ.อาจอง อรดีดลเชษฐ อ.เมพิชชา ตันตระกูล

ธวัชชัย สอิ้ง สราวุธ มั่นคง

สุรเชษ มีเทพ ธเนศ เจ�ยรไนวัช�ระ ระว�ภาส สัมญญากุล

1

4 5 6

2 3

Page 5: Interactive installation Motion Mapping

FEELING WITH WORK1

4 5 6

2 3

สำหรับผม ผมรู สึกดีกับงานนี ้มาก หายเหนื ่อยครับ

กับสิ ่งที ่ทุ มเทมาทั ้งหมด ตลอดเวลา2-3เดือนที ่ผาน

มารู สึกวาผลที ่ออกมาเกินคาดมากๆ ผมก็ไมคิดวา

จะไดมายืนในจ�ดนี ้ไดทำงานนี ้ในป3 งานแบบนี ้ในสวน

ของTechnician Program จะหนักมาก สิ ่งที ่ผมภูมิใจ

อีกอยางคือเมื ่อผู เลน เลนแลวเกิดแรงบันดาลใจกับ

เขาใหชอบและสนใจงานแบบนี ้ ผลงานช� ้นนี ้ถือวาเปน

งานที่ใหญมากสำหรับผมและมีFeedbackกลับมาดีมาก

ปญหาหลักที ่พบคือ เร� ่องเวลาซ� ่งมีเวลาคอนขางสั ้น

ตองหาความรู ใหมๆเพิ ่มเติมในการทำ และการเปลี่ยน

คอนเสปงานเพื ่อนำมาโชวแตก็ผานมาได

สำหรับผมงาน installation design ช � ้นนี ้ เป นงาน

ช� ้นแรกของผม แตผมไดศึกษาและคนควาหาความรู

มากอนหนานี ้ประมาณ 1 ป กอนที ่จะไดทำงานช� ้นนี ้

ในเร� ่องของปญหาและอุปสรรคในการทำงานนั ้นแน

นอนมีป ญหาหลายๆอยางมาก แตผมก็ม ีอาจารย

แจ สที ่คอยใหคำปร�กษา และชวยกันแกไขปญหาจน

ผานพนไปได และสิ ่งที ่ผมประทับใจมากคือ มีหลายๆ

บร�ษัทที ่ เคาไดยินขาววามีงานนี ้จัดแสดง เคาก็ตั ้งใจ

เพื ่อมาดูงานช� ้นนี ้ และยังเช�ญชวนใหพวกผมพัฒนา

ฝมือและยังอยากรวมงานกับพวกผม ผมรูสึกปราบ

ปลื่มมาก และผมก็จะพัฒนาฝมือตอไป และสุดทายนี ้

ผมอยากจะบอกวาทีมผมทุกคนทุ มเทกับงานช� ้นนี ้

มาก ทุกคนสุดยอดมากคับ เราจะผนึกกำลังและสราง

สรรคผลงานกันตอไป

คร ับความร ู ส ึกก ับงานน ี ้ แน นอนภ ูม ิ ใจมากคร ับ

ซ � ่งอยากทำนานมากแลววันนี ้ม ี โอกาสไดทำก็ร ู ส ึก

เยี ่ยมครับ จร�งๆก็ไดทดลองทำงานกับงานอาจารย

แจสที ่ใหโอกาสชวยทำ Thesis ปร�ญญาเอก เราก็ได

ช วยทดลอง เร � ่องเทคนิคเร � ่องคอนเสปงานตางๆ

ซ� ่งมันเวร�ค ผมจ�งคิดวาเราควรตองนำมาทำในงาน

ของเราเอง และเมื่องานมันโอเคเราก็นำไปเสนอคณบดี

ซ� ่งเขาก็ชอบงานนี ้อยากใหเอาไปโชว ซ� ่งนี ้แหละเปน

โอกาสที ่ดีมากสำหรับผม เปนครั ้งแรกที ่เด็กป3ไดมา

โชวงานมีหองสวนตัว1หองสรางข� ้นมาและมีงานของ

เราเองติดตั ้งในน ั ้น ทำให ต องรวมกลุ มเพ ิ ่มและใช

กำล ังท ั ้งหมดใส ก ับม ันต องน ั ้น เพราะเวลาท ี ่ เหล ือ

เพ ียง1เด ือน ป ญหามีมากจนวันส ุดทายที ่ต ิดตั ้ง

หน างานก ็ย ังม ีป ญหา แต ม ัน เป นประสบการณท ี ่

ล่ำคาสำหรับผมมากผมจะจำมันตลอดไป ผมเช� ่อวา

ถาตอไปมีนองๆในคณะทำเขาจะทำมันไดดีกวาผม

ความรู ส ึกที ่ม ีตองานนี ้ต องบอกเลยวาเหนื ่อยมาก

เพราะไมไดหลับไดนอนมาเปนอาทิตยๆ แตก็ภูมิใจนะ

ครับที ่งานออกมาเสร็จอยางที ่คิดไว วันที ่โชวงานวัน

แรกมีคนมาถามผมดวยวา "งานนี ้ เป นThesisหรอ"

ผมจ�งตอบกลับไปวา "ไมใชครับผมเปนแคเด็กป3เอง"

แตวันที ่เขามาดูนั ้นงานมันไมเสร็จสมบูรณเลยแค80%

เองยังมีกราฟกบางตัวที ่ยังไมไดลง แตเขาบอกกลับ

มาวา "ทำไดขนาดนี้ก็เจงมากแลว" พรอมกับขอเบอร

ติดตอเพื ่อนำไปโชวท ี ่อ ื ่น ผมก็ดีใจที ่ม ีคนชอบงาน

ปญหาที ่พบในหนาที ่คือ เร� ่องของแบบแปลน คือเมื ่อ

ไปถึงหนางานจร�งๆกับไมใช แบบที ่แก ก ันมา ทำใหม ี

ป ญหาหลายเร � ่องมาก ทั ้งเร � ่องที ่ต ิดโปรเจคเตอร

ติดเคร� ่องมือไมครบ จ�งทำใหตองไปแกปญหาหนา

งาน ซ� ่งวุ นวายมาก แตก็ผานมาไดดี ผมรู ส ึกภูมิใจ

กับงานนี ้มากครับ

สวัสดีครับ หนาที่หลักๆของผมคือ Motion Graphic

Designer ซ� ่งตองทำใหกราฟกที ่มีเปนภาพเคลื ่นไหว

และออกแบบมาใหมีขนาดเขากับรองเทาไดมากที ่ส ุด

ซ� ่งปญหาหลักๆก็คือการmapกับรองเทานี ้แหละครับ

การทำใหกราฟกตรงกับรองเทามากที ่ส ุด ซ� ่งคิดไว

แลววาตองเจอ แตมันคือการทำงานแบบนี ้ครั ้งแรก

ของผมทำใหไดเร �ยนรู หลายสิ ่งหลายอยางมากมาย

ไปพรอมกับเพื ่อนๆ พวกเราประสบความสำเร ็จได

ด วยการลงม ือทำด วยความต ั ้ ง ใจจร �งๆ และขอ

ขอบคุณอาจารยและเพื ่อนๆในกลุ มมากครับ

ผมรู ส ึกภูม ิ ใจที ่ ได ทำงานนี ้ เพราะม ัน เป นงานใหญ

งานแรกก ็ถ ือว า เป นงานท ี ่ม ีผลงานไม เหม ือนใคร

เปนportfolioที ่แปลกแตกตางจากชาวบานชาวเมือง

เขาในระดับนึกศึกษาก็โอเคครับ และความภูมิใจที ่ผม

พบในงานคือ เมื ่อผมไปแสดงงานมักจะมีคนมาถาม

ประจำวาเปนงานอะไร เชนมีอยู วันหนึ ่งมีสามีภรรยา

ชาวตางชาติคู หนึ ่งถามผมวา "นี ้ เป นงานของสาขา

อะไร ใชเปนงานปร�ญญาโทร�เปลา" ผมจ�งตอบไปวา

"พวกผมแคป3เองพี่" เขาก็ทำหนาประหลาดใจพรอม

กับบอกวา "ป3ทำไดขนาดนี้เลยหรอ พรอมกับยกนิ้ว

ให"ผมก็รู สึกยิ ้มๆในใจอะครับภูมิใจที ่งานออกมาแลว

คนอื่นรูสึกอลังกาล แตปญหาในการทำงานก็มีมากมาย

มีไปจนวันที ่จะแสดงงานก็มีป ญหากอนเวลาเปดตัว

ไมถ ึง2ชั ่วโมง พวกเราทอจนคิดวาว ันนี ้คงเป ดตัว

ไมทัน แตทั ้งหมดก็ผานมาไดดวยความตั ้งใจจร�งกับ

ผลงานซ� ่ง เป นก าวแรกในการตอยอดไปในงานช � ้น

ตอๆไปของพวกเรา

Page 6: Interactive installation Motion Mapping

WORKPROCESS

ตอไปนี้เปนขั้นตอนในการทำงานซ�งแบง ออกเปน

4 หัวขอหลักๆคือ คิดและออกแบบ โมชั้นกราฟก

โปรแกรมเมอร และ ออกแบบการติดตั้ง

Page 7: Interactive installation Motion Mapping
Page 8: Interactive installation Motion Mapping
Page 9: Interactive installation Motion Mapping

CREATIVE DESIGN

C R E A T I V E D E S I G N E R& S E N I O RG R A P H I CD E S I G N E R

ธเนศ อาจจ�นดา 1STEP

ทางดานงานคิดและออกแบบจะมีผูรับผิดชอบ

หลักๆ คือ ธเนศ และ ระว�ภาส ซ�่งพวกเรานั้นมี

แนวคิดที่จะสรางสรรค เร�่องราวเช�่อมโยงกับตัว

สินคา โดยการจำรองหองข�้นมาเปร�ยบเสมือน

ผูใชงานนั้นไดเขาไปอยูใน Galaxy จร�งๆ เพื่อให

ผูเลนไดรับประสบการณใหม โดยมีข้ันตอนในการ

คิดและออกแบบคือ GO TO GALAXY ซ�่งเปร�ยบ

เหมือนกับวาเม่ือใสรองเทาคูน้ีแลว ก็สามารถเดิน

ทางไปในอวกาศได ซ�งในระบบสุร�ยะของเรามีดาว

เดนๆอยู 8 ดวงเราจ�งจับจ�ดเดนของและคาแรค

เตอรของดาวมาสรางเร�อ่งราวของดาวแตละดวง

โดยการจำลองพื้นที่ข�้นมาแลวใหผูใชนำไฟฉายไป

ฉายที่ดาวทั้ง 8 ดวงแลวก็จะเกิดเร�่องราว ที่ถาน

ทอดไปบนรองเทาซ�งเปร�ยบเหมือนกับผูถือไฟฉาย

คือ ดวงอาทิตย ท่ีเปนจ�ดกำเนิด และ เกิดเร�อ่งราว

ของดาว แตละดวง ก็เหมือกับท่ีโลกหมุนรอบดวง

อาทิตย และโลกก็หมุนรอบตัวเอง

ART DIRECTOR& G R A P H I CD E S I G N E R

ระว�ภาส สัมญญากุล

Page 10: Interactive installation Motion Mapping

2STEP

ศึกษาเนื ้อหาของดาวแตละดวงวามีจ �ดเดน

อยางไร เพื่อนำไปตอยอดในการสรางเร�่องราว

และกราฟฟกที่จะใช ใหสมบูรณมากที่สุด

Page 11: Interactive installation Motion Mapping

3STEP

หา Reference จากงานที ่ม ี เน ื ้อหาเกี ่ยวกับ

หร�อคลาย กับงานของเราเพื ่อมาเปนไอเดีย

ในการออกแบบกราฟฟก และ เลาเร � ่อง

Page 12: Interactive installation Motion Mapping

4STEP

เร� ่มเข�ยน Story board จากการสรุปหาเนื ้อ

หา โดยจับจ�ดเดนของดาวแตละดวงซ�งมีเนื ้อ

หาเช� ่อมโยงและก็ถายทอดไปบนรองเทา

Page 13: Interactive installation Motion Mapping

5STEP

ทำกราฟฟ คท ี ่ จ ะนำ ไปทำโม ช ั ่ นกราฟฟ ก

ในงาน

Mercury

Venus

Ear th

Marh

Jupr te r

Satu rn

Uranus

Naptune

Page 14: Interactive installation Motion Mapping

MOTION GRAPHIC

C R E A T I V E D E S I G N E R& S E N I O RG R A P H I CD E S I G N E R

ธเนศ อาจจ�นดา 1STEP

ตองการสื่อ ความหมายของ Galaxy ใหเปน

ไปในรูปแบบกราฟฟกเพราะการทำให กราฟฟก

มีช�ว�ตช�วา มันเปนอะไรท่ีสนุกสนานมาก จะเปนไป

ในรูปแบบที่ดู ตื่นเตน และ ในขณะเดียวกัน จะยึด

movement ของจ ังหวะท ี ่ด ูน ุ มนวล เพ ื ่อ

สราง ความนาสนใจในงานหร�อ สรางเสนห

ของ Graphic ที่ ดูแลวตอง งายไมยุ งยาก

จะมี ref Movement ของงานดังนี้ http://www.behance.net/gallery/Live-Maps/2532049

http://www.behance.net/gallery/Moritz/3312764

http://www.behance.net/gallery/Canal-Encuentro-An

uario-2011/3477513

S E N I O RM O T I O N G R A P H I I C

สุรเชษ มีเทพ

Page 15: Interactive installation Motion Mapping

T E C H N I C A L H A R D W A R E

1STEP

เราจะมาพูดแตเร�อ่งเน้ือๆไมเอาน้ำ มาดูกันเลยครับ

ในสวนของ Technical Hardware แบงออกเปน 2

สวนใหญๆ คือ1.1 Sensor รับแสงในสวนการทำงาน

สวนนี้คือ การสั่งการโดยการสองแสงเขาหาตัว

sensor รับแสง จากนั้น sensor มันจะสงตอไปที่

มอรเตอร เพ่ือไปส่ังการการกด keyboard เพ่ือ

ส่ังการให ภาค Solfwareตอไปสำหรับ วงจรท่ีใช

งานคือ วงจรทำงานดวยแสง (FK401)วงจรสว�ตซ

ทำงานดวยแสง เปนวงจรอิเล็กทรอนิกสอยาง หน่ึง

ท่ีใชแสงมาควบคุมใหร�เลยเปด-ปดอุปกรณไฟฟาคือ

เม่ือโฟโต ทรานซ�สเตอรไดรับแสงวงจรจะส่ังใหร�เลย

ทำงาน ร�เลยก็จะทำให อุปกรณไฟฟาที่นำมาตอ

ทำงาน แตเม่ือใดท่ีไมมีแสงมากระทบโฟโต ทรานซ�ส

เตอรวงจรก็ส่ังใหร�เลยหยุดทำงาน อุปกรณไฟฟา

ก็หยุด ทำงานทันที

S E N I O RPROGRAMERS O U N DD E S I G N E R

ธวัชชัย สอิ้ง

ภาคสวนตอมาคือ สวนที ่ต อจาก Sensor

ในภาคสวนน้ี จะมีอุปกรณ หลักๆคือ keyboard

และ มอรเตอรเพ่ือส่ังการกด สำหรับไฟแหลงจาย

ท่ีตองใชคือ 12v DC จายcommon กับมอเตอรท้ัง

8 ตัวเม่ือมีการรับคาท่ีสงมาจาก sensor แหลงจาย

ท่ีจายเขามา ท่ีมอเตอรตัวน้ันจะทำการส่ังมอเตอร

หมุนไปสัมผัสท่ี keyboardและสงจายตอในภาคสวน

ของ solfwareตอไป

1.2 ปุมกดสำหรับในภาคสวนน้ี จะคลายๆกันกับ

สวนของ sensor แตจะไมมีในสวน วงจร แตจะเปน

สวนของ สว�ตช ท่ีเปนตัวส่ังการของมอเตอรแทน

โดย user จะเปนคนส่ังการโดยการกดลงไปkeyboard

ในสวนน้ีจะเหมือนกับ ภาคสวน sensor ทุกอยาง เ

เพียงแตปุมท่ีกดลงไปจะไมหมือนกันและจะมีแหลงจาย

แรงไฟเทากัน คือ 12v DC

Page 16: Interactive installation Motion Mapping

T E C H N I C A L S O F T W A R E

1STEP

1.ในสวนของ Technical Solfwareในสวนนี้ไมมี

อะไรมากมายเพราะจะเปนในสวนของโปรแรกมส่ัง

การทั้งหมด โดยแบงออกเปน สอง fade คือ

fade 1 ในสวนแรก เปนการใช actionscript 3 ใน

การเร�ยก movieclipท้ังหมด แตจะมีขอแมของมัน

คือ การรวมลายทั้งหมด ไดจำกัดเพียง 3 ลาย

เทานั้น โดยที่ user สามารถจะสอง ดาวดวงไหน

ก็ได เม่ือเร�ยกข�น้มา จะสามารถรวมกันไดจำกัดเพียง

3 ลาย และเมื่อลายใดลายหนึ่งหาย ก็จะสามารถ

เร�ยกมาเพ่ิมไดและเม่ือ user สองไฟฉายคาง หร�อ

สองหลายคร้ัง movie จะไมเลนใหมจนกวา movie

นั ้นจะจบลงไป หลักการทำงานคราวๆเมื ่อ

keyboard รับคา จะเปนการส่ัง movieclipเพ่ือเลน

โดยที่เร�ยกจาก swfเขามาเลน เมื่อเลนจบใหลบ

ออกไปและไมสามารถ กดซ้ำไดเมื่อยังเลนอยูแต

กด movie อื่นไดและผสมผสานกันได 3 ลายและ

เพิ่มการ import sound เขามาเพิ่มความสนใจใน

สวนท่ี 2 จะเปนการพัฒนาจากสวนแรก คือ การ

ไมจำกัด รอยของดวงดาวที่ผสมผสานกัน ได

เต็มที ่ทั ้ง 8 ลายหลักการทำงานคราวๆเมื ่อ

keyboard รับคา จะเปนการส่ัง movieclipเพ่ือเลน

โดยที่เร�ยกจาก swfเขามาเลน เมื่อเลนจบใหลบ

ออกไปและไมสามารถ กดซ้ำไดเม่ือยังเลนอยูแตกด

movie อื่นไดและผสมผสานกันไดทุกลายและเพิ่ม

S E N I O RPROGRAMERS O U N DD E S I G N E R

INSTALLATION&PROGRAMER

ธวัชชัย สอิ้งสราวุธ มั่นคง

เม่ือเลนจบใหลบออกไปและไมสามารถ กดซ้ำไดเม่ือ

ยังเลนอยูแตกด movie อ่ืนได เหมือนกับ สวนท่ี

ผานมาจะเพิ่ม event ที่ 9 มาเลนสำหรับในสวนนี้

เปน 2 keyboard ท่ีบอกปุมท่ีใชกด ท่ีแตกตางกัน

ท้ัง wall และ floorโดยเหตุผลท่ีทำใหมันแตกตางกัน

เพราะ เพื่อรองรับ pc เคร�่องเดียว และ pc 2

เคร�อ่ง โดยไมมีปญหาการใชงาน

การ import sound เขามาเพ่ิมความสนใจสำหรับ

ในสวนสุดทาย เปน สวนที่พิเศษและแตกตางจาก

2 สวนท่ีผานมาคือ จะซอน movie ลับไว ผูท่ีสอง

ลายตามกำหนด จะมี movie ที่ซอนโผลมาให

user เห็น(ในสวนน้ี ยังอยูในชวง พัฒนา)หลักการ

ทำงานคราวๆเม่ือ keyboard รับคา จะเปนการส่ัง

movieclipเพื่อเลน โดยที่เร�ยกจาก swfเขามาเลน

Page 17: Interactive installation Motion Mapping

INSTAL LAT ION D E S I G N

1STEP

สวนขอ space ก็ออกแบบจาก concept ที่วา

go to Galaxy ถาคิดถึงการข�้นไปอยูบนอวกาศ

แลวเห็นพื้นที่รอบๆ เปนคนเปนของปกติ

อารมณก็คงไมได ผมจ�งคิดจะทำเปนหองที่กั้นทั้ง

4 ดานข�้น เพื่ออารมณและความรูสึกของ

ผูเขาชม และอีกประเดนหนึ่งคือการควบคุมแสง

ที่จะใหใหกราฟฟคที่ฉายออกมา ดูเดนและสวย

มากข�้น และเพื่อควบตัวเซ็นเซอรที่ใชการรับ

แสงในการทำงาน ในสวนของ Faceที่ 1 เปนชวง

ที่ทำงานในคลาส มีคนในกลุม 3 คนเปนสวนของ

prop ที่เกาะอยูตรงกำแพง เปนเหมือนเศษ

ละอองผลึก ที่กระจัดกระจายออก ตามอวกาศ

รวมทั้ง ที่พื้น อีกดวยเปนการวางการติดตั้ง

ของ projector ทั้ง 2 แบบ โดยมีตำแหนงที่

แตกตางกัน

INSTALLATION&PROGRAMER

สราวุธ มั่นคง

S E N I O RINSTALLATION& P R O J E C T M A N A G E R

ธเนศ เจ�ยรไนวัช�ระ

Page 18: Interactive installation Motion Mapping

B E H I N D T H ES C E N E S

Page 19: Interactive installation Motion Mapping
Page 20: Interactive installation Motion Mapping