A newbie TypeScript question.

[BeanstalkBlue]

let mat1 : BABYLON.StandardMaterial = new BABYLON.StandardMaterial("mat1", scene);

let mesh1 = new BABYLON.Mesh("mesh1", scene);        
mesh1.material = mat1;
mesh1.material.opacityTexture = null; // '<-- This is not allowed.'

In this situation TypeScript complains that we can't set opacityTexture because mesh1.material is of type BABYLON.Material (not BABYLON.StandardMaterial).

I could of course just do "mat1.opacityTexture = null", but what is the typical way to handle this type of situation in TypeScript if I really want to access the material via "mesh1.material"?

[JCPalmer]

(<BABYLON.StandardMaterial> mesh1.material).opacityTexture = null;

casting has no impact on generated javascript

[inteja]

I'm a TS newbie as well but I read somewhere that the "as" syntax for casting is preferred e.g.

mesh1.material as BABYLON.StandardMaterial

Probably makes no difference though.

[oxyflour]

// when creating the material
let mesh1 = new BABYLON.Mesh("mesh1", scene);        
let mat1 = mesh1.material = new BABYLON.StandardMaterial("mat1", scene);
mat1.opacityTexture = null;

// when using the material
let mat1 = mesh1.material as StandMaterial;
mat1.opacityTexture = null;
// in a single line
(mesh1.material as StandMaterial).opacityTexture = null

That's the ways I wrote in my project