JLernDesign

ShockinglyGreen
  • Content Count

    13
  • Joined

  • Last visited

Community Reputation

5 Newbie

About JLernDesign

  • Rank
    Member

Contact Methods

Profile Information

  • Gender
    Male
  • Location
    Portland, OR

Recent Profile Visitors

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

  1. JLernDesign

    CustomEase visualizer combine 2 presets

    Ah that is perfect! Thanks so much @GreenSock! Exactly what I had in mind.
  2. JLernDesign

    CustomEase visualizer combine 2 presets

    I recently started messing with the CustomEase plugin and I love the freedom to adjust, however I'm finding it difficult to get precisely what I want which is basically 2 presets merged together. Using the visualizer on this page https://greensock.com/customease it seems you can only select one preset, then switch to Custom and adjust it from there. Just wondering is there any way I can select an easeIn say for "Power3" and an easeOut for "Back" and get it to come out as a nice mix of the two? When I adjust the points myself it just doesn't seem quite as smooth. Thanks!
  3. JLernDesign

    Issue with Draggable allowNativeTouchScrolling

    Thanks @GreenSock. Yeah I think the native scroll lock only on drag was what I had in mind but I had a feeling that might not be feasible. My client was taking issue with the fact that if you give it a swipe left/right, the page also moves vertically if you happen to move your finger upwards or downwards a tiny bit. Not a big deal to me, but worth investigating. Thanks!
  4. JLernDesign

    Issue with Draggable allowNativeTouchScrolling

    Ok so I've added a codepen that hopefully shows the situation better. The idea is that you scroll the page normally on your mobile device, but once you get to this section of red boxes, you can swipe them back and forth without the browser scroll moving at the same time. So with allowNativeTouchScrolling set to true, as you swipe or drag those boxes the page scroll also moves up and down at the same time and I want to avoid that. If you set allowNativeTouchScrolling to false it locks the slides as you swipe them as I want, but it kills your ability to scroll the page at all past that spot.
  5. JLernDesign

    Issue with Draggable allowNativeTouchScrolling

    Yeah I was thinking maybe it was an obvious fix that I just didn't know about, so a demo wasn't necessary. I'll put something together to illustrate the issue. Thanks @GreenSock The example can be seen here if you scroll down to the "Our Solutions" section on a mobile device: http://griflan.com/Clients/MobiPaid/
  6. I have a draggable element and would like to keep the browser scroll locked while dragging this element. I've set the allowNativeTouchScrolling property to false, but now once I get to that part of the page, it renders the page unscrollable and gets stuck there only allowing my draggable object to move. Is there any way around this?
  7. JLernDesign

    Morph Curved Shape into Straight Rectangle

    Thanks for the tips @GreenSock and @PointC. Looking forward to experimenting more with this plugin.
  8. JLernDesign

    Morph Curved Shape into Straight Rectangle

    Ah that's exactly what I was looking for @mikel. Thanks for showing me that. I'll keep that in mind moving forward.
  9. JLernDesign

    Morph Curved Shape into Straight Rectangle

    I just started trying to work with the MorphSVG plugin and feeling like I must be missing something. Not working out quite as simply as expected. I have a basic S curve type shape that I want to animate into a straight edged rectangle. I'd like it to just smoothly iron out the curves until it goes straight but when I try this out it does a weird flip animation from one shape to the other. I'm exporting my SVG paths from Adobe Illustrator since it gives me a lot of control over how the path is drawn but I don't work with SVG much so this might be part of the problem. Any help to push me in the right direction to achieve this is greatly appreciated!
  10. JLernDesign

    Draw SVG Plugin to animate a dashed line

    Thanks for the help! I think that last idea from Diaco is perfect. I am indeed working on a solid background and that seems to be a very simple way of achieving this.
  11. JLernDesign

    Draw SVG Plugin to animate a dashed line

    Jonathan, thanks for pointing me towards that tutorial on how to create a codepen (never did that before). Link is below. I put a delay on the animation so you can see how I want it to look with a dotted line, then once the circle draws on it is solid. PointC, I had the same thought that if the plugin works by using the dash properties, it is most likely overwriting the dashes in my line. http://codepen.io/anon/pen/QbPLre Thanks for any help you can offer!
  12. JLernDesign

    Draw SVG Plugin to animate a dashed line

    I am wondering if there is a way to achieve this. I have a path that is dashed, but once I run the plugin and animate it, the path becomes solid. Trying to animated the dotted circle in the attached image.