filter effect

[chroms3]

 

Hello

 

The CSS has interesting films

background-blend-mode: screen; 

http://www.webdesignerdepot.com/2014/07/15-css-blend-modes-that-will-supercharge-your-images/

Is there an analogue in Babylon.js.

Such that they can be attached to the chamber.

[Wingnut]

Hi Chroms!

    Thanks for showing us that article about CSS blends.  I don't have any answers, but... I assembled a testing playground.

http://playground.babylonjs.com/#S4TXN

(check which browsers honor this) 

Lines 162+  ... I am trying various things, but... because the canvas is in a 3D context and not a 2D context, CSS might be different.  Perhaps, a canvas element NEVER uses a background color set in CSS.  In most cases, you need to "fill" the background with color... for a canvas.

You can see that I was successful in putting a red border on the playground's 'canvasZone' element in line 168 (the wrapper for the canvas), and you can change the 'zsty' to 'csty' and it still works.

So, I am able to put borders on the canvas, or its wrapper.  But changing the backgroundColor on canvas or canvaszone...no success for affecting the backgroundBlendMode CSS rule (so far).

Use this playground, try some experiments... see what you can discover.  Edit stuff, RUN again and again, SAVE as wanted, get ZIPs... let us know what you discover.

If you want to accomplish those same effects WITHIN a Babylon.js scene... you could likely use 'post-processing' or a shader solution.  We can talk about that later.  Good luck.

[chroms3]

Sorry. But you do not understand me. With understand. With CSS you can not communicate through the canvas. So I can be spliced and have filters in the library Babylon.js

[chroms3]

background-blend-mode: serve as a simple example.

[Wingnut]

Ahh, sorry I misunderstood. 

You want those same abilities, but used on Babylon.js rendered view.  Sounds cool. Perhaps post-processing can do it, but I don't know the answer.  Sorry.  We'll wait for experts. 

[chroms3]

59 minutes ago, Wingnut said:

Ahh, sorry I misunderstood. 

You want those same abilities, but used on Babylon.js rendered view.  Sounds cool. Perhaps post-processing can do it, but I don't know the answer.  Sorry.  We'll wait for experts. 

Это моя вина. Я плохо знаю английский (  

[GameMonetize]

look at that:) Who can say that we don't have a good doc anymore ?

http://doc.babylonjs.com/tutorials/How_to_use_Blend_Modes

 

[Wingnut]

Hmm.  I was thinking that @chroms3 was seeking an effect that affected the entire camera view.  (Like our "Sepia" and "black and white" things.)

Speaking of sepia, here is an interesting playground whose author is using a filterPostProcess... looks fun.  KernelMatrix?  Wow, that sounds technical!  PostProcessing is a magical world that I have yet to learn.  renderPipelines, postRenderPipelines, we can put processing on them all.  What a powerful area for "artsy" folk. 

I like the 'sepia' option that used to be available on BJS website demos.  That was... weird.  But black and white mode is still on the menu... and it, too, is.. weird.

Sorry, rambling.