greensock

0열

1답변

ScrollMagic - 앵커 링크가있는 TimelineMax 페이지 시차 스크롤

시차 스크롤 효과를 위해 ScrollMagic 플러그인을 사용하고 있습니다. 다음은 HTML 코드 내 코드입니다 <div style="position:fixed;right:50px;top:50px;width:200px;height:300px;background:#fff;z-index:1"> <div><a href="#one">ONE</a></div> <

1열

1답변

greensock 타임 라인을 가속화하는 방법은 무엇입니까?

HTML <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> CSS .box{ width: 50px; height: 50px; background: rgb(107,127,125); border:

0열

1답변

GSAP - 드래그 가능한 회전이 정확하지 않거나 일관성이 없습니다.

저는 Greenscok Draggable을 전용 장치로 사용하고 있습니다. 18도 회전 할 때마다 온도가 증가하거나 감소합니다 (시계 방향 또는 반 시계 방향 기준). 회전을 잡고 나머지 연산자 (%)를 사용하고 온도가 0과 같으면 온도가 변경됩니다. 다이얼을 0 (회전)으로 설정하면 온도가 18에서 -180 (회전) 일 때 다이얼이 26도에 도달해야합니다

1열

1답변

GSAP가있는 애니메이션

GSAP를 사용하여 엔벨로프 애니메이션을 만들고 있는데 문제가 많았지 만 온라인에서 많은 도움을 얻을 수 없었습니다. 봉투의 앞면에서 봉투 뒤쪽으로 회전하고, 2) 플랩을 열고 3) 봉투에서 편지를 내보내는 애니메이션을 만들려고합니다. 현재 3 단계로 진행 중이며 "z- 인덱스와 유사"문제로 고민하고 있지만 Z- 인덱스로 인해 문제가 있는지 확신 할 수 없

0열

1답변

이 물리 기반 애니메이션을 재생할 때 SVG 색종이가 멈추는 이유는 무엇입니까?

그래서 클릭하면 색종이로 폭발하는 CTA를 만들고 있습니다. 나는 원래의 코드를 작성하지 않았고, 나는 단지 codepen에서 그것을 포크하고있다. 나는 색종이를 더 오랫동안 만들고 더 멀리 가고 버튼은 일반적으로 더 크게 만들었습니다. 하지만 어떤 이유로 인해 색종이 중 일부가 보이지 않는 경계에 걸렸습니다. 이 문제를 일으키는 요소를보기 위해 inspe

1열

1답변

(중간 값) .setTween은 함수가 아닙니다.

저는 ScrollMagic을 사용하고 ScrollMagic의 예제 중 하나를 복제하여 배우려고 노력하는 놈입니다. http://scrollmagic.io/examples/advanced/advanced_tweening.html scrollmagic 및 greensocks 자바 스크립트 라이브러리를로드하기 위해 아래 스크립트를 추가했습니다. 그러나 콘솔에서

0열

1답변

ScrollMagic의 스테이지 위치 지정 문제

GreenSock 및 ScrollMagic을 사용하여 애니메이션을 만들었지 만 사용자가 애니메이션을 트리거하기 전에 스테이지/그래픽의 초기 위치를 조정하는 방법을 알 수 없습니다. 현재 'stage'클래스의 컨테이너 요소에서 .setPin 메서드를 호출하고 있습니다. 이 단계의 요소는 더 큰 부모 컨테이너의 내부 (# 방법 - 그것 - 작품) 애니메이션의

0열

2답변

화면 상단으로 돌아 가기 방지 jQuery 애니메이션

두 개의 '배경'이미지가있는 '스크린'이 있습니다. 사용자가 아래쪽 화살표를 클릭하면 '화면'에서 아래 화살표로 스크롤됩니다. 두 번째 화면은 처음에 아무 것도 표시하지 않도록 설정됩니다. 이 모든 것은 예상대로 작동하지만 화면 맨 위로 다시 스크롤하려고 할 때 맨 위로 부드럽게 스크롤하는 것과 반대로 위로 이동합니다. 다른 애니메이션에도 GSAPs twe

0열

1답변

gsap을 사용하여 stdDeviation 속성의 두 번째 값에 애니메이션을 적용하는 방법은 무엇입니까?

stdDeviation 속성의 두 번째 값에 애니메이션을 적용 할 수 있습니까? .to(blurNode, 0.5, {attr:{stdDeviation:20}, "blur") 그러나 stdDeviation의 경우 우리가 추천 값을 가질 수 있습니다 : <feGaussianBlur in="SourceGraphic" stdDeviation="0 0" />

0열

1답변

끌기 중 회전 방향 가져 오기 - GSAP

dial에 Greensock Spin 기능을 사용하고 있습니다. getDirection()은 시작 지점을 지나갈 때 다이얼이 시계 방향인지 반 시계 방향인지를 출력하지만 시작 지점을 지나지 않을 때 시계 방향/시계 반대 방향을 작동시키지 못하는 것을 보았습니다. 저는 x/y 좌표로 계산을하고있는 중이라고 추측하고 있지만 무엇을 알아 내지 못하고 있습니다.