We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Next-level quality in webgl

Home › Forums › Graphics / Blender › Next-level quality in webgl

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • 2025-01-09 at 5:11 pm #79742
    Brameister
    Participant

    Just how does one go about achieving this level of quality with awesome performance in webgl? I’ve tried and learned so much about materials and optimization in Blender, but still can’t come even close to something like this:

    https://threejs-jewelry.vercel.app/

    2025-01-09 at 7:28 pm #79746
    solid
    Customer

    https://cdn.soft8soft.com/demo/blender/jewelry_configurator/index.html
    https://www.soft8soft.com/docs/manual/en/introduction/App-Manager.html#asset_store

    Webgl Interactive Development https://t.me/AlternativeWebgl

    2025-01-09 at 9:34 pm #79747
    Brameister
    Participant

    Sure, but did you put them both side by side? There’s no comparison. The quality of the first one is outstanding

    2025-01-09 at 11:10 pm #79749
    xeon
    Customer

    What do you see as the quality difference? Is it the reflection maps, lighting, the bloom, the modeling?

    From what I see the three js version has a higher mesh density gem, higher bloom setting, different lighting and a different reflection map. Other than that… I would think you could get these same results in V3D.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2025-01-10 at 2:29 am #79750
    qiangge
    Participant
    xeon wrote:

    What do you see as the quality difference? Is it the reflection maps, lighting, the bloom, the modeling?

    The main difference is the caustics effect. In r3f, this is a basic component, whereas in Verge3D, there are fewer advanced features available, and it requires custom development.

    • This reply was modified 4 days, 10 hours ago by qiangge.
    2025-01-10 at 2:37 am #79752
    qiangge
    Participant
    Brameister wrote:

    Just how does one go about achieving this level of quality with awesome performance in webgl? I’ve tried and learned so much about materials and optimization in Blender, but still can’t come even close to something like this:

    If I introduce the r3f Diamond refraction material and caustics effect into Verge3D through a plugin mosaic, how much would you consider paying for it? ;-)

    2025-01-10 at 10:24 am #79765
    Brameister
    Participant
    xeon wrote:

    What do you see as the quality difference? Is it the reflection maps, lighting, the bloom, the modeling?

    Basically everything. I see a much sharper image, like it is being rendered in Cycles. The bloom is much more balanced, there also seems to be an autofocus and depth of field feature of some kind, reflections are so much better.

    You guys really don’t see a huge difference? Here’s a side-by-side

    Attachments:
    You must be logged in to view attached files.
    2025-01-13 at 1:44 am #79785
    qiangge
    Participant

    I use a plugin puzzle to implement the diamond material in R3F，more info

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.