오블완 (2) 썸네일형 리스트형 [트러블슈팅] 반응형 UI를 위한 UIManager와 UI 동적 생성 문제 상황2D 가로형 모바일 RPG 게임의 로그인 화면을 구상하던 중, 배경과 로고를 적절히 배치하는 것에 문제가 생겼다. 스마트폰 화면 비율이 기기마다 달라지는데, 아무리 RectTransform의 앵커를 조절해봐도 Unity Simulator 상의모든 기기에서 내가 원하는 위치에 로고가 오도록 할 수 없었다.해결 과정선 Aspect Ratio Fitter 컴포넌트를 활용해 보았다. 로고 이미지 위에 부모 오브젝트를 하나 추가하고, 부모 오브젝트의 가로 앵커를 "Stretch"로 설정한 후, 이미지 오브젝트에 Aspect Ratio Fitter를 붙였다. 이때 Fit in Parent 속성을 사용하여 로고가 부모 오브젝트의 가로 크기에 맞춰지도록 보정했다.이 설정을 적용하니 이전보다 화면에 맞춰 로고가.. [Web Game] 달려라 르탄이 웹 게임 만들기 이번 글에서는 스파르타 코딩클럽에서 무료로 제공하는 르탄이 달리기 게임 개발 과정을 기록해보려고 한다. HTML, CSS, JavaScript를 사용해 간단한 게임을 개발하며 웹 개발의 기본기를 다질 수 있는 좋은 기회가 되었다. 개발 도구로는 VS Code를 사용했으며, 기본적인 웹 기술들을 활용해 게임을 구현해 나가는 실습을 해볼 예정이다.이번 프로젝트는 JavaScript로 게임의 동작을 제어하고, CSS를 통해 게임 화면의 스타일을 꾸미며, HTML로 게임의 구조를 구성하는 방식으로 진행된다. 이 과정에서 화면 요소를 움직이게 만드는 방법, 사용자 입력에 반응하는 방법, 스타일과 애니메이션을 적용하는 기법 등을 학습할 수 있었다. HTMLHTML 파일에서는 페이지의 기본적인 레이아웃을 구성하고, .. 이전 1 다음
