piyush aggarwal

How to beautify final rendered view of a 3D model on web browser using Babylon.js

Recommended Posts

My aim is to render a 3D model on a web page and change its textures. I am using Babylon.js for the same.

So far I am able to render the 3D model and change its texture but I am stuck in end beautification of the final view also known as post processing. I want to improve the quality of my rendered 3D model. 

 

I am enclosing the screenshot of what I have done(Figure 1) and what I want to achieve(Figure 2) so that you can get a clear picture of the issue.

My example.PNG

My goal.PNG

Share this post


Link to post
Share on other sites
On 11/26/2018 at 8:58 PM, Sebavan said:

Hello and welcome to the forum,

All end up adding the good lighting and post process you want. I would start by adding an environment to ground the mesh and add tonemapping:

https://www.babylonjs-playground.com/#10D6YT#168

 

Thanks Sebavan, adding tonemapping, exposure and contrast worked.  

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.