inflearn logo
강의

Course

Instructor

Three.js 3D Interactive Quick Start

Basic Shape Application (Types of Geometry)

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

235

sonamu

15 asked

0

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

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

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

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

Three.js 인터랙티브-웹

Answer 1

1

coding11

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

 

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

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

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

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

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

 

질문 2. setInterval, setTimeout

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

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

model.rotation.x += 90

이런식으로

 

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

 

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

 

0

sonamu

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

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

오류났을때 참고

3

686

3

scrollTo 완성본

0

603

2

PointerLockControls 물체 통과 문의드립니다

0

461

1

질문드립니다.

0

935

2

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

0

1022

2

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

0

624

1

수업 파일 부탁드립니다~

0

326

1

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

0

386

1

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

0

388

1

자동완성

0

435

1

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

0

486

1

질문 있습니다

0

394

1

apply 후 전체선택

0

412

1

right nav에 active 질문입니다

0

382

0

Math.radians에 대해

0

472

1

안녕하세요

0

209

1

과제 소스코드

0

277

1

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

0

247

1

vscode live server 화면 안나옵니다

0

455

1

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

0

273

1

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

0

364

1

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

0

215

1

HemisphereLight과 spotLight

0

426

1

수업자료 소스문의

0

275

2