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 연결 - 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 ..