Import cad 3d data and render in react js (HMI)


I would like to import a machine plant as a 3d cad model into react.js and visualize the plant in the HMI. It should be possible to click on different parts of the plant and display them in 3D in single view. How exactly does this work? I know that I need three.js to display the model (step file) in react but what functions are behind that in the code? Are they rather complex functions or can you just go ahead with it?

To add, I am still a beginner in react.js.

Thanks a lot!

You will need to create a component with Ignition's SDK, I think. You cannot just use any arbitrary javascript in Perspective.

1 Like