2011.07.03 스터디 발표 StencylWorks

1. Skeaker : mg
StencylWorks로 플래시 게임 만들기.

2. - What is StencylWorks?
- StencylWorks features
- Play Game
- Make Game

3. What is StencylWo

4. 누구나 작은 시간을 들여 모
게임이나 플래시 게임을
제작할수 있도록 해 주는 게
What is StencylWorks?

6. Game Studio in a Box-For Free
무료로 다운받을 수 있는 “the
2D 플래시 게임을 쉽고 빠르게
직관적이고 선명한 인터페이스

7. No Coding Required
User가 자신의 블럭들을 만들어서 사용하고
다른사람들과 공유가능.
이 블럭들은 단순한 드래그 앤 드랍으로 편집가능.
프로그래머를 위한 code mode 인터페이스 제공.
(action script3 api)

8. Direct a Masterp
모든것을 컨트롤 할 수 있다.
Actor(게임 케릭터)를 모아서 원
배치하여 살아있도록 컨트롤.
개인pc나 StencylForge를 통해
만들고 Actor Editor을 통해 b
Physical properties를 줘서 실
Scene Designer을 사용해 빠로
Actors, Tiles을 배치하여 wor

9. Preview and Publish
언제든지 만든 게임을 preview 가능.
단지 Test 버튼을 누르는 것 만으로
StencylWorks는 빠르게 게임을 빌드해서
웹브라우저와 로컬 pc의 플래시 플레이어를
통해 테스트 가능.
Stencyl.com에 자신이 만든 게임을 공유.
자신의 사이트나 블로그에 삽입 가능.
어디서든지 할 수 있도록 swf로 export 가능.

10. Share and Downl
수백개의 royalty-free 리소스들
Works에 있는 마켓플레이스는
공유하도록 하고 그 컨테츠가 돈
지원해 준다.

11. Play
Game

13. 플래시 게임을 만들어 보자!
YOU NEED A TOOL BOX..

15. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

16. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

18. 게임 장르에 따라
기본적으로
제공되는 게임 템플
릿들.

19. 수제 게임을 만들기
위해
Blank Game을 선
택.

20. 게임 프로젝트 이름,
화면 크기를 설정해
준다.

21. 만들어진 프로젝트.
Blank Game 답게 아
무것도 없다.

22. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

23. 리소스를 얻기 위해
StencylForge를 사
용.

25. 게임에서 사용할
player나 enemy들 위
한 resources.

27. 간단한 게임을 만들
기 위해
미리 준비되어 있는
Mambo
케릭터를 찾아서 사
용하자!!
더블클릭하면
다운로드 받
을 수 있다.

28. Download를 클릭
하면
리소스를 free로 다
운가능
Download 받기 전까진
해당 리소스에 어떤 내
용이
들어있는지 preview가
없어서 불편!!

29. 해당 Actor가 어떠
한
애니메이션을 가지
고 있는지
볼수 있다.

30. Enemy용으로 사용
할 Actor도
다운로드 받아두자

32. 타일셋은 간단한 사각
형 타일들의
모음이고 이것을 이용
해 게임레벨을
구축할 수 있다.

34. Scene를 구축하기
위해
타일셋을 다운로드
하자.

35. Scene를 구축하기
위해
타일셋을 다운로드
하자.

36. 이곳에서 게임에서사
용할
사운드를 얻을 수 있
다.

38. Sound 역시 앞의
리소스들과 같은 방
식으로 다운받으면
된다.

39. Behaviors은 게임로
직과
Player의 상호작용을
컨트롤 한다.

40. Resource Pack은 여
러 개의 Behaviors의
묶음이다.
이 것을 사용하면 특
정 용도에 맞는
Behaviors이 모두 들
어 있어
편하게 사용이 가능하
다.

42. Resource
Pack
리소스 다
운받기

43. Resource
Pack
리소스 다
운받기

44. Die, jumping, stomp,
walking등 여러 개의
Behaviors가 들어있
다.

45. Walking을 더블클
릭하면
로직을 편집할 수
있는
디자인 모드가 열린
다.

48. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

49. 게임을 만들기 위한
리소스들을 모두
확보했다면 이제 게임
처럼 보이도록
하기위해 게임 셋팅을

51. 현재 만드는 게임에
선
점프키가 필요함으
로

52. Stencyl의 가장 큰 특징중
하나는
State-of-art physics
engine 이다.
오브젝트에 바운스, 미끄
럼, 날아다니는
것과 같은 현실적이거나
원하고 있는
재미있는 동작들을 할 수
있게 한다.
However,

53. 생성한 모든 actor
는
반드시 하나의 그룹
에
할당되어있어야 한
다.Group은 단지
Actor들의 모음.
Collision Groups
Editor

56. 게임에서 사용할
Enemies 그룹 추가

57. Players 그룹을 보면 현
재 Tiles Group와 충돌
처리가 되어 있다.
추가적으로 Enemies
Group과도

59. Players Group이 Enemies
Group과 충돌처리 설정을
하면
Enemies Group에서도 자동
으로

60. Players Group이 Enemies
Group과 충돌처리 설정을
하면
Enemies Group에서도 자동
으로

61. Enemies Group이 충돌처리
가 되어야 하는
것들도 추가적으로 설정.
같은 Enemies끼리 충돌 처
리,

62. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

63. 이전에 다운받은 Actor에
Behavior을 심어서 게임
에서 실제로 움직이도록
하자

64. Actor
Editor.

65. 이 Actor가 속하는
Group으로 설정.

66. Actor에게 Behaviors
를 지정하자.

68. Actor에의 Motion부터
설정하자

70. 선택한 Walking에 맞는 동
작과 키 설정.

71. 컨트롤과 사운드에서 Jump
기능을 추가했으니 Actor가
Jump할 수 있도록 Behavior
도 추가.

73. Jumping기능을
추가하자.

74. Jumping
Setting.

76. Stomp할 대상과
키 설정

77. 두번째 Actor(enemies로
사용할 예정)

79. 두번째 Actor도
Behaviors 추가.

81. Enemies Actors에게
는 Stompable
behavior만 준다.
(샘플예제니까 간단간

82. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

83. 게임제작을 위해 리소스
다운로드,
게임로직 설정, Actor들
설정을 완료했다.

85. Scene Designer.
이곳에서 오른쪽에 있는
Tiles과 Actors
를 사용해서 Scene을 구

86. Tiles과 Actors를 드래
그 앤 드랍으로
배치해서 scene을 구축

87. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

88. Physics란에서 수평 중
력을 주자.
이는 실세계의 중력의
시뮬레이트한다.

89. 모든설정이 끝이 났다.
이제 여태까지 만든 게임을
테스트 해 보자

90. Test Game을 통해 바로 게임을
실행해 볼 수 있다.

91. 웹브라우저에서 게임을 공유하고
테스트 해 볼수 있다.
개인 블로그 및 fb,twitter에 공유

92. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

93. Public를 선택하면
StencylWorks가 현재 만든
게임을 업로드 해서 다른 사람들
과 공유하게 한다.

94. Stencyl Works를 이용한 플래시 게임만들기.
- 게임프로젝트 생성
- 리소스의 사용
- 게임로직
- Player & Enemy
- Scene 구축
- Game Test
- Publish Game

95. StencylWorks를
사용하면 정말
쉽고 빠르게
게임을 만들 수
있을까????

96. BOB

98. 안드로이드는 플래시를 지원하니까
간단한 플래시 게임을
잽싸게 만들어서
안드로이드 폰에서
할 수 있지 않을까???

99. 대충 이런식으로??? 협조

100. 저격왕 가카
안드로이드 2.2버전 Proyo부터 플래시를
스마트폰으로 플래시 게임을 할 수 있다.!!

101. Flash를 지원하지 않는 Apple…

102. Flahs게임을 손쉽게 개발하게 해 주는 Ste
Android와 IOS의 싸움에서 변수로 작용할