Security Camera Coverage Calculator with 3D graphics

Showcase
, ,
1

Hi,
This is our three.js based free calculator for security camera coverage. The calculator displays how a person or a number plate will look at the specified distance and calculate pixels per meter or pixels per foot.

  • Displays DORI zones (where Detection/Observation/Recognition or Identification of a person is possible).
  • Calculates lens focal length and viewing angles.
  • Has a database of popular camera models (uses JVSG API for that).
  • Has a function to load a floor plan
8 Likes
2

Very impressive. I like the clear visuals. Controls are a bit hard to figure out though.

3 Likes
3

Thank you!
We updated our lens calculator.
And added a car 3D model. The user can choose a license plate to see if the license plate can be recognized from the specified distance with this camera. Also we localized the calculator to 10 different languages.
Three.js is a really great library!

4

We added security camera filters in our threejs calculator, so the user can select a camera manufacturer and then click Filter button and specify parameters like camera type, minimum resolution, focal length, e.t.c

Now thousands of users use our cctv lens calculator monthly.

Very impressive. I like the clear visuals. Controls are a bit hard to figure out though.

We tried to make controls simple, but at the same time keep UI closer to a professional video surveillance system design software IP Video System Design Tool

5

It is nice and easy to use. It will help users that are not aware of the meaning and effect of camera’s parameters and settings.

I experienced two problems while trying to use the calculator (disclaimer: I do not have security camera, I just used the calculator to see what it does).

  1. The control panel is too long for my screen and I cannot see & use the full “Field of view” section.
  2. When the camera is high, the sample snapshot shows as if the person is looking at the camera. I’d expect that in this case the snapshot should show the top of the head.

image
image1916Ă—936 212 KB

6

Regarding controls, back when I tried it, that was a long while ago now. Controls were not explicitly explained, and there weren’t enough visual aids to understand what you were doing.

I’m not sure about the current state, but giving some kind of a guide/tutorial/hint to the user would probably be enough to solve this confusion for new users who are not used to the control scheme.

Hope that helps