Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Nickzilla

Members
  • Posts

    17
  • Joined

  • Last visited

Recent Profile Visitors

877 profile views

Nickzilla's Achievements

Newbie

Newbie (1/14)

11

Reputation

1

Community Answers

  1. Saving me time I don't have! Thanks for your help.
  2. So once I'm inside of an element how I can I target a specific child class? element['.circle']
  3. Can someone show me how they would stagger these animations? Run for the first instance of classes and then repeat. Thanks in advance.
  4. Wow, the pie chart bakery is sweet. I'll have a play with it and see if I can make sense of it. Thanks Craig!
  5. I was playing around with a pie chart on Codepen using the svgMorph plugin. I know a lot of people seem to use the circle and stroke-dasharray technique, but that produces odd results in Firefox for me. Does anyone have any other ideas or suggestions? A few other questions from my Codepen: Is there a mathematically way of updating the paths to match a section percentage? (I just created two and pasted the path from a previous one to mimic the 50% to 75% tween). How can I modify the morph so it doesn't have the 3d effect? Where it seems to morph from the behind the point? If I just wanted a plain clockwise 2d morph, is that possible?
  6. Saw this one the other day and thought it was pretty cool: https://site.uplabs.com/posts/notify-me-interface I got a little lazy with the input type and I think that limited what I could do with the text fading in and out; not sure if you can use the SplitText plugin with the value attribute of an input? Otherwise, I thought it turned out decent. Codepen link: http://codepen.io/nickmuth/pen/NbdRJZ As always, any feedback is appreciated. Thanks!
  7. Thanks, Jack! I farmed out the sprite sheet images, so I'm not sure the software used to create. You are absolutely correct about the kb-heavy file size and I did run into major issues on Safari Mobile surrounding maximum image size and decoded pixels. Small snippet gif of the original. http://www.nickmuth.com/images/Accident.gif I think the SVG/PixiJS route is probably the best solution for me. I just wanted to make sure that putting a minute long SVG animation with multiple timelines on a mobile device was a terrible idea or there were better solutions. I'll post snippets as I go. Thanks again, Jack.
  8. I built something similar a couple years ago using sprite sheets and GSAP. If I was going to build something similar to the link today. What would my option(s) be to achieve the best performance with cross device support (mobile and desktop)? SVG, canvas - Pixi.js? Any input would be greatly appreciated. Thanks in advance! Link: https://twitter.com/google/status/753653583178964992
  9. In an attempt to learn GSAP and other web transitioning concepts, I've decided to start mimicking random UI concepts and examples. Any feedback, advice, best practices, other ways you might have approached the concept would be greatly appreciated. This is attempt number 2. Concept link: https://twitter.com/ProductHunt/status/782809916343984129
  10. Finished result. http://codepen.io/nickmuth/pen/YGARRG
  11. In an attempt to learn GSAP and other web transitioning concepts, I've decided to start mimicking random UI concepts and examples. Any feedback, advice, best practices, other ways you might have approached the concept would be greatly appreciated. This is attempt number 1. Concept link: https://site.uplabs.com/posts/submit-button-micro-interaction
  12. I'm trying to start a circular progress indicator. How would I go about starting the circle path at the top center position and draw to 25%, 50%, etc.
  13. I really want to grow my animation knowledge. Am I following best practices? What can I change to improve performance? http://codepen.io/nickmuth/pen/GjKrrG
  14. Came up with a solution. Feel free to respond if you have a better one. Paste image in Illustrator Image trace (Sketched art) Expand (converts tracing object to path) Object -> Compound Path -> Make
×