Jump to content

PointC last won the day on June 15

PointC had the most liked content!

PointC

Moderators
  • Content Count

    3,118
  • Joined

  • Last visited

  • Days Won

    281

PointC last won the day on June 15

PointC had the most liked content!

Community Reputation

7,994 Superhero

About PointC

  • Rank
    Moderator

Contact Methods

Profile Information

  • Gender
    Male
  • Location
    Seattle area
  • Interests
    web design, motion graphics, 3D animation, video production, all things sci-fi, Mt. Rainier hiking and my dachshunds

Recent Profile Visitors

27,458 profile views
  1. PointC

    Width Calc

    @Visual-Q is gettin' all fancy with it.
  2. PointC

    Width Calc

    Jack mentioned: As far as I know I don't think that has changed since that post so I recommend you use JavaScript to get your dimensions and feed those into your tweens. Maybe this will help. https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements
  3. I think this thread is the only other time I've seen a question about Cocos Creator.
  4. PointC

    Width Calc

    JavaScript has numerous ways to measure widths and heights so I'd recommend using one of those. Check out this post by Jack about supporting calc(). Happy tweening.
  5. If you only specify the rx (or ry) attribute, the browser assumes the missing value is equal to the one you specified. I don't think I've ever used the convertToPath() method with a missing attribute like that so I've never seen that happen. @GreenSock should be along later with additional details. For now if you specify both the rx and ry attributes you should see the desired output. Happy tweening.
  6. I'd go with a steppedEase. You can even use a stagger and cycle if you like. https://codepen.io/PointC/pen/qzNZjd Happy tweening.
  7. Hi @Daniel Hult, Welcome to the forum and thanks for joining Club GreenSock. ScrollMagic isn't a GreenSock product, but I'll answer this for you. You're pinning the .trigger2 div which is a child of the middle section. If you want the next section to wait for the pin, you need to pin the parent section of trigger2. https://codepen.io/PointC/pen/jjqqLX ScrollMagic also has a support area here: https://github.com/janpaepke/ScrollMagic/issues And premium support here: https://support.scrollmagic.io/ Happy tweening and welcome aboard.
  8. Are you trying to draw that line? You can use the drawSVG plugin for that. https://greensock.com/drawSVG
  9. Sorry, I don't understand the question. You're animating the opacity and x position which all seem to be working correctly. Is that not the desired result? More details would be helpful. Thanks.
  10. If you're animating groups you need to add a parent group to it and apply the clip-path to the parent. https://codepen.io/PointC/pen/pXgxwm Happy tweening.
  11. You're dragging a position:fixed image. /* change this */ div.on { position: fixed; bottom: 200px; right: 200px; } /* to this */ div.on { position: absolute; bottom: 200px; right: 200px; } https://codepen.io/PointC/pen/pXgeya
  12. PointC

    Greg M

    https://codepen.io/PointC/pen/JQGRpP
  13. PointC

    Greg M

    Here's a basic setup. https://codepen.io/PointC/pen/MMKjyG Happy tweening.