(게임) 기획자에게 추천하는 최고의 장난감, 스토리베리! 스토리베리의 재미를 간단하게 설명하는 강연 자료입니다.

1. STORY BERRY 기획자들을 위한 최고의 장난감!

3. Music Text Picture Video

5. 슬라이드쇼 E-book 프레젠테이션 웹툰 인터렉티브 무비 퍼즐 게임 미연시 턴제 RPG 애니메이션 단편 영화 실시간 뉴스 공지사항 알리미 블로그 어드벤쳐게임 연출프로토타이퍼 방명록 뮤직비디오 자막 영상 영상 편지 그 외 수많은 창작물

6. 트위터 기본 사용법http://storyberry.com/blog/view/98317 본격 스타리그 심판 RPGhttp://storyberry.com/blog/view/88983 8월의 향기http://www2.storyberry.com/blog/view/25210

7. STORYBERRY Player Under the hood… Resources XML (ReAPI) Pictures Musics Texts Videos Scripts Sounds

8. XML (ReAPI) Texts Scripts ?

9. Move Fade Blur Resize Pause Jump Input $var Menu

11. But, Powerful as he is.

12. The Rule is simple. “Coding”

13. The Rule is simple. “Coding” with XML.

14. Canvas

15. Canvas Text Picture Sound Video

16. “Just, just tell me what to do!”

17. 연출 예제 1 - http://www2.storyberry.com/blog/view/22069 ‘달리는 차 안에서 창문 바라보기’ <image id="img_0_0" source="배경.jpg" x="0" y="0" width="5000" height="360"/> <image id="img_0_1" source="캐릭터.png" x="0" y="0" width="480" height="360"/> <image id="img_0_2" source="대사.png" x="215" y="82" width="200" height="100"/> <click/><hide id="img_0_2"/> <move target="img_0_0" duration="10000" xTo="-4520" yTo="0"/> <click/>

18. 연출 예제 1 - http://www2.storyberry.com/blog/view/22069 ‘달리는 차 안에서 창문 바라보기’ <이미지 ID, 파일명, 위치, 사이즈/> - 창 밖 <이미지 ID, 파일명, 위치, 사이즈/> - 차 안 <이미지 ID, 파일명, 위치, 사이즈/> - 말풍선 <클릭 대기/> <그림 숨김/> - 말풍선 <움직일 이미지 ID, 움직이는데 소요되는 시간, 최종 좌표/> - 창 밖 <클릭 대기/>

19. 연출 예제 1 - http://www2.storyberry.com/blog/view/22069 ‘달리는 차 안에서 창문 바라보기’ Point 1 존ㄴ…아니 몹시 큰 투명 PNG 이미지 Point 2 연출에 대한 사전 구상 Point 3 Layer 개념

20. 연출 예제 2 – http://www2.storyberry.com/blog/view/22088 ‘스타워즈 연출 페이크ㅋ’ 한 번 클릭하고 기다리면 나옵니다ㅋ 클릭하면 이 글 사라짐 <music source="Star Wars IV - Main Title.mp3"/> <image id="img_0_0" source="스타워즈처럼.png" x="-418" y="377" width="1265" height="770"/> <parallel> <move target="img_0_0" duration="50000" xTo="240" yTo="-30"/> <resize target="img_0_0" duration="50000" widthTo="7" heightTo="10"/></parallel> <click/> <bgmoff/>

21. 연출 예제 2 – http://www2.storyberry.com/blog/view/22088 ‘스타워즈 연출 페이크ㅋ’ 텍스트 영역에 넣을 글 <배경음악 파일명/> - 스타워즈 주제가 <이미지 ID, 파일명, 위치, 사이즈/> - 글 이미지 <동시 효과> <움직일 이미지 ID, 소요 시간, 최종 좌표/> <사이즈 바꿀 이미지 ID, 소요 시간, 최종 크기/></동시 효과> <클릭 대기/> <배경음악 끔/>

22. 연출 예제 2 – http://www2.storyberry.com/blog/view/22088 ‘스타워즈 연출 페이크ㅋ’ Point 1 효과의 ‘중첩’: 신의 손을 만드는 기본기 Point 2 음악의 중요성

23. 연출 예제 3 – http://www2.storyberry.com/blog/view/22101 ‘총 든 놈’ <image id="img_0_0" source="뒤.png" x="0" y="0" width="480" height="360"/><image id="img_0_1" source="앞.png" x="0" y="0" width="480" height="360"/>두둥<textclear/><blur target="img_0_1" blurXFrom="0" blurXTo="10" blurYFrom="0" blurYTo="10" duration="1000"/><sound source="102 094.mp3"/>[총 든 놈]<enter/>너를 쏠테얌!<textclear/><parallel> <blur target="img_0_1" blurXFrom="10" blurXTo="0" blurYFrom="10" blurYTo="0" duration="1000"/> <blur target="img_0_0" blurXFrom="0" blurXTo="10" blurYFrom="-0" blurYTo="10" duration="1000"/></parallel>[손 든 놈]<enter/>헉 안되염!<textclear/><image id="img_0_2" source="총.png" x="0" y="0" width="480" height="360"/><sound source="103 095.mp3"/>빵!<image id="img_0_3" source="비범벅.png" x="0" y="0" width="480" height="360"/>끝

24. 연출 예제 3 – http://www2.storyberry.com/blog/view/22101 ‘총 든 놈’ <앞 사람 이미지/> <뒷 사람 이미지/> 두둥<텍스트창 비우기/><뿌옇게 만들 이미지 ID, 블러 초반 농도, 블러 후반 농도, 소요 시간/><효과음 파일명"/>[총 든 놈]<다음줄/>너를 쏠테얌!<텍스트창 비우기/><parallel> <앞 사람 완전 뿌옇게 /> <뒷 사람 덜 뿌옇게 /> </parallel><총 쏘는 효과 이미지/><빵! 효과음/><피터지는 이미지/>끝

25. 사실 어려워요.

26. 사실 어려워요. 그래도 ActionScript 3.0 보다는쉽다능…

28. 변수 스팟/씬 관리 레이어 관리 그 외 유용한 기능들

29. 변수 스팟/씬 관리 레이어 관리 사용자 이름 입력 아이템 속성 부여 주관식 퀴즈 암호/치트 걸기

30. 변수 스팟/씬 관리 레이어 관리 전투 엔진 제작 분기별 엔딩 설정 컨텐츠 배포 최적화

31. 변수 스팟/씬 관리 레이어 관리 렌즈 포커스 연출 캐릭터 포즈, 표정 변경 정보창 레이아웃 설정

32. 30분만에 만든 게임 1탄http://www2.storyberry.com/blog/view/34318 2탄http://www2.storyberry.com/blog/view/34408

33. AnyQuestion? 이거 돈 되나요? 왜 만들었어요? 넘 어려운거 아닌가요? 등등의 질문 환영합니다.

34. Thank you! isdead: The Cynical Felix. 오원탁 / James Oh isdead@live.com @isdead http://isdead.kr