Recommended
More Related Content
Recently uploaded
Recently uploaded (9)
Featured
Featured (20)
SVG対応したTweenMax
- 8. ここが便利(その2) var tl = new TimelineMax({options}); tl.to($element,1.5,{x:30},0); tl.to($element,0.3,{y:50},1.5); tl.to($element,0.3,{rotation:50},2); tl.play(); new TimelineMax({options}) 0 1.5 2 1.5 0.3 0.3 アニメーションの長さ 発火のタイミング 15年6月15日月曜日
- 9. 進捗率(progress)の取得 ここが便利(その3) TweenMax.to({prop:0},1,{ prop:100, onUpdate:function(tween){ var target = tween.target; var prop = target.prop; }, onUpdateParams: ["{self}"] }); 0 100 1秒 15年6月15日月曜日
- 10. SVG対応 TweenMax.to($element,0.5,{attr:{x:100,y:30}); 名前が重複しているSVGDOMがあるため、オブジェクトとして渡す SVGDOMのアニメーション <svg version="1.1" id="svg" width="260" height="200" viewBox="0 0 260 200"> <rect id="rect" x="20" y="60" width="220" height="80" fill="#91e600" /> </svg> 15年6月15日月曜日
- 15. SVG対応 viewBox、path、polygon、polyline var points = [0,45.8,79.2,0,158.5,45.8]; var toPoints = [79.2,43.5,79.2,43.5,129.2]; TweenMax.to(points, 0.5, toPoints); toPoints.onUpdate = function(){ //配列に格納されているpointを代入 } 15年6月15日月曜日