Jump to content
GreenSock

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!

martis

ShockinglyGreen
  • Posts

    212
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by martis

  1. Using next (react 18) and for some reason .from() is not working on refs and #ids... .to() is working just fine. Any suggestions? It transforms the value to the .from() but does not animate back to the original value.
  2. Thanks Jack, I ended up having to abandon it and did something else. Have you guys considered adding some sort of reverse:false option to automatically do this?
  3. Hello, I am looking to have an animation only scrub in one direction. I am running into an issue with loading and having its start and end points jump around. Or it will appear higher on the page, then as images above it load, it pushes it down, but will not reset correctly using the example here: https://codepen.io/GreenSock/pen/abZjjNr Is there a method I should be looking at like `refresh()`?
  4. Ok removing my old types seemed to of worked. Lemme see if I can get things typed correctly This is working... const tl = React.useRef<GSAPStatic.Timeline>(); tl.current = gsap.timeline({ paused: true }); How does importing easing look like in 3.0? Nm... I see you can just now use them as string ease: "expo.inOut" This is great, thanks all!
  5. Hi all, I installed 3.0.1 and am having some issues importing while using Typescript. import { gsap } from "gsap"; [ts] Module '"gsap"' has no exported member 'gsap'. import gsap I was previously using @types/gsap. Do I need to update these definitions somewhere? Thanks!
  6. the xPercent, yPercent is working well and it seems to be updating correctly on resize. Can you give me any insights into when and how often those values are being calculated? Thanks!
  7. Hi Jack, It is to provide new values based on screen size for x, y movement. Which is now making me reconsider to use xPercent, yPercent. I'll experiment with this and see where it gets me!
  8. Hi all, Working with a gsap timeline in react as a `useRef` and wanted to know the best way to go about handling resize. Right now I am remaking the timeline on resize, but I am having to record its current progress and set it back to that progress if the animation is currently running. Is there a better method than totally remaking the timeline to "update it on the fly" based on new screen dimensions without using xPercent, yPercent?
  9. This was the case and I found the fix, sorry for the alarm
  10. 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)
  11. Thanks guys! I ended up creating a Vue plugin...
  12. Thanks Dipscom, Do you have an example of what this might look like with the fallback? CDN feels like the easiest solution so far!
  13. 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!
  14. 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.
  15. 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!
  16. 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!
  17. I don't but I figured it out... Rather than using a <clipPath> I had to use a <mask>
  18. 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!
  19. martis

    Three.js properties

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

    Three.js properties

    Wow, thanks Jack! So far so good, will let you know if I run into any hiccups!
  21. 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...
  22. martis

    Three.js properties

    Figured it out... attr:{ } Err nm this doesn't work for what I am trying to do
  23. 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}})
  24. 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...
×