짱이 될거야

프로젝트 초기 설정 1. 프로젝트 생성 2. Plane 생성 (2:1 비율 지도로 시작) 3. Cube 생성 (움직이는 캐릭터 될 예정) 캐릭터 이동 설정 Live Map과 동일하게 MoveController.cs 생성 후 cube component에 적용 미니맵 초기 설정 1. Canvas 생성 2. Canvas > Raw Image (Minimap) 생성 후 지도 그림 넣기 미니맵 스크립트 작성 Minimap.cs 작성 후 cube component에 삽입 using System.Collections; using System.Collections.Generic; using UnityEngine; public class Minimap : MonoBehaviour { public RectTransform..

프로젝트 초기 설정 1. 프로젝트 생성 2. GameObject > 3D Object > Plane 생성 3. GameObject > 3D Object > Cube 생성 (character 될 예정) 4. Assets/Images 폴더 생성 후 free image 다운로드 (plane에 삽입) 미니맵 초기 설정 1. 2D로 바꾸고 Canvas 생성 2. Canvas > 우클릭 > UI > Image (Minimap) Size: 110, 110 위치: 오른쪽 아래 미니맵을 넣을 껍데기 3. Canvas/Minimap > 우클릭 > UI > Raw Image (Map Image) 생성 4. Assets/Images 폴더 안에서 우클릭 > Create > Render Texture (MiniMapRT) 5. ..

Unity에서 3D 프로젝트를 만든 후, 버튼을 클릭하면 팝업창이 뜨는 기능을 구현해보자. 팝업창 제작 가이드 1. Scene을 2D로 바꾼다. 2. GameObject > UI > Button: 클릭하면 팝업창 나오는 버튼 3. Button을 클릭하고 shift+alt 누르면 canvas 정중앙에 배치 가능하다. 4. Hierarchy > Create Empty > 'Popup' 생성 5. Popup/Background (Button) 만들고 검은색 반투명으로 설정. canvas 화면에 꽉 차게 만들기 shift+alt 누르고 stretch/stretch 선택하면 canvas 화면에 100% 차지 팝업 바깥을 눌렀을 때 팝업이 없어지게 만들기 위해서(=On Click() 걸기 위해서) backgroun..

1. 공식 홈페이지 접속 개인 > "Personal" > Windows용 다운로드 https://unity.com/kr/download 다운로드 지금 Unity를 다운로드하고 전 세계적으로 가장 큰 인기를 누리는 2D/3D 멀티플랫폼 경험 및 게임 제작용 개발 플랫폼을 사용하세요. unity.com 2. UnityHubSetup.exe 설치 '동의함' > 설치 3. Unity 로그인 Sign in > Google로 로그인 4. Install Unity Editor Install Unity Editor Install tab 2022.1.20f1 Install Microsoft Visual Studio Community 2019 체크되어 있는지 확인하고 다운로드 시작 Visual Studio Communit..

서비스 페이지를 만들 때 간혹 다른 url로 이동해야 하는 경우가 있다. 서비스 사이트 내의 url이라면 router를 사용하면 되지만, 아예 외부 사이트(예를 들면 github 등)로 이동하는 것이라면 새로운 탭을 열어주는 것이 서비스 이용 측면에서 좋다. = 우리 사이트를 계속 열어둔 상태이기 때문에 서비스 이용자를 뺏기지 않는다. (만약 하나의 탭에서 외부 사이트로 이동해버리면 우리 서비스를 다시 이용할지 불확실하기 때문이다) 따라서 a 태그를 사용하는 것이 아니라 다른 방법을 사용해야 하는데 매우 쉽다. 링크를 걸 태그에 onClick event를 걸어주고, 해당 태그를 클릭하면 openInNewTab 함수가 실행되도록 한다. openInNewTab 함수에서는 전달받은 url을 가져와서 windo..

Vuex를 활용한 프로젝트에서, 비디오를 삽입하고 그 위에 문구를 띄우고자 한다. 방법은 크게 video와 iframe, 두 가지이다. 1. video 파일을 가지고 있는 경우, video 1. 동영상 삽입 src/assets/video 폴더를 생성하고, 그 안에 비디오 파일을 넣어뒀다. 이 경우, video tag와 source tag를 활용하면 된다. 먼저, 비디오가 화면에 꽉 차지 않을 경우 여백이 남는데 그 부분의 css를 설정할 수 있도록 div 태그를 만든다. 그리고 그 안에 video tag를 넣고 그 밑에 source tag를 넣는다. source tag의 src 속성에는 현재 비디오가 있는 위치-나는 상대 위치를 선호한다-를 넣으면 된다. 2. 동영상 속성 설정 동영상 자동재생을 하고 싶..