c-andrews
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by c-andrews
-
-
Hi,
I've got a strange issue occurring with the bounds of my draggable instance. Instead of the minY being 0 and maxY being the height of the container i get completely different values so i am unable to drag to the end and the beginning shoots off the screen.
It looks like the Draggable instance is calculating the bounds from the targeted element and not using the bounds.
I am applying a 3D transform to the "container".
Then adjusting the position of the child "content".
Then the I have the instance of the draggable element.
I have set it up this way so that i can control the Z axis easier for elements within the container.
Can anyone help?
Thanks in advance,
Chris
See the Pen bpPMbE by c-andrews (@c-andrews) on CodePen
-
Thanks, thats great.
I think i might need to re-think it as its going crazy in IE 9+... fun times!
-
Hi all,
I have created a 3D carousel but I need to make the items within the carousel always face the user as the carousel rotates. Can anyone suggest a way of achieving this?
My code is based on the below demo:
Thanks,
See the Pen 9f62ebc0d3feb0135be3c5407e58e0d9 by GreenSock (@GreenSock) on CodePen
-
Hi, sorry, I am exporting timeline animation from Flash to XML and then importing that into my project so that I can build the animations.
The problem that I had is that JSFL exports the ease curve as a Cubic Bezier instead of a Quadratic Bezier. By working this out I then solved my problem by using a midPoint approximation technique. Here are a couple of links of resources if any one is interested:
http://timotheegroleau.com/Flash/articles/cubic_bezier_in_flash.htm.
More info on extending flash with JSFL can be found here: http://livedocs.adobe.com/flash/9.0/main/flash_cs3_extending.pdf
To export a frames ease curve you call frame.getCustomEase() from a JSFL script.
Thanks anyway
-
HI, I am currently creating a little Flash IDE animation exporter which exports a timeline animation using JSFL. Part of what i am exporting is the custom ease curve that you get in the IDE. Here is an example of what it spits out:
[{ x:0.00000, y:0.00000 },{ x:0.33333, y:0.00000 },{ x:0.66667, y:0.33333 },{ x:1.00000, y:1.00000 }]
What i am trying to do it convert this curve into a CustomEase. This is what i am currently doing:
1. First put all the x values into an array and another for the y. ( points.x and points.y )
while( i < points.length ) { bezierPoints.x.push( points[i].x ); bezierPoints.y.push( points[i].y ); i ++; }
2. Use BezierPlugin.parseBeziers( points, true )
var parsedBezierPoints:Object = BezierPlugin.parseBeziers( bezierPoints, true );
3. Pull out the y values from parsedBezierPoints and put them into an object of s, cp, and e
var yPoints:Array = parsedBezierPoints:Object.y var data:Array = [] var i:int = 0; while ( i < $points.length ) { data[i] = { s:yPoints[i][0], cp:yPoints[i][1], e:yPoints[i][2] }; i++ }
example trace:
[{"e":0,"s":0,"cp":-0.08325},{"e":0.333,"s":0,"cp":0},{"e":1,"s":0.333,"cp":0}]
4. Create the custom ease using the new data
CustomEase.create( "DIGEase", data );
For some reason i keep getting a gitter and not a smooth ease on the animation. Can anyone see if im doing something wrong or point me in a right direction.
Thanks in advance.
Draggable has incorrect bounds
in GSAP
Posted
I have managed to solve my problem using max and min values in the bounds.
Man i love documentation!