_Greg _ Posted September 13, 2021 Share Posted September 13, 2021 Hi! I'm a little stuck. I want to make an animation: 1. If the blue rectangle decreases to the position shown on the image + gap - we begin to move the inscription at the same speed with which the rectangle decreases. 2. The second inscription also waits until the rectangle reaches the gap mark What happened is very similar, but not the same. Not sure if changing the coordinate when using onUpdate will not affect performance See the Pen xxrrXoG?editors=0010 by gregOnCodePen (@gregOnCodePen) on CodePen Link to comment Share on other sites More sharing options...
Solution nico fonseca Posted September 13, 2021 Solution Share Posted September 13, 2021 Hey @_Greg _ I really liked the idea 🙂 I used a quickSetter to set the lines position and updated them based on the wrapper position. See the Pen 27b6e70f467907cd31e5ed6f528a5c90?editors=1010 by nicofonseca (@nicofonseca) on CodePen Is it helpful ? 6 Link to comment Share on other sites More sharing options...
_Greg _ Posted September 13, 2021 Author Share Posted September 13, 2021 @nico fonseca This is exactly what i want! Thank you! I see first time quickSetter 1 Link to comment Share on other sites More sharing options...
nico fonseca Posted September 13, 2021 Share Posted September 13, 2021 Niceee 🎉 🎉 You are welcome Greg 🙌! 5 minutes ago, _Greg _ said: I see first time quickSetter I also discovered it recently and now can't stop using it 😂. You can use a normal .set() but to boost your performance is better to use quicksetter 🚀 3 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now