Kinetic.JS Canvas 진동 애니메이션 회전

Question

Kinetic.js 라이브러리에서 사용하고있는 캔버스 애니메이션이 있습니다.

이 코드에는 애니메이션으로 만들고 쉽게 회전시킬 수있는 객체 그룹이 있습니다. 내가 필요한 것은 회전이 중심점을 중심으로 진동하는 것입니다.

이제 막 돌아 다니기보다는 앞뒤로 흔들어야합니다. 나는 모든 것을 시도해 왔고 이것을하는 법을 찾을 수 없습니다. 를 제외하고이 튜토리얼과 유사

....

HTML5 Canvas Oscillation tuturial

오히려 하나 개의 평면에 거꾸로 광장 진동 이상이 앞뒤로 회전 할 필요가있다. 이 명확하고 내가 할 수있는만큼 설명했다

var carTopLeftGroup = new Kinetic.Group({ 
     x: stageWidth/2 - 35, 
     y: stageHeight/2 - 25, 
     rotationDeg: 30, 
     offset: [800, 50] 
    }); 

    carTopLeftGroup.add(carTopLeftLight); 
    carTopLeftGroup.add(carTopLeft); 

    welcomeLayer.add(carTopLeftGroup); 

희망.

감사 JS

는

Answer 1

당신은 진자 알고리즘과 같은 의미합니까?

Modeling Physics in Javascript: Introduction

당신은 살펴보고 거기에서 수학을 사용하고 순수 HTML5 캔버스 대신 Kineticjs를 사용할 수 있습니다.