← PluginsAnimation & Camera
camera-shakeOfficial · by ShadereraCamera shake
A camera that breathes, is handheld, or kicks on the hits of the music: seeded noise and hit envelopes as formulas of t, applied in camera space.
Add it to a filmOr ask your agent
“Use the shaderera-plugins skill to add camera-shake to this film and wire it in, then run check and show me a still.”
- Type
- component · Animation & Camera
- Version
- 0.1.0 · published
- Licence
- MIT
- Built on
- npm
- No packages
- Copies
- Tags
- camera shake, handheld, impact, noise, breathing, 3d, deterministic
READMEcamera-shake
How to
use it.
Camera shake as a formula of t: a camera that breathes, is handheld, or takes the hits of the music, the same on every render.
import { hits, SHAKE, shake } from './motion/shake.ts'// in render(t), after the camera tracklet c = camera(t, W / H)c = shake(c, t, SHAKE.breathe) // alive, never stillc = shake(c, t, SHAKE.impact, hits(t, [clock.at(17), clock.at(25)], 0.3), 2) // kicks on the dropsapplyToThree(c, threeCamera, W / H)Presets: breathe, handheld-mild, handheld, impact. Seeded noise and exponential hit envelopes, both pure functions of t: no Math.random, no decay stepped per frame. It turns the camera in its own space, so the authored target stays where it is. Built on camera-keyframes.
More in Animation & Camera02 plugins
More in Animation & Camera
camera-keyframesOfficial · by ShadereraCamera keysA 3D camera as keyframed shots (eye, target, lens, roll) eased over time: dolly, yaw, crane, roll, snap; WebGPU view and projection matrices or a three.js camera; the lens opens for vertical variants.motion-keyframesOfficial · by ShadereraKeyframesValues over time: numbers and 3D points held between keys and eased into each, smooth paths through many points at even speed, and eases from strike and glide to a stateless spring settle and CSS-style bezier.