기울어 진 (높이) 등각 타일을 만드는 방법


11

이것은 아마도 그림으로 가장 잘 설명 될 것입니다. 2.5D 아이소 메트릭 게임을 만들려고합니다. 내 비전은 게임이 내 목표와 비슷하게 보이는 것입니다.

아이소 메트릭 풍경

그래픽 아티스트가 아니므로 높이가 다른 지형을 시뮬레이트하기 위해 "기울어 진"타일을 만드는 데 문제가 있습니다. 다음 단계를 사용하여 기본 등각 타일을 쉽게 만들 수 있습니다.

  1. 타일의 64x64 정사각형 버전 만들기
  2. 45도 회전
  3. 2 배로 높이 축소

"기울어 진"타일을 만드는 것은 더 어려운 과제입니다. 대신에 Photoshop이 있지만 사용 전문가와는 거리가 멀습니다. 내 현재 문제는 다음과 같습니다.

여기에 이미지 설명을 입력하십시오

정점을 조작하는 방법을 잘 모르겠습니다. 그렇지 않으면 쉽지만 기본적으로 기본 아이소 메트릭 타일에서 "틸트 된"타일을 얻으려면 아래쪽과 오른쪽 정점을 16 픽셀 아래로 이동하면됩니다. 다른 두 정점을 고정시키면서 이것은 내가 원하는 타일을 생성합니다.

이것을 달성하는 쉬운 방법은 무엇입니까? Photoshop이 적합한 도구입니까? 어떤 제안?


현재 빌드에서 directX, openGL 또는 독점 엔진을 사용하는 그래픽 시스템은 무엇입니까? 기본 응답은 매장 정점이 될 다음 필요에 따라 (당신이 8 개 벡터의 배열로이 작업을 수행 할 수 있습니다) 정점을 수정할 수 있지만 화면에게 전달하는 방식의 DirectX, OpenGL을 같은 그래픽 유틸리티 / 라이브러리 보통 것
gardian06

SFML을 사용하여 스프라이트를 화면에 렌더링하므로 openGL이됩니다. 스프라이트를 디스크에 64x64 타일로 저장하고 있습니다.
Filip Jeremic

@FilipJeremic, 흠 ..이 게임은 네오 펫 게임인가요?
Pacerier

답변:


3

원하는 경우 Photoshop 등을 사용하여 타일을 만들 수 있습니다. 픽셀 드로잉 프로그램이 아닌 벡터 드로잉 프로그램을 권장합니다 (현재 Photoshop에 대해 잘 모르므로 Photoshop에 대해 충분히 알지 못합니다).

개인적으로 타일 생성을 귀찮게하지 말고 게임에서 실제로 드로잉 API를 사용하여 타일을 그리도록하십시오. 특히 더 많은 경사 타일을 필요로하는 경우 훨씬 더 쉬울 것입니다.


엔진 / 프레임 워크를 통해 쉽게 2D 작업을 수행 할 수 없다면 게임 렌더 타일 사용에 동의하지 않습니다.
John McDonald

3

먼저 것이다 기울어 버전을 얻으려면 소스로 광장 64 × 64 이미지를 유지 왜곡 오른쪽에있는 이미지 다운을 한 후, 회전 45 개도 (이미지 예에 맞게)과 높이를 축소. 결과는 당신이 찾고 있던 기울기입니다 (얼마나 많이 기울어 야하는지에 대한 시행 착오가 있습니다).

초기 정사각형을 만드는 것 외에도 모든 단계 (음영, 기울이기, 회전, 크기 변경)가 매우 간단하다는 것을 알기 때문에 게임을 시작할 때 또는 빌드의 자동 단계로 openGL을 사용하여 이러한 단계를 수행하는 것이 좋습니다 프로세스 (간단히 필요한 모든 기울이기 / 회전을 수행하고 빌드 스크립트에 추가 할 수있는 작은 프로그램을 작성하십시오).

각 기울어 진 타일을 수동으로 계속 만들려면 벡터 그래픽을 사용하는 것이 좋습니다. Photoshop은 벡터 레이어 를 지원 하므로이를 시도하기 위해 새로운 프로그램을 배울 필요가 없습니다.


Fireworks 등 대신 Photoshop을 사용하는 이유는 무엇입니까?
Pacerier

@Pacerier I do n't, 원래 질문은 포토샵을 언급했습니다. 나는 Paint.net (여전히 더 빠른 작업을 위해 사용하기 전에) 전에 최근 Krita를 개인적으로 사용하기 시작했습니다.
Daniel Carlsson
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.