Three.js - 웹 기반(WebGL)의 3D 그래픽 렌더링을 위한 자바스크립트 라이브러리 three.js는 익터렉티브한 3D 컴퓨터 그래픽을 웹에서 구현하기위한 경량 크로스 브라우저 자바스크립트(JavaScript) 라이브러리/api입니다. WebGL을 기반으로 작동하며 3D 모델, 애니메이션, 조명, 재질 등 다양한 요소를 다룰 수 있습니다. 아래 웹사이트에서 기초 사용법 및 기술문서를 확인할수있습니다. https://en.wikipedia.org/wiki/Three.js three.js 웹사이트 https://threejs.org/ three.js 기본 https://threejsfundamentals.org/ Three.js Fundamentals Learn Three.js threejsfund..
유니티의 WebGL 콘텐츠를 지원하는 웹브라우저 호환성 확인(데스크톱, 모바일) https://docs.unity3d.com/Manual/webgl-browsercompatibility.html WebGL 콘텐츠를 실행하기위해 웹브라우저는 다음 조건을 충족해야합니다. -WebGL 1 또는 WebGL 2를 지원하는 웹브라우저(유니티 WebGL1은 지원 중단 예정) -HTML5 표준을 준수하는 웹브라우저 -64비트이며 WebAssembly를 지원하는 웹브라우저 유니티 WebGL의 모바일 지원 공식적으로 Unity WebGL은 모바일 장치를 지원하지 않습니다. Unity WebGL 콘텐츠는 안드로이드 및 ios 기기에서 작동합니다. 하지만 일반적으로 WebGl 콘텐츠를 지원할만큼 강력하지않고 메모리가 부족한 ..
유니티 webGL 사용 가이드, 기술문서 webGL 개발시작 https://docs.unity3d.com/kr/2018.4/Manual/webgl-gettingstarted.html 프로젝트 빌드 및 실행 https://docs.unity3d.com/kr/2018.4/Manual/webgl-building.html 유니티 webGL 플래폼 호환성 https://docs.unity3d.com/2020.1/Documentation/Manual/webgl-browsercompatibility.html 유니티 모바일 webGL 이슈 https://forum.unity.com/threads/webgl-support-for-mobile-browsers.778082/ https://caniuse.com/webgl2
유니티 webGL에서 비디오 플레이어 구현하기1)씬에 비디오가 재생될 게임 오브젝트를 생성한다. 2)video player 게임 오브젝트를 생성하고 video clip에 재생할 동영상을 참조시킨다.render mode로 material override를 선택하고 renderer에 위에서 생성한 plane 오브젝트를 참조시킨다. 3)게임을 시작하면 plane 오브젝트에서 동영상이 렌더링된다. 4)씬을 추가하고 webGL 플랫폼을 선택한후 빌드한다(build and run) 5)브라우저에서 실행한 게임에서 비디오가 정상적으로 재생되지않는것을 확인할수있다. 6)프로젝트에 새로운 폴더 StreamingAssets을 추가하고 비디오를 위치시킨다. 7)비디오를 에디터에서 직접 참조시키는 방법이 아닌 URL에 위치한..
유니티에서 빌드한 webGL 프로젝트 깃허브(github)에 업로드하기깃허브에서는 개인의 웹사이트를 발행할수있는 깃허브 페이지(github pages) 서비스를 제공한다.깃허브 페이지를 사용하여 유니티의 webGL 프로젝트를 빌드할수있다. 1)깃허브에 업로드할 유니티의 webGL 프로젝트를 준비한다.유니티에서 webGL 프로젝트 빌드하기 2)깃허브에서 새로운 리포지토리를 생성한다. 리포지토리의 이름을 설정하고 공개여부는 public을 선택한후에 create repository를 클릭한다.(깃허브 무료 계정에서 사용할수있는 페이지의 리포지토리는 public으로 설정해야하며 private로 사용하려면 유료 계정으로 업그레이드해야한다) 3)리포지토리에 유니티 프로젝트를 업로드한다. 4)프로젝트 폴더의 root..
