Free and Plus plans launching soon, be the first to know.
PricingDocsStudio
PricingDocsStudio
Log in
DocsCamera SettingsData SettingsLabel SettingsOverlay SettingsScene Settings

Camera Settings

The Camera panel controls camera positioning, movement, and rendering settings. You can create and manage multiple cameras for different shots.

Camera Management

Active Camera - The currently active camera for rendering. Only one camera can be active at a time.

New Camera - Create a new camera with default settings.

Duplicate Camera - Duplicate the current camera to create a similar shot.

Delete Camera - Remove a camera (requires at least 2 cameras).

Camera Properties

Field of View - Camera field of view in degrees (10-120). Wider FOV shows more of the scene.

Near Plane - Distance to the near clipping plane (0.01-100). Objects closer than this won't be visible.

Far Plane - Distance to the far clipping plane (1-10000). Objects farther than this won't be visible.

Resolution

Use Custom Resolution - Toggle between preset and custom resolution.

Resolution Preset - Quick preset for common resolutions:

  • Low (360p): 640×360
  • HD: 1280×720
  • Full HD: 1920×1080
  • 4K: 3840×2160
  • Vertical: 1080×1920

Custom Width - Output video/image width in pixels (when custom resolution enabled).

Custom Height - Output video/image height in pixels (when custom resolution enabled).

Camera Animation

Cameras use a keyframe-based animation system with spherical (orbit) movement.

Keyframes

Add Keyframe - Create a new keyframe at the current timeline position.

Delete Keyframe - Remove a keyframe (requires at least 2 keyframes).

Reorder Keyframes - Drag and drop keyframes to reorder them.

Force Regenerate - Regenerate the camera animation path from keyframes.

Keyframe Settings

Frame - The frame number where this keyframe occurs (0 to total frames - 1).

Radius - Distance from the target (5-100).

Rotation Y - Horizontal rotation around the target in degrees (-180 to 180).

Rotation X - Vertical rotation around the target in degrees (-90 to 90).

Target Anchor - Where the camera looks:

  • None (Absolute): Use absolute target position
  • Data Bounds: Target the data container's bounding box
  • Entity Anchor: Target a specific entity's anchor point

Bounding Box Position (Data Bounds Mode) - When targeting data bounds:

  • X: Left, Center, Right
  • Y: Bottom, Middle, Top
  • Z: Back, Center, Front

Target Position - Position [X, Y, Z] where the camera is looking. When using an anchor, this is an offset from the anchor point.

Easing - Animation easing between keyframes:

  • Linear: Constant speed
  • Power2 In/Out/InOut: Quadratic easing
  • Power3 In/Out/InOut: Cubic easing
  • Back In/Out/InOut: Backward motion easing

Animation Playback

Play/Pause - Control animation playback in the editor.

Timeline Sync - When editing a keyframe, the timeline automatically jumps to that keyframe's frame number.

Static Camera Position

For static cameras (no animation), you can set position and target directly:

Camera Position - Position [X, Y, Z] in 3D space.

Camera Target - Position [X, Y, Z] where the camera is looking.

Create Camera Target - Create a dedicated target entity that the camera follows.

Reset Camera - Reset camera to default position.

Camera Helpers

Show Camera Helper - Display a visual helper showing camera position and orientation.

Show Path Helper - Display the camera animation path.

Show Frustum Helper - Display the camera's view frustum (visible area).​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍‍‌‌‍​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍‍​‌‍‌‌‍‌​‌​‍‌‍​‌‌‍‍‌‌​​‍‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌​‌‌​‌‌‌‌‍‌​‌‍‍‌‌‍​‍‌‍‍‌‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍‌‍‌‌‍‌‍‌​‌‍‌‌​‌‌​​‌​‍‌‍‌‌‌​‌‍‌‌‌‍‍‌‌​‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‌‍‍‌‌‍‌​​‌​‍​​‌‍‌‍‌‍​‌‍​‍​‌‍‌​​‍​​​​​‍‌​​​‌‍​‌‍‌​​‌​​‍‌​‌​​‌​​​​​​‍​‍‌​‍​​‍‌‌‍‌​‌‍‌​​‍‌​‌‍​‌‍​​‍​‍​‌‍‌​‌‍‌​​‌​​‌‍​‍​​​‌‌‍​‌​‍‌​‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌​​‌‍​‌‌‍‌‌‍‌‌‌​​‍‌‌‌‌‍‍‌‌‍​‌‍‌​‌‍‌‌‌​‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍‌‍​‌‍​‌​‌‍‌​​‍‌‌‍‌‌‌‍​​​​​‍‌‌‍​‌​​‍​‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‌‌‍‌‌​‌‌‌‍​‍‌‍​‌‍​‍‌‍​‍‌‍‌​​​​​‌​​​‍‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍‌‌‍​‌‌​‍‌‍‍‌‍‌​‌‍‌‌‌‍‍​‌‍​‍‌‍​‌‌​‌‍‌‌‌‌‌‌‌​‍‌‍​​‌‌‍‍​‌‌​‌‌​‌​​‌​​‍‌‌​​‌​​‌​‍‌‌​​‍‌​‌‍​‍‌‌​​‍‌​‌‍‌‍‍​‌‍‌‌‍‌​‌​‍‌‍​‌‌‍‍‌‌​​‍‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌​‌‌​‌‌‌‌‍‌​‌‍‍‌‌‍​‍‌‍‌‍‍‌‌‍‌​​‌​‍​​‌‍‌‍‌‍​‌‍​‍​‌‍‌​​‍​​​​​‍‌​​​‌‍​‌‍‌​​‌​​‍‌​‌​​‌​​​​​​‍​‍‌​‍​​‍‌‌‍‌​‌‍‌​​‍‌​‌‍​‌‍​​‍​‍​‌‍‌​‌‍‌​​‌​​‌‍​‍​​​‌‌‍​‌​‍‌​‍‌‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌​​‌‍​‌‌‍‌‌‍‌‌‌​​‍‌‌‌‌‍‍‌‌‍​‌‍‌​‌‍‌‌‌​‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍‌‍​‌‍​‌​‌‍‌​​‍‌‌‍‌‌‌‍​​​​​‍‌‌‍​‌​​‍​‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‌‌‍‌‌​‌‌‌‍​‍‌‍​‌‍​‍‌‍​‍‌‍‌​​​​​‌​​​‍‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍‌‌‍​‌‌​‍‌‍‍‌‍‌​‌‍‌‌‌‍‍​‍‌‍‌​​‌‍‌‌‌​‍‌​‌​​‌‍‌‌‌‍​‌‌​‌‍‍‌‌‌‍‌‍‌‌​‌‌​​‌‌‌‌‍​‍‌‍​‌‍‍‌‌​‌‍‍​‌‍‌‌‌‍‌​​‍​‍‌‌

Hydrant turns complex data into clear, dynamic stories.

Founded by digital artist and designer Manuel Rossner, known for projects with Instagram and the Grand Palais in Paris, Hydrant combines art and technology to make data not just understandable, but inspiring.

  • InstagramFollow us on Instagram
  • FacebookFollow us on Facebook
  • XFollow us on Twitter
  • LinkedInFollow us on LinkedIn
  • YoutubeSubscribe to our YouTube channel

© 2025 Hydrant. All rights reserved. Hydrant® is a registered trademark in the European Union.

Secure payment methods

Visa
Mastercard
American Express
Apple Pay
PayPal
Bank Transfer
SEPA

For questions and enquiries, please contact: info@hydrant.app

  • Terms and Conditions
  • Privacy Policy
  • Data Processing Agreement
  • Imprint