Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

1 Newbie

About mosk

  • Rank
  • Birthday 12/17/1966

Contact Methods

Profile Information

  • Gender
  • Location
    Richmond, Virginia U.S.
  • Interests
    humanism, critical thinking, writing, animation

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. mosk

    About Angular plus GSAP

    Thanks - much appreciated.
  2. mosk

    About Angular plus GSAP

    ok - thanks for the explanation and links. Will spend some time learning Vue then try to get it working with GSAP. Is there a way to share things on codepen when Vue is in the picture? Are there specific steps I would need to take? Or would I just need to build a dummy site and link to that if i have problems / questions?
  3. mosk

    About Angular plus GSAP

    2 mikel and GreenSock reacted to this QUOTE Follow me on... Twitter • CodePen • Plunker OSUblake - thank you for the recommendation (and for your input throughout these forums) I'm taking a look at Vue now, but was hoping you could clarify a few things: 1) Is Greensock more easily integrated into a Vue based single page app than an Angular single page app? 2) Do you have to take special steps to use Greensock with Vue, since vue also uses a virtual DOM - or would Greensock just work as it does on static sites with multiple .html pages? 3) When you say 'GSAP works fine with Angular' - is that only for people with the coding chops to do a lot of troubleshooting, or would it be relatively simple to get GSAP and Angular working well together if I invested the time to learn the Angular framework? Thank you!
  4. Hi - I was thinking about learning Angular and NodeJS, since I'd like to take advantage of the features for a single page app. But I also want to use GSAP for my animation, and I'm not eager to commit the time and effort to learning Angular and NodeJS if I'm likely to run into lots of obstacles when I try to implement GSAP. I've read this article: https://medium.com/@philipf5/patterns-for-using-greensock-in-angular-9ec5edf713fb from about 9 months ago. Was wondering what the current state of affairs was between GSAP and Angular and whether or not improved / easier integration was in the works. Would love to take advantage of everything together, but I don't have a background in programming, and while I don't mind diving into new platforms, i do have to allocate my time and don't want to bite off more than I can chew. The site I'd like to (re) build is graphics rich, with customized images along the left serving as primary navigation buttons. Depending which section is chosen, an additional set of images would appear on the right of the screen to serve as nav buttons within that section. And depending upon which of those were selected, an additional row of nav buttons could appear at the bottom, giving access to further subsections within that particular subsection. Each button triggers a primary / secondary / or tertiary sign to dropping down from the top to show user what section (or subsection or sub-subsection) they're now in - and I'd like to avoid having to reload the navigation buttons/signposts on every page (hence consideration of single page app). Originally this was built in Flash on the Gaia framework (which allowed creation of single page app) - and now I'm trying to rebuild with HTML 5 / JS / CSS. If Angular plus GSAP is likely to present ongoing challenges/difficulties, I could potentially build things where each main section becomes a single page, and I could use GSAP to handle all of its sections and subsections (animating buttons around, swapping out images and text based on selected subsections) - and that would mean I'd only have to reload nav buttons and signs when going between main sections (not a single page app, but maybe 6 main 'pages' rather than 50ish pages once all the sections and subsections are included. Would welcome any suggestions in how to approach this in a manner that allows me to fully take advantage of GSAP. Thanks.
  5. Yes - thank you. Went through that code along with some videos and written documentation, and that helped things gel quite a bit.
  6. Hi - Trying to learn and explore some possibilities with GSAP. Was playing with SteppedEase and wanted to know if there was a way to alternate movements with this, say move a square 200px right, then 200px down, then 200px right again and so forth. I tried using a for loop with modulo to alternate tweens but wasn't sure how to structure things. Have attached codepen and would appreciate any suggestions.
  7. got it - thank you
  8. Found this site in your examples tab - and was wondering if this can be recreated/approximated with GSAP or if additional platforms would be required. (I'm talking about the dragging through liquid animation with resulting ripples) Thanks. https://www.ultranoir.com/en/
  9. Thanks so much - that fixed it. Will make sure to review some basics on javascript to minimize silly mistakes going forward.
  10. I'm using JavaScript - just entering it into the 'Actions' layer in the first frame within Animate CC after Including the GSAP library. Just tried ading three movieclips and naming them nav1, nav2, and nav3. Then put those into a var myNav = [nav1, nav2, nav3] But when I hit Test, I'm not getting any results when I try to use TweenMax as you showed above. Is there anything i need to do with the index.html file before testing? Or some other initial steps i need to do? Thanks
  11. Hi - Looking to rebuild an old site I'd made in Adobe Flash (CS6) using the GAIA framework (no longer supported) along with some Greensock code. Was watching a tutorial that showed how 'Stagger' could be used with TweenMax so if you had several items of the same class (say 5 navigation buttons), you could animate those onto the screen in interesting ways. I've included the GSAP code into a new Animate CC project, but I can't figure out how to assign several symbols / movie clips / or buttons a class so that TweenMax can animate them. I do have Dreamweaver CC as well as Brackets, and a rudimentary understanding of HTML, actionscript, javascript, and css though I haven't used those much for a few years - so would appreciate some assistance (& workflow tips ) for getting off the ground. Thanks
  12. Hey carl - Thanks for the detailed reply with code and links. I've watched a number of your tutorials (and just watched the one you linked to in your reply) - and they're some of the best ones out there. You do a great job at mixing the necessary coding details with examples that show real world functionality, and while I was reluctant to add Greensock onto the teetering stack of web programs / platforms / languages that I'm trying to get a handle on, your tutorials helped convince me to make the leap - so much thanks for those as well. Have things working nicely now, and look forward to using the increased timeline flexibility in future projects.
  13. I have a movie clip called myClip which is 100 frames long and has labels at the following frames: 0-start; 50-middle; 100-end Can someone explain how to make my myClip play from start to middle and back to start during a mouse ROLL_OVER event for one button, and from end to middle to end when I roll over another button. Ideally I'd be able to loop over those ranges as well (so keep bouncing from start to middle to start to middle until ROLL_OUT from button). I'm pretty sure this can be done through Greensock's Tweening and Timeline platform, but can't quite get it working. Thanks for any assistance.