/ARwork

using three.js

Primary LanguageJavaScript

ARwork

using three.js

기능

물체 생성, 선택, 이동, 회전, 삭제, 길이측정, 물체생성 도우미(원판) 감추기, 측정한 길이들 감추기

참고한 자료

https://klausw.github.io/three.js/examples/webvr_lorenzattractor.html
https://medium.com/@annika.wollschlaeger/augmented-reality-measure-with-webxr-and-three-js-a0c8355eb91a
https://immersive-web.github.io/webxr-samples/hit-test.html?usePolyfill=0
https://storage.googleapis.com/chromium-webxr-test/r809833/proposals/phone-ar-hit-test.html
https://threejsfundamentals.org/threejs/lessons/kr/ three.js 강의
https://threejs.org/docs/ three.js 함수 사전
https://threejs.org/examples/ three.js 예제
https://stackoverflow.com/questions/59631627/gltf-model-and-interaction-in-three-js

참고자료

https://github.com/immersive-web webxr개발 깃허브
https://web.dev/vr-comes-to-the-web/ webxr 개발자용 설명서
https://d2.naver.com/helloworld/0527763 네이버developer - webxr정리
https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API webxr 명세서
https://github.com/immersive-web/hit-test/blob/master/hit-testing-explainer.md hitTest설명서
https://klausw.github.io/three.js/examples/ three.js 예제 수정모음
https://immersive-web.github.io/webxr-samples/ webxr 예제 모음
https://storage.googleapis.com/chromium-webxr-test/r809833/proposals/index.html webxr 예제 모음(구글)
https://developers.google.com/ar/discover/supported-devices 사용가능한 스마트폰

개발에 도움되는 툴

https://chrome.google.com/webstore/detail/webxr-api-emulator/mjddjgeghkdijejnciaefnkjmkafnnje 크롬 확장프로그램 - webxr에뮬레이터
chrome://inspect/#devices 스마트폰 원격 디버깅
https://developers.google.com/web/tools/chrome-devtools/remote-debugging?hl=ko 스마트폰을 pc에 연결 후 디버깅 허용 해주면 개발자모드 사용가능