pzagor2

Hi. I'm looking for feedback on my new project, here is a little background on how it became. My clients sometimes send me an already working preview for the animation they have. They either want a creative update or a different size banner. To match the timing as close as possible, I usually record the animation as mp4 and then using a video player with pause/play extract necessary time keys. To simplify this, I created a tool that records the video for me. Just pass the URL get back the mp4 video. I thought it could also be used to export the animation (html5, index.html, zip package) as an mp4 and then used as a video advertisement on FB or Instagram,... https://urlrec.com/ Any feedback on your workflow and if this is something you would use would be excellent.

Thank you for your help. I found a solution by replaced setTimeout with TweenMax repeat. The first codepan also had a bug with how the initial height of elements was calculated. Below is a working version.

It does help a little bit, but the items still offset a bit when the tab is inactive. It's more visible if I decrease the timeout. I updated the codepen. I also try adding this: TweenMax.ticker.useRAF(false); It did not seem to help. I would much rather fix the code so that I don't have to disable these optimization features.

Hi all. I'm working on this item scroll animation. The first item of the list gets moved to the bottom and all other items move up by the height of the first item. It works OK when the example loads for the first time, but when you open another tab it gets out of sync because the `onComplete` does not get called. You can see this by checking the console logs while the tab is inactive. Any suggestion on what I'm don't wrong or how can I fix/improve this code. Regards

Thank you, Jonathan. I was able to recreate something close to what I need for the grain fade in animation. But It has some serious performance issues when I create a canvas for every pixel (or 5) out of the image. Which is what I would need to achieve the desired effect. http://codepen.io/anon/pen/GjJXQV You can see the performance issue by dropping grainDensity in the options object to 5 or 10. Any other option?

Hi all. I'm trying to create different entrances/exits effects for images. For example. I would like an image to appear on the screen assembled from small grains. An image would need to be split into individual pixels (or small group of pixels), and they would gradually fade in one by one. Or. I would like an image to enter the screen assembled from a mash of small parallelograms. An image would be split into smaller shapes, and they would zoom in over time. Are there any examples out there I could reuse or look at for reference. Any pointers or suggestions are welcome.