inflearn logo
강의

講義

知識共有

インタラクティブWeb開発を正しく開始する

前進! 3Dスクロール11

화면변환 질문 있습니다~

234

bernardo92

投稿した質問数 5

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
화면 각도기능을 추가했더니 위 사진처럼 제일 앞에서 바디의 배경색인 노랑이가 튀어나오는데, 어떤 것을 건드려야 이것이 wall-left 로 꽉 차게 되는지 혼자 해보다가 도저히 모르겠어서 글 남깁니다 ㅠ

인터랙티브-웹 javascript HTML/CSS

回答 2

1

studiomeal

화면 각도기능이라는게 어떤걸 말씀하시는지 잘 모르겠는데, 일단 모바일 기기에서 원활히 동작시키려면 마우스 이벤트 대신 터치 이벤트를 사용하시면 됩니다^^
아래 코드로 좌표 확인이 가능합니다.

window.addEventListener('touchstart', e => {
    console.log(e.touches[0].clientX);
    console.log(e.touches[0].clientY);
});

아주 오래된 글이긴 한데, 터치 이벤트를 사용하는 방법이 잘 정리된 글이 있어서 공유해드릴게요!
https://d2.naver.com/helloworld/80243

0

bernardo92

질문 추가 해도 괜찮을까요 .. ? ㅎㅎ;; 모바일에서 터치&드래그로  화면 시점 변환을 할때, 어떤식으로 접근하면 좋은지 부탁드립니다!

왼쪽/오른쪽 동작시 딜레이 문제

0

93

1

변수 범위 관련 질문

0

106

1

perspective 문의

0

101

1

생성자 함수를 클래스 함수로 변경 하고 this 오류 관련

0

150

1

스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제

0

127

1

animation이벤트 질문이요!

0

71

1

resize handler에서 질문이 있습니다.

0

111

1

카드 뒤집힐 때 F가 보인 이유

0

149

1

3d 뒤집기 추가효과

0

218

1

전진! 3D 스크롤 21 강의 질문

1

171

1

eventlistener 질문

0

149

1

zMove 를 1000으로 설정하는 이유에 대하여.

0

168

1

[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!

1

191

1

동적으로 html 생성 후 이벤트 위임 질문 있습니다.

0

266

1

rotateY()에서 deg에 따른 차이

0

197

1

코드 작성 순서

0

276

1

이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??

1

394

1

'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다

0

265

2

섹션5 자바스크립트 이벤트 다루기 질문

1

243

1

[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!

0

423

2

css 는 직접 작성을 해야하는걸까용?

0

326

1

translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?

0

360

2

house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.

0

305

2

left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.

0

306

2