[📜일지] 피그말리온 #25 : UI변경(3)

[team_ca..(teamcandle)]

이전 편 : https://gall.dcinside.com/mgallery/board/view/?id=game_dev&no=121506&s_type=search_subject_memo&s_keyword=.ED.94.BC.EA.B7.B8.EB.A7.90.EB.A6.AC.EC.98.A8&page=1

피그말리온 #24 : UI 변경(2)

이번 일지 역시 인 게임 그래픽 변경에 대한 이야기다.

이번엔 퍼즐 씬 배경 작업을 진행해봤다.

퍼즐에 들어가는 배경은 컨셉 통일을 위해 픽셀 배경을 사용할 예정이다.

또 화면에 제한 횟수를 표시하기 위해 UI에 별도의 프레임을 제작해봤다.

프레임

프레임은 다면체로, 회전한다

아무래도 제한 횟수가 중요한 정보다 보니 뭐라도 움직이는 게 있으면 이목을 끌지 않을까 해서 다면체가 회전하는 식으로 한번 제작해봤다.

제한 횟수에 적용되면 이런 느낌이다. 빨간 블록을 터치하고 있으면 이렇게 빨간색으로 빛난다.

현재 게임 구성은 스토리 연출이 있는 스토리 모드(낮은 난이도)와 퍼즐만 즐길 수 있는 퍼즐 모드(보통, 어려움 난이도)로 나뉜다.

그래서 스토리 모드와 퍼즐모드, 각 모드에 따라 배경에 변화가 있어야 했다.

스토리 모드

스토리 모드에서는 스토리의 장소 배경이 퍼즐에 들어간다.

가령 이런 느낌의 배경이 스토리에 들어간다면,

인 게임 컨셉샷

이 배경이 퍼즐이 진행되는 격자맵 아래에도 들어가는 식이다. (물론 임시기 때문에 픽셀화는 안 했다.)

또 색깔 퍼즐이니만큼, 배경은 단색화 형태로 그 상황이나 컨셉에 맞게 컬러를 부여해볼까 한다.

출처 : https://twitter.com/waneella_

이런 느낌의 배경이 좋은 예시라 생각해서 예시로 들고 와봤다.

여기에 낮, 밤 개념까지 적용한다면

스토리 시간 배경이 밤이면 이런 식으로 같은 배경이더라도 메인이 되는 색을 변경하는 식이다.

퍼즐모드

퍼즐 모드는 별도의 스토리 없이 퍼즐 자체만 즐길 수 있는 모드다.

해당 모드에서는 스토리 배경 대신 다른 배경들을 플레이어가 선택해서 적용할 수 있게 제작해보려고 한다.

여기엔 특별히 쉐이더를 적용해봤다.

원래 쉐이더는 블록에 적용하면서 시작됐는데, 블록 중 모든 색과 같은 색 판정인 무지개색 블록이 등장할 예정이다.

기존 블록 디자인, 일지 24화 참조

이 무지개색을 어떻게 작은 블록 디자인에 예쁘게 적용할까 고민하다가 쉐이더를 적용하면 어떨까 하는 생각이 들었다.

이런 쉐이더로 제작한 무지개가 픽셀화되서 블록에 적용된다.

적용된 무지개 블록

그 결과, 생각보다 예쁘게 잘 나왔고, 무지개 블록이라는 느낌도 확 드는 것 같아서 만족.

또 이런 쉐이더 효과들을 배경에도 적용하면 어떨까 해서 한번 실험해봤다.

적용해보니 이런 식으로 움직이는 배경이 적용된다. (깨진 것처럼 보일 수도 있는데 움직이는 쉐이더를 픽셀화 시킨 거다.)

그 외에도

다양한 쉐이더 효과들

이런 식의 다양한 쉐이더 효과들도 적용할 수 있을 것 같다.

다양한 배경을 잘 활용하면 자기 취향에 맞는 디자인을 선택할 수 있어 그래픽에 대한 호불호는 줄일 수 있지 않을까 싶다.

오늘의 결론

: 쉐이더는 여러모로 쓸모가 많은 것 같다. 현재 움직이는 효과는 모바일쪽 문제가 있어서 적용이 어려울 수도 있을 것 같긴 한데, 좀 더 연구가 필요해 보인다.

다음 편에 계속...(캔들은 항상 열려있습니다.)

원본 블로그 링크 : https://blog.naver.com/team_candle

[카퍠인(happys96)]

[team_candle(teamcandle)]

[태보미(taebomi)]

셰이더는 대단해 !

[team_candle(teamcandle)]

셰이더는 신입니다!

[ADYODYO(min02123)]

게임 컨셉상 벡터그래픽이 더 어울릴꺼 같은데 픽셀로 한 이유가 있을까?

[날으는코봉이(jyjeong90)]

나도 이게 궁금하당

[team_candle(teamcandle)]

사실 만들기 시작했을 때 팀에서 좋아하고 그나마 할 수 있는 게 픽셀이기도 했고, 픽셀 그래픽에 스토리까지 있는 퍼즐이 별로 없어서 실험적인 측면도 있었습니다!

[익명(119.194)]

[team_candle(teamcandle)]

[익명(124.61)]

옛날 루미너스 느낌나네 진짜 많이 했는데

[team_candle(teamcandle)]

루미너스 좋죠! UI 제작할 때 참고하면 좋을 것 같다는 이야기도 들었었습니다 ㅎㅎ

[퍼지스(kcygames)]

근데 여긴 어째 1년동안 UI만 만지는 느낌이여 ㅋㅋ

[team_candle(teamcandle)]

다음 일지도 UI나 그래픽 관련일 것 같긴 한데...ㅎ; 조만간 다른 내용으로도 찾아뵙겠습니다!

[퍼지스(kcygames)]

항상 응원하고 있습니다~!! 화아팅

[team_candle(teamcandle)]

감사합니다! 출시까지 열심히 해볼게요 :)

[자블(indipia)]

[team_candle(teamcandle)]