본문 바로가기

UI12

UI 디자인의 실습 -2- 안녕하세요? 지난번 포스팅에서 UI버튼하나를 만드는 과정을 실습하다가 일단 중단을 했는데, 이번 포스팅을 마지막으로 해서 일단 일러스트 - 주로 픽셀아트 독학은 대충 마무리를 짓고, 이제 본격적으로 오래전부터 생각해본 프로젝트인 게임의 제작을 들어가 봐야 겠다는 생각이 듭니다. 아무튼 간에 일단 위 스크린샷에서 볼 수 있는 선택이라는 메뉴에서 수정이라는 항목이 있는데, 이 항목을 가지고서 확대를 클릭합니다. 이게 편집항목에 있는 변형에서 자유변형으로 키우는 것과 어떤 차이가 있는지는 모르겠습니다. 다만, 이렇게 하는 것으로 인해서 일단 3픽셀씩 키우도록 했습니다. 이렇게 해서 선택선이 커진것을 확인할 수 있었습니다. 차이가 있다면 일단 있는 것이 바로 이렇게 키워지는 대상이 다르다는 생각이 듭니다. 이제.. 2021. 4. 25.
UI 디자인의 실습 -1- 안녕하세요? 드디어 중요하다면 중요한 것이라고 할 수 있는 UI를 디자인 하기 위한 실습에 들어가 봐야 활 단계라는 생각이 듭니다. 아무튼 이런 작업을 하기 위해서는 일단 어떻게 다른 사람이 하였는지 한번 봐야할 필요가 있고, 그래서 실습을 하고, 이렇게 블로그로 작업 내용을 남겨 놓고자 합니다. 역시 이런 작업을 하기 위해서는 일단 32 X 32 필셀로 일단 위 스크린샷에서 볼 수 있는 것처럼, 일단 새로운 캔버스를 하나 만들어 주도록 합니다. 이렇게 하나 만들어 주고 나서는................... 그리고 나서 새로운 빈 레이어를 만들어 주고 나서, 여기다가 다시 24 X 24 픽셀 사각형을 만들어야 하니까, scaffold라는 레이어도 같이 만들어 주도록 합니다. 일단 하얀색으로 하나 만들.. 2021. 4. 25.
유니티5 독학하기 그 62번째 걸음-UI디자인하기 part2 안녕하세요? 지난번 포스팅에서 타이틀까지 달아놓았는데, 이번에는 나머지 부분을 완성하고자 합니다. 우선 이번 챕터12에서는 NGUI없이 UI를 만드는 작업을 하고 있으며, 이것만 해도 어느정도는 쓸만한 인터페이스를 만들 수는 있지만, 그래도 NGUI를 이용한 다양한 작업을 하는 것에는 못 미치는 것이 아닌가 합니다. 우선 예제코드로 있는 InGameCanvas라는 유니티 패키지를 가지고 오도록 합니다. 이 패키지는 게임상에서 점수와 수집한 동전의 갯수를 알려주기 위한 인터페이스 입니다. 모두 다 가져오도록 합니다. 프리펩이 있는 폴더로 가면, InGameCanvas.prefab이라는 것이 있는 것을 볼 수 있습니다. 이를 계층뷰로 드래그 앤 드롭을 해서 이전에 있던 Menu와 같은 항렬의 자식 오브젝트로.. 2018. 8. 4.
유니티5 독학하기 그 62번재 걸음-UI디자인하기 part1 안녕하세요? 어느덧 유니티5.x와 함께하는 C# 첫걸음 이라는 책도 거의 다 끝나가서, 이제는 전체 13챕터중에 12챕터를 다 읽어보고 실습하는 데 성공하였습니다. 그래서 이번 포스팅에서는 빨리 지나간다고 해서 12챕터를 다 하고 싶었지만, 너무 내용이 길어서 하는 수 없이 두 부분으로 잘라야 했습니다. 이번 포스팅에서는 NGUI없이 그냥 유니티5내에 있는 UI를 디자인하는 작업을 하였고, 그 내용을 포스팅 하고자 합니다. 먼저 UI와 그 자식 오브젝트인 MenuCanvas라는 게임 오브젝트를 생성하도록 합니다. 그리고 나서 MenuCanvas에서는 Canvas라는 컴포넌트를 추가한 이후의 모습입니다. 위에 있는 Rect Transform이라는 것은 자동으로 따라 왔습니다. 먼저 Canvas컴포넌트의 R.. 2018. 8. 3.