Snoop

Members
  • Content count

    38
  • Joined

  • Last visited

Community Reputation

7 Newbie

About Snoop

  • Rank
    Advanced Member
  1. Hello Yup thats right its back to the days of Flash for me. Flash and chocolate cookies: I'm using VideoLoader in a service class. Once the video loaded I wan to add the video tot he display list in a different class (It's a robotleg project). Now I guess I could in my service class create a container sprite and in my initialization include it without adding that container to stage and then once the video is loaded I pass that container as payload via my event to > mediator > to my Video view where I add it to stage. Or is there another way? I base this question on the fact that you usually include a container : //create a VideoLoader var video:VideoLoader = new VideoLoader("assets/video.flv", {name:"myVideo", container:this, width:400, height:300, scaleMode:"proportionalInside", bgColor:0x000000, autoPlay:false, volume:0, requireWithRoot:this.root, estimatedBytes:75000}); //start loading video.load(); Snoop, ".S"
  2. Hello Fellow Greensockers, Here is a question for you How come that, when trying to create an instance of TimelineLite after that the javascript onload event fired, the following import gives me this error in Chrome:Uncaught ReferenceError: TimelineLite is not defined(…) <script type="text/javascript" src="https://s0.2mdn.net/ads/studio/cached_libs/cssplugin_1.19.0_cfbff7d208ccfdbe176b9855af1eb1fa_min.js"> </script> <script type="text/javascript" src="https://s0.2mdn.net/ads/studio/cached_libs/tweenlite_1.19.0_422f021fad4c20f20cf3640a06ac39e9_min.js"></script> Whereas this import does not <script type="text/javascript" src="https://s0.2mdn.net/ads/studio/cached_libs/cssplugin_1.19.0_cfbff7d208ccfdbe176b9855af1eb1fa_min.js"> </script> <script type="text/javascript" src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.19.0_643d6911392a3398cb1607993edabfa7_min.js"></script> Did my brain just die overnight ? Sorry, it is such a silly question. But as I recall I just need to import TweenLite to instantiate TimelineLite Thanks in advance, "S"
  3. Hello, the below works, loading TweenMax from CDN <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.19.0_643d6911392a3398cb1607993edabfa7_min.js"></script><script src="https://s0.2mdn.net/ads/studio/cached_libs/cssplugin_1.18.5_6bbddbd910e8bfac4e19220fe52e1af6_min.js"></script> function initAnim() { var TL = new TimelineLite(); TL.from("#banner", 1.2, { autoAlpha: 0 }); TL.to("#car", 2, { x: 200, y: 200 }) } But the following does not work, it tells me that TimelineLite is not defined, loading TweenLite from CDN <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenlite_1.19.0_422f021fad4c20f20cf3640a06ac39e9_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/cssplugin_1.18.5_6bbddbd910e8bfac4e19220fe52e1af6_min.js"></script> function initAnim() { var TL = new TimelineLite(); TL.from("#banner", 1.2, { autoAlpha: 0 }); TL.to("#car", 2, { x: 200, y: 200 }) } I am perplexed. I am sure this worked before. Since I am only creating an instance of TimelineLite, i should not need to load TweenMax. Hmm. What on earth. Thankful for insights, ".S"
  4. Javascript polite loading help

    Hello fellow Greensocker. I recommend asking this question on StackOverflow as well. But here is a simple way of doing it. Note that setting an the source of the Image object kicks things off. Also, if you are doing banners you might run into DoubleClick. Albeit their default template code speaks of loading the Enabler does not preload images. So even if you are doing doubleclick banners: if you need to preload images you can bake the code below into the default logic of any doubleclick template javascript file. There are also other ways to preload, see stackoverflow. var imagePreloadCount = 0, imagesToPreload = [ 'image.jpg', 'anotherimage.png' ]; function preloadImages() { for (var i = 0; i < imagesToPreload.length; i++) { var thisImage = new Image(); thisImage.src = imagesToPreload[i]; thisImage.onLoad = imageLoaded(); } } function imageLoaded() { imagePreloadCount += 1; if (imagePreloadCount == imagesToPreload.length) { startMyAnimation() } } preloadImages(); Thanks, ".Snoop"
  5. GSAP Split Text Artifacts IE 10,11

    This was a good explanation.; I now know what I did not know before and shall try it in my CSS animations. Thanks, I am closing this now, as a fellow green-socker ".S"
  6. GSAP Split Text Artifacts IE 10,11

    Thanks, you Snoop got it figured. I also can report in, that using staggerTo or staggerFrom instead and just feeding it an array more or less allowed for the same effect, without the rendering issues. And I would like to come with a suggestion, towards the end of this report. Since the rotation:0.01 trick is so common, to make things run faster in some browsers, and seeing that it works, it would be great if there could be a global setter or something where you could just globally on all elements set rotation 0.01. (Seeing as It is often a good fix). Many Thanks and I shall now close this post. Until next time, ".S"
  7. Disable all easing equations

    Wut wut wut. That is handy. And hmm will that then apply hmm to TimelineLite as well? Thanks "S."
  8. Is there a simple way with TweenLite, to disable all ease? Or rather does TweenLite have a built i default ease, such as Linear or other? - that I can disable. Thanks ".S"
  9. GSAP Split Text Artifacts IE 10,11

    Initial self report and findings: Removing all easing equations improved rendering quite a bit ".S"
  10. Hello Fellow Greensocks, I've noticed some artifacts when I animate text using SplitText library. See screenshot below I wonder, can anything be done to solve this in IE11 for example? I will test adding rotation 0.01 trick, but not sure if it will help. Any ideas? Thanks for anotherwise excellent product, Let the socks be green! ."S"
  11. Thanks to all that replied and thanks Mr Jonathan. Yes I went down the route of using minfied versions of the CSSPlugin and TweenLite and that seems to be the best option So, I have marked this as solved! See you around, Greensocks Snoop,
  12. Hello Fellow Greensocks! Just finished some iPad banners and been told I need to not use CDN but have the Greensock locally. Questions: From the download page, what is the most minimal way to download? After download, is there some other "trick" to make it even more minimal? Until next time, Snoop,
  13. Thankyou Mr Jonathan for your answer. I think it suffices for me. I was along the line that, as you say, 'starting two animations should not matter', and so, I will examine the code and see what I can learn by simple research. It will be fun to try some ideas in the office. It is not an essential question as the animation is relatively smooth. But, one always strives to do better. In this case I shall rest my case and do the rest of the legwork myself. As the hour is late and I am back from office and yet to eat, I bid you farewell. Until next time ".S"
  14. Hello, I noticed that when I chain animations with .to , sometimes if two animations start at the same time, there can be a slight jerk in the animation, even if I do the rotate:0.01 trick for Firefox, etc. Question, is it perhaps 'smoother' or 'faster' rendering wise, to in those cases create multiple instances of TimelineLite, for example two instances, to ease the stress that one instance carries when starting two animations at a simultaneous time index. I'm not including any code since I trust the question is a simple one, since it is simple to start to animations the same time by just giving them that time index at the end of the to. (object, time, {property: value}, 'timeindex') Snoop out