Loading 2D dwg model to threejs

Questions
,
1

floor plan.zip (610.9 KB)

I have converted a 2D DWG model to a JSON file. After that I have uploaded it in threejs editor. I am able to see some of part of model by scrolling in/out and I am unable to see the complete model. Could you please tell how do i fix this issue?

I have attached the file. Please check.

2

Can you please explain how this conversion was performed?

3

We are using https://www.prototechsolutions.com/product/json-exporter-autocad/ to convert the drawing into JSON.

4

I get this in the editor (after scaling down the model):

image
image1922×1674 251 KB

How does it supposed to look like? Can you please share a screenshot that shows the expected result?

5

Thank you for your response. The one in you image is correct.

But, this is how it loads for me in the ThreeJS Viewer.

image
image1914×933 83.1 KB

1 Like
6

Try to decrease the scale of the top-most floor plan object. The scale of the model is huge and thus not properly renderable in the editor’s viewport.

1 Like
8

I have scaled the image and getting the almost correct 2D image. But there are slight mistakes, some model objects are sticking out of the image hence making it a 3D model. Could you please tell me how do I fix this? I also want to view this image as 2D image only no 3D. Could you please how do I do this? Please check the following images: -

The original Image:-

originalimage
originalimage1600×900 62.5 KB

Scaled Images(with slight mistakes):-

scaledImage
scaledImage1600×900 99.3 KB

scaledimage2
scaledimage21600×900 93.3 KB

scaledimage3
scaledimage31600×900 100 KB

9

I would report this issue to the developers of the JSON exporter. As a quick fix, you could iterate over the vertices of your model and ensure that all of them lie in a XY plane. So all vertices would have the same z-coordinate. Keep in mind that this is something you have to do in code and not with the editor.

You could render the scene with an orthographic camera into a render target which could then be used as a texture. Rendering with an orthographic camera might also solve the with the exposed objects (since no perspective is used anymore).

10

Thank you for your response. Is it possible to auto-scale to fit the viewport programatically?

11

Double-clicking on the outliner’s entry should focus the object. You can also select the floor-plan and hit f.

12

Could you please which file shall I edit for setting the default scale size to 0.001? Is it Command.js, Editor.js or Loader.js?

13

Since you are loading JSON it might make sense to adjust this code section:

result represent the loaded JSON. You can make adjustments like result.scale.multiplyScalar( 0.001 ) in the onLoad() callback (before the commands are created).

14

is there any api to achieve this. Means dwg to json converter

Thanks

1 Like