Dushyant Kumar
Members-
Posts
12 -
Joined
-
Last visited
Dushyant Kumar's Achievements
1
Reputation
-
Rotate the custom cursor ( box ) on mousemove with gsap
Dushyant Kumar replied to Dushyant Kumar's topic in GSAP
? -
Rotate the custom cursor ( box ) on mousemove with gsap
Dushyant Kumar replied to Dushyant Kumar's topic in GSAP
Thanks...? I tried but it seems repeat is not working I think I'm missing something or doing wrong have a look, the same CodePen I've edited -
Dushyant Kumar changed their profile photo
-
I want to rotate the box on mouse move 1. when cursor goes UPSIDE box will rotate anti-clock-wise 2. when cursor goes DOWNSIDE box will rotate clock-wise How it could be done with gsap ease Thanks
-
How to make cursor pointer center around the circle
Dushyant Kumar replied to Dushyant Kumar's topic in GSAP
Thanks Alot -
I've Use I've Used gsap set to but not working gsap.set(dpkCursor, { xPercent: -50, yPercent: -50 });
-
How can I use GSAP in an MIT licensed project?
Dushyant Kumar replied to Dushyant Kumar's topic in GSAP
thanking you sir ? -
Hello sir ! My question is that can I use (https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js) this only without any extra plugin as dependency for an open source (MIT) project I want to contribute is there any licensing issue
-
Thankyou This work good window.addEventListener("mousemove", e => { // best Power4.out or sine.out gsap.to(dpkCursorMouse,{ duration:.10, x: e.x, y: e.y, ease:'sine.out', overwrite:true, }) });
- 7 replies
-
- customcursor
- scroll
-
(and 2 more)
Tagged with:
-
How Can I optimize This Sir const dpkCursor = document.querySelector(".dpkCursor"); gsap.set(dpkCursor, { xPercent: -50, yPercent: -50 }); let dpkCursorPos = { x: window.innerWidth / 2, y: window.innerHeight / 2 }; let dpkCursorMouse = { x: dpkCursorPos.x, y: dpkCursorPos.y }; window.addEventListener("mousemove", e => { // best Power4.out or sine.out gsap.to(dpkCursorMouse,{ duration:.25, x: e.x, y: e.y, ease:'sine.out' }) }); let dpkCursorSpeed = 1; let dpkCursorXSet = gsap.quickSetter(dpkCursor, "x", "px"); let dpkCursorySet = gsap.quickSetter(dpkCursor, "y", "px"); gsap.ticker.add(() => { dpkCursorPos.x += (dpkCursorMouse.x - dpkCursorPos.x) * dpkCursorSpeed; dpkCursorPos.y += (dpkCursorMouse.y - dpkCursorPos.y) * dpkCursorSpeed; dpkCursorXSet(dpkCursorPos.x); dpkCursorySet(dpkCursorPos.y); });
- 7 replies
-
- customcursor
- scroll
-
(and 2 more)
Tagged with:
-
I want Some Smoothness so i need some animation inside mousemove and for performance optimization i used ticker what is the best way to do so gsap.to(dpkCursorMouse,{ duration:.25, x: e.x, y: e.y, ease:'sine.out' })
- 7 replies
-
- customcursor
- scroll
-
(and 2 more)
Tagged with:
-
Yeh Sir i want to make it default whenever users scroll Plz Suggest some Optimization Thankyou so much for reply
- 7 replies
-
- customcursor
- scroll
-
(and 2 more)
Tagged with:
-
Hello Sir ! I want Some Optimization On my Custom Cursor Example and most importantly i want to remove .hover-active on scroll ( plz suggest some logic in the place where i comment in codepen ) in the best way as calling a function on scroll may create lag or jank
- 7 replies
-
- customcursor
- scroll
-
(and 2 more)
Tagged with: