Menu
Shake the camera when the player takes damage or on impacts for visual feedback.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Poll for changes to any value and trigger React re-renders when it changes.
Day-to-day coding style and patterns for R3F game development with Miniplex ECS.
Verekia's preferred project setup with Next.js Pages Router, Tailwind 4, oxfmt, oxlint, and TypeScript.
Use Zustand as a simple state store for entity management (not a true ECS).
Attach meshes to bones of a skinned mesh, such as attaching a sword to a character's hand.
Display floating damage numbers that animate upward and fade out, with support for critical hits.
| name | camera-shake |
| description | Shake the camera when the player takes damage or on impacts for visual feedback. |
Shake the camera when the player takes damage or on impacts for visual feedback.
Instantly offset the camera's rotation on X (pitch) and Z (roll) axes, then smoothly return to the base rotation using exponential decay in useFrame.
(target - current) * (1 - Math.exp(-speed * dt))camera.rotation.x and camera.rotation.zshake(intensity) from anywhere to trigger the effectconst shake = (intensity = 0.05) => {
rotationOffset.x = (Math.random() - 0.5) * intensity
rotationOffset.z = (Math.random() - 0.5) * intensity
}
// In useFrame:
rotationOffset.x += addSmoothExp(rotationOffset.x, 0, 10, delta)
camera.rotation.x = rotationOffset.x
smooth-interpolation - Exponential smoothing formula detailsThis skill is part of verekia's r3f-gamedev.