[NScripter] 1-2-c. 기본지식, 화면구성과 단위, 색 강의이야기 | Posted on 2010. 12. 2. 11:27
※ 픽셀
컴퓨터에 표시되는 그림은 점이 모여서 표시되는데, 이 점을 픽셀이라 부릅니다.
이미지 출처 : 秀和システム출판사의 NScripterオフィシャルガイド책의 10페이지.
점묘(점으로 그리는 화법)처럼 그림을 표시하게됩니다.
NScripter의 이미지는 기본단위는 물론 픽셀입니다. NScripter에서는 기본해상도가 640픽셀 x 480픽셀입니다.
※ 화면의 위치를 지정하는 방법
NScripter에는 그래픽을 표시할때, 화면의 위치를 지정하는것이 필요하게 됩니다. 이때 좌측상단의 픽셀에서부터 우측으로는 x축, 아래로는 y축이 됩니다.
이 x, y의 수치를 각각 x좌표, y좌표라고 읽습니다.
이미지 출처 : 秀和システム출판사의 NScripterオフィシャルガイド책의 11페이지.
학교에서 배운 좌표평면을 기억하시면 이해하기 쉽습니다. 우리가 배운것과 다른것은 y의 경우 아래로 내려가는 것이 수치가 증가한다는 겁니다.
Point 왜 픽셀인가?
읽는 사람에 따라서 「어째서 픽셀을 사용하나요? cm같은것을 사용하는것이 이해하기 쉬운데……」라고 생각할 수 있습니다. 픽셀을 사용하는 이유는, 컴퓨터 화면의 크기를 표현하는 단위가 필셀로 선택되었기 때문입니다.
모니터의 해상도와 게임엔진의 해상도의 단위를 같게함으로써 개발자로 하여금 손쉽게 이미지를 표현을 하는것이 가능합니다.
만일 컴퓨터가 픽셀을 사용하고 게임엔진이 cm을 사용한다면, 개발자는 이미지를 표시할때마다 단위계산을 계속해야하기 때문에 상당히 골치아프게됩니다.
x축와 y축의 좌표를 손쉽게 알수있는 방법은 그림판과 같은 프로그램을 사용하는것입니다. 그림판으로 이미지를 불러와서 마우스를 원하는 곳에 가져다대면 오른쪽 하단에 좌표가 뜨게됩니다.
포토샵의 경우는 오른쪽 상단(이곳에 존재하는것이 보통)에 Info창이 없으시다면, F8을 눌러주세요.
※ 좌표를 얻는 기준
윈도우같은 사각형의 형태인것은 좌표가 좌측 상단입니다.
문자의경우 문자사이의 여백이 필요하기에 좀더 거리를 둔 상태의 좌측 상단이 좌표가 됩니다.
표현불가능한 형태의 경우 좌측 상단이 좌표가 됩니다.
이미지 출처 : 秀和システム출판사의 NScripterオフィシャルガイド책의 12페이지.
※ 색의 설정은 빨강(Red)ㆍ초록(Green)ㆍ파랑(Blue)
NScripter에서는 색상을 6개의 숫자료 표현합니다.
이것은 RGB코드라하는데, 2개씩 나누어서 각각 빨강, 초록, 파랑의 색상을 16진수로 표현합니다. 문자의 색상이나 화면의 전체 색상을 바꿀때 사용하는것이므로, 기억해두시면 좋습니다.
자신이 원하는 색상을 찾는 방법은, 그림판이나 포토샵과 같은 프로그램의 팔렛트에서 찾아보시면 됩니다.
R : Red 00 ~ FF
G : Green 00 ~ FF
B : Blue 00 ~ FF
#000000 검정
#FFFFFF 하양
#888888 모노톤
#FF0000 진한 빨강
#FFFF00 황색
#00FF00 초록
#00FFFF 물색
#0000FF 파랑
#FF00FF 자홍색
Point 어째서 빨강, 초록, 파랑?
TV나 컴퓨터는 「빛의 삼원색」을 바탕으로 색을 표시하고 있기때문에 빨강, 초록, 파랑으로 색을 표시하고 있습니다.
작성 Pure Ani
참고문헌 NScripterオフィシャルガイド (秀和システム)
출처 MPPC (미소녀 & PocketPC)
컴퓨터에 표시되는 그림은 점이 모여서 표시되는데, 이 점을 픽셀이라 부릅니다.
점묘(점으로 그리는 화법)처럼 그림을 표시하게됩니다.
NScripter의 이미지는 기본단위는 물론 픽셀입니다. NScripter에서는 기본해상도가 640픽셀 x 480픽셀입니다.
※ 화면의 위치를 지정하는 방법
NScripter에는 그래픽을 표시할때, 화면의 위치를 지정하는것이 필요하게 됩니다. 이때 좌측상단의 픽셀에서부터 우측으로는 x축, 아래로는 y축이 됩니다.
이 x, y의 수치를 각각 x좌표, y좌표라고 읽습니다.
학교에서 배운 좌표평면을 기억하시면 이해하기 쉽습니다. 우리가 배운것과 다른것은 y의 경우 아래로 내려가는 것이 수치가 증가한다는 겁니다.
Point 왜 픽셀인가?
읽는 사람에 따라서 「어째서 픽셀을 사용하나요? cm같은것을 사용하는것이 이해하기 쉬운데……」라고 생각할 수 있습니다. 픽셀을 사용하는 이유는, 컴퓨터 화면의 크기를 표현하는 단위가 필셀로 선택되었기 때문입니다.
모니터의 해상도와 게임엔진의 해상도의 단위를 같게함으로써 개발자로 하여금 손쉽게 이미지를 표현을 하는것이 가능합니다.
만일 컴퓨터가 픽셀을 사용하고 게임엔진이 cm을 사용한다면, 개발자는 이미지를 표시할때마다 단위계산을 계속해야하기 때문에 상당히 골치아프게됩니다.
x축와 y축의 좌표를 손쉽게 알수있는 방법은 그림판과 같은 프로그램을 사용하는것입니다. 그림판으로 이미지를 불러와서 마우스를 원하는 곳에 가져다대면 오른쪽 하단에 좌표가 뜨게됩니다.
포토샵의 경우는 오른쪽 상단(이곳에 존재하는것이 보통)에 Info창이 없으시다면, F8을 눌러주세요.
※ 좌표를 얻는 기준
윈도우같은 사각형의 형태인것은 좌표가 좌측 상단입니다.
문자의경우 문자사이의 여백이 필요하기에 좀더 거리를 둔 상태의 좌측 상단이 좌표가 됩니다.
표현불가능한 형태의 경우 좌측 상단이 좌표가 됩니다.
※ 색의 설정은 빨강(Red)ㆍ초록(Green)ㆍ파랑(Blue)
NScripter에서는 색상을 6개의 숫자료 표현합니다.
이것은 RGB코드라하는데, 2개씩 나누어서 각각 빨강, 초록, 파랑의 색상을 16진수로 표현합니다. 문자의 색상이나 화면의 전체 색상을 바꿀때 사용하는것이므로, 기억해두시면 좋습니다.
자신이 원하는 색상을 찾는 방법은, 그림판이나 포토샵과 같은 프로그램의 팔렛트에서 찾아보시면 됩니다.
R : Red 00 ~ FF
G : Green 00 ~ FF
B : Blue 00 ~ FF
#000000 검정
#FFFFFF 하양
#888888 모노톤
#FF0000 진한 빨강
#FFFF00 황색
#00FF00 초록
#00FFFF 물색
#0000FF 파랑
#FF00FF 자홍색
Point 어째서 빨강, 초록, 파랑?
TV나 컴퓨터는 「빛의 삼원색」을 바탕으로 색을 표시하고 있기때문에 빨강, 초록, 파랑으로 색을 표시하고 있습니다.
작성 Pure Ani
참고문헌 NScripterオフィシャルガイド (秀和システム)
출처 MPPC (미소녀 & PocketPC)
