inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Z좌표의 이해 (깊이감)

코드에 대해 질문있습니다.

123

부드러운 족제비

작성한 질문수 66

0

안녕하세요 Three.js 강의 열심히 듣고 있습니다. 강의를 듣다가 궁금한점이 일반적으로 Three.js 를 사용할때 z좌표의 이해강의부분에 있는 JS 코드처럼 저 코드를 전부다 해석이 가능할정도로 알아야 되는지 아니면 보통은 복붙을 하고 자주 쓰이는 부분의 코드만 만지는것인지 궁금합니다.

인터랙티브-웹 three.js

답변 2

0

코딩일레븐

안녕하세요 코딩일레븐입니다.

모든 코드를 이해하지 않으셔도 사용하시는데 문제는 없지만 조명이나 포지션 등 차이 정도 해석은 가능하셔야 할 것 같아요. 그래야 나중에 필요한 것을 복붙해서 사용도 가능하니까요.

지금은 있는 코드를 조금씩 바꿔가며 응용하시면 됩니다. 저도 모든 코드를 새로 작성하지는 않아요.

1

부드러운 족제비

답변주셔서 감사드립니다 ^^

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 부드러운 족제비님.

Three.js는 3D 그래픽스를 웹에서 다루기 위한 강력한 라이브러리입니다. 이와 관련해 질문주신 z좌표와 관련된 JS 코드 부분에 대해 답변 드리겠습니다.

Three.js를 사용하여 3D 그래픽스를 구현할 때, 모든 코드를 일일이 해석할 필요는 없습니다. 초보자나 중급 개발자에게는 필요한 부분, 자주 쓰이는 부분만을 이해하고 수정하는 방식이 효율적입니다. 즉, 라이브러리의 기본 구조나 활용법을 이해하면 새로운 프로젝트에 적용하기 위해 기존 코드를 복사하여 필요에 따라 수정하는 경우가 많습니다.

하지만 장기적으로 보면, 반복 사용되는 코드의 핵심 로직을 이해하는 것이 프로젝트 유지 보수나 기능 확장이 필요할 때 큰 도움이 됩니다. Three.js에서는 카메라의 위치나 오브젝트의 이동 등 z좌표에 관한 부분은 프로젝트의 시각적 구성을 조정하는 데 중요하므로 이 부분은 특히 잘 이해하고 있는 것이 유리합니다.

구체적인 질문이 있으시거나 다른 코드 부분에 의문이 드시면, 이를 기반으로 질문해 주세요. 아래 링크를 참고하시면 도움이 되실 수 있습니다:

  • Three.js 튜토리얼에서 기본적인 Three.js 장면 설정과 카메라 설정을 살펴보시면 좋습니다.

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

imagesLoaded에 관한 질문

0

12

2

ai 도구 질문

0

30

1

box3.position.x 위치

0

37

1

'스크롤/텍스트 애니메이션 제작_2' 강의 문의

0

36

1

오브젝트에의 이벤트 감지 vs 레이캐스팅

0

55

2

mouse position interpolation과 transition linear interpolation의 차이

0

74

1

단위 벡터에 거리를 다시 곱하는 부분 질문 있습니다.

0

46

1

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

0

75

1

이미지 배경 문의

0

67

1

transform-style: preserve-3d; 를 추가하면

0

47

1

프로젝트 완성본 보내주실수 있나요?

0

50

1

섹션04 Layout에서 Mixed Layout파트의 실습 index.html파일 열었을때 선생님께서 보여주시는 가로스크롤이 안나타남.

0

85

3

섹션 10을 들었을때 궁금증

0

87

2

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

80

1

잘 안되네요

0

54

2

버전에 대해서....

0

62

1

이미지가 안나옵니다.

0

72

2

hover pulse animation 관련해서 질문있습니다!

0

64

2

수업을 들으면서...

0

44

1

threejs 사이트 들어가면 선생님과 같은 코드가 안나옵니다ㅠ

0

110

1

캔버스 크기를 지정했을 때 onDocumentMouseMove 이벤트 관련

0

95

1

TextureLoader관련 질문 드립니다.

0

435

1

이미지 클릭 시 페이지 이동

0

629

1

3d 모델링에 애니메이션을 여러개 넣으려면 어떻게 해요?

0

705

1