DEV Community

Deekshith D
Deekshith D

Posted on

How to Implement Wall-Bounded Camera FoV in React?

#react #programming #discuss #frontend

I'm currently working on a React project where the task is to display the security camera's field of view (FoV) on a floor map. The challenge is that there are walls on the floor map, and the FoV should not cross the boundaries of the walls.

In my current implementation, the boundaries are not respected. CodeSandBox Link

My goal is to reach this
implementation .
Can you let me know the library/framework which is used ?

Top comments (0)

_SurveyJS
 Promoted

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Explore this insightful write-up, celebrated by our thriving DEV Community. Developers everywhere are invited to contribute and elevate our shared expertise.

A simple "thank you" can brighten someone’s day—leave your appreciation in the comments!

On DEV, knowledge-sharing fuels our progress and strengthens our community ties. Found this useful? A quick thank you to the author makes all the difference.

Okay