어쨌든 공부하는 블로그

발사 지점에서 플레이어를 향해 레이저를 발사시키는 기능을 만드는데, 발사 지점의 position과 플레이어의 position을 받아와 발사지점에서 플레이어까지의 벡터는 구했으나, 레이저를 방향에 맞게끔 회전시키는 작업을 해 줘야 했다 아크탄젠트(atan)를 이용해서 구해야 하는 건 알았으나, 정확한 사용방법을 잘 모르겠어서 검색하다가 발견했다https://wumbo.net/formulas/angle-between-two-vectors-2d/ Angle Between Two Vectors 2D FormulaCall the function. The angle is equal to radians or converting to the circle constant notation by multiplying by ..

이전 글(https://hye3193.tistory.com/154)에서 Cinemachine을 이용해서 카메라가 플레이어를 따라오고, 맵의 바깥쪽을 비추지 않도록 Bound를 설정해 주는 작업을 하였다 그런데 2D 게임이지만, 원근감을 위해 3D 카메라를 사용할 경우 설정을 변경해주어야 하는 부분이 있다 우선 main camera의 투시(projection)을 perspective로 변경해 준다 unity에서 카메라 투사에는 두 종류가 있는데, 하나는 orthographic으로, 일반적인 2D 같은 투사 방식이고, 다른 하나는 perspecitve로, 3D처럼 원근감이 적용되는 투사 방식이다 프로젝트를 생성할 때 2D를 선택했냐 3D를 선택했냐에 따라 기본적으로 설정된 투사 방식에 차이가 있지만, 유니티..

많은 게임들에서 기본적으로 카메라가 플레이어를 계속 따라다니며 진행되는데, Cinemachine이라는 컴포넌트를 활용해 쉽게 구현해 볼 수 있다 우선 기본적으로 설치되어 있는 패키지가 아니기 때문에, Window > Package Manager로 들어가 검색창에 Cinemachine을 검색해서 설치해 준다 만약 검색했는데 패키지가 뜨지 않는다면, Packages가 In Project가 아닌 Unity Registry로 체크되어 있는지 확인하자 설치가 끝났으면 Hierarchy 창에서 우클릭 후 Cinemachine > 2D Camera를 선택해서 추가해 준다 Virtual Camera라고 이름 붙어 새로 생긴 오브젝트를 보면 CinemachineVirtualCamera라는 컴포넌트가 있는데, 이곳의 Fo..

Debug.Log('complete');어떤 문장을 로그로 출력하려고 했는데 위와 같은 에러가 떴다 이유는 char 타입으로 한 개 이상의 문자를 전달하려고 했기 때문 C#에서 Char 타입은 문자 한 개를 가르키고, 'A' 와 같은 식으로 홑따옴표를 사용해서 표현하고, String은 "ABC" 와 같은 식으로 쌍따옴표를 사용해서 표현해야 컴파일 에러가 나지 않는다 Debug.Log("complete");이런 식으로 수정해 주었다

매칭 버튼을 누르면 매칭 중 모달이 뜨고, 2초 뒤에 매칭 완료 화면으로 넘어가는 기능을 구현해 보았다그런데 매칭 중 모달에서 취소 버튼을 누르면 매칭을 취소 시키고, 매칭 완료 화면으로 넘어가지 않게 해야 했어서 그 부분 구현한 것을 기록해 보겠다const [modalVisible, setModalVisible] = useState(false);const timeRef = useRef(null);const startMatching = () => { setModalVisible(true); timeRef.current = setTimeout(() => { setModalVisible(false); navigation.navigate('Done'); }, 2000)..

진행 중인 프로젝트에서 모달 창이 필요했는데, react native에서 제공하는 기본 Alert 스타일은 스타일 편집이 불가해서 그냥 새로 컴포넌트 형태로 만들었다export default class AlertModal extends Component { constructor(props) { super(props); } render() { return ( { this.props.setModalVisible(false); }} > ) }}우선 위와 같이..

1.https://dotnet.microsoft.com/ko-kr/download/visual-studio-sdks Visual Studio용 .NET SDKVisual Studio용 .NET SDK 찾아보기 주 다운로드 페이지를 방문하여 Linux 및 macOS를 포함한 모든 .NET 다운로드를 확인하세요.dotnet.microsoft.com.NET을 자신의 컴퓨터에 맞는 버전으로 설치한다  2.Visual Studio code에서 C# Extension을 설치해 준다C# 검색하면 바로 뜬다나의 경우 기존에 visual studio code를 unity와 연결해서 사용하느라 c# 관련 extension들을 설치해두었던 게 있어서 두 개 다 설치되어 있는데, 아래쪽에 보이는 확장만 설치해도 된다고는 한다..

const removeSpace = text => (text.replace(/\s/g, ''))const checkValue = () => { if (removeSpace(editTitle) == '') { console.log('제목을 입력해 주세요.'); } else if (removeSpace(editContent) == '') { console.log('내용을 입력해 주세요.'); } else { navigation.pop(); }}공백(space, tab)의 정규표현식은 '/\s/g'이다따라서 str.replace를 사용해 공백을 전부 없애 준 뒤 남은 문자열을 확인하여 제목이나 내용에 공백만 들어간 상태라면 안내 문구가 뜨도록 작성할 ..

위와 같이 게시글 제목과 내용을 입력받아 볼 것이다const [title, setTitle] = useState('');const [content, setContent] = useState('');우선 useState를 사용하여 변수를 선언해 준다배열에서 첫번째 오는 건 변수명, 두번째 오는 것은 해당 변수의 값을 변경할 함수명이다useState()에 인자로 기본값을 넘겨줄 수 있다  { setTitle(text) }} style={style.TitleText } placeholder='게시글 제목을 입력해 주세요.' /> { setContent(text) }} style={ style.ContentText } multiline={true} placeholder='스터디 내용을..

게시글 리스트(FlatList) 위에 고정된 위치에 글쓰기 버튼을 만들어야 하는데, position을 absolute로 주어 쉽게 설정할 수 있다WriteButton: { position: 'absolute', bottom: 20, right: 20, borderColor: '#5678F0', borderWidth: 3, borderRadius: 50, width: 60, height: 60, justifyContent: 'center', alignItems: 'center', backgroundColor: '#ffffff'}위와 같이 스타일을 설정하였는데, position을 absolute로 설정했으면 top/bottom/left/right를 ..