AE_Graph_Drawing

ae_graph_drawing.js

// ############ create slider for holding value ############

valueProgress = 100 - (transform.[property].key(2).value - transform.[property])/
(transform.[property].key(2).value-transform.[property].key(1).value)*100;


// (time - startTime) / (endTime - startTime)
timeProgress = (time - transform.[property].key(1).time)/(transform.[property].key(2).time - transform.[property].key(1).time)*100;
Math.max(0,Math.min(100,progress));

// (time - startTime)*frameRate
iterationSteps = Math.max(0,Math.min((transform.[property].key(2).time - transform.[property].key(1).time)*60,(time - transform.[property].key(1).time)*60));

// ############ use this in path property ############

vertices = [[0,0]];
MAX_TIME = 100;
MAX_VALUE = 100;
scaleFactor = 12;

frameStep = thisComp.layer("ball").effect("iterationSteps")("Slider");

for (var i = 0; i < Math.round(frameStep); i = i + 1) {
	xValueProgress = thisComp.layer("ball").effect("timeProgress")("Slider").valueAtTime(i/60);
	YValueProgress = thisComp.layer("ball").effect("valueProgress")("Slider").valueAtTime(i/60);
	vertices[i] = [xValueProgress,-YValueProgress] * scaleFactor;
}
createPath(vertices, [], [], false)