2013년 11월 28일 목요일

플래시(Flash)게임 만들려면 꼭 어도비 빌더(Adobe Flash Builder) 아니면
플래시 프로(Flash Pro)가 필요하나...

요즘 페이스북(Facebook)을 보면 예전에 iOS 또는 Android 에서만 즐길 수 있었던 게임들이 올라와 있는걸 볼 수 있다. 대부분의 이런 게임들은 어도비 플래시 빌더(Adobe Flash Builder) 같은 제품으로 제작된 것들이다. 그렇다면 어도비 제품없이는 플래시 게임을 절대 못 만드는 것인가...그건 아니다. 스텐실(Stencyl) 이여 등장하여라. 놀랍게도 스텐실로 게임을 만들기 위해 액션 스크립트(ActionScript)를 배울 필요는 없다.
스텐실(Stencyl)로 어떤 게임을 만들 수 있는지 궁금하면 밑에 링크를 클릭해보시길...떨어지는 물방울을 조종하는 게임이다.
http://www.stencyl.com/game/play/13158


자 이제 스텐실을 다운받아 설치한 후 간단한 샘플 플래시 게임을 만들어 보자.
스텐실 다운:
http://www.stencyl.com/stencyl/get/



밑의 예제는 스텐실 홈페이지의 첫번째 "crash course"를 단축한 것이다.
스텐실을 실행하면 아래와 같은 창이 뜬다.
1) 여기에서 "Click here to create new Game"을 클릭한다.












2) 다음 "Crash Course Kit"를 클릭하고 "Next"버튼을 누른다.
















3) "Name" 텍스트박스 안에 원하는 이름을 입력하고 게임 화면크기를 "640 x 480"로 정한다음 "Create"버튼을 누른다.
















4) 화면 왼쪽위에 "Actor Types"를 클릭하고 오른쪽에 "Mambo"를 더블클릭한다.
사용자가 조종할 캐릭터가 맘보다.
















5) "Behaviors"버튼을 누르고 밑에 점선 박스를 클릭한다.












6) 다음 창에서 "Walking"을 클릭하고 "Choose"버튼을 누른다.













7) 맘보 캐릭터의 키설정을 "Move Right Key""Move Left Key" 아래와 같이 정한다.













8) 맘보 캐릭터의 에니메이션 그래픽을 "Choose Animation"버튼을 눌러 아래와 같이 정한다.














9) 이제 맘보가 점프하는 행동을 추가하자.
왼족 밑에 "+ Add Behavior"버튼을 클릭하고 "Jumping"을 클릭한 후 "Choose"버튼을 누른다.













10) 설정을 아래와 같이 정한다.














11) 맘보 캐릭터가 밟는 행동을 추가하자.
왼족 밑에 "+ Add Behavior"버튼을 클릭하고 "Stomp on Enemies"을 클릭한 후 "Choose"버튼을 누른다.













12) 설정을 아래와 같이 정한다.


















13) 이제 적캐릭터 "Pronger"를 수정하자.
"Dashboard"를 클릭하고 "Actor Types"를 클릭한 후 "Pronger"를 더블클릭한다.


















14) "Properties"버튼을 누르고 "Group""Enemies"로 바꾼다.












15) "Behaviors"버튼을 누른 다음 "+ Add Behavior"버튼을 누른다.















16) "Stompable"를 클릭한 후 "Choose"버튼을 클릭한다.














17) "Stomped Animation", "Stomped Sound"를 아래와 같이 정한다.

















18) 이제 게임 배경을 수정하자.
"Dashboard"를 클릭하고 "Scenes"를 클릭한 후 점선 박스를 클릭한다.













19) 원하는 이름을 "Name"에 입력하고 "Color""Vertical Gradient"으로 정한다.
다음 "Vertical Gradient"옆에 두개의 색을 고른다. 왼쪽색이 화면위에서 시작할 색이다.
"Create"버튼을 누른다.














20) 왼쪽에 "Pencil"도구가 선택된것을 확인하고 오른쪽 "Tiles"밑에 왼쪽윗부분을 클릭한다.
이 타일이 게임의 땅역할을 할거다.











21) 파란하늘 배경에 왼쪽밑 코너를 클릭하여 타일을 놓는다.













22) "Tiles"밑에서 중간 부분을 클릭한다음 파란하늘 배경에 이어서 타일을 계속 놓는다.
오른쪽에 마지막 한칸은 남긴다.












23) 남은 한칸은 타일 오른쪽 코너를 선택한 후 놓는다.















24) 이제 "Mambo""Pronger"를 넣을 차례다.
오른쪽에 "Actors"탭을 클릭하고 "Mambo"를 크릭한 후 배경에 원하는 위치에 넣자.











25) "Pronger"를 크릭한 후 배경에 원하는 위치에 넣자.












26) 마지막으로 게임에 중력을 적용하자.
"Physics"탭을 클릭하고 "Gravity (Vertical)""85"를 입력한다.











27) 이제 게임이 완성됐으니 오른쪽위에 "Test Game"버튼을 눌러 시험한다.
웹브라우저 안에서 실행하고 싶으면 스텐실 메뉴에서 Run > Test inside Browser 를 클릭한다.














키보드 왼쪽/오른쪽 방향키로 움직이고  스패이스키로 점프한다.
게임이 완성되기보다 기반이 잡혔다라고 할 수 있다.

맘보가 왼쪽/오른쪽 스크린 끝을 넘어가 없어지기도 한다.
그러나 프로그래밍을 한줄도 안하고 여기까지 왔다는게 아주 위로가 된다.

댓글 없음:

댓글 쓰기