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.

Adding Three.js Post-Processing To A Verge 3D App

Home Forums WebGL & WebXR Troubleshooting Adding Three.js Post-Processing To A Verge 3D App

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #23137
    GLiFTeK
    Customer

    Hi,
    I have been busy researching many ways to add custom post-processing filters to my app.
    I’ve finally come to think that instead of using other libraries to overlay and process what is going on in my index.html Verge3D ‘container’ div, that it would be prudent to just perform these effects right in three.js.

    The first test I’ll be exploring will be using this tutorial to see if i can implement it into a fresh Verge3D project.
    3D Batman Logo with Volumetric Light | Three.js Tutorial
    this uses a preset three.js post-processing library found here…(huge)
    .. A post processing library that provides the means to implement image filter effects for three.js.

    Now, it comes to obviously exploring the “do’s and don’ts” of how to implement this.

    The first thing i’d like to know is this:
    Can I simply link these libraries and alter the app’s .js code (in run your own code section)…
    or do i have to alter the actual v3d.js code to implement?
    If so, will this have to be re-applied upon Verge3D version updates?

    I’m wondering this because in the tutorial, the instructor changes the renderer to the “composer” renderer for the post-processing to operate.

    FYI, I’ve always been more of a ‘cobbler’, cutting and pasting and augmenting code to my own liking rather than a straight up ‘programmer’.
    I’ve had a steady amount of success with this, as I eventually end up with code of my own and I don’t stop until I have acceptable desired results B-) .
    Because i know anything is possible nowadays.

    Hopefully I can get these filter effects ideas, which I’ve had on the back-burner for so long, into the rendered result and move on to the other giant hurdles this project demands.

    Thanks!

    #23142

    This stuff can certainly be added to Verge3D. You however will need the access to the source code of the engine to do this effectively (available with the Enterprise option).

    Chief 3D Verger | LinkedIn | Twitter

    #23145
    GLiFTeK
    Customer

    This stuff can certainly be added to Verge3D. You however will need the access to the source code of the engine to do this effectively (available with the Enterprise option).

    ah.
    guess that will have to wait.

    #27842
    Johnson
    Customer

    Hi, first time poster here w/ a quick question regarding this.


    @yuri
    are you saying that this is not possible to do via puzzles?

    I’m looking at the code examples site and would like to add some of this to my projects but am not a javascript programmer (slowly learning bit by bit though).

    From reading the documentation, there’s a host of post-processing and other effectual upgrades to visual presentation available to be used via Verge3D- looking forward to utilizing them if possible. Thanks!

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