유니티 AR 라인드로잉 / 카메라 증강현실 라인드로잉 하는 법

안녕하세요~

코드그림입니다!

 

오늘은 유니티로 라인드로잉 하는 법을 정리해 볼게요!! ㅎㅎ

 

아래와 같이 내맘대로 그림을 그릴 수 있는 앱이에요😃👍

 

ⓒ코드그림 유니티 AR개발

 

 

 

우선 유니티부터 켜주세요~!!

 

1. 프로젝트 셋팅

 

1-1. window -> Package Manager

ⓒ코드그림 유니티 AR개발

 

1-2. AR foundation 패키지 매니저 다운로드

 

상단 +버튼 옆에 packages: Unity Registry로 바꿔주시고

검색으로 com.unity.xr.arfoundation을 검색하시면 금방 착오없이 찾으실 수 있습니다.

 

그게 아니라면, 스크롤해서 AR foundation을 찾으신 뒤에 다운로드 해주세요😀

ⓒ코드그림 유니티 AR개발

 

2. 유니티에서 프로젝트 에셋 설정해주기

ⓒ코드그림 유니티 AR개발

 

 

위와 같은 모습으로 파일들을 셋팅해줍니다.

여기서 중요한건 Script 파일을 만들 때 이름을 수정하면 반드시 class명도 다시 확인하셔야 해요~!

 

3. script 코드셋팅

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Drawing : MonoBehaviour
{

    public Camera cam;
    public Material defaultMaterial;

    private LineRenderer curline;
    private int positionCount = 2;
    private Vector3 PrevPos = Vector3.zero; //원점 (0,0,0)을 의미함

    
    // Start is called before the first frame update
    //처음에 한번 실행
    void Start()
    {
        
    }

    void DrawMouse() 
    {
        //2차원 좌표를 3차원 좌표로 바꾸게 도와주는 함수.
        //ScreenToWorldPoint 함수는 카메라에서 쓸 수 있다.
        Vector3 mousePos = cam.ScreenToWorldPoint(new Vector3(Input.mousePosition.x, Input.mousePosition.y, 0.3f));


        //GetMouseButtonDown 한번 누르는 순간 호출
        if (Input.GetMouseButtonDown(0))
        {
            //createLIne
            createLIne(mousePos);
        }

        //GetMouseButton 누르고 있을때 계속 호줄
        else if (Input.GetMouseButton(0)) 
        {
            //connectLine
            connectLine(mousePos);
        }
    }

    void createLIne(Vector3 mousePos) 
    {
        positionCount = 2;
        GameObject line = new GameObject("Line");
        LineRenderer lineRend = line.AddComponent<LineRenderer>();

        line.transform.parent = cam.transform;
        line.transform.position = mousePos;

        lineRend.startWidth = 0.01f; //선의 시작두께
        lineRend.endWidth = 0.01f; //선의 끝 두께
        lineRend.numCornerVertices = 5;
        lineRend. numCapVertices = 5;
        lineRend.material = defaultMaterial;
        lineRend.SetPosition(0, mousePos);
        lineRend.SetPosition(1, mousePos);

        curline = lineRend;
    }

    void connectLine(Vector3 mousePos) 
    {
        if (PrevPos != null && Mathf.Abs(Vector3.Distance(PrevPos, mousePos)) >= 0.001f)
        {
            PrevPos = mousePos;
            positionCount++;
            curline.positionCount = positionCount;
            curline.SetPosition(positionCount-1, mousePos);

        }
    
    }

  
    // Update is called once per frame
    //매번 업데이트 실행
    void Update()
    {
        DrawMouse();
    }
}

 

 

중요 부분들은 주석처리하여 설명도 같이 넣어두었어요!

이해에 도움이 되시길 바랍니다😃

 

4. 유니티에서 상세설정

 

4-1. 유니티 hierarchy에서 마우스 오른쪽 클릭 -> Create Empty

ⓒ코드그림 유니티 AR개발

라인드로잉에 관련된 함수와 카메라를 연결해 줄거예요!

 

4-2. 카메라, sript 맵핑

 

Asset에 있는 Drawing script 파일을 hierarchy에 드래그 앤 드롭 해주세요.

그럼 아래와 같은 창이 활성화 됩니다.

 

Camera에는 XR Origin 안에 있는 Main Camera를 cam에 연동해주세요.

material은 project -> Assets 마우스 오른쪽 클릭

material -> default material을 클릭해서 만들어 주세요.

camera에 연동했던거랑 똑같이 드래그앤드롭으로 연결해줍니다.

ⓒ코드그림 유니티 AR개발

 

 

5. 플레이

ⓒ코드그림 유니티 AR개발

 

유니티 상단의 플레이 버튼을 누르고

게임 패널에서 드래그로 드로잉 해보면 객체가 올라가는 것을 볼 수 있어요.

 

빌드를 통해 핸드폰으로 켜보면 화면에서 드로잉이 되는 모습도 확인하실 수 있습니다.

 

ⓒ코드그림 유니티 AR개발

 

 

그럼 오늘도 모두모두 즐겁고 행복한 코딩하십셔~

이상 코드그림이었습니다~~