IT/WebGl
IT 및 일상을 공유합니다.
[WebGL] Unity WebGL Brotli 압축에 대한 Nginx 서버 설정
Unity WebGL 프로젝트 파일을 웹 브라우저에서 실행하면서 성능을 최대한 내기 위해 배포된 서버에서 Brotli 설정하는 방법을 소개합니다. 그러나 이러한 압축방식으로 최적화를 하고싶지 않다면 유니티에서 빌드할 때 gzip으로 설정하면 됩니다. ● 이전 포스팅에서 Unity WebGL 프로젝트를 웹 브라우저(Nuxt)에서 실행하는 방법을 참고하시고 진행하시면 됩니다. 느린 개발자 프론트엔드 백엔드 학습정리 및 정보공유 블로그입니다. stack94.tistory.com Brotli 이란? Brotli 압축 방식은 Gzip 보다 나은 압축률을 제공하는 손실 없는 압축 알고리즘입니다. 그러나 아직 모든 웹 서버나 모든 브라우저에서 지원 되는 것은 아니기 때문에 호환성 체크가 필요합니다. 보통 IE에서는 ..
[WebGL] 웹 브라우저 환경(Nuxt,React) 에서 WebGl 연결 - 3
[WebGL] 웹 브라우저 환경(Nuxt,React) 에서 WebGl 연결 - 2 [WebGL] 웹 브라우저 환경(Nuxt,React) 에서 WebGl 연결 - 1 Unity WebGL 이란? Unity 콘텐츠를 HTML5 기술과 WebGL 렌더링 API를 사용하여 웹 브라우저에서 실행하는 기술. 간단하게 Unity 빌드 옵션을 사용하여 java stack94.tistory.com 이전 포스팅에 이어서 Nuxt 유니티에 대한 양방향 통신에 대해서 설명을 이어가겠습니다. Nuxt 에서 Unity 이벤트(함수) 실행하기 이전 포스팅에서 만들어준 EditorViewer 컴포넌트를 다시 확인해서 버튼과 화면을 같이 보기 위해 canvas width 값을 줄여줍니다. 1900px -> 800px Web(Nuxt)..
[WebGL] 웹 브라우저 환경(Nuxt,React) 에서 WebGl 연결 - 2
[WebGL] 웹 브라우저 환경(Nuxt,React) 에서 WebGl 연결 - 1 Unity WebGL 이란? Unity 콘텐츠를 HTML5 기술과 WebGL 렌더링 API를 사용하여 웹 브라우저에서 실행하는 기술. 간단하게 Unity 빌드 옵션을 사용하여 javascript 프로그램으로 퍼블리싱 할 수 있다. WebGL에서 stack94.tistory.com 이전 포스팅에 이어서 WebGL 프로젝트 빌드와 Nuxt 프로젝트 페이지 화면에 띄우는 방법을 설명하겠습니다. WebGL 프로젝트 빌드 파일 구성 Build 폴더 파일 구성 [ExampleBuild]는 타깃 빌드 폴더의 이름을 나타냅니다. 글자색으로 채워진 Build 파일로 웹브라우저에 연결합니다. (나머지 파일은 일단 사용하지 않음) 파일 이름 ..
[WebGL] 웹 브라우저 환경(Nuxt,React) 에서 WebGl 연결 - 1
Unity WebGL 이란? Unity 콘텐츠를 HTML5 기술과 WebGL 렌더링 API를 사용하여 웹 브라우저에서 실행하는 기술. 간단하게 Unity 빌드 옵션을 사용하여 javascript 프로그램으로 퍼블리싱 할 수 있다. WebGL에서 실행하려면 모든 코드가 javascript여야 하며, 콘텐츠 대부분이 주요 데스크톱 브라우저의 최신 버전에서 지원됩니다. 각 브라우저에서 제공하는 지원 수준의 차이 가 있고, 현재 모바일 디바이스를 지원하지 않습니다. Unity가 설치되어 있는 가정하에 Nuxt 프레임워크 환경에서 Unity Webgl 콘텐츠를 띄워보는 것을 설명드리겠습니다. React도 환경이 잘 구축되어 있기 때문에 React에서도 간단하게 보여드리겠습니다. 1. 환경구성 이름 버전 Nuxt ..