Sie sind nicht angemeldet.

Blendmode in HTML5??

Scott Witte

Fortgeschrittener

  • »Scott Witte« ist der Autor dieses Themas

Beiträge: 382

Wohnort: Milwaukee, WI USA

Beruf: Professional Photographer

  • Nachricht senden

1

Sonntag, 26. Juni 2016, 21:17

Blendmode in HTML5??

Howdy Klaus,

Currently blendmode is only available for Flash. But these days it seems pretty well supported among nearly all modern browsers in HTML5 by my understanding. This capability would be very helpful for me. Any chance you could add this in KRPano?
Scott Witte
Tour de Force 360VR
Scott Witte Photography

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Mittwoch, 29. Juni 2016, 12:56

Zitat von »Scott Witte«

But these days it seems pretty well supported among nearly all modern browsers in HTML5 by my understanding.
Are you sure?
What systems/browsers and cases have you tested?

My tests are showing very different results...
Beside of not supporting and not working there are often problems, e.g. the blending with the WebGL content behind (the pano) doesn't work or there is a horrible rendering performance...
And in Chrome the support itself is hidden behind a flag (chrome://flags/#enable-experimental-web-platform-features).

Btw - you can test that anytime yourself in krpano - e.g.

Quellcode

 
1
2
3
4
5

<action name="set_css_blendmode" type="Javascript">
  caller.sprite.style.mixBlendMode = args[1];
</action>

<layer name="test" ... onloaded="set_css_blendmode('multiply');" />


Best regards,
Klaus

Scott Witte

Fortgeschrittener

  • »Scott Witte« ist der Autor dieses Themas

Beiträge: 382

Wohnort: Milwaukee, WI USA

Beruf: Professional Photographer

  • Nachricht senden

3

Mittwoch, 29. Juni 2016, 17:09

Zitat von »klaus.krpano«

Are you sure?
What systems/browsers and cases have you tested?

I'm sure you have tested way more than me and I only did minimal testing myself. My conclusion was based mostly on websites. For instance: Blend Mode Adoption. Microsoft is the real laggard, unfortunately. And Safari support only partial.

But with your js action I get what I want to the degree it is available. Once again you demonstrate amazing flexibility of KRPano. Perhaps down the line, with more universal support, it can become a standard feature.

Thanks!
Scott Witte
Tour de Force 360VR
Scott Witte Photography

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

4

Mittwoch, 29. Juni 2016, 17:34

I have also quickly redone my own tests (only Windows and iOS now):
  1. Chrome 53 - still only behind a flag
  2. Chrome 53 - blends only between html elements, but not with the WebGL canvas (the pano)
  3. Firefox 48b3 - rendering performance is great now (last time it was horrible)
  4. Firefox 48b3 - when using it with CSS3D hotspots there are rendering errors
  5. IE11/Edge - no support
  6. iOS9/iOS10 - blend only between html elements

Zitat

But with your js action I get what I want to the degree it is available. Once again you demonstrate amazing flexibility of KRPano.
;-)

Ähnliche Themen