inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

기본 도형 응용 (Geometry 종류)

모바일에서, pc에서 처럼 움직이게 하려면 어떻게 해야 할까요?

238

소나무

작성한 질문수 15

0

선생님 좋은 강의 감사합니다!!! ^^
강의 듣다가 아래 내용이 궁금해서 질문드립니다.

질문1.
모바일에서 터치 되었을 때...?
pc에서 얼굴이 마우스 따라 다니는 것 처럼,
움직이게 하려면 어떻게 해야 할까요?

질문2.
일정 시간 간격으로,
1시방향, 3시방향, 6시방향, 9시방향, 12시방향을 볼 수 있게 하려면, 어떻게 해야 할까요?

질문3.
3D 파일을 불러와서 적용하려면, 어떻게 해야 할까요?

Three.js 인터랙티브-웹

답변 1

1

코딩일레븐

안녕하세요 키워드 위주로 답변을 드리겠습니다.

 

질문 1. 모바일 터치 이벤트

document.addEventListener('touchemove', (e) => { })

마우스 무브 대신 터치무브 를 이용해보세요.

코드를 다 써드리면 답변이 너무 길어질 것 같은데요.

연구해보시고 모르시겠으면 다시 질문을 해주세요.

 

질문 2. setInterval, setTimeout

일정 시간 간격은 setInterval 을 이용해보시면 될 것 같습니다.

만약 90도씩 움직인다면 90을 더해주면 될 것 같습니다.

model.rotation.x += 90

이런식으로

 

질문 3. 3d 파일을 불러오는 것은 강의 뒷 부분에 바로 나옵니다 ^^

 

조금 뒷 부분까지 강의를 진행하시면 좋을 것 같아요 헛헛

 

0

소나무

넵~ 말씀처럼 하겠습니다.

답변 주셔서 감사합니다!!! ^^

오류났을때 참고

3

690

3

scrollTo 완성본

0

609

2

PointerLockControls 물체 통과 문의드립니다

0

465

1

질문드립니다.

0

945

2

마지막 강의 js파일로 바꿀 시 스크롤 프레임 렉? 버벅임?

0

1032

2

브라우저 사이즈에 따라 위치값이 달라지는건 왜일까요..?

0

631

1

수업 파일 부탁드립니다~

0

331

1

모바일 3D 입체 카드 제작 아이폰에서 에러

0

389

1

저번에 이어 질문드립니다.

0

393

1

자동완성

0

440

1

선생님 이해가 잘 안가는 문구가 있어서 질문 드립니다.

0

493

1

질문 있습니다

0

397

1

apply 후 전체선택

0

419

1

right nav에 active 질문입니다

0

383

0

Math.radians에 대해

0

476

1

안녕하세요

0

214

1

과제 소스코드

0

278

1

좌표값 기준이 어떻게 되나요?

0

253

1

vscode live server 화면 안나옵니다

0

457

1

position.set의 기준이 어디인지 궁금해요

0

274

1

인라인 스크립트(?)로 사용시 type="module"이 적용되지 않는 것 같습니다

0

367

1

괄호만 있는 건 어떤 이유인가요?

0

219

1

HemisphereLight과 spotLight

0

427

1

수업자료 소스문의

0

278

2