Guidance on Improving Visual Quality of 3D Render in My Construction App

Questions
,
1

Hi,

I’m currently developing an application for the construction industry. The core features are functional and serve their purpose well, but the visual quality of the 3D render still feels lacking and unpolished.

Here’s what I currently have:

image
image489×665 44.7 KB

And this is the kind of visual quality I’m aiming for:

image
image990×652 66.8 KB

I’m particularly interested in:

  • Achieving the same level of color intensity and lighting.

  • Reproducing the mesh border or outline effect to make elements stand out more clearly.

I’m not looking for specific code snippets, just some general directions, concepts, or techniques that could help me improve the visual output—whether it’s related to material settings, lighting, post-processing, or rendering approach.

Thanks in advance for your help!

1 Like
2

Adding ambient + directional light, putting on MeshLambertMaterial and set some colors would help with the first point.

Checkout three.js examples for #2