Thomas James Thorstensson

Hello There , Swedish London based Rich Media Banner Developer & Designer, with experience of building banners for a vast amount of clients. Canvas or no canvas, no problem. Greensock or Pixie? Can do. Story-boarding needed? I'm your man. Video? You bet! Interactive Javascript or image slider? Consider it done! Can work over Zeplin or WeTransfer, whatever you prefer. Some of the companies I worked with: WWF, Ogilvy Gamesys, TBWA\Copenhagen, MRM Meteorite, McCann, The Two Marias, NKD Learning, DOOH, York Press, TAG Worldwide, Space66. Ad banner platforms I work with: Google Studio, Google Campaign Manager, Flashtalking, Celtra, Sizmek, AdForm, Admeto, + Yours (Send me the specs!) Contact me at hello@thomasthorstensson.co.uk for samples of recent work and a discussion of what you need done!

Hey, its Snoop, Thanks for the article link. I was not aware that it too creates a compositing layer like the translate3d fix. Thanks for pointing this out. I think I'm gonna go and have some coffe now. Thanks

Hello I have an animation where text, Source Sans Pro, is moving downwards as it fades in. It works fine now but just wondering why. In latest version of Firefox, if I add this the animation is smooth: -webkit-filter: grayscale(0%); filter: grayscale(0%); If I remove the above, the text moves in a jerky fashion. I used this "fix" before, and it always sorts Firefox out. But now I just wonder Why? Thanks!

Hello There , Swedish London based Rich Media Banner Developer & Designer, with over a decade of experience of building banners for a wide range of clients. Canvas or no canvas? No problem. Greensock or Pixie? Can do. Story-boarding needed? Yes. Video? You bet! Interactive Javascript or image slider? Consider it done! Can work over Zeplin or WeTransfer, whatever you prefer. A codepen sample of my work: https://codepen.io/ThomasJames/pen/RXQrzp Some of the companies I worked with: WWF, Wunderman Ogilvy Gamesys, TBWA\Copenhagen, MRM Meteorite, McCann, The Two Marias, NKD Learning, DOOH, York Press, TAG Worldwide Ad banner platforms I work with: Google Studio, Google Campaign Manager, Flashtalking, Celtra, Sizmek, Adform, Admeto, +Yours (Send me the specs!) Contact me at hello@thomasthorstensson.co.uk for more samples of recent work and a discussion of what you need done!

Jonathan Thanks for your reply. I managed to get it working, it turns out that it was the rotation:0.01, which actually was not working in this case but causing the animation to jitter in the end. So I dropped that and tested in Opera, Chrome, IE and Firefox (ugh). Thanks for all your hard work!

I think I somehow managed to reply as another person, sorry! So, I decided not to worry about it so case closed. Thanks everyone! Former IE11 user, S🍺

I thank you all for the kind offer of help. IE11, prepare to get sacked! S.

Hi I think I solved this issue a year ago but can't find the css I added. When I slide some text down using y: property, and the text is Open Sans, but happens with other font too: then before it comes to halt it wobbles, but only in IE11. I have rotation 0.01 tip on there, and tried defaultForce3d true, but there was something else I did that fixed this, something in CSS. My css by the the way has backface visilibity hidden but that won't affect IE11. There was something else I did with aliasing, cutting into the font to get it to work, somehing weird with lots of channels and 0, 0, 0, 0 values but cant remember what it was. If any ideas, feel free to post!

Thanks Jonathan, Great work on this library. That explains it, and I now feel a bit more confident as I drink my Espresso. Soon I will take my Greensock skills and move from London to Barcelona this autumn, where I will tell people to use Greensock of course Cordialmente Thomas

Hi I revisited an old html project of mine where I am using TimelineMax and CSSPlugin. Am I right in saying that I no longer need to rely on CSSPlugin with TimelineMax since for example with TweenMax we can now animate css properties directly? If I no longer need CSSPlugin, is there a away from TimelinMax to do the old trick: CSSPlugin.defaultForce3D = true; Thanks in advance, Thomas

I can answer this one myself. That methodology worked fine.

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"

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"

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"

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"