고급강의실
2013.09.17 09:43

나뚜루's - Sprite 클래스 파헤치기 [1]

조회 수 2084 추천 수 0 댓글 3
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
Sprite 클래스는

화면에 그림이나 글자를 띄울 때 사용되는 클래스입니다.

Bitmap 클래스와 항상 연동되는 클래스죠.

그런데 이 Sprite 클래스는 처음에는 사용하기가 매우 까다롭습니다.

저 또한 그랬구요.

과연 Sprite 클래스는 어떻게 써야 잘 써지는 걸까요?

파헤쳐봅시다~~





우선, 스프라이트 클래스를 하나 만듭니다.

sprite = Sprite.new

그런데 스프라이트 클래스를 만들면 항상 따라오는게 있습니다.

바로 Bitmap 클래스죠!!!

sprite.bitmap = Bitmap.new(폭, 높이)

폭, 높이는 직접 지정해주셔야됩니다.

만약, 모든 곳에 그림이나 글자를 띄우고 싶다면 폭이 640, 높이가 480이 되어야겠죠.

자 이렇게 만들면 다 됬습니다.라고 생각하시면 오산입니다.

맨 처음에 스프라이트 만들때부터 빠진게 있습니다.

바로 뷰포트!!!

듣보잡으로 생각하시는 분들이 많을겁니다.

저 또한 이걸 알기 전까지는.. 정말 고생 많이 했습니다.

자, 이 뷰포트가 도데체 어떻게 쓰이는걸까요!? 궁금하지 않습니까!?

뷰포트는, 스프라이트 범위를 잡아주는 겁니다.

우물 안 개구리라고 생각하시면 됩니다.

우물 안에서는 개구리가 마음대로 돌아다닐 수 있지만,

우물 밖으로는 절대 나갈 수 없죠.

뷰포트 또한 그런 역할을 해줍니다.

또, 뷰포트에는 z좌표라는게 존재합니다.

아니 이럴수가!! x좌표와 y좌표만 알던 저에겐 정말 듣보잡이었습니다 ㅠ_ㅠ

3차원을 생각해보세요.

가로, 세로, 높이가 있죠?

가로와 세로가 x축, y축이고, 그럼 높이는 뭘까요?

높이가 바로 z축이라고 생각하시면 편합니다. (실제로 이런지는 잘 모르지만 그렇게 생각하세요.)

그냥 스프라이트를 하나 만들어서, 그림을 표시하려고 하면

그림을 표시해도 아무것도 안뜹니다. 왜냐!!!

타일의 z좌표가 훨씬 높기 때문이죠.

타일의 z좌표가 훨씬 높으므로, 이 스프라이트는 묻힐수밖에 없습니다.

그럴때, 뷰포트를 이용해서 z좌표를 높여, 타일보다 높은 위치에 있도록 만드는게 바로 뷰포트죠!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

스프라이트에서 뷰포트는 아주 중요한겁니다.

스프라이트를 제대로 만드려면,

viewport = Viewport.new(0, 0, 640, 480)
(여기서 0, 0, 640, 480은 차례대로 x좌표, y좌표, 폭, 넓이 입니다.)

sprite = Sprite.new(viewport)
(스프라이트 클래스는 뷰포트를 *인수로 갖습니다.)

sprite.bitmap = Bitmap.new(640, 480)

*인수 : 특정 함수에서 필요로 하는 것이라고 보면 됩니다. 인수는 생략될 수 있는 인수도 있고, 반드시 필요한 인수도 있습니다.
예) 생략될 수 있는 인수 : Sprite 클래스의 뷰포트.
      생략될 수 없는 인수 : Bitmap 클래스의 폭, 넓이 혹은 파일명

자, 드디어 제대로 된 Sprite 클래스를 하나 만들었네요.

다음 시간에는 이 Sprite 클래스를 응용해보도록 하겠습니다.
?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수 추천 수
공지 초급강의실 게임제작강좌 A-Z 색인 (2016.1.24 ver) 2 file 천무 2016.01.12 7342 1
32 고급강의실 RGSS 스크립트 강좌 입문 13 - 클래스(Class) 5 마니아 2013.09.16 2317 2
31 고급강의실 RGSS 스크립트 강좌 입문 12 - 연상 배열(Associative Array) 4 마니아 2013.09.16 1600 1
30 고급강의실 RGSS 스크립트 강좌 입문 11 - 배열(Array) 6 마니아 2013.09.16 1701 1
29 고급강의실 RGSS 스크립트 강좌 입문 10 - 그래픽 표시 4 마니아 2013.09.16 2183 0
28 고급강의실 RGSS 스크립트 강좌 입문 9 - 오브젝트(Object) 4 마니아 2013.09.16 1642 0
27 고급강의실 RGSS 스크립트 강좌 입문 7 ~ 8 - 함수(Function) 3 마니아 2013.09.16 1924 0
26 고급강의실 RGSS 스크립트 강좌 입문 6 - 루프(Loop) 2 마니아 2013.09.16 1586 0
25 고급강의실 RGSS 스크립트 강좌 입문 5 - 조건분기 4 마니아 2013.09.16 2131 0
24 고급강의실 RGSS 스크립트 강좌 입문 4 - 캐릭터 라인 4 마니아 2013.09.16 2274 1
23 고급강의실 RGSS 스크립트 강좌 입문 3 - 메서드(Method) 4 마니아 2013.09.16 1876 0
22 고급강의실 RGSS 스크립트 강좌 입문 2 - 수 3 마니아 2013.09.16 2256 0
21 고급강의실 RGSS 스크립트 강좌 입문 1 - 기초 개념 8 마니아 2013.09.16 4346 0
20 고급강의실 뮤's 실전 스크립팅 강좌 [5. 실전! 반복문을 응용하자!] 2 마니아 2013.09.16 1411 0
19 고급강의실 뮤's 실전 스크립팅 강좌 [4. 실전! 플래싱 메시지를 만들어보자] 3 마니아 2013.09.16 2081 0
18 고급강의실 뮤's 실전 스크립팅 강좌 [3. 기초 문법 다지기 (하)] 6 마니아 2013.09.16 1145 0
17 고급강의실 뮤's 실전 스크립팅 강좌 [2. 기초 문법 다지기 (중)] 3 마니아 2013.09.16 1371 0
16 고급강의실 뮤's 실전 스크립팅 강좌 [1. 기초 문법 다지기 (상)] 6 마니아 2013.09.16 2351 0
15 고급강의실 RGSS2 강좌 1 비형랑 2012.10.01 2528 0
14 중급강의실 [RPGVX ACE] 소재규격과 강의수록 1 2 비형랑 2012.10.01 3272 0
13 초급강의실 [RPG VX ACE] 초심자강의 1 1 비형랑 2012.10.01 3168 2
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 Next
/ 10






[개인정보취급방침] | [이용약관] | [제휴문의] | [후원창구] | [인디사이드연혁]

Copyright © 1999 - 2016 INdiSide.com/(주)씨엘쓰리디 All Rights Reserved.
인디사이드 운영자 : 천무(이지선) | kernys(김원배) | 사신지(김병국)