Menú
Use React Three Fiber camera shake when a player takes damage or on impacts for visual feedback.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Display React Three Fiber floating damage numbers that animate upward and fade out, with support for critical hits.
Display React Three Fiber health bars above characters using Drei Html and CSS styling.
Display a React Three Fiber pulsing red vignette overlay when the player's health is low.
Make React Three Fiber enemies flash white and rock back and forth when receiving damage.
Poll for React Three Fiber value changes and trigger React re-renders when needed.
Animate React Three Fiber values smoothly using exponential decay instead of linear interpolation.
Basado en la clasificación ocupacional SOC
| name | r3f-camera-shake |
| description | Use React Three Fiber camera shake when a 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
r3f-smooth-interpolation - Exponential smoothing formula detailsThis skill is part of verekia's r3f-gamedev.