본문 바로가기

분류 전체보기

[WebGL] React에서 Unity 통신하기
[WebGL] React에서 Unity 통신하기 이번 시간에는 React에서 Unity로 데이터 통신을 할 수 있는 방법에 대해 소개하고자 한다. react-unity-webgl 패키지를 이용하면 React에서 Unity로 통신을 할 수 있다. 이 프로젝트에서는 다음을 구현하고자 한다. ● React에 string 타입 prompt를 Unity에 보내기 ● Unity 내 텍스트 박스에 React에 받은 prompt 표시하기 01. Unity Prompt를 띄울 GUI 구현 및 통신 준비 Unity 내 Prompt를 보여줄 TestMeshPro 오브젝트를 생성하고 간단하게 GUI를 구현해준다. 또한 필요한 컴포넌트 ButtomManager.cs와 PromptManager.cs 스크립트를 생성한다. 02. PromptManager 스크립트에서 Receiv.. 프로그래밍/WebGL 2024. 1. 20.
[WebGL] React에 Unity 콘텐츠 퍼블리시
[WebGL] React에 Unity 콘텐츠 퍼블리시 react-unity-webgl을 활용하기 앞서 React 프레임워크에 Unity 콘텐츠를 퍼블리시 해보자. 01. WebGL Build Support 설치 Unity 에디터 설치 시 WebGL Build Support 설치해줘야 한다. 설치 안했다면 추가로 설치해주면 된다. 02. Unity 프로젝트 WebGL로 빌드 WebGL Build Support 설치하면 다음과 같이 프로젝트 빌드 시 WebGl로 빌드할 수 있다. 03. React 프로젝트에서 Build 파일 붙여넣기 Build과 완료되면 Build -> Build 풀더에서 다음과 같이 파일 들이 생성된 걸 확인 할 수 있다. (폴더명과 파일명이 다를 수 있으니 이 점 주의해야한다) React 프로젝트에서 Build 폴더를 하나 만들어 생성된 .. 프로그래밍/WebGL 2024. 1. 20.
[WebGL] react-unity-webgl 소개
[WebGL] react-unity-webgl 소개 Unity WebGL이란 Unity 콘텐츠를 웹 브라우저에 실행 하는 빌드 옵션이다. 하지만 Unity WebGL을 사용 시 생각보다 제약이 많아 아쉬운 부분과 문제를 겪는 상황이 많다. 이 글에서 Unity WebGL의 제약을 어느정도 해소할 수 있는 react-unity-webgl 패키지를 소개하고자 한다. React 프레임워크로 Unity WebGL을 사용하다 보면 React와 Unity 통신이 필요할 경우가 있다. react-unity-webgl은 WebGL을 사용할 때 React와 Unity 간의 양방향 통신을 가능하게 해주는 패키지이다. https://react-unity-webgl.dev/ React Unity WebGL Bringing your Unity Games to the Web si.. 프로그래밍/WebGL 2024. 1. 20.
반갑습니다. 은의빛입니다.
반갑습니다. 은의빛입니다. 티스토리 블로그를 개설할 생각은 크게 없었으나. 현장실습 하면서 개발일지를 정리하고 공유하는 것이 얼마나 중요한지 깨닫게 되었습니다. 개발하면서 새로운 라이브러리에 대해 공부하거나 어려움을 극복했을 때 그것을 정리해놓으면 나한테 있어서도 똑같은 문제가 당면했을 때 도움이 되고 남들에게 공유함으로써 협업으로 써 문제 해결 능력도 오른다고 생각했기에 블로그를 개설했습니다. 다만, 이전에 네이버 블로그를 운영할 때도 지키는 것이 저는 항상 남들에게 정보를 전달할 때 최대한 이해가 쉽고 설명이 어렵지 않게 표현하기 때문에 전문적인 지식은 포함되지 않을 수도 있다는 점을 유의 해주시고 언제든 오류나 잘못된 내용 있으면 지적해주시면 감사하겠습니다. https://blog.naver.com/luh5063014 은의빛.. 소개 2024. 1. 20.

티스토리툴바