@aboakapp:

ابوعقاب الجهمي🇾🇪🇬🇧
ابوعقاب الجهمي🇾🇪🇬🇧
Open In TikTok:
Region: GB
Monday 05 October 2026 14:44:07 GMT
285
20
4
0

Music

Download

Comments

sandaborauan_77
سند ابو ريان :
منووورين الشباب. حفظهم الله الله يشفي الاخ باسل ويرده الى اهله بصحه وسلامه
2026-10-05 17:05:55
1
user3943320217811
محمد عادل الصالحي :
🥰🥰🥰
2026-10-06 06:27:33
1
To see more videos from user @aboakapp, please go to the Tikwm homepage.

Other Videos

How I build with Claude 👇 Academy in bio 🔗 Motion that feels heavy instead of snappy, step by step: 1. Never assign a value straight to the element. Keep two numbers per property, target and current. On mousemove or scroll you only ever update target. 2. Inside a requestAnimationFrame loop: current += (target - current) * 0.08. Then apply current. That one line is what gives an object weight. 3. Lower the 0.08 for heavier, raise it for snappier. 0.05 feels like a slow cinema lens, 0.15 feels like normal UI. 4. Frame rate independence: on a 144Hz screen that 0.08 runs almost twice as fast as on 60Hz. Use factor = 1 - Math.pow(0.001, delta) with delta in seconds, then current += (target - current) * factor. 5. Kill the loop when Math.abs(target - current) < 0.0001, otherwise you drain battery on a page that is not even moving. Real depth instead of fake parallax: 6. Stop moving layers at different speeds. Put the objects in a Three.js scene at actual z values, pencil at z 0.4, coaster at z 0, cutting mat at z -0.3. 7. Move the camera, not the objects: camera.position.x = Math.sin(t * 0.2) * 0.6, camera.position.y = Math.cos(t * 0.15) * 0.3, then camera.lookAt(0, 0, 0). 8. Perspective gives you the parallax for free and it stays correct from every angle. Stacked divs fall apart the second the motion is not horizontal. 9. Push the mouse through the lerp from step 2 before it reaches the camera. Raw pointer input always looks cheap. Smooth scroll: 10. new Lenis({ lerp: 0.1 }), then call lenis.raf(time) inside the rAF loop you already have. Never run two loops. 11. Wire it up: lenis.on('scroll', ScrollTrigger.update). Skip this and every scroll animation desyncs from the page. Frosted card: 12. background: rgba(255,255,255,0.08), backdrop-filter: blur(20px) saturate(1.4), border: 1px solid rgba(255,255,255,0.18). The saturate is what stops it reading as flat grey. Save this if you want motion with weight 🪵 #claude #buildinpublic #webdesign #3d #fyp
How I build with Claude 👇 Academy in bio 🔗 Motion that feels heavy instead of snappy, step by step: 1. Never assign a value straight to the element. Keep two numbers per property, target and current. On mousemove or scroll you only ever update target. 2. Inside a requestAnimationFrame loop: current += (target - current) * 0.08. Then apply current. That one line is what gives an object weight. 3. Lower the 0.08 for heavier, raise it for snappier. 0.05 feels like a slow cinema lens, 0.15 feels like normal UI. 4. Frame rate independence: on a 144Hz screen that 0.08 runs almost twice as fast as on 60Hz. Use factor = 1 - Math.pow(0.001, delta) with delta in seconds, then current += (target - current) * factor. 5. Kill the loop when Math.abs(target - current) < 0.0001, otherwise you drain battery on a page that is not even moving. Real depth instead of fake parallax: 6. Stop moving layers at different speeds. Put the objects in a Three.js scene at actual z values, pencil at z 0.4, coaster at z 0, cutting mat at z -0.3. 7. Move the camera, not the objects: camera.position.x = Math.sin(t * 0.2) * 0.6, camera.position.y = Math.cos(t * 0.15) * 0.3, then camera.lookAt(0, 0, 0). 8. Perspective gives you the parallax for free and it stays correct from every angle. Stacked divs fall apart the second the motion is not horizontal. 9. Push the mouse through the lerp from step 2 before it reaches the camera. Raw pointer input always looks cheap. Smooth scroll: 10. new Lenis({ lerp: 0.1 }), then call lenis.raf(time) inside the rAF loop you already have. Never run two loops. 11. Wire it up: lenis.on('scroll', ScrollTrigger.update). Skip this and every scroll animation desyncs from the page. Frosted card: 12. background: rgba(255,255,255,0.08), backdrop-filter: blur(20px) saturate(1.4), border: 1px solid rgba(255,255,255,0.18). The saturate is what stops it reading as flat grey. Save this if you want motion with weight 🪵 #claude #buildinpublic #webdesign #3d #fyp

About