[Scale video is very buggy]

 

 

No . I am just using same video for three of the masks. Normally it will be 3 different videos , But the animation effect will be zoom in and zoom out . (scale to 5 and then sclae back to 1) just like in the following codepen. Meantime , thank you so much for your effort on helping me , it means a lot.

 

See the Pen OOZXOq?editors=1111 by jeffin417 (@jeffin417) on CodePen

 

[Scale video is very buggy]

2 minutes ago, Jonathan said:

I'm a little confused on what your animation should do or animate like. You should first comment out your <video> elements and first animate it's parent #cameraItems first. So you make sure your animating it the way you want so we are all on the same page.

 

Yes , You got it , Thats what i want to do , but with the video.

 

3 minutes ago, Jonathan said:

So like i said above its better to first get the main animation working before introducing video and any other assets to make sure your first animating the way you want. You know what i mean?

 

I got that working , actually I animated the cameraitems before adding the video to test whether scalein and scaleout works smoothly , it worked , but when i add videos to it , it started being buggy , The codepen you have shown is the animation effect i am trying to reproduce , but with video in it , I need the whole div to be zoomed in and zoomed out

[Scale video is very buggy]

Hi @Jonathan.

 

Thank you very much for the reply , I have tried what you have said , I have added preload to the video and I have started tweening after the window load , please check the codepen 

See the Pen WXJrjR by jeffin417 (@jeffin417) on CodePen

 

 

Is there anything I am missing ? because it still hangs when zooming out,(( check the horizontal slanted lines between videos))

[Scale video is very buggy]

See the Pen WXJrjR by jeffin417 (@jeffin417) on CodePen

 

you can see that the video kind of shutters when zoomin's end time and zoom out's start time

[Scale video is very buggy]

Hi @OSUblake. No i have tried it with different videos and still experiencing the same issue  Also I have three videos to be merged in a single video and animate it , at that time there is a huge slowdown of videos , please wait , i will provide another codepen

[Scale video is very buggy]

hi @OSUblake. You are a life saver, please help

[Scale video is very buggy]

Hi , 

 

I have a application where i need to zooming the video at some point of time , but the video zoom is buggy at sometimes , can you provide me any solution, it is not very smooth . I have attached some sample code with the codepen , Don't ask about lot of Div's , because i had removed lot of DOM's for easy understanding.

 

In the example ,  I have zoomed in the video for scale 5 and zoomed out to scale 1. You can see that there is some hanging here and there , Please help. 

See the Pen OOvGWM by jeffin417 (@jeffin417) on CodePen

[SlideShow]

I think Carl should stop answering flash related questions , so noone would ask

[Find the end of bezier rotate]

Hey i got another serious issue , now from the following pic you can see that the bezier path is set

 

 

and when you click tween the mc automatically turns upside down or anything based on the curve , like right now its around 180 degree and for a different curve the starting rotation is different , how can i find the first initial rotation so that i can reduce it and make it play from 0 rotation

 

 

I hope you understand what i mean , i am trying to run the bezier where the initial rotation doesnt change , i know we can change the autorotate array for bezier but for that i need to know the initial rotation or tell me how can i make my mc not rotate and auto rotate along the same initial rotation along the path ?

 

 

[Find the end of bezier rotate]

tried this code and got this error

 

1061: Call to a possibly undefined method progress through a reference with static type com.greensock:TweenLite.

[Find the end of bezier rotate]

Hi, 

Sorry for buggin you again , Let me tell you a scenario which am facing right now , I have a mc which will move along the bezier curve and a button which will start the play and bezier points , you have an autorotate option where you will rotate the mc along the path. so i need to know what rotation will the mc will be at the end of play , because when auto rotate is enabled my rotation at start will be 0 but by the end of the play it will be ???? i need to know that value before the tween happens , please help!

[Tween not happening from center for scale bezier]

Hey I just saw another post from you , an user asked how to rotate the mc along the center point in bezier , you have suggested a formulation to be placed in the onUpdate function , i tweaked the formula and it worked for me , thank you very much ! you just saved me a lot of time .

[Will bezier work along with other tweens?]

I created a tween where there is a bezier curve and my object will move along the bezier curve , it is working perfectly , but the thing is it is not around the center point , so i created a new tween plugin and played it along with the same tween but i cant able to do it because i cant able to get the second tween's output where i have to center the object

[shifting the object origin point in bezier animations]

Hm, I think I see exactly what you're saying. Too bad you can't use the wrapper Sprite concept. 

 

I'd probably just use an onUpdate and figure out the offset x/y based on the rotation. For example, let's say we've got a MovieClip named "mc" and its registration point is in its upper left corner, but we actually want it to position itself on the Bezier path as if its CENTER is on the path, we could do this:

var xOffset:Number = -mc.width / 2;
var yOffset:Number = -mc.height / 2;
TweenMax.to(mc, 5, {bezier:{values:[{x:dot1.x, y:dot1.y}, {x:dot2.x, y:dot2.y}, {x:dot3.x, y:dot3.y}], autoRotate:true}, onUpdate:applyOffset});

function applyOffset():void {
	var angle:Number = mc.rotation * Math.PI / 180;
	var cos:Number = Math.cos(angle);
	var sin:Number = Math.sin(angle);
	mc.x += cos * xOffset - sin * yOffset;
	mc.y += cos * yOffset + sin * xOffset;
}

Does that help?

so i have few number of tweens so when i use this function the last one which is accessing the function is getting tweened , for example i have 3 mc's and each mc will do this as i am using timeline max all the tweens will be done at the same point of time so the last tween which access this will change , the other two wont change , any suggestions?

[Tween not happening from center for scale bezier]

playerEffect = TweenMax.to(mc,1,bezier:{follower:mc2,curviness:curvinessBezier,values:bezierArray});
playTimeLine.add(playerEffect,0);

As it is a confidential project i cant post it , but it look somewaht like this and i have added the scaleX,scaleY properties are added in the end still it wont move and scale along the path. 

[Tween not happening from center for scale bezier]

Hi , i cant change registration point , i have scaled my target but still i cant able to change the x , it starts from a point and ends at  a different point , but it scales but x point is not changed. and i am using a bezier curve actually ! so using bezier values.