XNA가 윈도우폰7 시리즈의 게임 개발 플랫폼이 된 것을 보면서 XNA 에 많은 관심을 갖고 있는 사람으로서 여러가지 만감이 교차했습니다. 과거 XNA는 크로스 플랫폼을 지향하면서 출시된 게임 플랫폼으로서 Xbox360과 Windows에서 동시에 돌아가는 게임을 만들 수 있었습니다.
XNA는 C#을 지원하는 닷넷 프레임 워크 기반으로 되어 있어서 기존 DirectX와 같은 Unmanaged 환경에서의 게임 개발의 난해함을 상당히 낮추었고. 또한 개인이 만든 게임을 Xbox360과 같은 상용 게임기에서 돌려볼 수 있다는 것은 굉장히 매력적인 일 이었고요.
3.0 버전이 나오면서는 Community Games 라는 형태로 XNA로 만든 게임을 간단히 등록해서 Xbox Live 마켓플레이스에 올려서 판매를 할 수도 있게 된 것도 중요한 사건 이었지요.(아쉽게도 현재도 국내 계정으로는 올릴 수 없도록 되어 있기는 합니다만…)
ZUNE에서의 지원이 모바일로 언제 이어질 것인지에 대한 의견이 분분하던차에 이렇게 윈도우폰 7에서 지원이 되게 됨으로서 기존 XNA를 공부했던 사람들 중에 한명이 윈도우폰이 XNA 게임으로 성공한 사례를 만들어 내지 않을까도 생각해 봅니다.
비대해진 국내 게임시장에서 XNA라는 좀 더 빠르고 쉽게 개발할 수 있는 플랫폼이 비지니스 적인 가능성과 맞물리게 됨으로서 게임 개발에 뜻을 갖고 있거나 게임 개발을 공부하고 있는 사람들에게는 공부하면 좋을만한 기술로 더 자리 잡지 않을까 합니다.
어느덧 1.0 정식 버전이 출시 된지도 벌써 3년이 넘은 기술이기에 해외에는 많은 관련 서적들이 출간되어 있고, 국내에도 괜찮은 번역서가 2권이 출간되어 있습니다. 국내의 온라인에 있는 카페 등에도 좋은 강좌 자료들이 있고 관심 있는 사람들이 더 모인다면 시너지를 낼 수 있는 부분이 많이 있을 것으로 생각 됩니다.
(국내 XNA 관련 카페 주소 - http://cafe.naver.com/xna)
개인적으로는 XNA같은 기술을 통해 국내의 인디 게임 개발이 활성화 되고, 참신한 아이디어로 만든 재미있는 게임들이 많이 개발이 되었으면 합니다. 소규모 게임 회사들도 많아져서 전체적인 게임 산업이 오밀조밀하게 발전했으면 하고요 :)
두번째날 키노트 영상은 http://live.visitmix.com 에 머지않아 올라올 것으로 예상 합니다. 아래는 키노트에 있었던 내용들을 찍은 사진과 함께 제 트위터(http://twitter.com/joongs14) 에 올린 내용을 간략하게 정리한 내용입니다. 첫째날보다 좀 더 세부적인 내용들이 많아서 많은 부분이 생략이 되었으며 Internet Explorer 9과 OData를 비롯 VS2010, .NET4에 대한 내용들이 다루어 졌습니다.
지금 타블렛에 발레하는 여성분의 그림을 그리고 있네요. 멀티터치가 가능한 타블렛이라서 그런지 확대축소가 용이해보입니다. 남은 시간은 30초인데 어느정도까지 완성이 가능할지?
IE9을 소개하기 위해서 딘이 나왔습니다. IE9을 상징하는 nine 옷을 입고 나왔으며, PPT슬라이드 표지에는 HTML5와 하드웨어 가속이 표지에 나와져 있네요.
HTML5에 앞서서 성능, 표준, GPU 활용, 그리고 커뮤니티 피드백을 많이 생각했다고 합니다. IE6의 장례식 사진을 보여주니 사람들이 박수치고 난리네요. ㅎㅎ
PDC09에서 설명한 멀티시스템의 성능에 영향을 미치는 것들에 대해서 설명을 합니다. 비교적으로 IE9의 속도가 빠르다는 이야기가 있었고,HTML5에서 자바스크립트가 빠르기 위해서 컴파일된 자바스크립트, 백그라운드에서, 멀티코어 사용을 언급합니다.
성능에 이어서는 표준에 대해서 이야기를 합니다. 같은 마크업을 사용하는 것의 중요성을 말합니다.
7000개 탑사이트의 웹 API 사용이 어떤지를 조사했다고 합니다. 그리고 DOM Event 데모를 보여줍니다.
페이드인, 페이드 아웃을 비롯, CSS 3 그리고 각각의 브라우져에서 사용되는 마크업들의 차이를 비교합니다. 웹 표준을 위해서 DOM과 CSS3 을 그리고 W3C에 많은 테스트 케이스를 제출하고 있다고 합니다.
스티븐시납스키가 GPU 성능을 활용한 HTML 5 데모를 위해서 나와씁니다. 데모에는 IE9과 크롬 그리고 FF가 함께하네요
같은 머신을 이용했다는 것을 시작전에 강조합니다. 로고가 돌아가는 것을 보여주는데요 IE9에서 매우 부드럽게 움직입니다. 반면 크롬의 경우는 매우 버벅이며 FF도 IE9만큼 안정적이지는 않습니다.
GPU를 쓰는 것이 어떤 얼마나 성능을 가져오는지 보여줍니다. 오피스 XP사용자라면 기억할 클리피가 나왔습니다. 새로운 개발자도구를 보여줍니다. SVG 1.1 로 된것의 속성을 바꿔서 색을 바꾸는 것을 보여주네요. 그리고 공들이 떨어지는 것 역시 비교해서 보여주는데요 IE9이 FF에 비해서 성능적으로 우수한 것으로 나오네요
IE9의 랜더링 엔진에 힘입어 글자를 크게 확대해보면 부드러움이 더 한것을 볼수 있네요.
그리고 SVG로 만들어진 게임을 보여줍니다. 간단한 게임은 SVG를 이용해서 만들수도 있겠군요. 줌인 줌아웃 기능을 통해서 모바일 버전에서는 작게 해서 보는 것을 유머스럽게 이야기 하네요. GPU를 활용해서 웹이 얼마나 더 발전할지 기대가 됩니다!
같은 마크업, 같은 스크립트, 같은 CSS를 이용해서 다양한 브라우저들에서 같은 결과물을 보여주는 것에 촛점을 맞추고 있다고 합니다. 피드백을 받고 있고, 개발자 도구를 사용하는 것을 보여줍니다.
HTML5 Video를 이용해서 Youtube의 영상을 HTML5로 재생하는 것을 보여줍니다 저사양의 넷북에서도 GPU의 활용을 통해서 고화질의 영상을 무려 두개나 동시에 무리없이 돌리고 있습니다.
크롬을 이용해서 비디오 캐러설(?)을 보여주고, IE9에서도 보여줍니다. 더이상의 데모는 없고 정리를 합니다. IE6는 업그레이드, 개발은 IE8에서, IE9 플랫폼 프리뷰를 사용해보세요~ ㅎ
스캇구슬리가 나왔네요. VS2010과 .NET4에 대해서 이야기를 합니다.
VS2010은 멀티 모니터 지원을 통해서 개발 생산성을 향상할 수 있습니다. 보다 향상된 인텔리센스, 코드를 더 쉽게 찾는 네비게이션, 시각화, 프로파일링 디버거 등이 향상되었고, 웹폼의 경우도 좀 더 다눈해지고 Css를 추가하는 등 발전이 있었습니다.
시멘텍 URL과 차트 컨트롤, 정식 출시된 MVC 2 의 다양한 기능들을 이야기합니다. AJAX 관련한 부분도 향상이 되었는데요, 우선은 인텔리센스부분의 개선과 VS2008에 비해서 유명한 라이브러리들을 사용시 Update에 아주 큰 차이가 나도록 되었네요 Web.config가 debug나 release에 따라서 각각 유지할 수가 있습니다.
스캇핸젤만이 나와서 VS2010 데모를 합니다. 폴로티셔츠 샵을 개발한 것을 이용해서 보여주려고 합니다.
멀티모니터 지원과 컨트롤과 스크롤을 이용해서 쉽게 화면 확대를 합니다. 그리고 첫문자부터 일치하지 않더라도 찾을 수 있도록 혹은 대문자만을 이용해서도 Intellisense를 활용해서 빠른 개발이 가능하게 합니다. navigate To를 이용해서 프로젝트에 있는 클래스나 변수를 찾고, 세로로 선택해서 여러줄을 동시에 편집하는 것이 가능합니다. 그리고 시퀀스 다이어그램을 만들고 보여줍니다.
간단히 패키징하는 것까지 보여주면서 전체적인 VS2010 사용을 보여주고 다시 스캇이 나옵니다.
작년에 Microsoft CDN을 이용해서 jQuery 로딩 속도를 향상시크는 것이 있었는데요, jQuery 관련한 추가적인 것들을 이야기합니다. jQuery 의 창시자가 무대에 나왔습니다. jQuery에 대한 간단한 설명을 하고, 이번 협력에 대해서 긍정적으로 이야기하네요
웹플랫폼인스톨러를 설명하고 현재 올라가져있는 프로젝트들에 대해서 보여줍니다. 쉽게 다운로드 받아서 설치한다는 장점을 갖고 있습니다. 최근 장안의 화제인 다락방서버도 관심가져주세요~ :)
웹사이트스파크와 비즈스파크 프로그램을 설명하면서 비즈니스를 할때 마이크로소프트가 지원해주는 혜택을 이야기해줍니다. 온라인 게임 회사인 Curse 닷컴의 사람이 나와서 비즈스파크에서 받은 혜택에 대해서 이야기를 합니다.
커스닷컴은 방문자수 증가로 고민을 하고 있었는데, LAMP 스택을 .NET 스택으로 변경을 해서 확장성 부분에서 효과를 가져 왔다고 합니다. microsoft.com/web 에 방문 그리고 Vs2010 그리고 .NET 4를 사용해보라고 합니다. 스파크 프로그램도요. 그리고 스캇은 퇴장하네요
머리가 시원한 분이 나와서 웹 API에 대한 이야기를 합니다.
OPEN DATA Protocol (oData)에 대해서 이야기를 시작하네요. Netflix에서 OData를 사용하는 것을 보여줍니다.
netflix의 영화관련 데이터를 활용해서 많은 일을 할 수 있겠네요. 평점이 높은 영화를 검색한다거나... 코드를 사용하지 않고 URL에 몇단어를 추가하거나 수정하는 것으로요. xml 형태로 OData를 가져올 수도 있지만, 간단히 json 형태로 가져와서 활용을 할 수도 있습니다.
지금은 Silverlight 프로젝트에서 odata를 이용해서 간단하게 프로그램을 하는 것을 보여줍니다. 아이폰에서도 OData를 잘 사용할 수 있습니다.
오피스 엑셀과 쉐어포인트에서 oData Protocol 이 더 많이 활용될 것으로 보이네요. OData에 대해서는 http://www.odata.org에 가서 확인 하세요,
넷플릭스 API는 Windows Azure와 SQL Azure 기반으로 작동했다고 하네요. 조나단이 데모를 준비 중입니다. azure에서 돌아갈수 있도록 하는 것에 대해서 설명을 합니다. Azure 상에서 SQL 데이터 베잇를 만들고 관리하는 부분을 시연 중입니다.
클라우드상에서 데이터를 활용할 수 있는 코드네임 달라스를 설명합니다. 지금까지 Open Data를 이용하는 것이 정리되는 느낌이네요. 현재 Dallas에 등록된 데이터 들을 보고 있습니다. 어제 소개된 윈도우폰7 을 이용해서 oData를 활용한 영화검색 애플리케이션 만든 것을 보여줍니다. DVD에 있는 바코드를 읽어서 그 영화에 대한 정보를 찾네요. 달라스를 잘 활용해서 여러분의 데이터를 올리기도 하시고, 올라간 데이터를 활용해서 비지니스를 창출할 수 있으면 좋겠네요
많은 경험(데이터)을 어떻게 할 것인가? Open Data Progorocol을 어떻게 활용할 것인가? 등에 대한 질문을 남기고 퇴장합니다. 이제 빌벅스턴 타임! NUI에 대해서 이야기를 비롯 해서 YAMAHA의 부는 악기(?)에 대해서 보여주네요 ㅎ
Motor-sensory, Cognitive, Social, Emotional 에 집중.. ㅎ
키노트시작전에 그림 그리던 사람이 다시 나왔습니다. 10손가락 멀티터치가 되는 와콤의 프로토타입 하루뒈어라고 하네요. 정리하면 '정말 변화하고 있는것은?, 모바일이 열쇠... 여기까지 MIX10 두번째날 키노트 입니다~
제 트위터 에 올렸던 MIX10 첫째날 키노트 트윗을 기반으로 키노트에 나왔던 수많은 내용들에 대해서 소개해보려고 합니다. 위의 링크를 통해서 키노트를 실시간으로 놓치신 분들은 꼭 보시면 좋을 만한 재미있는 내용들이 많이 있고, 제 트위터로도 확인하실 수 있습니다. (사진을 많이 못찍은 것이 아쉽네요)
MIX10 키노트가 시작하기 전에는 데모는 아니지만 세계 1위의 요요챔피언이 흥겨운 음악에 맞춰서 요요를 하고 있었습니다. 몇번 실수를 하기도 했지만, 잘하긴 잘하더군요. :)
이제 스캇 구슬리의 등장과 함께 MIX10 첫째날 키노트가 시작이 되었습니다. 실버라이트 전세계 점유율이 어느덧 60%에 이르렀다는 이야기가 나왔습니다.
전세계에서 이번 동계 올림픽 중계에 Silverlight 기술로 온라인 방송을 한 방송사들에 대해서 보여줬는데, 한국에서는 SBS가 나왔네요.
Silverlight 4의 기능에 대해서 이야기하고 실버라이트 딥줌을 이용한 Pivot에 대해서 영상이 나오고 있네요
VS2010에서 디자인 환경이 가능해지고, 인텔리센스 등이 추가된 것 그리고 블랜드3 를 갖고 있는 사람은 블랜드 4를 무료로 받을 수 있다고 합니다!
ebay 여자분이 나오셔서 새로운 실버라이트 적용 사례를 이야기하려고 합니다. 어떤 적용일지 기대해도 좋을 듯 하네요 :)
실버라이트 OOB 를 이용해서 책을 찾고 바코드를 인식하는 과정을 보여줍니다. asp.net 책을 찾아서 바로 살 수 있네요. PDC에서 보여준 것을 한층 발전 시킨 형태 입니다!
단지 책을 찾는 것에서 그치지 않고 OOB를 이용해서 이미지를 편집하는 것을 추가로 보여주는 군요. 아래 쪽에 현재 프로세스를 보여주는 것도 직관적입니다.
씨너지라는 회사에서 이번 ebay 실버라이트 적용사례를 만들었다고 하네요. 아까 영상 보신 분은 아시겠지만 화면 우측 하단에서 alert 하는 것도 멋지네요!
시너지에서 스케치 플로우를 이용해서 애플리케이션을 제작한 것을 보여줍니다. 포토샵 파일을 이용해서 스케치 플로에서 사용을 하네요. 실제 작업을 연상시킵니다.
익스프레이션 블랜드를 이용해서 컨셉을 잡고 실제로 돌아가는 것을 만든 것을 시연을 통해서 보여줍니다. 스케치플로우 와우~
Silverlight 4 RC가 이번에 발표되고 정식 버전이 곧 나올 예정이라고 합니다.
드디오 윈도우폰 시리즈에 대한 이야기가 나오네요. 조벨피오레가 나왔습니다.
20분동안 윈도우폰 7시리즈 이야기를 한텐데 실제 동작하는 프로토타입 윈도우 폰 기기를 가지고 데모를 하고 있습니다.
라이브타일 데모 보여줄때 손에 윈도우 폰 로그들 스티켜 붙여둔게 인상적이네요 ㅋ
라이브타일을 마음대로 움직일 수 있다는 것을 보여줍니다. 잠깐 멈추긴 했지만 프로토타입이니까 괜찮죠? ㅎㅎ
이메일을 보는 것을 보여주는데요, UI가 좋고, 많은 양의 메일을 볼때도 빠르게 움질일 수가 있을것 같네요. 그리고 아래부분에 모든 것의 기본이 되는 앱바가 있다고 황리건 과장님이 알려주셨어요~ :)
체크박스 이용해서 쉽게 삭제하는 등 사용자들이 빠로 배우지 않고도 쓸 수 있게 만들었다는 것이 좋네요. 지금은 캘린더 화면을 보여주고 있습니다. 마찬가지로 미팅에 늦었을때 연락 할 수 있는 것을 바로 연결한 것도 작은 것이지만 편리하겠군요
이번에는 피플(PEOPLE)의 파노라마 experience를 보여 줍니다. 자기가 알고 있는 사람들의 현재 상태를 아주 쉽게 바로 확인할 수 있는 점이 모바일 환경에서도 구현된 점이 흥미롭습니다.
타일에서 자기가 자주 사용하는 것은 언제든지 처음으로 이동을 할 수가 있고요. 이제 ZUNE에서 보여준 음악과 관련한 기능을 보여줍니다. music + video 허브! 역시 매우 편리하게 탐색하고 재생을 할 수 있다고 합니다.
이제 실버라이트로 개발된 윈도우폰 앱을 보여줍니다. AP 뉴스 애플리케이션이네요. 와우~ 실버라이트로 매우 자연스럽게 구현을 했네요~ 코멘트를 달 수 도 있다고 합니다. 사진을 모아서 보기도 하고요~
화면전환이 특히나 인상적인데요. 여러장의 사진을 보는 것도 3d효과를 적용했고, 애니메이션도 군더더기 없이 잘 적용했네요. breaking news가 아래쪽에 alert 되는 것도 실제로 사용시에 잘 사용하겠네요.
이제 두번째 윈도우폰 Silverlight 앱인 HUSH HUSH 입니다. 잭슨피시에서 만든 다이어리 애플리케이션인데요, 저도 꼭 사용하고 싶네요. 일기를 안쓰니 하루하루가 어떻게 가는지 ㅎ
다이어리에 사진을 간단히 붙여서 일기를 쓸 수가 있는데, 정말 사용하고 싶군요. 실버라이트에서 보셨을 페이지 넘기는 애니메이션도 적용이 자연스럽게 되어 있네요. 아들이 귀엽군요. 새로 글을 작성하는 과정을 보여줍니다. 사진과 글을 입력
우앗.. 벌써 세번째 애플리케이션 입니다. 참고로 사진(picture) 허브에서는 이전에 PEOPLE에서 본것처럼 새로운 사진들을 쉽게 확인을 할 수가 있고요. 앨범에서 사진을 골라서 사진들을 편집하는 앱을 보여줍니다. 아들이 고생하네요
이제 마지막 앱입니다. 이정도면 실버라이트가 윈도우폰에서 잘돌아간다는 것이 어느정도 증명된것 같은데요. 3d 게임이 얼마나 잘돌아가는지를 보려주려고 합니다. GDC에서 보여준 바로 그녀석인것 같습니다.
리얼 3d 인데요, 와우 폭발 효과가 아주 멋지네요. 다리가 무너지는 것도... 게임 플랫폼으로 멋지게 사용될 듯 합니다. 안녕 조벨피오레씨~
참 마지막 게임은 XNA를 이용해서 만든 것입니다. Silverlight와 XNA가 윈도우폰에서 동작하게 됨으로서 윈도우폰용 앱 개발이 큰 탄력을 받을 것으로 보입니다. 같은 프로그래밍 모델, 같은 코드(변경없이), 같은 툴을 쓰니까요
비주얼 스튜디오를 가지고 스캇이 직접 윈도우폰 앱을 개발하는 과정을 보여줍니다. 프로젝트 템플릿에 바로바로 폰의 화면이 나오는군요. 실버라이트 개발자들이 익숙할 화면입니다.
역시나 처음 만드는 앺은 hello world! 쉽게 디자인을 한 것에 코드 비하인드에서 간단한 Hello 사용자 이름을 출력하려고 합니다. 이거 폰용 앱 개발이 다를 것이 전혀 업네요. 윈폰 HW는 없지만 에뮬레이터로 동일하게 동작하네요
기존 앱 개발과 마찬가지로 중단점을 통해서 디버깅하는 것과 가로화면 전환하는 것도 보여줬네요. 이제 간단한 트위터 클라이언트를 만드는 것을 보여주고 있습니다. 기존 Silverlight 익숙한 사람들에겐 윈폰이라고 다를게 거의 없군요.
삼천명이 넘는 사람들 앞에서의 코딩데모는 참 쉽지는 않은 일일것 같습니다. 하지만 금새 스니펫을 활용해서 뚝딱뚝딱 잘도 만드는 군요. 와우 완성!
멀티터치가 동작을 하지 않았지만, 마우스가 있으니 괜찮아요~ 아마도 정전기 때문이 아닌가 하네요 ㅋ
존해리스가 나와서 익스프레션 블랜드로 윈도우폰용 앱개발을 하는 것을 보여주려고 합니다. 포토다이어리라는 앱을 먼저 보여주는데 예사롭지 않네요. 많은 양의 사진을 스크롤 형태로 탐색하고 선택하면 확대되고 내용을 입력하는 정도가 일단 기능..
스택패널과 랩패널을 이용해서 마치 매직(?)처럼 쉽게 디자인 환경을 구성하는 것을 보여줍니다. 상단에는 로고, 메인에는 사진들이 배치가 되었네요
비헤이비어를 이용해서 프로그래밍을 하지 않고도 원하는 기능들을 구현하는 것을 보여주고 있습니다.
데이터를 바인딩 하는 과정을 드래그 앤 드롭으로 보여주고 있습니다. 그리고 사진과 사진의 정보를 앞뒤로 보여주기 위해서 필요한 전환효과를 적용하는 것을 보여주고 있습니다. 0.5초만에 전환되도록 하네요
이제 마지막 과정으로 에뮬레이터에서 보여주는 것을 보여줍니다. 조금전에 HW 로 보전것을 동일하게 구현한 것을 볼 수가 있네요. 와우~
윈도우폰용 애플리케이션을 개발을 위해서 필요한 지금까지 보여드린 툴을 무료로 제공한다고 합니다. 선물이네요~
실버라이트 미디어 플레이어를 적요한 넷플릭스 앱을 윈폰용으로 구현을 했군요! 멋진 실버라이트 앱을 많이 만든 vertigo 에서 제작한 것 같아서 기대가 됩니다.
국내에는 아직 서비스를 하지 않지만, 이제 넷플릭스를 집에서 보다가 폰에서도 이어서 쉽게 볼 수가 있겠군요. 멋집니다.
한국시간으로 3월 16일 새벽 1시에 MIX10의 첫째날 키노트가 생중계 됩니다. 얼마전 MWC에서 발표가 되어서 정말 많이들 관심을 갖고 계시는 Windows Phone 관련한 내용 이외에도, Silverlight, 그리고 IE에 대한 내용들이 발표될 예정인데요, 많이들 실시간으로 함께할 수 있었으면 좋겠습니다.
키노트 뿐만 아니라, 130개 이상의 모든 세션들도 진행된 후 24시간 내에 온라인에 업데이트 될 예정이니, 어떤 세션들이 있는지 보시고 관심 있는 세션들은 꼭 챙겨서 보시면 좋겠습니다. UX베이커리에서 MIX10 행사를 다시보는 행사도 진행을 하는데요, 역시나 많은 참여 바라고요. :)
