is anyone here???
On 9/12/07, Omar Fouad <[EMAIL PROTECTED]> wrote:
>
> Alright, I wrote some code that draws a circle and I added an easing
> effect using Tweener as follows:
>
> var Circle:MovieClip = _root.createEmptyMovieClip("Circle", 2);
>
> function drawC(centerX, centerY, radius, sides){
> Circle.per = 0;
> Circle.lineStyle(4,0xFFFFFF,100);
>
> Circle.moveTo(centerX + radius, centerY);
>
>
> var to = {per:100, time:1, transition:"easeOutQuad",onUpdate:function() {
> var pointRatio = (this.per/sides);
>
> var xSteps = Math.cos(pointRatio*2*Math.PI);
> var ySteps = Math.sin(pointRatio*2* Math.PI);
> var pointX = centerX + xSteps * radius;
> var pointY = centerY + ySteps * radius;
> Circle.lineTo(pointX, pointY);
> }
> }
> Tweener.addTween(Circle, to);
> }
>
> I tried than to use it as a preloader by adding the Preload function and
> ading a parameter to the drawC function as follows::
>
> function drawC(centerX, centerY, radius, sides, percent){ *// here i added
> the percent par*
> Circle.per = 0;
> Circle.lineStyle(4,0xFFFFFF,100);
>
> Circle.moveTo(centerX + radius, centerY);
>
>
> var to = {per:percent, time:1,
> transition:"easeOutQuad",onUpdate:function() {// *here i assigned the per
> property to the variable passed by the percent parameter*
> var pointRatio = ( this.per/sides);
>
> var xSteps = Math.cos(pointRatio*2*Math.PI);
> var ySteps = Math.sin(pointRatio*2*Math.PI);
> var pointX = centerX + xSteps * radius;
> var pointY = centerY + ySteps * radius;
> Circle.lineTo(pointX, pointY);
> }
> }
> Tweener.addTween(Circle, to);
> }
>
>
>
> Preload = function () {
> total = _root.getBytesTotal();
> onEnterFrame = function () {
>
> loaded = _root.getBytesLoaded();
> percentage = Math.floor(loaded/total * 100);
> if(percentage !== 100) {
> _root.drawC(250, 200, 15, 100, percentage); *// the percentage is
> passed to the drawC*
> }else if (percentage==100){
> delete this.onEnterFrame;
> };
> };
> };
>
> Preload();
>
> It doesn't work when theoretically it should.. I tried it without Tweener,
> using a loop and it worked but without easing. like this:
>
> function drawC(centerX, centerY, radius, sides, percent){ *// here i added
> the percent par*
> Circle.lineStyle(4,0xFFFFFF,100);
>
> Circle.moveTo(centerX + radius, centerY);
>
> for (i=0;i<=percent;i++); *// used a loop here - passed the var percent*
> var pointRatio = (i/sides);// *Used I instead of this.per*
>
> var xSteps = Math.cos(pointRatio*2* Math.PI);
> var ySteps = Math.sin(pointRatio*2*Math.PI);
> var pointX = centerX + xSteps * radius;
> var pointY = centerY + ySteps * radius;
> Circle.lineTo(pointX, pointY);
> }
> Tweener.addTween(Circle, to);
> }
>
> Now how can I relate the percentage that is returned to the drawing circle
> process with Tweener? Is there something wrong or something i miss?
>
> Regards
> --
> Omar M. Fouad - Digital Emotions
> http://www.omarfouad.net
>
> This e-mail and any attachment is for authorised use by the intended
> recipient(s) only. It may contain proprietary material, confidential
> information and/or be subject to legal privilege. It should not be copied,
> disclosed to, retained or used by, any other party. If you are not an
> intended recipient then please promptly delete this e-mail and any
> attachment and all copies and inform the sender. Thank you.
>
--
Omar M. Fouad - Digital Emotions
http://www.omarfouad.net
This e-mail and any attachment is for authorised use by the intended
recipient(s) only. It may contain proprietary material, confidential
information and/or be subject to legal privilege. It should not be copied,
disclosed to, retained or used by, any other party. If you are not an
intended recipient then please promptly delete this e-mail and any
attachment and all copies and inform the sender. Thank you.
_______________________________________________
Flashcoders@chattyfig.figleaf.com
To change your subscription options or search the archive:
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Brought to you by Fig Leaf Software
Premier Authorized Adobe Consulting and Training
http://www.figleaf.com
http://training.figleaf.com
