Fog in JavaScript / WebGL

yeah that’s the first one i looked at.
all i saw was a tanish-pink screen and nothing changed.
but now the fog CLEARS and i see mountains.. ahhhhahah.
thanks!
I’ll see what i can do with this.

so…
still struggling with implementing this in the .js file.
in the source for that example at github here
there’s all the terrain and mouse interaction code in the script within the html…
but if i JUST want the code, it should be a very simple line like the one i find there..
scene.fog = new v3d.FogExp2(0xefd1b5, 0.0025);
i’ve put that, like i do other external js call code after the “hello there” part of our .js file.
and i call js function “fog” and to no avail..

i also deleted “scene” and had it just “fog” and newp.

also tried doing something like..
app.ExternalInterface.fog = new v3d.Fog(black, 0.0025, 5);

and

app.ExternalInterface.fog = new THREE.Fog(0x000000, 0.0025, 5);
which i found on other samples

but no.
I used to use javascript alot long ago.. and am probably in need of a refresher course, but i am stumped at this, as it seems so simple.

thanks

Yuri Kovelenov wrote:

Hi,
Try making it
app.scene.fog = new v3d.FogExp2(0xefd1b5, 0.0025);
place this line inside the runCode() function in your app js file.

hmm..
not working..
tried it in a diff app also. (also updated my v3d.js and ammo.js in both)
i also tried it in firefox and chrome.
here’s the whole code i have in my runcode area..

function runCode(app) {
    // add your code here, e.g. console.log('Hello, World!');
    app.ExternalInterface.removeObject = function(objName) {
        var obj = app.scene.getObjectByName(objName);
        obj.parent.remove(obj);
    }
        app.scene.fog = new v3d.FogExp2(0xefd1b5, 0.0025);
}

what should be called in the JScall function puzzle field? just “fog” ? or should i not use one? ( i also tried “app.scene.fog” and “scene.fog” and “FogExp2” and “v3d.Fogexp2” in the Js Call function puzzle.

Do we have to identify it as a function somehow?

also i tried this with the puzzles

app.ExternalInterface.fog = function(color, factor) {
app.scene.fog = new v3d.FogExp2(color, factor);
}