Emissive material not rendering

[webGLmmk]

http://www.babylonjs-playground.com/#LYEU3#0

Been trying to figure this out for hours. I have created constructors for 3 different star types:YellowStar, WhiteStar, and RedStar. I have them pasted in the playground code, but locally, the 3 functions are in a separate file. YellowStars emitting particles do not have the image rendered, which is fine as it doesn't relate to the question. The larger white spheres in the foreground are supposed to be an emissive red color(RedStar objects). The smaller white spheres in the background (WhiteStar objectcs) are white as I intend them to be, but the emissive property isn't working on those either.

It must be a problem with the way I have the constructors written. Because there aren't that many properties in common, I don't have set up to inherit from main Star constructor.  I'd like to have all my objects (including planets eventually), originating from one file.

Often when I have an issue I can't figure out, its usually related to scope.  I dont get whats going on here because the scope of each .mat should be limited within its own function scope. But only the yellow particle emitting spheres have the material working.

 

Quote

var YellowStar = function (position, size, scene) {
    this.sphere = BABYLON.Mesh.CreateSphere("sphere1", 30, 30*size, scene); 
    this.mat = new BABYLON.StandardMaterial("white", scene);
    this.mat.diffuseTexture = new BABYLON.Texture("textures/suntexture.jpg", scene);
    this.mat.specularColor = new BABYLON.Color3(0, 0, 0);
    this.sphere.material = this.mat;
    this.sphere.position = position;

    /*...this material works...*/
};

var WhiteStar = function(position, size, scene){
    this.sphere = BABYLON.Mesh.CreateSphere("whiteStar", 20, 15*size, scene); 
    this.mat = new BABYLON.StandardMaterial("white", scene);
    this.mat.emissiveColor = new BABYLON.Color3(1, 1, 1);
    this.sphere.material = this.mat; /* doesn't work */
}

var RedStar = function (position, size, scene) {
    this.sphere = BABYLON.Mesh.CreateSphere("redStar", 20, 30*size, scene); 
    this.mat = new BABYLON.StandardMaterial("red", scene);
    this.mat.emissiveColor = new BABYLON.Color3(0.714, 0.239, 0.169);
    this.sphere.material = this.mat;  /*doesnt work*/

};

 

 

[Wingnut]

Hi @webGLmmk, good to see you again.

   It was a problem with too much light.  I removed those huge airliner lights, and put in some nice mood lighting. RedStar 1 reports all-well, and thanks us for the cooler temperatures on their planet. 

http://www.babylonjs-playground.com/#LYEU3#1

Hope this helps.  Party on!

[webGLmmk]

12 hours ago, Wingnut said:

Hi @webGLmmk, good to see you again.

   It was a problem with too much light.  I removed those huge airliner lights, and put in some nice mood lighting. RedStar 1 reports all-well, and thanks us for the cooler temperatures on their planet. 

http://www.babylonjs-playground.com/#LYEU3#1

Hope this helps.  Party on!

The best, once again!  Many thanks