Post on 18-Dec-2014
description
STOR
Y기획자들을 위한 최고의 장난감 !
BERR
Y
MusicText Picture Video
슬라이드쇼E-book
프레젠테이션웹툰
인터렉티브 무비퍼즐 게임
미연시턴제 RPG애니메이션단편 영화
실시간 뉴스
공지사항 알리미블로그
어드벤쳐게임연출 프로토타이퍼
방명록뮤직비디오자막 영상영상 편지
그 외 수많은 창작물
• 트위터 기본 사용법http://storyberry.com/blog/view/98317
• 본격 스타리그 심판 RPGhttp://storyberry.com/blog/view/88983
• 8 월의 향기 http://www2.storyberry.com/blog/view/25210
STORYBERRY PlayerUnder the hood…
Resources XML (ReAPI)Pictures
VideosMusics
Sounds
Texts
Scripts
XML (ReAPI)Texts
Scripts
?
Move Fade Blur
Resize PauseJump
Input $var Menu
But,
Powerful as he is.
The Rule is simple.
“Coding”
The Rule is simple.
“Coding”with XML.
Canvas
Canvas
Text Picture Sound Video
“Just, just tell me what to do!”
연출 예제 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/>
연출 예제 1 - http://www2.storyberry.com/blog/view/22069
‘ 달리는 차 안에서 창문 바라보기’
< 이미지 ID, 파일명 , 위치 , 사이즈 /> - 창 밖< 이미지 ID, 파일명 , 위치 , 사이즈 /> - 차 안< 이미지 ID, 파일명 , 위치 , 사이즈 /> - 말풍선
< 클릭 대기 />
< 그림 숨김 /> - 말풍선
< 움직일 이미지 ID, 움직이는데 소요되는 시간 , 최종 좌표 /> - 창 밖
< 클릭 대기 />
연출 예제 1 - http://www2.storyberry.com/blog/view/22069
‘ 달리는 차 안에서 창문 바라보기’
Point 1존ㄴ…아니 몹시 큰 투명 PNG 이미지
Point 2연출에 대한 사전 구상
Point 3Layer 개념
연출 예제 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/>
연출 예제 2 – http://www2.storyberry.com/blog/view/22088
‘ 스타워즈 연출 페이크ㅋ’
텍스트 영역에 넣을 글< 배경음악 파일명 /> - 스타워즈 주제가
< 이미지 ID, 파일명 , 위치 , 사이즈 /> - 글 이미지
< 동시 효과 > < 움직일 이미지 ID, 소요 시간 , 최종 좌표 /> < 사이즈 바꿀 이미지 ID, 소요 시간 , 최종 크기 /></ 동시 효과 >
< 클릭 대기 />
< 배경음악 끔 />
연출 예제 2 – http://www2.storyberry.com/blog/view/22088
‘ 스타워즈 연출 페이크ㅋ’
Point 1효과의 ‘중첩’ : 신의 손을 만드는 기본기
Point 2음악의 중요성
연출 예제 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" dura-tion="1000"/><sound source="102 094.mp3"/>[ 총 든 놈 ]<enter/>너를 쏠테얌 !<textclear/><parallel> <blur target="img_0_1" blurXFrom="10" blurXTo="0" blurYFrom="10" blurYTo="0" dura-tion="1000"/> <blur target="img_0_0" blurXFrom="0" blurXTo="10" blurYFrom="-0" blurYTo="10" dura-tion="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"/>끝
< 앞 사람 이미지 />< 뒷 사람 이미지 /> 두둥< 텍스트창 비우기 />< 뿌옇게 만들 이미지 ID, 블러 초반 농도 , 블러 후반 농도 , 소요 시간 />< 효과음 파일명 "/>[ 총 든 놈 ]< 다음줄 />너를 쏠테얌 !< 텍스트창 비우기 /><parallel> < 앞 사람 완전 뿌옇게 /> < 뒷 사람 덜 뿌옇게 /></parallel>< 총 쏘는 효과 이미지 />< 빵 ! 효과음 />< 피터지는 이미지 />끝
연출 예제 3 – http://www2.storyberry.com/blog/view/22101
‘ 총 든 놈’
사실 어려워요 .
사실 어려워요 .그래도 ActionScript 3.0 보다는 쉽다능…
변수 스팟 / 씬 관리 레이어 관리
그 외 유용한 기능들
변수 스팟 / 씬 관리 레이어 관리
사용자 이름 입력아이템 속성 부여
주관식 퀴즈암호 / 치트 걸기
변수 스팟 / 씬 관리 레이어 관리
전투 엔진 제작분기별 엔딩 설정
컨텐츠 배포 최적화
변수 스팟 / 씬 관리 레이어 관리
렌즈 포커스 연출캐릭터 포즈 , 표정 변경
정보창 레이아웃 설정
30 분만에 만든 게임• 1 탄
http://www2.storyberry.com/blog/view/34318
• 2 탄http://www2.storyberry.com/blog/view/34408
Any
Ques-
tion?이거 돈 되나요 ?
왜 만들었어요 ?
넘 어려운거 아닌가요 ?
등등의 질문 환영합니다 .
Thank you!
isdead: The Cynical Felix.오원탁 / James Ohisdead@live.com
@isdeadhttp://isdead.kr