inflearn logo
강의

Course

Instructor

Three.js on the go

수업을 들으면서...

Resolved

93

gangsugi

73 asked

0

아직 초반부지만 열심히 듣고 있는데요,

섹션3에서 각각의 명령어를 설명하시면서 직접 마우스로 움직이면서 하시더라구요

강사님 설명을 들으면서 입력해보고는 있는데 그렇게 움직이면서는 확인이 안되어서요....

따로 코딩을 더 넣어야 하는건지 아님 제가 놓친 부분이 있는지 해서요

 

HTML/CSS javascript three.js

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다.

gangsugi님께서 언급하신 내용은 Three.js를 활용하여 웹 페이지에서 3D 오브젝트를 마우스로 드래그하면서 조작할 수 있는 기능에 관한 부분 같습니다. 일반적으로 이러한 기능을 구현하려면 OrbitControls라는 Three.js의 추가 모듈을 사용해야 합니다. 이는 카메라를 회전, 이동 및 확대/축소할 수 있도록 해주는 매우 유용한 기능입니다.

OrbitControls를 적용하는 방법은 다음과 같습니다:

  1. 먼저 다음과 같은 스크립트를 포함시켜야 합니다:

    <script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
    
  2. 그런 다음, Three.js에서 장면(scene)을 설정한 후에 다음 코드를 사용하여 OrbitControls를 설정합니다:

    const controls = new THREE.OrbitControls(camera, renderer.domElement);
    

이렇게 하면 자동으로 3D 오브젝트를 마우스로 조작할 수 있는 기능이 추가됩니다.

관련 답변을 아래 URL에서 확인하실 수 있습니다:
- 섹션2 Material 학습 중에 마우스 드래그로 돌려보는 기능?

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

연애인 사주는 그냥 넣어도 상관없나요?

0

33

1

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

33

1

인프당 무당 캐릭터 뽑는 프롬프트

0

36

2

10월 15일 삭제예정 강의 문의

0

41

1

강의가 중복됐어요

0

55

1

결제가 이루어지는 방식에 대한 문의

0

63

1

강의제목에 10/15일 삭제라고 나와있는데,

0

48

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

57

2

스크립트 영상 미일치

0

77

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

59

2

강의 설명 중에 헷갈리는 것이 있네요

0

59

1

수업자료 관련 문의

0

68

3

1강 동영상 재생 오류

1

67

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

43

1

맥북 듀얼모니터 사용 displaylink manager 사용시 화면이 안보입니다.

0

147

1

roughness이 안 먹혀요 ㅜ

0

166

1

camera.lookAt이 원래 이런건가요?

0

322

1

화면 출력에서 이상해요

1

395

2

Github에서 deploy 하려면 따로 방법이 있나요?

0

372

2

WebGL 1 지원 중단에 대해

0

662

2

index.html 실행 시 CORS 문제

0

561

1

소스코드 공유는 없을까요?

1

523

1

강의 영상에서 보이는 색과 다른 색상이 나옵니다.

1

610

2

섹션2 Material 학습 중에 마우스 드래그로 돌려보는 기능?

2

547

2