Kevin Heis

Hello Cycling74 forums! I'm new to the forums, but not new to Max (~4 years).

Anywho, I wrote up a little tweening function in Javascript to support my current project, and since I didn't see anything else like it in the forums, I figured I should post it. It will be highly useful for jit.gl objects in JS. There's the main JS, and a tester JS and Max patch so you can see the results. I'm very open to improvements!

tween(0, 128, 1008, 'sine', 'set_out', this); 

tween(128, 0, 1008, 'sine', 'set_out2', this); 

//tween(begin, end, duration[42], type[easing], set[num], caller[this]);

        var t=arguments.callee.task.interval*arguments.callee.task.iterations;

        a.p[a.s](a.c/2*(1-Math.cos(Math.PI*t/a.d))+a.b);

    this.tsk = new Task(this[t], this, {b:b,c:e-b,d:d,s:s,p:p});

Hello Cycling74 forums! I'm new to the forums, but not new to Max (~4 years). 

Anywho, I wrote up a little tweening function in Javascript to support my current project, and since I didn't see anything else like it in the forums, I figured I should post it. It will be highly useful for jit.gl objects in JS. There's the main JS, and a tester JS and Max patch so you can see the results. I'm very open to improvements! 

-----------tweentest.js---------------
autowatch = 1;
outlets = 2;

autowatch = 1;
//tween(begin, end, duration[42], type[easing], set[num], caller[this]);
tween = function(b,e,d,t,s,p) {
	this.linear = function(a) {
		var t=arguments.callee.task.interval*arguments.callee.task.iterations;
		a.p[a.s](a.c*t/a.d+a.b);
	}
	this.sine = function(a) {
		var t=arguments.callee.task.interval*arguments.callee.task.iterations;
		a.p[a.s](a.c/2*(1-Math.cos(Math.PI*t/a.d))+a.b);
	}
	this.tsk = new Task(this[t], this, {b:b,c:e-b,d:d,s:s,p:p});
	this.tsk.interval = 42;
	this.tsk.repeat(d/42);
}


Tweening via Javascript in Max