Hi all! Trying to make a dissolve effect, as shown in this video at time 7:59: [DISSOLVE using Unity Shader Graph] The node setup and dissolve effect are shown at time 7:59 in the video. Here’s an attempt of making this in NME: https://nme.babylonjs.com/#20DWTX#1 [captured (7)] I’m…

Thanks for the report, this PR will fix the problem: Fix wrong draw cache when changing material BabylonJS:master ← BabylonJS:Popov72-patch-1 opened 01:26PM - 16 Nov 21 UTC (UTC) [Popov72] …

You can try to use a gradient as it is done in the post process example of the NME doc ( How To use the Node Material - Babylon.js Documentation ): https://nme.babylonjs.com/#D0USYC

Thank you so much, @Evgeni_Popov ! Unsure if I’m using Gradient the right way, but it looks a lot cleaner thanks to your suggestion! https://nme.babylonjs.com/#20DWTX#2 [captured (8)] Here is a playground using the Node Material: https://playground.babylonjs.com/#C6LD7D#1 Please wait a few second…

The creator of that playground effect @PatrickRyan put together this awesome video explaining how he got the glow effect set up. [Node Material Glow Effects]

Thank you so much for sharing this awesome video, @PirateJC and @PatrickRyan ! I may not be understanding this fully, though it seems like the emission is coming from the lightMat material (bordered in red in the image below), which comes from importing lightFixture.glb. [Screenshot (1005)] I’m n…

@gbz , the material that was imported on the mesh that represents the light was replaced after load with the custom node material. So the loaded material is not used and this technique works with a Babylon node material. The material lightNodeMat is the node material that is applied to the mesh on li…

@PatrickRyan , could you please shed light on how Babylon knows to treat the Block named emissiveTexture as an emissive texture? When looking into that Block, under Source Link, it says lightMat (Emissive), though I’m not sure how this Link is referring to the cyan texture image. [Screenshot (1007)…

@gbz , the name emissive texture on the node is simply for ease is grabbing the node and assigning the texture. There is no difference here from any other texture. The reason that the emissive texture is the one that is passed to the glow layer is because of the glow mask portion of the shader above: …

Thank you so much for taking the time to explain GlowLayer and emission in such detail, @PatrickRyan ! Will be trying to implement your approach on the dissolving sphere! Just adding var gl = new BABYLON.GlowLayer("glow", scene); gl.referenceMeshToUseItsOwnMaterial(sphere); gave a beautiful effect…

Thanks to @PatrickRyan , @PirateJC , @Evgeni_Popov , the updated dissolve animation looks great! :smiley: [captured (10)] https://nme.babylonjs.com/#20DWTX#5 https://playground.babylonjs.com/#C6LD7D#4

Nice! To avoid over-exposition because the glow layer is performed over the whole sphere, you can use the same trick than @PatrickRyan to have only the blue color being emissive: https://playground.babylonjs.com/#C6LD7D#5 Starting frame: [image] Left: material without glow layer - Middle: upda…

Node Material: Dissolve Effect

Questions

Topic		Replies	Views
Glow in Dissolve material Questions material	9	1369	January 17, 2022
Any ideas why glowLayer is turning White? Questions material , glb , light	7	605	May 12, 2023
Add glow to NodeMaterial Questions	8	376	December 21, 2023
Exclude glow layer Questions lighting , material	12	1054	August 25, 2022
Emission material glow after export from Blender not working Questions blender , material	3	3946	April 6, 2022

Node Material: Dissolve Effect

Related topics