유니티에서 네트워크 설정하기 - MirrorNetwork를 활용하여 캐릭터 이동 구현하기

Published: Jul 15, 2021 by BeatChoi

MirrorNetwork를 활용한 캐릭터 구현

유니티에서 MirrorNetwork를 활용하여 플레이어의 캐릭터를 구현하고 주의해야할 점을 알아봅니다.

유니티3D 에디터에서

에셋 다운로드

패키지 매니저에서 Mirror에셋을 다운로드 받고 임포트까지 완료합니다.


<01. Mirror 에셋 임포트>

네트워크 기본 구현 :: 서버 매니저 및 클라이언트 플레이어

이전 포스트에서 알려드린 기본 세팅을 진행합니다.
계층구조창에 NetworkManager라는 빈 게임 오브젝트를 생성하고 인스펙터 창에서 NetworkManager, NetworkManagerHUD 컴포넌트를 추가합니다.

계층구조창에서 Capsule 기본 오브젝트를 생성합니다.
생성한 Capsule오브젝트에 NetworkIdentityNetworkTransform컴포넌트를 추가합니다.
RigidbodyCharacter Controller 컴포넌트까지 추가합니다.


<02. Capsule 캐릭터 오브젝트 생성>

추가한 NetworkTransform컴포넌트에서 Client Authority항목과 Compress Rotation항목을 찾아 체크해줍니다.


<03. Client Authority 및 Comppress Rotation 체크>

추가한 Rigidbody컴포넌트에서 Constraints항목의 Freeze Rotation항목 모두 체크합니다.


<04. Freeze Rotation 체크>

Capsule오브젝트를 계층구조창에서 프로젝트 창으로 드래그 앤 드롭하여 프리펩으로 만듭니다.


<05. 캐릭터 오브젝트의 프리펩화>

프로젝트창에서 Capsule프리펩을 드래그하여 NetworkManager오브젝트의 NetworkManager컴포넌트안에 Player Prefab 항목에 끌어다 놓습니다.


<06. player prefab 추가>

캐릭터 스크립트 작성 :: PlayerController

PlayerController.cs라는 스크립트를 생성하고 다음과 같이 작성합니다.
(일전의 캐릭터 이동 스크립트와 비슷합니다.)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using Mirror;

    public class PlayerController : NetworkBehaviour
    {
        CharacterController CharacterController;

        public float moveSpeed = 8f;
        public float maxTurnSpeed = 150f;

        public float horizontal;
        public float vertical;

    void Start()
    {
        CharacterController = GetComponent<CharacterController>();
    }
        // Update is called once per frame
    void Update()
    {
        if (!isLocalPlayer) return;//to controll local character

        horizontal = Input.GetAxis("Horizontal");
        vertical = Input.GetAxis("Vertical");
    }

    private void FixedUpdate()
    {
        if (!isLocalPlayer) return;//to controll local character

        Vector3 direction = new Vector3(horizontal, 0, vertical);
        direction *= moveSpeed;
        CharacterController.SimpleMove(direction);
    }
}

이전 Character Controller스크립트와 달라진점이 있다면

  • 4번째줄 : Using Mirror 네임스페이스를 추가
  • 6번째줄 : Monobehavior클래스가 아닌 NetworkBehavior클래스를 상속받습니다.
  • 23 및 31번째 줄 : if (!isLocalPlayer) return; 코드를 활용하여 네트워크 상에서 상대방과 나의 싱크를 맞춥니다.
    가장 중요한 부분중 하나인데 자기 자신의 로컬 캐릭터를 조종할 수 있습니다. 해당 스크립트가 없으면 앞뒤좌우 키를 눌렀을때
    나의 캐릭터 뿐만 아니라 상대방의 캐릭터까지 조종하게 됩니다. 이동로직 스크립트는 다른 플레이어의 캐릭터에도 구현되어있기 때문입니다.

해당 스크립트를 Capsule오브젝트에 인스턴스화 시킵니다.


<07. 스크립트 인스턴스화>

테스트

빌드세팅에서 빌드 버튼을 눌러 PC버전으로 빌드합니다.
EXE 파일을 실행시켜줍니다.

먼저 유니티 에디터로 돌아와서 상단 플레이 버튼을 눌러 콘텐츠를 실행시킵니다.
게임창 좌측 상단에 UI를 확인하고 Host(Client + Server)버튼을 누릅니다.



<14. Host>

이번엔 실행시킨 프로그램에서 좌측 상단 UI를 확인하고 Client버튼을 누릅니다.
서버에 클라이언트로 접속합니다.


<13. Client>

클라이언트 창에서 키보드 W,A,S,D를 눌러 캐릭터가 이동하는지 확인해봅니다.
내가 이동할때 상대방의 캐릭터는 가만히 있는지 확인합니다.
동시에 이동하면 안됩니다.
호스트 창에서 클라이언트 캐릭터가 이동을 했는지 확인합니다.
호스트 창에서 클라이언트가 이동한 싱크가 맞느면 성공입니다.

<14. 좌.클라이언트 우.서버>

Latest Posts

콘텐츠 개발 기법 - URP 환경에서 Bloom 및 Volume 포함한 화면 캡처
콘텐츠 개발 기법 - URP 환경에서 Bloom 및 Volume 포함한 화면 캡처

화면 캡처 :: Screen Capture

일반적으로 URP환경에서 Bloom 등의 Volume 이펙트들이 함께 캡처되지 않는 현상이 일어납니다.
두가지 원인이 있는데 첫번째는 저장할 Texture 및 Texture2D의 크기가 작아 모든 텍스쳐를 저장할 수 없는 경우와
두번째는 Linear color space의 픽셀을 텍스쳐에 저장 할 수 없는 경우가 있습니다.
이번 포스팅에서는 URP 환경에서 해당 이펙트들을 함께 캡쳐하는 방법을 알아봅니다.

콘텐츠 개발 기법 - UI 안나오게 화면 캡처(Screen Capture without UI)
콘텐츠 개발 기법 - UI 안나오게 화면 캡처(Screen Capture without UI)

화면 캡처 :: Screen Capture

UI 없이 화면을 캡쳐하는 방법을 알아봅니다.
해당 방법을 통해 사진 앱에서 사진을 찍거나 게임 내에서 UI를 제거한 스크린샷을 구현할 수 있습니다.

유니티3D 에디터에서

스크립트 작성

LightshipAR SDK 활용하기 - LightshipAR VPS의 활용
LightshipAR SDK 활용하기 - LightshipAR VPS의 활용

LightshipAR SDK

이번 강좌에서는 Visual Positioning System (VPS) 기능을 활용하여 콘텐츠를 개발해 봅니다.
VPS는 GPS정보와 타겟 매핑 정보를 정합하여 해당 타겟을 인식하는 기능입니다.
따라서 객체나 환경의 변화 및 이동이 잦지 않은 타겟이 스캔 대상이 됩니다.
주로 동상, 건물 입구, 가로등 등 위치의 변경이 없는 타겟들이 좋은 타겟입니다.

해당 타겟들을 인식시키고 주변에 가상의 오브젝트들을 배치하고 해당 위치를 저장하는 방법을 알아봅니다.

공간 매핑

Niantic Wayfarer

공간을 인식시키기 위해서 먼저 공간을 매핑해야 합니다.
이 과정은 IOS 어플리케이션으로 진행을 할 수 있는데 아래 링크에서

  1. Testflight
  2. Wayfarer

어플리케이션을 다운로드 및 설치합니다.

링크 : https://testflight.apple.com/join/VXu1F2jf