($25) ThreeJs - Upgrade Wagner Composer Library to Latest Version
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

Wagner Composer Library has been built using ThreeJs version 74 and I need it working with ThreeJs latest version:
https://github.com/spite/Wagner

Bounty: Upgrade the library so it works with the latest version of ThreeJs:
https://threejs.org/

How to do it?

Use version history of ThreeJs and upgrade one version at a time using the following link (https://cdnjs.com/libraries/three.js/), see warnings on console and make changes suggested on ThreeJs git migrations instructions (https://github.com/mrdoob/three.js/wiki/Migration-Guide) until you get no warnings. Then upgrade to the next version.

Example: Upgrade first from version 74 to 75 by and check on console log warnings that specify which commands were deprecated, and double check Migration Guide. Make changes until no warnings. Upgrade to 76, repeat. Upgrade to 77, repeat... until reaching current version.

BONUS 1: The first person to get to version 87 (current version) with a full working version of the library will be awarded a total of bounty of $25.00 (bounty will be increased)

BONUS 2: The winner developer might also receive additional TIPS by other people who found this upgrade useful. This bounty will be posted on the official ThreeJS forum and chat so if you are the winner you will surely get lots of exposure.

Hey I noticed that even with version 74 of threejs the console is showing some warnings , what to do about that? Also which files need to be modified .Thank you
Codeword 8 days ago
The goal is to make index.html work. Use the migration guide to fix the warnings. Worry about the warnings that break the code, I mean worry when the demo stops working. Thanks
georgefountain 8 days ago
Index.html is the "minefield" demo
georgefountain 8 days ago
okay, got it, actually I have already fixed the warnings that were previously there related to version 74, and now working on further.Thank you
Codeword 8 days ago
Thanks!
georgefountain 8 days ago
Hey, just wanted to let you know that I will try to do most of the update but, some updates one needs the understanding of the whole code and library.Unfortunately I may not be able to go through each and every line of the code.So I will try to update as far as possible.If it's okay with you let me know.Thanks
Codeword 8 days ago
Hi Codeword. Thanks for the update. Yes, please see and update it as much as you can and see what is the highest version of ThreeJs you can reach without breaking the code.
georgefountain 8 days ago
okay. I will let you know how it goes,Thanks
Codeword 8 days ago
Update: updated till version83 Thankyou
Codeword 8 days ago
Wow! That's amazing. Are you able to continue to v87 or did you get stuck? Please publish it and tell me the issue or try to fully update to v87 so I can award you the $25. Thanks!! :)
georgefountain 8 days ago
By at Max tomorrow I will try to complete as far as I can and let you know, or most probably I will upload the code to GitHub.Thanks
Codeword 8 days ago
Thanks so much!
georgefountain 8 days ago
I have posted a related bounty which you can solve as soon as you finish this one. If you could finish both asap I would be grateful! Thanks!!! https://bountify.co/threejs-implement-ccapture-js
georgefountain 7 days ago
Update: update completed till version87.I think I will first finish the capture.js bounty and then upload both.Thank you
Codeword 7 days ago
Thank you that's amazing! I wait for your full update
georgefountain 7 days ago
awarded to Codeword

Crowdsource coding tasks.

1 Solution

Winning solution

Hey this is your updated version on wagner https://github.com/Tech-engine/wagner-capturejs
and this is you wagner+capturejs code https://github.com/Tech-engine/wagner

Thanks Codeword. However I am getting errors, of files not found...
georgefountain 7 days ago
And some errors: Wagner.base.js:207 Uncaught TypeError: Cannot set property 'value' of undefined at WAGNER.Vignette2Pass.run (Wagner.base.js:207) at WAGNER.Composer.pass (Wagner.js:128) at render ((index):443)
georgefountain 7 days ago
15:38:56.119 Wagner.js:219 GET http://localhost/wagner-master/fragment-shaders/zoom-blur-fs.glsl 404 (Not Found) 15:38:56.125 Wagner.js:219 GET http://localhost/wagner-master/fragment-shaders/vignette-fs.glsl 404 (Not Found) 15:38:56.126 Wagner.js:219 GET http://localhost/wagner-master/fragment-shaders/vignette2-fs.glsl 404 (Not Found) 15:38:56.127 Wagner.js:219 GET http://localhost/wagner-master/fragment-shaders/sobel-fs.glsl 404 (Not Found) 15:38:56.129 Wagner.js:219 GET http://localhost/wagner-master/fragment-shaders/old-video-fs.glsl 404 (Not Found) 15:38:56.129 Wagner.js:219 GET http://localhost/wagner-master/fragment-shaders/zoom-blur-fs.glsl 404 (Not Found)
georgefountain 7 days ago
I have tested the code and it's working in my computer, okay, can you send me a pic of console
Codeword 7 days ago
Thanks, I am getting errors. I can't run it: https://pastebin.com/tPB9VrnS
georgefountain 7 days ago
Are you test the code on a server or on your local computer using localhost ?
Codeword 7 days ago
Are you testing the code locally via localhost ?
Codeword 7 days ago
Wagner.base.js:304 Uncaught TypeError: Cannot read property 'value' of undefined at WAGNER.ZoomBlurPass.run (Wagner.base.js:304) at WAGNER.Composer.pass (Wagner.js:128) at WAGNER.Composer. (Wagner.js:147) at Array.forEach () at WAGNER.Composer.passStack (Wagner.js:145) at WAGNER.Composer.pass (Wagner.js:116) at render (editor.js:289)
georgefountain 7 days ago
can you come over google hangout
Codeword 7 days ago
yes i just added you
georgefountain 7 days ago