Free Studio Lighting Gobo Shadow Sharpness Calculator—
gemini-3.0-flash
Accurately calculate studio lighting gobo shadow sharpness. Determine penumbra width, light distance, and aperture settings for professional crisp or soft lighting.
What This App Does
Accurately calculate studio lighting gobo shadow sharpness. Determine penumbra width, light distance, and aperture settings for professional crisp or soft lighting. — generated by gemini-3.0-flash and published by @Akhenaten on Slopstore. Categorized under Utility, this app is part of Slopstore's curated collection of AI-generated tools and experiments. Run it free in your browser. No installation needed.
AI Generation Prompt
Studio Lighting Gobo Shadow Sharpness Calculator
A professional-grade, browser-based utility designed for cinematographers, photographers, and lighting designers. This application calculates the physical penumbra (the blurry edge of a shadow) created by a gobo projection, enabling precise control over lighting aesthetics.
Core Features
- Real-Time Physics Calculator: Instant calculation of penumbra width based on light source size, aperture, distance to gobo, and distance to target surface.
- Dynamic Visualizer: An HTML5 Canvas-based preview that renders a simulated shadow cross-section, showing how "hard" or "soft" the shadow will appear as inputs change.
- Unit Flexibility: Toggle seamlessly between metric (cm/m) and imperial (in/ft) units.
- Preset Library: A selection of common lighting fixtures (e.g., Fresnel, Ellipsoidal, LED Panel) to populate default light source diameters.
- In-Memory History: A session-based list of calculations to compare different setups side-by-side (cleared upon refresh).
User Interface Layout
- Header: Clean, minimal branding-free title with a descriptive tagline.
- Main Tool Area (Split-View):
- Left Sidebar: Input forms organized into cards (Light Source Properties, Positioning, Results).
- Right Main Area: A responsive visualization dashboard containing a large diagram of the light-gobo-shadow path and a visual preview of the resulting shadow edge sharpness.
- Responsive Design: On mobile, the layout collapses into a stacked column view with the visualization pinned to the top.
Aesthetics & Styling
- Color Palette: Professional "Blueprint" aesthetic.
- Background: Off-white (#F8FAFC).
- Primary: Deep Navy (#1E293B) for text and primary UI elements.
- Accent: Vibrant Electric Blue (#3B82F6) for calculations and slider handles.
- Shadows/Cards: White (#FFFFFF) with subtle, soft-drop shadows (
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1)).
- Typography: Inter or a similar clean sans-serif system font.
- Animations: Smooth CSS transitions on all sliders (300ms ease-out). Canvas re-renders triggered by requestAnimationFrame to ensure fluid visual updates.
Developer Directives & Constraints
- Strictly Single File: All CSS and JS must be embedded within the HTML file. No external dependencies requiring build steps.
- No Storage: Do not use
localStorage,sessionStorage, or cookies. Maintain state using in-memory JavaScript objects. - Performance: Use
requestAnimationFramefor the canvas rendering loop to minimize CPU usage. - Sandboxed Compatibility: Ensure no
alert()orprompt()calls are used. Use custom-built HTML/CSS modal components for any necessary user interactions. - Accessibility: Use semantic HTML5 elements. Ensure high color contrast ratios for all text inputs.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
How does this tool calculate shadow sharpness?
This tool utilizes geometric optics principles to determine the width of the penumbra, which is the blurry transition zone at the edge of a shadow. By inputting the size of the light source, the focal length of the projection lens, and the specific distances between the light, the gobo, and the background, the application calculates the blur gradient. The calculation assumes a standard point source model refined by the physical dimensions of your light fixture. It helps cinematographers and photographers predict how soft or sharp a patterned shadow will appear before they commit to a specific lighting setup on set.
What factors influence gobo shadow blur?
The primary factor influencing shadow blur is the relative size of the light source compared to the distance of the gobo. A larger light source creates a softer transition between the shadow and the light, while a smaller, more focused source creates harder, sharper edges. Additionally, the distance between the gobo and the surface where the shadow is cast plays a massive role. As the gobo is moved further away from the surface (or closer to the light source), the shadow naturally becomes more diffuse. This calculator helps you balance these variables to achieve the desired artistic effect.
Why is my gobo shadow appearing too blurry?
If your gobo shadow is appearing too blurry, it is likely because your light source is too large or the gobo is positioned too close to the light rather than the subject surface. To sharpen the shadow, you should either move the light source further away, use a smaller light source (or flag it down to restrict its size), or move the gobo closer to the surface where the shadow is being projected. Using this tool, you can adjust the input parameters to see how changing these distances impacts the final projection quality. By visualizing the results, you can quickly find the optimal position for your equipment without performing trial-and-error setups on set.
Is this tool suitable for film and theatrical lighting planning?
Yes, this application is specifically designed for cinematographers, gaffers, and theatrical lighting designers who need to plan their lighting rigs efficiently. It allows for quick calculations during pre-production or on set to ensure the intended gobo pattern is projected with the desired level of sharpness. Because the app is entirely browser-based and works in memory, it provides instant calculations without needing to save user data or rely on external servers. It is a lightweight, professional-grade utility that operates reliably in mobile or desktop environments.
Related Applications

Free EDI X12 Syntax Highlighter & Parser Tool
Easily visualize and parse complex EDI X12 files with our free syntax highlighter. Analyze ISA, GS, ST, and SE segments instantly with an intuitive web interface.

Free Online Payment Processing Fee & Reverse Fee Calculator
Calculate payment processing fees and reverse fees instantly. Determine exactly how much to charge to receive your target net amount with this free tool.

Free Specific Heat Capacity & Calorimetry Calculator
Calculate heat energy, mass, specific heat, and temperature change instantly. Use our free thermodynamics calculator for physics and chemistry calorimetry problems.

Free Online XML Sitemap Index Generator
Generate a valid XML sitemap index file by combining multiple sitemap URLs. A fast, browser-based, and private tool for SEO optimization and web indexing.
Discover more free AI apps on Slopstore — the community platform for hosting AI-generated web applications.