Vvvv.js effects do not run locally

[olygamy]

Hello there,
I want to create online visualisations in vvvv.js - and in a need of using shaders and effects. While playing around with the existing examples from github: GitHub - zauner/vvvv.js and trying to edit this particular example: vvvv.js/examples/08_2pass_heightmap at master · zauner/vvvv.js · GitHub, the heightmap.fx (or DeformByHeightMap.fx) node is not loading properly (so I cannot see the heightmap deformation as on the online example: VVVV.js Lab: Deform by Height Map + Height as Color by ZNR). Whenever I enter #edit/example08.v4p in the browser, in terminal I get message:

“ERROR: Could not load shader file HeightMap.vvvvjs.fx”
“Warning: Could not load shader file HeightMap.vvvvjs.fx is not implemented”. …

In Chrome console:

“VM89:194 Cannot read property ‘1’ of null” and “TypeError: Cannot read property ‘1’ of null
at VVVV.Nodes.GenericShader.setupShader (vvvv.nodes.webgl.js:1874)”

The both files are in the same folder as the patch (and also in the effect folder). I went through the html files - triple checked all the links as well as xml file of v4p but cannot find any source of the problem. ANY IDEAS??? Thanks, Kasia

[joreg]

you may be more lucky asking vvvv.js related questions here: Issues · zauner/vvvv.js · GitHub

or call @tekcor or @sagishi for help

[sagishi]

Hi,

that particular example seems not to be compatible with 2.0 (or Github’s master).

Moreover, 2-pass rendering with Canvas as first pass going into WebGL as 2nd pass (like in that example) has been broken at some point and has not yet been replaced. Passing WebGL Renderer to WebGL Renderer works fine though.

For more shader heavy examples have a look at tekcor’s vvvvjs-examples at GitHub - tekcor/vvvv.js-examples: How to use vvvv.js for advanced web applications

Edit: grammar

[tekcor]

Hi,

for your direct support i can recommend the official vvvv.js chat, which replaces our forum atm

Element

then, as sagishi pointed out, check out my examples
https://tekcor.github.io/vvvv.js-examples/

in particular the “walking on terrain” will give you a good example of how to do the heightmap nowadays, there is an extra node for it. you can feed it with a one dimensional height buffer, either procedurally or from a json file

I also wrote this tutorial of how to get things started locally
http://000.graphics/tutorial/03_VVVV.js_Getting_Started.html

note that currently the most advanced vvvv.js branch on which the examples page and this tutorial runs is under another link:

GitHub - tekcor/vvvv.js

just write us in the riot chat if you need help for your project ;)

[olygamy]

Hey there,

Thanks for your prompt reply and all noted!
Cheers,

K