Jump to content

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

martis last won the day on July 28 2012

martis had the most liked content!


  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by martis

  1. This was the case and I found the fix, sorry for the alarm
  2. Hi guys, Been working on transitioning some things over to Vue (nuxt) and am getting this error with SplitText... seems to be something with _slice and _split functions? Pretty sure what I am trying to split is not undefined client.js:531 [nuxt] Error while initializing app TypeError: Cannot read property 'length' of undefined at _slice (SplitText.js:142) at _split (SplitText.js:497) at webpackJsonp../assets/js/libs/greensock/SplitText.js.pkg.SplitText._globals.SplitText.webpackJsonp../assets/js/libs/greensock/SplitText.js.p.split (SplitText.js:545) at new webpackJsonp../assets/js/libs/greensock/SplitText.js.pkg.SplitText._globals.SplitText (SplitText.js:121)
  3. Thanks guys! I ended up creating a Vue plugin...
  4. Thanks Dipscom, Do you have an example of what this might look like with the fallback? CDN feels like the easiest solution so far!
  5. Hi all, Know there are many posts about this, but things change overnight. I am using Nuxt.js for Vue and have been playing around with a variety of ways to implement GSAP. from Import, to vendor bundle, to plugin... Wanted to know what everyone thinks is the best route to go these days knowing I like to include a lot of the extras! Thanks!
  6. All good, thank you for helping me explore this. After doing more research I realize I am just going to create the timeline in the master parent vue... and not worry about sending individual timelines up the chain.
  7. Rock on man! I agree the emit approach is the way to go. Would love to see an example where timeless can be emitted to the parent... the challenge would be how can I add them to the master timeline in a specific order? Thanks for the help!
  8. Hi all, Need advice on a general approach. Just started using Vue (nuxt). I’m building a site with say three components. Scene1, scene2 and scene3 inside a Site component. I want to keep the animation for each scene contained within the component Vue file. I then want to create a master timeline in Site that I can control as a user scrolls. I know how to create timelines and add timelines to other timelines, need advice on how I do it within Vue. Curious if any Vue experts have advice on how to create the timelines in each component then merge them in a parent Site component. Or if this approach is bad thanks!
  9. I don't but I figured it out... Rather than using a <clipPath> I had to use a <mask>
  10. I want to use a stroked path as a clipPath for an SVG image so that I can animate the stroke on revealing the image underneath.... Everything I try seems to still use the fill area, even though fill is none.. Anyone know if this is possible? Thanks!
  11. martis

    Three.js properties

    Is there anyway you could add in .visible to this?
  12. martis

    Three.js properties

    Wow, thanks Jack! So far so good, will let you know if I run into any hiccups!
  13. martis

    Three.js properties

    Hi Carl, I am trying to avoid having to write a line of code for each property.... TweenMax.from(sprite.position, 5, {z:40}); TweenMax.from(sprite.scale, 5, {y:2}); and write it in one line...
  14. martis

    Three.js properties

    Figured it out... attr:{ } Err nm this doesn't work for what I am trying to do
  15. Hey guys, Sure this has been answered but I am having trouble finding an answer. Working with Three.js and want to condense my tweening. I remember reading about a new way to tween values of properties in one tween. This... TweenMax.from(sprite.position, 5, {z:40}) versus... TweenMax.from(sprite, 5, {position:{z:40}})
  16. Been messing around with scaling some text in Chrome and cannot get good results. It's either smooth animation but blurry text, or choppy animation with smooth text...
  17. @OSUblake I'm pretty let down by scroll magics performance on mobile without using i-scroll or some other hack... but love how a lot of the heavy lifting is already done. Looking for a better solution... I was looking at Apple's page on mobile and it performs really well: https://www.apple.com/homepod/ I see they are using TweenMax/TimelineMax, but was wondering how they are trigger/tracking things. The animation at the beginning of the homepod rotating is really smooth based on scrolling...
  18. I've been using a mix of both ScrollMagic and custom functions. Wanted to see what else people may be using and why. Thanks!
  19. Thanks guys, Doing the transform in the SVG object itself worked. Weird that it would not transform it using JS...
  20. Hey guys, Working on some SVG animation and noticed that rotation was not working properly on Safari (osX and iOS). Check the pen in chrome and firefox (the circle is rotated correctly and starts at the top). If you check the pen in safari the rotation does not happen and it starts at the 3 o'clock position. Thanks
  21. martis

    translate and x/y

    Hey Jack, I tried to make an example that replicated the issue but was not able to recreate it... There may be other external styling involved that I am unaware of
  22. martis

    translate and x/y

    No worries... I ended up wrapping the elements in another div. In the future I will just use xPercent/yPercent as Jack suggested. Thanks!
  23. martis

    translate and x/y

    Hey guys, I have an older project where I was centering everything using position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); I noticed when I upgraded to the latest GSAP that if I do a tween on any of those elements x or y that I lose my centering... Any advice on how to remedy this without having to do a whole lot of rework? Thanks
  24. Trying to unclaim this topic but it's not working... :\
  25. Thanks for the info Jonathan! It's definitely specifically related to Chrome.... Firefox and Safari run smooth as ever