웹프로그래밍/THREE.js
-
THREE.js 기본웹프로그래밍/THREE.js 2020. 1. 2. 15:32
r111 THREE.js 의 경로 THREE.js를 사용하면서 플러그인(콘트롤, 클래스, 소스 등등)을 포함할때 서로 해당경로를 참조하기 때문에 다운받은 THREE.js를 작업하려는 폴더나 서버에 압축된 경로 그대로 풀어놓아야 한다. THREE.js 다운로드 : https://threejs.org/ three.js – JavaScript 3D library threejs.org THREE.js 삽입 // 내경로 - THREE.js 압축을 풀어놓은 경로 THREE.js 의 기본 THREE.js의 가장 큰 틀은 다음의 세가지 이다. Camera - 사람에게 보여지는 화면을 담당. Renderer - 3D공간 안에서의 모든 그래픽 연산을 담당. Scene - 3D공간 그 자체. 참고 : THREE.js 내부에..
-
THREE.js 기초 참고자료 링크 모음웹프로그래밍/THREE.js 2020. 1. 2. 10:27
https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene three.js docs threejs.org : 두말할것도 없는 THREE.js 기초이자 기본. 또한 버전업에 따른 최신의 코드를 확인하고 익힐수 있는곳. : 인터넷에 올라와 있는 수많은 예제들이 구버전의 소스들로 이루어진게 너무도 많다. 그러므로 정확한 코드의 사용법을 수시로 공식사이트에서 확인해봐야 한다. https://threejsfundamentals.org/ Three.js Fundamentals Learn Three.js threejsfundamentals.org : 이곳의 강좌만 정독해도 THREE.js는 거의다 익힐수 있다는 생각이 들정도로 THREE.j..
-
THREE.Aoudio 에 On이벤트 연결하기웹프로그래밍/THREE.js 2019. 12. 17. 14:38
THREE.js 에서 오디오 재생 관련하여 재생이 끝난 시점을 알아내어 처리할 작업이 있어서 구글링을 통해 알아낸 방법이다. // r111 // 이벤트 형식 선언 THREE.Audio.prototype.onEnded = function() { this.isPlaying = false; this.dispatchEvent( { type: 'ended' } ); // ended }; // 이벤트 등록 var mySound = new THREE.Audio( listener ); audioLoader.load( 'url...', function(buffer){ mySound.setBuffer( buffer ); mySound.addEventListener( 'ended', function(){ console.lo..