sxsw interactive 2013 case study
DESCRIPTION
ยTRANSCRIPT
SXSW interactive : Case Study
index
Motion Graphics Air Jordan 2012 Assassin's Creed III - Bunker Hill Interactive Trailer Azera Journey Microsite Elantra Driveway Decision Maker The Block: Stories from a Meeting Place Music ALB "Golden Chains" JAM with Chrome OK Go Needing Getting Music Video One Copy Song Piano for Peace Personal Great Moments in Parenting Marco Rosella N by Jorge Drexler nubot Tetrageddon Games
Motion Graphics
Motion Graphics Air Jordan 2012
Air Jordan 2012 campaign HTML5 ํ์ฉํ ๋ชฐ์ ํ ๊ฒฝํ ์ ๊ณต. ๋๋๊ทธ๋ง์ผ๋ก๋ ์์ด์กฐ๋์ด ์์ฑ๋๋ ๋ชจ์ ๊ทธ๋ํฝ์ ํตํด #FLYOVER #FLYAROUND #FLYTHROUGH ๊ฐ์ธ์ ์ต์ ํ๋ ์์ด์กฐ๋ ๋ณด์ฌ์ค. ํธ์๊ณผ ํ๋ถ์ผ๋ก ๋ฐ์ด๋ด ์ ๋.
Motion Graphics Assassin's Creed III - Bunker Hill Interactive Trailer
Assassin's Creed III - Bunker Hill Interactive Trailer ์ธ๊ณ์ ์ผ๋ก ์ ๋ช ํ PC ๊ฒ์ ์ด์์ ํฌ๋ฆฌ๋ 3ํ ์ธํฐ๋ ํฐ๋ธ ์๊ณ ํธ. ๊ฒ์๊ณผ ๊ฐ์ 3์ธ์นญ ์์ ์ด ๋์ด ์ ํ์ ์์ ์์ ๋ง์ฐ์ค๋ก ๊ฒฝ๋ก์ ๋ฌด๊ธฐ ์ ํ ๋ฑ ์ค์ ๊ฒ์์ ํ๋ ๋ชฐ์ ๊ฐ ์ ๊ณต.
Motion Graphics Azera Journey Microsite
ํ๋์ฐจ Azera(๊ตญ๋ด๋ช :๊ทธ๋์ )์ ๋ง์ดํฌ๋ก ์ฌ์ดํธ ์์ HTML5ํ๊ฒฝ ์์์ ์ผ๋ฌ์คํธ๋ ์ด์ ๊ทธ๋ํฝ ๋ชจ์ ๊ณผ 3D๊ธฐ์ ์ ํตํด ์์ฆ๋ผ์ ๋๋ผ์ด๋ธ ๊ฒฝํ, ๊ฐ์ ๋๋ผ์ด๋ธ ๊ณผ์ ์์ ํน์ ์ฌ์์ ์์๊ณผ ์์ธ ์ค๋ช ํ์ ์ผ๋ก ๊ฒฝํํ ์ ์๊ณ , ๋ค์ํ ์ค๋งํธํฐ, ํ๋ธ๋ฆฟ PC ๋ฑ์์๋ ๊ฐ๋ฅ. ๊ณต์ ๊ธฐ๋ฅ ์ง์.
Motion Graphics Elantra Driveway Decision Maker
ํ๋์ฐจ ์๋ํธ๋ผ ์ธํฐ๋ ํฐ๋ธ ์ง๋ ์บ ํ์ธ 2012 ์ฌํด์ ์ฐจ๋ก ๋ฝํ ํ๋ ์๋ํธ๋ผ์ ์ธํฐ๋ ํฐ๋ธ ์บ ํ์ธ ๊ตฌ๊ธ ์คํธ๋ฆฌํธ ๋ทฐ์ ํ๋ก์ ์ ๋งคํ, ๋ฆฌ์ผ ํ์ 3D ์ ๋๋ฉ์ด์ ์ ๊ธฐ๋ฐ์ผ๋ก ์งํ ์๋ํธ๋ผ 3์ข ์ค ํ ๋ ์ ํ ํ ๊ฑฐ๋ฆฌ ๋ช ์ ์ ๋ ฅํ๋ฉด ์ง๊น์ง ๊ฐ๋ ๊ฒฝ๋ก๋ฅผ 3D๋ก ๊ฒฝํ. ์๋ํธ๋ผ๋ ๊ทธ ํด ๋ฒ ์คํธ์ ๋ฌ ๋ฑ๊ทน
Motion Graphics The Block: Stories from a Meeting Place
๋ ๋ธ๋ฝ. ์๋๋ ์์ ํ ์ฐฉ ๋ถ์กฑ์ด ์ด๋ ์ง์ญ์ ๊ฑฐ์ฃผํ๋ ์ง๋จ๊ณผ ๊ฑฐ์ฃผ์ ์ญ์ฌ๋ฅผ ์ธํฐ๋ทฐ์ ์ง๋ ์๋น์ค๋ฅผ ํตํด ์ฌ๊ตฌ์ฑ. ์บ๋ ผ 5D์นด๋ฉ๋ผ๋ก ์ดฌ์, ํ์ด๋ ์ปท ํ๋ก๋ก ํธ์ง, ํฌํ ์ต๊ณผ ์ผ๋ฌ์คํธ๋ ์ดํฐ๋ก ์ฌ์ดํธ ๋์์ธ. ํ๋์ ๊ธฐ์ ๋ก ์ ์. (ํฌ๋กฌ๋ณด๋ค ์ต์คํ๋ก์ด ํ๊ฒฝ์์ ์ด๋ฆผ.)
Music
Music ALB "Golden Chains"
ALB "Golden Chainsโ ํฌ๋กฌ ๊ธฐ๋ฐ ๋ฎค์ง๋น๋์ค JavaScript, HTML5 video, Ebay API ๊ธฐ์ ๊ธฐ๋ฐ์ผ๋ก ์ ์. ์ค์ง ํฌ๋กฌ ํ๊ฒฝ์์๋ง ๊ฐ์ ๊ฐ๋ฅ. ์ฃผ์ธ๊ณต์ ์ท, ์ ๊ธฐ ๋ฑ์ ์์ ์์ ์ฌ๋ฌผ๋ค์ด ์์ ๋ฐ ํ์ ์ผ๋ก ํ์ด๋๊ฐ๋ฉฐ ์ด๋ฒ ์ด์์ ๊ตฌ๋งค ๊ฐ๋ฅํ ๋ชจ์ต์ผ๋ก ๋ฐ๋. ์์ ํ๋ ์ด ๋ฆฌ์คํธ์ ํธ์๋ ๋ฑ์ฅ. ์ํฐํ ์ธ๋จผํธ์ ์จ๋ผ์ธ ์ผํ์ ์๋ก์ด ๊ฒฐํฉ ๋ชจ๋ธ ๋ณด์ฌ์ค.
API(Application Programming Interface, ์์ฉ ํ๋ก๊ทธ๋จ ํ๋ก๊ทธ๋๋ฐ ์ธํฐํ์ด์ค)๋ ์์ฉ ํ๋ก๊ทธ๋จ์์ ์ฌ์ฉํ ์ ์๋๋ก, ์ด์ ์ฒด์ ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๊ฐ ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ ์ ์ดํ ์ ์๊ฒ ๋ง๋ ์ธํฐํ์ด์ค๋ฅผ ๋ปํ๋ค. ์ฃผ๋ก ํ์ผ ์ ์ด, ์ฐฝ ์ ์ด, ํ์ ์ฒ๋ฆฌ, ๋ฌธ์ ์ ์ด ๋ฑ์ ์ํ ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํ๋ค.
Music JAM with Chrome
JAM with Chrome ์ต์ HTML5 ๊ธฐ์ ํ์ฉ. ํฌ๋กฌ ํ๊ฒฝ์์๋ง ๊ฐ๋ฅํ interactive web application ์ํ๋ ์ ๊ธฐ(19๊ฐ ์ค 1)๋ฅผ ๊ณ ๋ฅด๊ณ ์ค์ ์ ๊ธฐ ๊ฐ์ ๋ค์ํ ์ค์ ์ ํตํด ์ฐ์ฃผํ ์น๊ตฌ ์ถ๊ฐ(์ต๋ 4๋ช )๋ฅผ ํตํด ์ค์๊ฐ์ผ๋ก ํฉ์ฃผ(JAM) ๊ฐ๋ฅ
Music OK Go Needing Getting Music Video
์๋ณด๋ SONICโS FIRST MUSIC VIDEO - FEATURING OK GO ์ ๊ณก์ ๋ฐํํ ๋๋ง๋ค ๊ธฐ๋ฐํ ์์ด๋์ด์ ๋ฎค์ง๋น๋์ค๋ฅผ ๋ด๋๋ ๊ทธ๋ฃน OK GO์ ์๋ณด๋ ์ํ์ฐจ ์๋์ ์ฝ๋ผ๋ณด๋ ์ด์ . ์ ๊ธฐ๋ก ๋ง๋ค์ด์ง ํธ๋์ ๋ฌ๋ฆฌ๋ฉฐ ์ฐ์ฃผ์ ๋ ธ๋, ๋๋ผ์ด๋น์ ์ฆ๊ฑฐ์ ๋์ ์คํ ์ํผ๋ณผ ๋ ์ฒซ ๊ณต๊ฐ๋์ด 5์ผ๋ง์ ์ ํ๋ธ 1์ฒ๋ง ๋ทฐ ๋ฌ์ฑ.
Music One Copy Song
ํ์ด์ค๋ถ ์ฑ ํตํ ์ ๊ณก ์์ ๋ง์ผํ ์ค์จ๋ด ํํฉ ์ํฐ์คํธ Adam Tensta๊ฐ ์ ๊ณก์ ์๋ฆฌ๊ธฐ ์ํด ์์ ์ ๊ณก์ ์นดํผํด ํ๋ถ์ผ๋ก ์ฑ์ ๋ง๋ค์ด ๋ฐ์ด๋ด. ์ด ๊ณก์ ํ ์๊ฐ ์์ ํ๋ฒ๋ง ํ๋ ์ด ๋ ์ ์์์. ๋ฐ์ด๋ดํ ์๋ก ์ ๊ณก์ ๋นจ๋ฆฌ ๋ค์ ์ ์์ ๋ฐ์์ ํญ๋ฐ์ ์ด์๊ณ 40๊ฐ ๋๋ผ๋ก ํผ์ง. ํ๋ถ ๋ฐฉ๋ฌธ๊ฐ์ด 20๋ฐฐ๋ก ๋์ด๋จ.
Music Piano for Peace
๋์งํธ์ ์๋ ๋ก๊ทธ๋ก ๋ณํ, ์์ ํผ์๋ ธ ์ฐ์ฃผ Steinway ํผ์๋ ธ๊ฐ ํ์ ํ ์ถ์๋ฅผ ์๋ฆฌ๊ธฐ ์ํด ์กด๋ ๋ ผ Bed-In ํํ์์ ๊ธฐ๋ ์ผ์ ๋ง์ ๊ฐ์ ํธํ ๊ฐ์ ๋ฐฉ์์ ํผ์๋ ธ ์ฐ์ฃผ ํผํฌ๋จผ์ค๋ฅผ ๋ฒ์. ์ ์ธ๊ณ ์ ์ ๋ค์ด ๋ง์ดํฌ๋ก ์ฌ์ดํธ์์ song of peace๋ฅผ ํค๋ณด๋๋ก ์ฐ์ฃผํ๋ฉด ๋์งํธ ์ ํธ๋ฅผ ๋ณํ์์ผ ์ค์ ์๋ ๋ก๊ทธ ํ๊ฒฝ์์ ํผ์๋ ธ๊ฐ ์ฐ์ฃผ๋ ์ ์๊ฒ ํจ. ์ด ๋ชจ์ต์ด ๋ผ์ด๋ธ๋ก ๋ณด์ฌ์ง.
Personal
Personal Great Moments in Parenting
SNS๋ฅผ ํตํ ์ก์์ ์ฆ๊ฑฐ์ ์ ํ ์์ด๋ฅผ ํค์ฐ๋ฉฐ ๋๋ผ๋ ํ๋ณตํ ์๊ฐ๋ค์ ๋ด์ ์ฌ์ง, ์ก์ ๋ ธํ์ฐ, ์์ธ์ด, ์ฅ๋๊ฐ ๋ฑ์ ์ ๋ณด์ ๊ธ์ ํํ์ด์ง์ ํ์ด์ค๋ถ, ์ธํฐ๋ ์คํธ์ ๊ตฌ๊ธํ๋ฌ์ค, ํธ์ ๋ฑ์ SNS์ฑ๋์ ํตํด ๊ณต์ . ์ผ๋ถ ๊ธฐ๋ฅ์ ํ์์ ๋ก ์ด์.
Personal Marco Rosella
์ธํฐ๋ ํฐ๋ธ ๋์์ด๋ ํฌํธํด๋ฆฌ์ค ์ฌ์ดํธ
์ธํฐ๋ ํฐ๋ธ ๋์์ด๋ Marco Rosella์ ๊ตฌ๊ธ HTML5 ๊ธฐ๋ฐ์ผ๋ก ์ ์๋ ํฌํธํด๋ฆฌ์ค ์ฌ์ดํธ ๋ค๋ฅธ ์น๋ธ๋ผ์ฐ์ ์์๋ ์คํ์ด ์ ํ๋๊ฑฐ๋ ๊ธฐ์กด ๋ธ๋ก๊ทธ ์ฌ์ดํธ๋ก ์ ๋๋จ. ๋๋๊ทธ๋ง์ ํตํด ๊ฑฐ์ ๋ชจ๋ ์์ง์์ด ๊ฐ๋ฅํด ์ฌ์ดํธ ์์ฒด๋ง์ผ๋ก๋ ๋ฐ์ด๋ ์ธํฐ๋ ํฐ๋ธ์ ๋์์ธ ๊ฒฝํ์ ์ ๊ณต
Personal N by Jorge Drexler
ํ์ ์ ์ธ ์๊ณก ํ๋ก์ ํธ โN by Jorge Drexlerโ ์์นด๋ฐ๋ฏธ ์์์์ด๋ค ๊ทธ๋ ๋ฏธ 14๋ฒ ๋ ธ๋ฏธ๋ค์ดํธ ๋ ์๊ณก๊ฐ Jorge Drexler๊ฐ wakeapp๊ณผ ์ฑ ๊ฐ๋ฐ์๋ค๊ณผ ํจ๊ป ์ ์ํ ์๊ณก ์ํํธ์จ์ด(์ฑ) 15๊ฐ์์ ์ฌ์ ์กฐ์ฌ๊ธฐ๊ฐ, ๋ช ๋ฌ๊ฐ์ ํ ์คํธ ์์ ๊ตฌ๋งค์ ํฅ๋ฏธ๋ฅผ ์์ ๋ฆฌ์ค๋๋ค์๊ฒ ์์ ์ ๋ํ ์๋ก์ด ๊ฐ์น์ ๊ฒฝํ ์ ๊ณต. ๋ชจ๋ฐ์ผ ๊ธฐ์ ํตํ ์์ ์ฐ์ ์ ์ ์ฒด์ฑ ๋ณต์.
Personal nubot
nubot_์ธ๊ฐ์ ์๋กํ๋ ์๊ณต์ ๋ก๋ด ๊ด๊ณ ํ์ฌ ์ถ์ ์ ์น ํ๋๋๊ฐ ๋ง๋ ์น ํ๋๋ ํ์ฌ Nuuo์์ ๋ง๋ ์๊ณต์ ๋ก๋ด. ์ค์นด์ดํ๋ ๊ตฌ๊ธ ํ์์ ๋ฑ์ ํตํด ๋น์ฆ๋์ค ํ๊ฒฝ์ด๋ ์ผ์์์ ํ์์ฑํ ์ด ์ต์ํด์ง ์ฌ๋๋ค์ ์ํด ์ ์. ์๋ก์ด ํ์์ฑํ ํธ๋ ๋๋ฅผ ๋ง๋ค๊ณ ์์. ํ๋๋ฅผ ์ด ์ธํ์ ๋จธ๋ฆฌ๋ถ๋ถ์ ๋ฌ๋ฆฐ ๋ํฌ์ ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ๋ฅผ ๊ฝ์ผ๋ฉด ์๋, ๊ฐ๋จํ ์์ง์๋ ๊ฐ๋ฅ. ํ์ฌ ์ ํ๊ธฐ๊ธฐ(์์ดํฐ, ํฐ์น)๋ง ์ง์. 3์ธ๋ ๊ธฐ์ค ๋ฏธํ๋ก 950๋ฌ๋ฌ
Personal Tetrageddon Games
์์ ์ ๋น์ฃผ์ผ์ด ๋๋ณด์ด๋ ์ธํฐ๋ ํฐ๋ธ ์จ๋ผ์ธ ๊ฒ์ Tetrageddon Games์ ์์ ๊ฐ์ ๊ฒ์, ๊ฒ์ ๊ฐ์ ์ธํฐ๋ท, ํฌ๊ทน์ ์์๊ฐ ๊ฐํ ๊ฒ์์ ์งํฅํ๋ฉฐ ์์๋ ์จ๋ผ์ธ ํ๋ก์ ํธ. ์ธํฐ๋ ํฐ๋ธ๊ฐ ์ผ๋ง๋ ๊ฒ์์ ํ์ ์ ์์๊ฐ ๋ ์ ์๋์ง ์คํ.์คํ ์์ค, ์ฝ๋ผ๋ณด๋ ์ด์ , ๊ณต์ ๋ฅผ ์งํ์ ์ฃผ ์์๋ก ๋ณด๊ณ ์ฅ๋ ค ์ธ๋๊ฒ์ ๊ฐ๋ฐ์๋ค์ ์ฐฝ์กฐ์ ์์ฒ์ผ๋ก ์ฐ์ด๊ธธ ๊ธฐ๋. ๋ชจ๋ ๊ฒ์์ ํ๋ฆฌ์จ์ด, PC๋ฒ์ ์ผ๋ก ๋ค์ด๋ก๋ ๊ฐ๋ฅ. ์ด ์ฌ์ดํธ๋ ์๋ก ๊ฐ๋ฐ์ ํ๋ก์ ํธ์.
SXSW interactive : Case Study
Edited by copywriter ๋ฐฑ์น๊ถ