Does rendering this type of stuff drain the battery on mobile devices as the processor attempts to render all this?
Shader-like holographic effects with CSS
51–60 of 62 posts
Re: Shader-like holographic effects with CSS
#52Not anything like a shader, really, just standard non-shader masking and blending. (I mean, you can implement them in a shader, but that's besides the point). Nothing standard fixed pipelines haven't been doing for ages. Having said that, it is an excellent use of it - well applied, and the explanation is solid!
Simple pixel shaders are pretty much the same thing. PS 1.0 hardware was the same hardware as register combiners, the compiled shader program was simply what got blitted over the register combiner config registers. You could absolutely write a simplified shader ASM that would compile to these css statements.
Re: Shader-like holographic effects with CSS
#53Earlier quoted context omitted.
At that point what's the purpose of having a mask image + blending at all?
because you can now overlay onto other RGB rasterized images The SVG is just the spectral map. We're using its native possibilites to pull off some other crazy wild hare of an idea to do things that other image compositing programs do, but in a browser. I'm way way outside a box here, but that's where I prefer to play. This is one of those things where I'm taking an idea that someone developed with a specific idea, b…
You can also overlay animated elements.
Re: Shader-like holographic effects with CSS
#54Earlier quoted context omitted.
I'm curious what security hazard you're referring to? Just wondering if I missed a news cycle, because I don't recall hearing about a security issue in this context.
Could read here for more: https://www.wired.com/story/mobile-websites-can-tap-into-you... At one point, this was available by default, but no longer.
[deleted]
Re: Shader-like holographic effects with CSS
#55Not anything like a shader, really, just standard non-shader masking and blending. (I mean, you can implement them in a shader, but that's besides the point). Nothing standard fixed pipelines haven't been doing for ages. Having said that, it is an excellent use of it - well applied, and the explanation is solid!
[deleted]
Re: Shader-like holographic effects with CSS
#56Does this not work on mobile? I don’t seem to be seeing it on iOS Chrome.
[deleted]
Re: Shader-like holographic effects with CSS
#57Does this not work on mobile? I don’t seem to be seeing it on iOS Chrome.
[deleted]
Re: Shader-like holographic effects with CSS
#58For me on both Android mobile and desktop Chrome, the effect is there but rather subtle. On desktop it was so subtle that I thought it wasn't working, at first. Perhaps screen brightness affects it. It is an extremely bright day now, here.
Re: Shader-like holographic effects with CSS
#59I don't think I've ever seen a simple explanation of the mix blend modes. Seems most people use them in a trial and error kind of way.
Surely one exists as they're a very common tool across Photoshop and now web, but is just swamped by the people repeating the basic instructions.
Feels like an explanation might need to split between various tasks but focus on the fact that you are changing each pixel by different amounts. The confusing thing is that the choice of which pixel to change, and how to change it, is a combination of the source images and the blend mode.
Re: Shader-like holographic effects with CSS
#60Earlier quoted context omitted.
At that point what's the purpose of having a mask image + blending at all?
because you can now overlay onto other RGB rasterized images The SVG is just the spectral map. We're using its native possibilites to pull off some other crazy wild hare of an idea to do things that other image compositing programs do, but in a browser. I'm way way outside a box here, but that's where I prefer to play. This is one of those things where I'm taking an idea that someone developed with a specific idea, b…
I don’t really get what you’re saying, but ok.