애니메이션 용 그래픽의 누적 크기 조정

Question

paper.js를 사용하여 모양에 애니메이션 효과를 적용하는 데 도움이되는 작은 자바 스크립트 라이브러리를 작성하려고하지만 무의식적으로 이런 종류의 그래픽/수학은 내 핵심 요소가 아닙니다!

각 프레임마다 작은 변환을 수행하여 변환 및 회전과 같은 간단한 변환을 구현할 수 있었지만 수학을 계산하여 누적 적으로 배율을 조정할 수는 없습니다.

예를 들어, 내 번역 애니메이션 코드의 거친 의사 버전 :

function rotateAnimation(shape, degrees, timeSecs) { 
    var anglePerSecond = degrees/timeSecs, 
     duration = timeSecs; 
    shape.onFrame = function(e) { 
     var timePassedSinceLastFrame = e.delta, // in seconds 
      rotateAmount = anglePerSecond * timePassedSinceLastFrame; 
     shape.rotate(rotateAmount); 
     duration -= timePassedSinceLastFrame; 
    } 
} 

내가 계산하는 방법을 알고하지 않는 한 비록 확장에 대한 접근 이런 종류의 일을하는 방법을 작동하지 않을 수 있습니다 눈금은 각 프레임에 표시됩니다. 누군가가 이것에 전혀 조언이 있다면 크게 감사하겠습니다! 위의 내 허위 의사 코드가 아닌 실제 코드를보고 싶다면

편집 : 전단 문제와 동일한 문제가 있습니다.

Answer 1

내 솔루션은 증분 단계에서 눈금/전단을 계산하는 것이 아니라 원하는 결과를 계산하기 위해 변환을 수행 한 다음 이미 작성한 변환 코드를 사용하여 각 지점을 개별적으로 애니메이션으로 처리하는 것입니다.