Apply configurable pitch and roll camera shake via shake(intensity).
npx skills add https://github.com/verekia/r3f-gamedev --skill camera-shake
Please help me install this Agent Skill. Skill: camera-shake Source: https://github.com/verekia/r3f-gamedev/tree/main/skills/camera-shake Command: npx skills add https://github.com/verekia/r3f-gamedev --skill camera-shake
Shake the camera when the player takes damage or on impacts for visual feedback.
Call shake(intensity) to trigger the camera shake and let the exponential decay return the camera to its base rotation.
High-intent search queries and answers about installing and using this skill.
To add camera shake in R3F, trigger the shake(intensity) function upon player damage to apply rotation offsets to the camera. Exponential smoothing then automatically decays the rotation back to its base state.
Exponential smoothing for camera shake works by applying module-level rotation offsets to the pitch and roll axes, then gradually reducing these offsets over time. This creates a natural decay effect using useFrame without manual tweening.
Yes, you can control the axes affected by the camera shake, which is limited to pitch and roll. The feature applies configurable intensity specifically to camera.rotation.x and camera.rotation.z for impacts and explosions.
The best way to trigger camera shake on impacts is by calling the public shake(intensity) function. You pass a configurable intensity value, and the system handles the rotation offset and exponential decay automatically.
No, this camera shake implementation requires no external dependencies. It operates lightweight within the R3F useFrame loop to manage rotation offsets and exponential smoothing.
Your camera shake only affects pitch and roll because the implementation deliberately limits axis-specific application to camera.rotation.x and camera.rotation.z. Yaw rotation is excluded to maintain directional stability during impacts.
arthur0nSet up a fixed-angle orthographic follow camera for top-down and isometric 3D games.
pinion05Manage Zoom meetings and retrieve cloud recordings via the Zoom API.
atstaeffProvide TypeScript patterns for generative design, gamification, animations, and procedural audio.
sbalagan22Animate 3D objects in React Three Fiber with useFrame and useAnimations.
