後ろのパスをドラッグ＆ドロップする

Question

私は、このパターンを、ユーザーがドラッグアンドドロップするパスに沿ってポイント間をドラッグして、トリガーやイベントの終わりにトリガーやイベントを起こすようなWebサイトで多く見てきました。ここで

は

http://aaa.thehitmansbodyguard.movieに一例である（あなたがthisを取得します質問のセクションを取得する動きを通過する必要があります）

何このメソッドが呼び出されるとし、フレームワークが存在していますこの？

されていますがノルムが、私が探している効果全く何ですされていないが、ドラッグをナビゲートし、効果をドロップするように 『ドラッグ・アンド・ドロップ「あなたがしなければならない（旅を開始別の例

http://www.sevenhillswholefoods.com/experience/#/あなたはとき）』であります

ここ

用ビデオ

http://www.resteravectoi.com（NSFW）

ビデオの再生を制御するために、ドラッグ＆ドロップを使用して制御を行うさらに別の例である

ここで

ドラッグ＆ドロップは研究と私は私がこれまでにクローゼットの試合のようだ何かを見つけたと思う掘った後、スライド

http://2017.makemepulse.com

Answer 1

[OK]を変更することを別のものです。 GSAPフレームワークを使用

https://codepen.io/MAW/pen/aOzeNR

var D = document.createElement('div'); 
TweenMax.set('svg',{overflow:"visible"}) 
TweenMax.set('.knob',{x:10,y:80}) 

var tl = new TimelineMax({paused:true}) 
.from("#path2",1,{drawSVG:"0%",stroke:'orange',ease:Linear.easeNone}) 
.to('.knob',1,{bezier:{type:"quadratic",values:[{x:10,y:80},{x:150,y:0},{x:300,y:80}]},ease:Linear.easeNone},0); 

Draggable.create(D,{trigger:".knob", 
type:'x', 
throwProps:true, 
bounds:{minX:0,maxX:300}, 
onDrag:Update, 
onThrowUpdate:Update}); 
function Update(){tl.progress(Math.abs(this.x/300))}; 

TweenMax.to('#path1',0.5,{strokeDashoffset:-10,repeat:-1,ease:Linear.easeNone}) 

。私は私の質問で引用した例がこのフレームワークを使用しているかどうか分かりませんので、他の誰かがフレームワークを使用しているかどうか/私が知っている方法を教えてください