Jump to content

Matt Severin

  • Posts

  • Joined

  • Last visited

Everything posted by Matt Severin

  1. Does anyone on this forum have experience building banners for Criteo? I'm getting incomplete answers from their account team but one restriction is - 'No third-party (outside Criteo Servers) JavaScript is called.' and I can't get an answer if there is a Criteo hosted CDN for Greensock. If anyone out there has experience working with this vendor, please lmk if you're aware of Greensock being hosted on their servers.
  2. Hi all I'm positing on behalf of a producer friend who I have worked with on numerous projects. She works for the creative department of a major tech/hardware company that has ongoing need for an HTML5 banner dev. While I don't have details on budget you should be able to request a rate commensurate for a tech company in a metro area. Note: The job is on site, Playa Vista area. Please email me at matt.severin@motionmixtape.com and I will put you in touch.
  3. Yeah I realize I could do this but it seems like a lot for something that should be easy. Also in my case, it's a vector rectangle.
  4. I'm having a hard time finding the solution to this online. How does one tween width in Animate CC using GSAP? I can get scaleX to work, but I want something more precise.
  5. @Marlon Yeah it's best practice to use at least 2x resolution images if you can fit them, also, tinyPNG is a life saver. @ryanrabon Nice work on that GoPro piece
  6. Is this appropriate to post here? It's not GSAP specific but I don't know any other forum where banners are discussed actively. I've noticed banner work dropping precipitously, for me personally, fortunately I do After Effects and that makes up a bulk of my workload now. What are your experiences?
  7. I'm trying to go to another labeled frame in Animate CC using delayedCall ex. - TweenMax.delayedCall(3, this.gotoAndPlay, ["seq2"]); It fails, is there something I'm missing, I've swapping out the methods and parameters and am having success, for example - t.delayedCall(3, console.log, ["hello"]);
  8. Ha, totally, and that is exactly the same as as2. Thanks for being a set of eyes.
  9. I can't seem to find anything for this online. I want to run a tween on multiple instances named with a number convention, like so (I'm using a syntax that I remember from the as2 days) - for(var i = 0; i < 40; i++){ t.from(this.["myInstance"+i], 1, {scaleX:0, delay:i}); } But I don't know how to replace this.["myInstance"+i] with the proper canvas syntax.
  10. Hey all, lurker-sometime-poster, I've recently become freelance. Much of my work is driven by GSAP, certainly the banners are - http://matthewseverin.com/ hope you like.
  11. Regarding Animate CC converting text to shape. Can Animate embed a desktop font and use its characters (as shapes, or whatever) to display dynamic text? The way Flash could?
  12. Yeah, totally, I have the Adobe suite. Oddly my same reason for not using Animate is time. I have a very specific workflow that is very fast, and I don't have a strong urge to explore others (major exploration over the past 2 years have brought me to my current workflow). At the same time I don't want to ignore the mentions I'm seeing. The real, real reason I'm skeptical, at least for personal use is... When I first got into banners/Flash I found resizes to be tedious when using timeline animation. I took to GSAP because I was able to recycle coded animation into resizes way faster than readjusting timeline animation. Resizes went from hours to an hour or less in many cases. I ported that workflow into my hand coded HTML banners. I can do resizes super fast because I barely have to change anything other than my dimensions (of course there are other tweaks but 4 out of 5 times I don't have to do much). Also, I use grunt and npm so I don't have to go outside my dev environment to compress images, make spritesheets, etc. So, I'm not interested in Animate from a timeline animation pov because I've completely forgone timeline. Conversely integrating GSAP into Animate, to me, is pointless because I'm already coding and don't see the advantage of adding another application into the workflow. I also assume I can make a smaller banner in k size, by hand coding vs coding in Animate. Is this perception wrong? I do understand that Animate provides a stage to work on, but I often don't need a stage. I don't have to position my assets in CSS because I make all my assets the same dimension as the banner (except special cases, like if I need to spin a wheel, etc). And I can do automatic spritesheet generation with spritesmith. Please note, I'm not complaining about CC or others' workflow, I just wonder what the advantage is, and how common it is to use in the industry. I'd learn it so that it didn't preclude me from a large chunk of work.
  13. Regarding banner dev I'm in a bubble. I work from home, my remote coworkers and I are all either Flash expats who now hand code banners or are front end devs that have learned banners. But... I'm also noticing an uptick among some former Flash colleagues touting Animate CC. I feel like they're anomalies, but I could be wrong. I've barely explored Animate. I don't desire to. But I also don't want to ignore a tool if it has a sizable presence in the industry. I'd hate to not get a job because a studio uses Animate and I don't. I pride myself on knowing many disciplines and solutions. My question is... How many of you out there are seeing Animate used as the primary platform for banner development? In studios/departments, among colleagues etc. Is it common, is it rare? Is it 50/50 Note: I realize this forum skews towards hand coding, but we all see what our friends are doing, i want to know what your friends are doing.
  14. Carl, you're a life saver. Thanks!
  15. My apologies, I meant to title this post TimelineMax restart issues
  16. I pasted a simplified version of my project on codepen. I can't see what I'm missing here. My play() triggers work, but not my restart() triggers. Any help is appreciated...
  17. Hi all, in the near future my department will be practicing gitflow when versioning our banner projects. The standard gitflow branches are nice. But I wanted to find out if any of you have discovered modified workflows serve banner development, since, banner dev isn't really analogous to software development. I look forward to your thoughts.
  18. I'll also probably use Raphael to remove the paths when they are off screen. I currently need to add them and remove them dynamically or else I would've had a 'pre-rendered' row.
  19. Hey Carl, thanks for the second piece of advice, I've added a pause and a clearinterval a few seconds in to my local copy after I submitted the codepen. The real animation isn't infinite (I promise!) I'll put the pause/clear in my codepen as well.
  20. Hi all, I am adding svg shapes to the DOM using Raphael and setInterval(). I notice when I toggle away from the main browser tab to another tab, then I toggle, and the back shapes pile up on each other. Any suggestions on how to avoid this? Edit: I've added a clearInterval() to stop the animation, svg generation after 10 seconds
  21. So, interesting, I tried re-ordering the divs, and it works! No use of attr:{}, still using clippath, not mask. I nested as <defs><clippath><path /> The nesting order found in my old codepen came from an Illustrator svg export. Old - http://codepen.io/mattparkerseverin/pen/OMYEbX New (works in FF/iOS) - http://codepen.io/mattparkerseverin/pen/WrBLWx
  22. Hey there, I knew it wasn't a GSAP bug, and that FF treats the issue differently. Thank you for the extensive write up! I will review now.
  23. I am animating a photo within an SVG clip-path, what I have below works in IE11, Chrome and Desktop Safari, but doesn't work in FF and iOS Safari http://codepen.io/mattparkerseverin/pen/OMYEbX I've been researching this issue here on the forums, and elsewhere, but I can't seem to implement the fix suggested here - http://greensock.com/forums/topic/12062-masking-with-clippath-and-svg/ I understand the the Attr plugin could work, but I'm not quite sure how to utilize it.