FuzzyRhys Posted May 24, 2022 Share Posted May 24, 2022 Hi there, please accept my apologies for any poor terminology as i'm fairly new to GSAP - i'm looking for a way to build the attached image wheel naviagation. Essentially the dial will be able to rotate and select the letters in the wheel, when the user hits the select button there letter will be added to a seperate div/element. I'm struggling assosiating the rotating dial to the letters. I'm wondering if anyone can help assist with this even a super basic example would be amazing - thanks in advance. Rhys See the Pen ExQwmrR by fuzzyRhys (@fuzzyRhys) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted May 24, 2022 Share Posted May 24, 2022 Heya! This looks nice and simple actually. There's 26 letters in the alphabet, and they're spaced out over 260 degrees of the circle. That's maths I can handle 😂 You can specify a start and end point, then just snap every 10 degrees and log out the end rotation value See the Pen vYdeZog?editors=0111 by GreenSock (@GreenSock) on CodePen 5 Link to comment Share on other sites More sharing options...
FuzzyRhys Posted May 24, 2022 Author Share Posted May 24, 2022 Hey Cassie, this is perfect thank you so much for taking the time to have a look 🙏 Appreciate you and all at Greensock! 3 Link to comment Share on other sites More sharing options...
Cassie Posted May 24, 2022 Share Posted May 24, 2022 No worries at all - this looks fun, pop back when it's finished, we'd love to see it ☺️ Link to comment Share on other sites More sharing options...
FuzzyRhys Posted October 19, 2022 Author Share Posted October 19, 2022 Hey Cassie, i know it's been ages since you helped with this but wanted to let you know the piece has now been installed in a major UK museum and to mention this awesome library is being used on tonnes of wierd and wonderful projects around the world - thanks again for your help. Touchscreen responsive dimensions (1920px x 1080px) http://ducknest.co.uk/eureka/onshore-fault/ 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