wenivhati

안녕하세요 South님!Three.js를 163 버전 이상으로 업그레이드하지 않는 경우 오류 없이 사용하실 수 있습니다. WebGLRenderer는 기본적으로 WebGL 2를 기반으로 동작하기 때문에 접속하신 브라우저가 WebGL2를 지원하는 경우 문제 없이 사용 가능합니다.WebGL2를 지원하지 않는 경우 163보다 낮은 버전을 지정하셔서 모듈을 설치하시면 됩니다. 추후 버전을 업데이트하여 163 버전 이상을 사용하셔야 하는 경우, 다음과 같이 WebGL 2 지원 여부를 판별하여, 지원하는 경우에는 Three.js 화면을 출력해주시는 것도 좋은 방법입니다. 감사합니다 🙂<pre class="hljs"><code class="language-js">import WebGL from "three/examples/jsm/capabilities/WebGL.js";

function createRenderer() {
 if (WebGL.isWebGL2Available()) {
 // Three.js 코드
 } else {
 // WebGL2가 지원하지 않는 경우, WebGL1의 렌더러를 반환합니다.
 const warning = WebGL.getWebGLErrorMessage()
 document.body.appendChild(warning)
 }
}</code></pre>

WebGL 1 지원 중단에 대해

안녕하세요 스고오이님 🙂 해당 부분은 라이브서버를 이용해주시면 해결 가능합니다.<ol><li>비주얼 스튜디오 익스텐션에서 Live Server 설치하신 후</li><li>index.html에서 Go Live(이미지의 3번) 또는 단축키 Alt+L+O (맥 command+L+O)로 실행하시면 됩니다.&nbsp;</li></ol><img src="https://cdn.inflearn.com/public/files/posts/4087a1fb-6da9-4634-9ed7-5977c067a528/Group4.png" alt="image" title="image">

index.html 실행 시 CORS 문제

안녕하세요! 수업에서 사용된 예제를 공유드립니다.강의 목록에서도 확인하실 수 있습니다. 감사합니다. 😊<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/weniv/Spoon-Three.js">https://github.com/weniv/Spoon-Three.js</a>

wenivhati

投稿