ThreeJS 3D model viewer implemented in React Native
Budget: $30 – $250 USD
We are looking for someone to develop a ThreeJS 3D model viewer implemented in React Native.
The viewer will need to render a 3D model, based on a converted JSON file as input. The JSON data contains data about a room and its dimensions + objects in the room, which ultimately needs to collectively render the 3D model.
(The file has been originally converted from a .USDZ file using the plugin (URL). We will attach an original USDZ file+converted JSON file solely for reference.)
---
**Functions**
Toggle between 3D/2D. 3D view as default when loading the viewer.
3D view
– Rotate model on all axis
– Pinch to zoom
– Tap on any surface/object to highlight and show the dimensions of the selected surface/object.
2D view
– Views the 3D model as a 2D floor-plan from above
– Hide certain objects that are labeled by a specific label. It should highlight the dimensions of all visible surfaces/objects
**Technical requirements**
– Needs to be compatible with the latest version of React Native.
– Needs to be coded in TypeScript.
This viewer will be implemented as a feature in an app. If we find you qualified for the job, further explanation/visualisation will be provided.
The viewer will need to render a 3D model, based on a converted JSON file as input. The JSON data contains data about a room and its dimensions + objects in the room, which ultimately needs to collectively render the 3D model.
(The file has been originally converted from a .USDZ file using the plugin (URL). We will attach an original USDZ file+converted JSON file solely for reference.)
---
**Functions**
Toggle between 3D/2D. 3D view as default when loading the viewer.
3D view
– Rotate model on all axis
– Pinch to zoom
– Tap on any surface/object to highlight and show the dimensions of the selected surface/object.
2D view
– Views the 3D model as a 2D floor-plan from above
– Hide certain objects that are labeled by a specific label. It should highlight the dimensions of all visible surfaces/objects
**Technical requirements**
– Needs to be compatible with the latest version of React Native.
– Needs to be coded in TypeScript.
This viewer will be implemented as a feature in an app. If we find you qualified for the job, further explanation/visualisation will be provided.