Three.js 3D 인터랙티브 바로 시작하기대시보드

TextureLoader를 사용하는게 맞는 방법인지는 모르겠는데 TextureLoader로 사진을 로딩하여 모델의 특정 영역에만 사진을 표시 할려면 어떤 방법을 사용해야 하는지 궁금 하여 문의 드립니다.해야 되는 작업은 상품 상세 페이지에서 사용자가 업로드한 이미지를 컵, 텀블러, 우산 이런 모델 데이타를 로딩하고 거기에 특정 영역에만 사용자가 업로드한 이미지를 보여주고 주문 전에 미리보기 할수 있는 페이지를 만들어야 하는작업인데.. 특정 영역에만 사진을 넣기 위해서 모델 디자인 하는 업체에 어떻게 만들어 달라고 요청을 해야 하는지도 궁금 하고 TextureLoader로 로딩해서 만드는 지도 궁금합니다.강의 구매전에 스크롤 해서 캔 위치 이동하는 강의를 보고 캔에 사진 넣는 강의라고 생각해서 보고 힌트를 얻을수 있을까 했는데.. 아니였네요....

강의대로 const dataArr = [ { "image": "https://i.postimg.cc/ZqSD48GC/image.jpg", "link": "https://gokweol13.yikyung.repl.co", },코드를 사용하여 페이지에 삽입한 이미지를 클릭하면 새 창으로 페이지가 새로 만들어지는데, 혹시 한 웹사이트 내에서 페이지 간 이동 할 수 있도록 하려면 어떡해야하나요?

삭제된 글입니다

강의에서는 animations가 하나만 포함된 예제만 알려주셨는데, mixamo나 다른 방법으로 여러개를 가져오는 방법은 없는건가요?

안녕하세요 코딩일레븐님😊강의를 보다가 Math.radians를 따로 정의하시고 사용하시더라구요.Math.radians = (degrees) => { return (degrees * Math.PI) / 100; } Math 객체에 radians를 mutate해서 추가해주신 것 같은데혹시 이런 방식으로 추가하는 게 TypeScript에서도 가능할까요?

안녕하세요gltf파일 모델을 띄우려는데 fbx파일 로드 하듯이 하면 나와야 되는게 맞을까요??

안녕하세요 선생님~과제를 해보는데 잘 되지않습니다ㅜㅜ 혹시 과제 소스코드를 제공해주실 수 있으신가요??그럼 오늘도 좋은 하루 보내세요~~

const spotLight = new THREE.SpotLight(0xffffff); spotLight.position.set(1, 2.5, 2.5);   이걸 보면 1, 2.5 ,2.5 이렇게 지정하는데 이 값의 기준은 어떻게 되나요? px처럼 절대값은 아닌것 같고... 여기서 1은 얼만큼을 의미하나요?

선생님 좋은 강의 감사합니다!!! ^^강의 듣다가 아래 내용이 궁금해서 질문드립니다. 질문1.모바일에서 터치 되었을 때...?pc에서 얼굴이 마우스 따라 다니는 것 처럼,움직이게 하려면 어떻게 해야 할까요?질문2.일정 시간 간격으로, 1시방향, 3시방향, 6시방향, 9시방향, 12시방향을 볼 수 있게 하려면, 어떻게 해야 할까요? 질문3.3D 파일을 불러와서 적용하려면, 어떻게 해야 할까요?

sphere1.position.set(-15, 5, 6);   이런식으로 position.set 하는 게 꽤 많은데 이 position의 기준이 어떻게 되는건지 모르겠어요

선생님 안녕하세요   인터렉티브 강의 잘 들었었는데 궁금했던 three js 강의 준비해주셔서 감사합니다   저는 imweb.me  라는 부트스트랩 기반의 빌더(?)를 이용해서 여러 코드들을 적용해보고 있는데요   .js .css등의 파일을 업로드할 수 있거나, html 파일에 접근하여 수정하는 것은 불가능하고 인라인 태그를 이용한 코드 추가는 가능하다고 합니다 <style></style> <script><script>   강의 첫부분 cdn으로 이용하기에서 정육면체 큐브를 가져오는 것은 정상적으로 동작을 했는데요, 이후 script type="module"만 붙이면 동작을 안합니다   아래와같이 vs코드에서 html파일 내에 작성하고 라이브서버로 오픈하니 예시처럼 잘 작동하는데 똑같이 imweb에서 붙여넣기하니 안됩니다..!   몇 시간 동안 머리싸매다가 혹시나 해서 질문 남깁니다 ㅠㅠ   감사합니다      

{   const axes = new THREE.AxesHelper(50);   scene.add(axes);   const gridHelper = new THREE.GridHelper(70, 20);   scene.add(gridHelper); } 괄호안에서 처리가 되고 있는데 어떤 의미를 가지고 있는건지 궁금해요.

HemisphereLight과 spotLight 차이가 뭔가요?

강사님 올려주신 파일들을 브라우저에서 열어보면 아무런 화면이 안나오고 그냥 하얀화면에 콘솔창 에러가 뜨는데,, 어떻게 해결해야하나요 ㅜ ㅜ