Jump to content
Search Community

fripi

Premium
  • Posts

    88
  • Joined

  • Last visited

Everything posted by fripi

  1. That's what I thought :-/ My PNG are saved with https://tinypng.com/ I think it's a mix of 8 and 24, it's very usefull for banners. I only got the problem on PC with Windows 10, non retina display tested with those browsers: firefox 37.0.2 chrome 48.0.2564.109 edge 25.10586.0.0 On the mac I've no problem but it's a retina mbp 15" I removed the force3D: true or false
  2. Just to inform those who are interested: Doubleclick is working on a new asset to create some paralax effect that follows the mouse position in the page, and not only in the banner. But it's still in beta and if you want to play with it as soon as they are ready you need the studio certification.
  3. Sorry to dig up some old posts but I'm getting this pixelated problem on scaled pictures but only on PC So I tested it on Apple (firefox, chrome, safari) and PC (firefox, chrome, edge) http://www.sharpness.be/demo/201602_keytrade/KTB_keypack201602_300x250_FR/ I made screenshots to illustrate the problem, the Apple version is a little crispier in reality but had to scale it down due to the retina screenshot, but you can see the problem on the PC version, the borders of those png files are very ugly. What I tried adding and didn't changed anything: to the elements: z: 0.1, rotationZ:"0.01deg", force3D: true to the parent container: css:{perspective:600} to the elements: force3D: false to the elements: transformPerspective:1000
  4. Hi, the title says a lot already, a client wants to move an element in the banner in function with the mouse position in the page, not only when the cursor hovers the banner. In horizontal formats it just follow the X-axis and in vertical formats the Y-axis. I found some codepens and adapted one that uses easelJS but as soon as we go out of the iframe region it isn't followed anymore, is there a possibility to track it as long as the cursor stays in the browser? http://codepen.io/anon/pen/eJrJGy
  5. Hi everyone, I tried again and again but I still can't make this play smoothly, any idea on what could cause this stutter? http://codepen.io/fripi/pen/WrerQp
  6. Hi again, second older topic I digg up because they helped me a lot but it's still not perfect, so I have a video (3 formats) and a cursor to controll it, but it's not smooth at all, even if I followed all recommendations from here. I made a fork you can see here: http://codepen.io/fripi/pen/WrerQp Any idea how to optimise this? Sorry for the dubble post but it seems more appropriate here, can I delete my other post?
  7. well I had better posted it there, in fact I was on several posts at the same time and it is the post from where i took your code I'll repost in in the right subject
  8. Hi everyone, I'm digging up some older topic because this one helped me a lot but it's still not perfect, so I have a video (3 formats) and a cursor to controll it, but it's not smooth at all, even if I followed all recommendations from here. I made a fork you can see here: http://codepen.io/fripi/pen/WrerQp Any idea how to optimise this?
  9. Hi, thanks for the tip, it's perfect for css filters indeed, but it seems difficult to use this "hue-rotate" with the exact 5 collors of my array, I can not use just any random color, but must stick to the brand/campaign colors and the fade between. Media agencies are not selling this as a temporary solution, they want to push it and "ban" flash because of adblockers and because it's dubbel work to setup a campaign for desktop with flash and on mobile with jpgs... thay have all kind of reasons.
  10. Hi everyone, as intro I'll tell you that my job is to make banner, I produce hundreds every month and it's easier in flash as I've no coder formation. Many years ago I discovered GS and it changed my life! I learned the basics of tweenlite and adapted my workflow. But now with firefox blocking flash, followed by chrome (1 september 2015) it isn't a choice anymore, everything must go HTML5... It takes me a lot of time to do it in html5, it's always too heavy (50k in flash, 300 in html5) and everything isn't possible with my knowledge of js (light effects, particles, alpha masks...) But here I am with a big client which has a campaign running this summer and in september, with the news of firefox and chrome they want me to adapt everything, and there's a tint effect. I already adapted the animation, compressed the png with tinyPNG but the background must change color every 1500ms, I've setup an array of colors, i've setup the setInterval, I've read and tried some demos I found here in the forums but my js knowledge is really not enough to know what to do next, tried cache, tried loading filters... nothing works. Is there a cdn for ColorFilter and ColorMatrixFilter? So can someone check my files? The tint code is from line 94 to 114 so not very much Sorry for my english and I must still learn how to use codepen, but I have a campaign to adapt in 3 days so I couln't wait longer to ask for help. Thanks AT_300x250_html5_v2.zip
  11. Hi, I'm also fighting the filesize problems and I found something that can help a little: tinyPNG: https://tinypng.com/ my spritesheet went from 300 to 100kb, it still doesn't fit in the 60kb polite banners but it's closer they have a photoshop plugin too
×
×
  • Create New...