Jump to content

Zync last won the day on December 26 2012

Zync had the most liked content!


  • Posts

  • Joined

  • Last visited

  • Days Won


Zync last won the day on December 26 2012

Zync had the most liked content!

About Zync

  • Birthday 11/14/1982

Contact Methods

Profile Information

  • Gender
  • Location
    Melbourne, Australia

Zync's Achievements

  • Week One Done
  • One Month Later
  • One Year In

Recent Badges



  1. Sigh, found the issue. The onEnter Animation had to me a .from animation instead of a .to and make it start at scale 0 and opacity 0. That fixed it. Thanks anyways
  2. It's more when switching to 1 filter to another, it just seems to pop in. Try from Frigate to Cruiser. I want to get the old results to scale and fade out and then the new results to fade and scale in.
  3. Hi again all, Supplied a codepen this time. Trying to get the onEnter and onLeave animations to work in a Flip filter animation. But the assets seem to keep popping in and out but only works sometimes. Been trying to debug for a few hours now but think I've hit a wall.
  4. For anyone coming back to this later on. Finally figured out Vue single file components on Codepen. Here is the sample with GSAP, GSAP Flip + Vue and Tailwind. https://codepen.io/zync09/pen/WNjQMGN
  5. I would have created a codepen but unfortunately I don't really know how to create one with Vue single file components. Still getting the grasp of that. Sorry
  6. Thank you OSUblake, I knew I was missing something completely. Thanks for your help.
  7. Hi all, Been trying to get a Vue with Tailwind implementation of the Flex Box example going for a couple of hours now but can't seem to make any headway on it. I must be missing something really simple but it just won't animate the flipping even though I'm just toggling 1 class. Any help would be greatly appreciated. Code is below. <template> <div class="flex w-screen h-screen group" @click="toggleDirection()" :class="{ 'flex-col' : col_mode }"> <div class="grid flex-1 text-5xl text-white bg-red-600 box place-items-center">1</div> <div class="grid flex-1 text-5xl text-white bg-blue-600 box place-items-center">2</div> <div class="grid flex-1 text-5xl text-white bg-green-600 box place-items-center">3</div> <div class="grid flex-1 text-5xl text-white bg-yellow-300 box place-items-center">4</div> </div> </template> <script> import gsap from 'gsap'; import { Flip } from "gsap/Flip"; export default { name: 'Home', data() { return { col_mode: false, state: null } }, mounted () { gsap.registerPlugin(Flip); }, methods: { toggleDirection() { this.state = Flip.getState('.group, .box'); this.col_mode = !this.col_mode Flip.to(this.state, { absolute: true, duration: 1, stagger: .2 }) } }, } </script>
  8. hey ya mate. Not sure if this is too late. But you can try tunnelling up from your child swf. trace(this.parent) trace(this.parent.parent) trace(this.parent.parent.parent) See what hits. Also try adding Monster Debugger to your child swf and run the companion app to see what it outputs. Might be easier than blind tracing. http://demonsters.nl/nl/projects/monsterdebugger/
  9. How do you integrate Greensock with Edge Animate? I like the edge timeline but I just find greensock much more flexible for making changes quickly, like changing the timing of everything is a lifesaver, I'll never go back to timeline just for that feature alone.
  10. Hi Joe_midi, No I haven't really heard or tried Google Web Designer much. If it does what you say and just creates css with html and does the css for you that would be amazing. How does it fare with video? Will definitely look into that now.
  11. Hi Somnamblst, I've tried Adobe Edge before but the way it selects elements seems really obscure to me. Wish I could use it just for layout and then animate with greensock. Is that possible without including the Edge bloat scripts? I'm actually using Flash still and the Canvas document to make ads at the moment. And while it's working well for layout, just wondering if there was a quicker way out there. It's great for positioning things quickly and then having all your movieclips accessible with exportRoot. Theres a little bit of refactoring, stitching it up with a network like Sizmek but so far so good. I don't think it will work for all ad types though like expandables. And thanks ihatetomatoes, was looking for a more visual way of placing elements though without script though. To me that seems to be the biggest bottleneck in the entire pipeline, manually positioning things with css. Not to mention I have a few non-codey people in the office here who want to tweak layout things to an mind numbing extent.
  12. Hi All, Just wondering if anyone has any good tips or know of any good apps either online or offline that can help with the layout of webbanners which can them be palmed off to animating with greensock. Flash did a great job with layout and then animating with greensock in a sweet little package but times are changing. Just wondering what people use to layout their banners with now?
  13. YOu can do this somewhat at dev time, not at runtime as far as I'm aware of though. Save this into a JSFL file, and do a run command from within flash with a shape selected. Your milage may vary but it should get you the points of an object. var vertices = fl.getDocumentDOM().selection[0].vertices; //getting the points and trace them for(var i = 0; i < vertices.length; ++i) { fl.trace(vertices[i].x + "," + vertices[i].y); }
  14. Hey mate, Directly loading a PDF is not possible in Flash for a multitude of reasons. There are some other options however if you only working with Flash. PDF2SWF: http://www.swftools.org/ Converts a PDF document to SWF pages which you can use in oyur app. Havn't tried this one personally but you might get some milage out of it. If however you are using Adobe AIR, you can load your PDF into a HTML Container and then assuming the system that is running your app has adobe reader installed. It should render the PDF. var request:URLRequest = new URLRequest("mydoc.pdf"); pdf = new HTMLLoader(); pdf.load(request); container.addChild(pdf);
  15. Dang it, bet me to it while I was typing Jack:P