Folding.js:26 Uncaught TypeError: Cannot set property 'material' of undefined at createScene

Questions
1

Need help at the earliest

I’m trying to introduce alpha blends to the images in my local this way.

const canvas = document.getElementById(‘renderCanvas’);

const engine = new BABYLON.Engine(canvas, true);

var createScene = function () {

var scene = new BABYLON.Scene(engine);

scene.clearColor = new BABYLON.Color3(.5, .5, .5);

// camera

var camera = new BABYLON.ArcRotateCamera("camera", 0, 0, 0, new BABYLON.Vector3(0, 0, 0), scene);

camera.setPosition(new BABYLON.Vector3(0, 2, -8));

camera.attachControl(canvas, true);

// lights

var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(1, 0.5, -1), scene);

light.intensity = 0.8;

var materialPlane = new BABYLON.StandardMaterial("texturePlane", scene);

materialPlane.diffuseTexture = new BABYLON.Texture("assets/task.PNG", scene);

mesh.material = materialPlane;

var mesh = BABYLON.Engine.ALPHA_COMBINE;

mesh.visibility = 0.5;

materialPlane.opacityTexture = materialPlane.diffuseTexture

return scene;

};

var scene = createScene();

engine.runRenderLoop(function() {

scene.render();

});

It’s throwing me error:
Uncaught TypeError: Cannot set property ‘material’ of undefined
at createScene (folding.js:26)
at folding.js:35
createScene @ folding.js:26
(anonymous) @ folding.js:35

2 
mesh.material = materialPlane;

var mesh = BABYLON.Engine.ALPHA_COMBINE;

mesh is undefined.

3

also defining mesh as alpha combine is weird…

4

and defining mesh after already using it is also incorrect (thou sadly “correct” in javascript).

5

Got it.
Just want to resolve the thread. But didn’t find that option.