Skip to content

Kurosar/FOVCalculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

🎯 Field of View Calculator

FOV Calculator JavaScript Material Design Responsive

A beautiful, modern FOV (Field of View) calculator with bidirectional conversion for gaming and display configuration.

🚀 Try it Live🐛 Report Bug

FOV Calculator Screenshot


✨ Features

  • Bidirectional Conversion - Convert between horizontal and vertical FOV
  • Real-time Updates - Instant calculation as you adjust sliders
  • Resolution Presets - Common resolutions (FHD, QHD, 4K, Ultrawide)
  • Custom Settings - Manual resolution and aspect ratio inputs
  • Material Design - Clean, professional UI
  • Responsive Layout - Works on desktop and mobile

🚀 Quick Start

Instant Use (No Installation)

  1. Open the calculator in your browser
  2. Click the resolution card to select your display
  3. Adjust FOV sliders to your preference
  4. Copy the calculated values to your game settings

Local Development

# Clone the repository
git clone https://github.com/Kurosar/FOVCalculator.git
cd FOVCalculator

# Open in browser (no build required!)
open index.html

🔧 Technical Details

Conversion Formula

// Horizontal to Vertical FOV
VFOV = 2 × arctan(tan(HFOV/2) × height/width)

// Vertical to Horizontal FOV  
HFOV = 2 × arctan(tan(VFOV/2) × width/height)

Technology Stack

  • Vanilla JavaScript - No frameworks, maximum compatibility
  • Material Design - Google's design language
  • FontAwesome - Icon set
  • CSS Grid & Flexbox - Modern, responsive layouts
  • HTML5 - Semantic, accessible markup

📜 License

This project is licensed under the GPL v3 License - see the LICENSE file for details.


Made with ❤️ by Kurosar

Star this repo if you find it useful!

About

A modern web based vertical / horizontal FOV Calculator

Resources

License

Stars

Watchers

Forks

Languages