Home › Forums › WebGL & WebXR Troubleshooting › Adding Three.js Post-Processing To A Verge 3D App
- This topic has 3 replies, 3 voices, and was last updated 4 years, 6 months ago by Johnson.
-
AuthorPosts
-
2020-01-31 at 12:15 pm #23137GLiFTeKCustomer
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 .
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!
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-01-31 at 1:19 pm #23142Yuri KovelenovStaff2020-01-31 at 4:50 pm #23145GLiFTeKCustomerThis 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.Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-05-21 at 11:50 am #27842JohnsonCustomerHi, 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!
-
AuthorPosts
- You must be logged in to reply to this topic.