23 | 아이폰 텍스트 크기 자동 조절 | 2015.05.02 |
22 | -webkit-tap-highlight-color:rgba(0,0,0,0); | 2015.05.02 |
21 | background:none;-webkit-appearaance:none;,border-radius:0 | 2015.05.02 |
20 | 아이폰 input type이 sumit 일때 css 적용안되는 문제 | 2014.12.10 |
19 | 해상도에 따른 폰트 사이즈 | 2013.09.02 |
18 | CSS3 media 쿼리로 브라우져 해상도별 지원 | 2013.08.06 |
17 | 모바일 코딩 초읽기 | 2013.08.06 |
16 | 간단히 모바일용 웹 서비스를 디자인, 코딩할 수 있는 제이쿼리 모바일 닷컴 | 2013.08.06 |
15 | 아이폰 input 박스선 없애기 | 2013.08.06 |
14 | 모바일 코딩을 위한 메타테그 | 2013.08.06 |
13 | HTML5 enabling script | 2013.03.05 |
12 | 미디어 쿼리 문법 | 2013.03.05 |
11 | 모바일웹 슬라이드(Swipe)-jqueryMobile을 이용한 swipe 구현 | 2013.03.05 |
10 | 말줄임표 : css+jquery | 2012.08.01 |
9 | 모바일웹 터치스크롤 구현 iScroll | 2012.07.16 |
8 | 아이콘,이미지 체크리스트 | 2012.07.11 |
7 | 모바일 웹 해상도 | 2012.07.11 |
> | 모바일 해상도 | 2012.07.11 |
5 | 가로/세로 모드 변경관련 스크립트 | 2012.07.05 |
4 | 확대, 축소 여부 지정 | 2012.07.05 |
[출처] http://secretcat.tistory.com/15
일반 유저들은 PPI(Pixel per inch) 가 중요하다. 즉 얼마나 적당한 화면에 적당한 픽셀을 담아야 보기 좋은지가 중요하다는 뜻이다. 일반 어플리케이션 개발자들 또한 각 OS 별로 준비된 다양한 해상도에 맞춘 API 를 사용하여 여러 종류의 디바이스를 타겟으로 삼을 수 있겠지만게임 개발자는 (특히 2D 게임 개발자라면) 해상도에 대한 이슈는 뜨거운 감자가 될 수 밖에 없다.
2D 이지의 경우 확대/축소를 하게 되면 이미지가 소실되거나 블록화 되는 문제가 발생하다. 다양한 리샘플 방법으로 손실을 줄일 순 있겠지만 우리의 뜨거운 열정이 담긴 이미지를 선명하게 제공할 수 없다면 게임 개발자로서는 아주 많이 암담한 느낌이 들 것이다. 그래서 게임을 개발할 때 다양한 해상도에 맞춘 리소스를 제작하게 되는데 일단 국내에 발매된 iOS와 Android 에 관련되어서 정리를 하려고 한다. 물론 이 글을 작성하는 시점인 2011년 11월 경 기준이다.
표준 해상도(모니터 기준)
[출처 : http://en.wikipedia.org/wiki/Graphic_display_resolutions]
모바일 디바이스
일반적으로 640x480, 4:3의 가로세로 비율을 가진 해상도를 VGA(Video Graphic Array) 라고 한다.
VGA를 반으로 접어 320x480 해상도를 가진 것을 Half 를 붙여 HVGA(Half VGA) 라고 한다.
HVGA에서 다시 반으로 접어 320x240 해상도를 가지면 Quater를 붙여 QVGA(Quater VGA) 라고 한다.
VGA에서 16:10으로 늘리면 800x480 이 된다. 가로의 비율이 추가되어서 Wide를 붙여 WVGA(Wide VGA)라고 한다.
VGA에서 16:9의 비율을 가지는 854x480의 경우 와이드가 확장되어 Full Wide를 붙여 FWVGA(Full Wide VGA)라고 한다.
VGA에서 비율을 유지하고 조금 더 키워 800x600의 해상도를 가진 것을 Super를 붙여 SVGA(Super VGA)라고 한다
SVGA에서 Wide로 확장하여 1024x576 또는 1024x600 을 가진 것을 Wide를 붙여 WSVGA(Wide Super VGA) 라고 한다.
여기서 다시 한번 더 키워 1024x768의 해상도를 가진 것을 XGA(Extended Graphic Array)라고 한다.
여기서 비율을 5:4 로 변경하고 좀 더 확장하여 1280x1024를 Super를 붙여 SXGA(Super XGA)라고 한다.
XGA에서 16:9 또는 16:10 비율로 확장하여 1280x720, 1280x768, 1280x800, 1360x768, 1366x768의 해상도를 가진 것을 Wide를 붙여 WXGA(Wide XGA)라고 한다.
TV에서 사용하는 방식인 HD의 경우 Full HD라고 불리는 것은 1920x1080의 해상도를 갖는다. 이것을 반 접고 다시 반 접어서 960x540 해상도를 가지면 Quater를 붙여 qHD(Quater High Definition)이라고 한다.
겁나 많네. (ㅡ"ㅡ)으윽
iOS
Andorid