inflearn logo
강의

講義

知識共有

WebアニメーションのためのGSAPガイドPart.02

ユーティリティメソッド:gsap.utils.mapRange()

.left는 quickTo를 쓰지 않는 이유

解決済みの質問

344

jay k

投稿した質問数 6

2

.left도 지속적으로 x를 호출하니 quickTo를 쓰면 더 좋지않을까 라고 생각했는데 .left는 to로 컨트롤하시는 이유가 있을까요?
quickTo의 기본값이 픽셀이라 퍼센트 넣으면 동작이 이상해지던데 혹시 이런 이유일까요?!

HTML/CSS javascript 인터랙티브-웹 gsap

回答 1

0

kindtiger

안녕하세요 jay K 님 😀

 

quickTo는 기본적으로 px에 대해서만 단위를 변환하여 값을 내보냅니다.

그래서 quickTo에서 단위를 변경하기 위해선 quickSetter 메서드를 사용하여 단위를 변경할 수 있습니다.

영상에선 다루지 않은 내용이지만 사용방법이 간단하여 금방 적용하실 수 있을 것 같습니다.

 

기회가 된다면 quickSetter의 간단한 사용법도 올려보도록 하겠습니다.

 

감사합니다 :)

아래 질문 (토이스토리 title에 있는 button에 링크 거는 법)에 대한 해결방법이 이게 맞을까요? 더 좋은 방법이 있으면 알려주세요

0

57

1

토이스토리 practice에서 "WATCH NOW"버튼에 대한 href 속성값을 변경하는 방법

0

45

1

motionpath 플러그인에서 align의 자세한 역할 궁금합니다

1

80

2

선생님 알려주신 내용을 기반삼아 구현하고 싶은 UI가 있습니다.

1

197

2

set에 대해서 궁금증.

1

179

2

set에 대해서

1

143

2

gsap.set 은 어디에서 처음 배우는가요?

2

202

2

섹션 0, 버그와 리팩토링에서 아이콘 클릭시 진행률을 알아올 수 있나요??

1

146

1

GSAP 가이드 Part.02 강의 > 01 > practice html 맨처음 시작시 강의랑 동일하지 않을 경우

1

240

2

advanced 수업자료 문의

2

220

1

duration과 stagger

1

246

1

이미지 관련 사이트 문의드립니다.

1

215

1

노션 링크는 어디에 있는지 문의 드립니다~

1

369

1

SplitText를 순수 자바스크립트로 써봤어요

3

661

1

[3D 텍스트효과(2)] GSAP을 위한 애니메이션 Timeline flow"기획", 이렇게 하면 될까요?

1

514

1

map으로 배열을 만들지 않아도 괜찮을까요?

1

333

1

애니메이션 재생헤드를 처음으로...

2

307

1

forEach안에서 gsap을 사용할 때 이벤트가 한번밖에 안걸리는 문제

1

626

1

gsap.set() vs gsap.default()

1

361

1

dragger에서 #timeline이 드래그 되는 이유

1

234

1

강의 보던중 사용중인 툴이 궁금해서 여쭤봅니다.

1

340

1

안녕하세요 수업자료를 다운받았는데 중간중간 파일이 없어요 ㅠㅠ

1

404

1

안녕하세요 이렇게 나오는데..

1

415

1

이후에 출시될 강의엔 유료 플러그인이 사용되나요?

1

291

1