This looks so simple but I just can't figure out what the problem is.
I'm creating a bezierPlugin demo and use an array of point objects both to define the bezier path and to distribute visual guides.
TweenMax throws an error `invalid css tween value: [object Object]` like the objects aren't valid, but everything looks fine to me.
The loop and pen works fine with any hardcoded object such as `{ x: 100, y: 100 }`.
Why is the referenced object invalid in the `TweenMax.set()`?
// Create dots and distribute them along the bezier path
for (var i=0; i<6; i++) {
var blueDot = new Dot(container);
blueDot.target.className = "blue-dot";
//TweenMax.set(blueDot.target, pointObjects[i]);
console.log(pointObjects[i]); // Looks like a valid object to me
}
Un-comment line 38 and see it break.
Many thanks!