본문 바로가기

언리얼/라이라 프레임워크로 오버워치 만들기4

[UE5 라이라(Lyra) 샘플로 오버워치 만들기] 4. 메인 프론트엔드 바꾸기 Lyra 메인 화면 UI를 커스터마이징 해보자이번 포스팅에서는 Lyra Starter Game의 메인 화면 UI를 커스터마이징해보는 과정을 소개드릴게요.로비 UI의 구조를 이해하고, 실제로 화면을 바꾸는 데 필요한 설정과 위젯 변경까지 함께 해볼게요 메인 UI는 어디서 생성될까?먼저 B_LyraFrontEnd_Experience 블루프린트를 열어보면, GameState에 B_LyraFrontendStateComponent가 추가된 걸 확인할 수 있어요.이 컴포넌트를 보면 MainScreenClass라는 UPROPERTY를 가지고 있죠. UI를 생성하는 함수는?void ULyraFrontendStateComponent::FlowStep_TryShowMainScreen(FControlFlowNodeRef .. 2025. 5. 12.
[UE5 라이라(Lyra) 샘플로 오버워치 만들기] 3. Lobby Background 바꾸기 L_JHOverwatchBG 백그라운드 배경 레벨 세팅 및 시퀀스 적용하기 배경으로 사용할 레벨 다운로드원하는 무료 또는 상용 배경 레벨 에셋을 Fab에서 다운로드합니다.에디터 상단 메뉴에서 “Add to Project” 버튼을 눌러 내 프로젝트에 추가하세요. 저는 이번에 다운로드한 맵을 배경으로 사용했습니다. 프로젝트 내부에 맵 파일 배치 및 이름 변경Content Browser 에서폴더를 찾아 들어갑니다.Plugins/ShooterMaps Content/Maps다운로드된 레벨(.umap)을 이 폴더 안에 드래그&드롭하여 복사하세요.복사한 레벨의 이름을 L_JHOverwatchBG 로 변경합니다. . 로비 배경용 데이터 에셋 수정Content/Plugins/ShooterMaps Content폴더로 이.. 2025. 5. 5.
[UE5 라이라(Lyra) 샘플로 오버워치 만들기] 2. 로딩화면 바꾸기 언리얼 Lyra 프로젝트 – 로딩 화면 커스터마이징 하기Lyra 프로젝트를 커스터마이징하면서 처음 눈에 들어온 건 바로 로딩 화면이었습니다.처음 프로젝트를 실행하면 나오는 이 로딩 UI, 뭔가 내 스타일로 바꿔보고 싶다는 생각이 들었습니다.그래서 이번에는 Lyra의 로딩 화면을 커스터마이징하는 과정을 간단히 정리해봤습니다. 로딩화면을 바꿔보도록 하겠습니다. 🔍 로딩 화면 위젯은 어디에 있을까?먼저 로딩 화면 위젯이 어디서 로드되는지부터 확인해야겠죠.CommonLoadingScreenSettings라는 클래스를 살펴보면,이 클래스가 **Config에서 설정된 경로(Path)**를 통해 위젯을 로딩하는 걸 알 수 있습니다. DefaultGame.ini를 열어보면 사용 중인 로딩 위젯이바로 **W_Load.. 2025. 4. 28.
[UE5 라이라(Lyra) 샘플로 오버워치 만들기] 1. 라이라(Lyra)다운로드 언리얼 엔진 5.5 - 라이라(Lyra) 샘플로 오버워치 만들기최근 언리얼 엔진으로 팀 기반 슈팅 게임을 만들어보고 싶어서, 에픽에서 제공하는 Lyra 샘플 프로젝트를 기반으로 오버워치 스타일의 게임을 만들어보기로 했습니다. 이 글에서는 프로젝트 셋업 과정을 간단히 정리해보겠습니다.1. Lyra 프로젝트란?Lyra Starter Game은 에픽게임즈에서 공식적으로 제공하는 멀티플레이어 슈팅 게임 샘플입니다. 게임플레이 프레임워크, 입력 시스템, 가스(GAS), 애니메이션 시스템 등 실전에서 바로 활용 가능한 구조로 되어 있어 학습용/프로토타입 제작용으로 아주 좋습니다. 2. Lyra 프로젝트 다운로드 방법Fab 마켓플레이스에 접속합니다.상단 검색창에 Lyra를 입력하고 검색합니다."Lyra Starte.. 2025. 4. 21.