헤드-업 디스플레이 (HUD) 만들기
헤드-업 디스플레이 (일명 HUD)는 플레이어의 체력, 점수 그리고 게임 기타 정보를 표시하는 인터페이스입니다. 문자 객체 중 정말 간단한 HUD를 만들어 봅시다.
HUD는 화면에서 항상 같은 위치에 있습니다. 만약 우리가 몇 가지 인터페이스 객체가 있다면, 그것들이 플레이어 주변을 돌아다니는 것을 원하지 않습니다 – 그것들은 화면에 고정되어 있어야 합니다. 기본적으로, 레이어를 스크롤합니다. 화면에 그것들을 유지하기 위해, Parallax 설정을 사용할 수 있습니다. 패럴랙스는 다른 레이어에서 세미 3D 효과의 종류에 대해 다른 속도로 스크롤 할 수 있습니다. 하지만, 만약 우리가 패럴랙스를 0으로 설정하면, 그 레이어는 스크롤이 모두 되지 않습니다 – HUD에 적합합니다.
전에 사용했던 레이어 바로 다시 돌아갑니다. HUD라는 새 레이어를 추가합니다. 그것은 상단에 그리고 선택되어 있어야만 합니다. (이것이 활성 레이어라는 것을 기억합니다.) 속성 바는 이제 HUD의 속성을 보여줍니다. Parallax의 속성을 0, 0으로 설정합니다. (즉, X와 Y 축 둘 다 0이다.)
또 다른 객체를 삽입할 공간을 Double-click 합니다. 이번에는 Text 객체를 선택합니다. 레이아웃의 왼쪽 상단 모서리에 배치합니다. 만약에 검은 색이면 속성 표시줄에서 보기 어려울 것입니다, 그것을 굵고, 기울임, 노란색으로 만들고, 약간 더 큰 폰트 크기를 선택합니다. 충분히 넓고 적절한 크기로 문자의 크기를 조절합니다. 그것은 다음과 같이 보일 것입니다:
이벤트 시트로 다시 전환합니다. 플레이어의 점수와 함께 갱신되도록 문자를 유지합니다. 앞서 추가한 Every tick 이벤트에서, Text -> Set text 액션을 추가합니다.
& 연산자를 사용하여, 우리는 문자와 숫자를 혼합할 수 있고 또 다른 문자와 합칠 수도 있습니다. 다음 문자를 입력합니다:
"Score: " & Score
첫 번째 부분 ("Score: ")는 Score: 라는 문구로 문자가 항상 시작된다는 것을 의미합니다. 두 번째 부분 (Score)는 전역 변수인 Score의 실제 값입니다. &는 서로 다른 형태의 문자들을 합쳐지게 합니다.
게임을 실행하고, 몬스터 몇 마리를 쏴봅니다. 당신의 점수가 표시되고, 그것은 화면의 같은 위치에 머무를 겁니다.
마무리 조작
거의 다 되었습니다. 마지막 조작 몇 가지를 추가해 봅시다.
첫째, 모든 몬스터를 쏴 죽여서 아무것도 할 일이 없게 되었을 때를 대비해, 일부 몬스터가 정기적으로 생성되도록 해봅시다, 새로운 몬스터가 3초마다 생성되도록 합시다. 새로운 이벤트를 추가합니다:
Condition: System -> Every X seconds -> 3
Action: System -> Create object -> Monster, layer 1, 1400 (for X), random(1024) (for Y)
1400은 레이아웃의 오른쪽 가장자리부터 떨어진 X 좌표이고, 그리고 random(1024) 는 레이아웃의 임의의 Y 좌표이다.
마지막으로 몬스터가 플레이어를 죽일 수 있도록 만들어봅시다.
Condition: Monster -> On collision with another object -> Player
Action: Player -> Destroy
결론
축하합니다, 당신은 컨스트럭트2에서 첫 번째 HTML5 게임을 만들었습니다! 당신이 만약 서버를 가지고 있고 당신의 작업을 보여주길 원한다면, File 메뉴의 Export를 클릭하십시오. 컨스트럭트는 프로젝트의 모든 파일을 당신의 컴퓨터 폴더에 저장할 수 있습니다, 그리고 웹 페이지에 업로드하거나 통합할 수 있습니다. 만약 당신만의 서버가 없다면, 당신의 게임을 Dropbox에 공유할 수도 있습니다. share your games on Dropbox.
당신은 Construct2에 대한 매우 중요한 몇 가지 기초를 배웠습니다: 객체를 삽입하고, 레이어, 행동, 이벤트 등등을 사용하는 것을 말입니다. 바라는 바는 Construct2에 대한 더 많은 것을 배우려면 잘 준비를 하고 떠나십시오. 당신을 위해 무엇을 할 수 있는지 특징을 탐구하십시오.
마무리
완성된 튜토리얼 프로젝트를 다운로드 하십시오. tutorial project 나는 “게임 오버” 같은 몇 가지 문자와, 몬스터가 점차적으로 속도를 올리는 것 같은 약간의 기능을 추가했습니다. 그것을 어떻게 해결했는지는, 당신이 지금 알고 있는 지식이면 어렵지 않을 것입니다. 그것이 어떻게 작동하는지 설명하는 주석 또한 많이 있을 것입니다.
잘했습니다! 당신이 어떤 문제가 있거나 또는 튜토리얼을 향상시킬 수 있는 생각이 있다면 의견을 보내주거나 포럼에 메시지를 남겨놓으십시오. 우리가 할 수 있는 일이라면 해결하겠습니다.
마지막으로, 만약 이 튜토리얼이 마음에 들고 Construct2를 좋아할만한 다른 누군가가 생각난다면 이 튜토리얼의 링크를 그들에게 보내주십시오. 다치지 않을 것입니다 :)
참고 문헌
음악과 사운드 효과 추가를 원하십니까? 빠른 개요 설명서의 Sounds & Music을 참조하십시오.
우리의 또 다른 플랫포머-기반 초보자 안내서에 흥미가 있다면 이것을 보십시오. How to make a platform game.
만약 Construct2에서 이벤트가 작동하는 방법에 대해 좀 더 알고 싶다면, 매뉴얼에서 How Events Work 섹션을 참고 하십시오. 그것은 당신 자신의 프로젝트를 빠르게 진행하기 위해 강하게 추천합니다! 더 많은 정보를 얻으려면 complete documentation in the manual
을 잊지 마십시오.