Sie sind nicht angemeldet.

zFilter WebGL postprocessing plugin

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

indexofrefraction

Profi

  • »indexofrefraction« ist der Autor dieses Themas

Beiträge: 1 362

  • Nachricht senden

1

Mittwoch, 23. Mai 2018, 17:57

zFilter WebGL postprocessing plugin



Welcome to the zFilter Plugin thread !

Version 1.1.2, 2018-05-26, with documentation available here

There are also some videos with panorama movement in the preview thread here

Feel free to ask questions, give feedback and come up with new filter ideas

best, indexofrefraction
zFilter plugin -- zFlare plugin -- zSnapshot plugin

Dieser Beitrag wurde bereits 8 mal editiert, zuletzt von »indexofrefraction« (26. Mai 2018, 11:05)

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

2

Mittwoch, 23. Mai 2018, 18:24

Hi,

Great .. masterpiece!!
Very useful!
Love it!

*love*

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

  • Nachricht senden

3

Mittwoch, 23. Mai 2018, 22:46

Good work !! *thumbup*
http://photo.maelbathfield.net/

indexofrefraction

Profi

  • »indexofrefraction« ist der Autor dieses Themas

Beiträge: 1 362

  • Nachricht senden

4

Freitag, 25. Mai 2018, 18:32

Sorry, there was a glitch in my mycommerce setup yesterday,
so that for non-english languages the input fields for the krpano reg values and newsletter subscription were not displayed.
this should be fixed now!
zFilter plugin -- zFlare plugin -- zSnapshot plugin

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »indexofrefraction« (26. Mai 2018, 08:37)

Birdseye

Schüler

Beiträge: 125

Wohnort: De Haan

Beruf: Freelance Photographer

  • Nachricht senden

5

Samstag, 26. Mai 2018, 05:49

Not very clear to me, are these effects that are performed on the panorama itself? If yes, what about the performance when viewing the 360, because I don't see any examples of this.
Otherwise a great plugin !

indexofrefraction

Profi

  • »indexofrefraction« ist der Autor dieses Themas

Beiträge: 1 362

  • Nachricht senden

6

Samstag, 26. Mai 2018, 08:34

Zitat von »Birdseye«

Not very clear to me, are these effects that are performed on the panorama itself? If yes, what about the performance when viewing the 360, because I don't see any examples of this.
Otherwise a great plugin !

Hi Birdseye,

yes, the effects are performed on the panorama (and on hotspots if their renderer is set to webgl)

the performance is generally good and no problem on normal desktops or modern phones. all examples (including the older ones) were done on a macbook pro 2016 13", and moving the pano while displaying or tweening values works nicely on my iphone6, for example.

movement/zooming etc itself doesn't really cost performance as the effects are applied to each frame anyway. the most demanding effect is blur with high values, as this needs multiple shaders. performance issues get visible on computers or devices with weak graphics processing power when you use very large browser windows.

btw, you're right, i should add an example to show the pano in movement!
for now you can check out the videos in the pre announcement...
https://krpano.com/forum/wbb/index.php?p…ad&postID=74408

best, index!
zFilter plugin -- zFlare plugin -- zSnapshot plugin

Dieser Beitrag wurde bereits 4 mal editiert, zuletzt von »indexofrefraction« (26. Mai 2018, 16:29)

indexofrefraction

Profi

  • »indexofrefraction« ist der Autor dieses Themas

Beiträge: 1 362

  • Nachricht senden

7

Samstag, 26. Mai 2018, 11:00

zFilter 1.1.2 Update

i updated zFilter with an editor now!
the editor is meant as a development tool to be able to experiment with the attribute settings (without need of coding)

it is a separate xml that you can simply implement like this

Quellcode

 
1
2
3
4

<include url="zfilter_editor.xml" />
<set var="zfilter_editor_visible" val="true" /><!-- initial visibility -->
<set var="zfilter_editor_toggle" val="90" /><!-- keycode E to toggle the editor -->
<set var="zfilter_editor_align" val="65" /><!-- keycode A to align the editor -->


the three variables allow you to set the initial visibilty and the keycodes for toggling visiblity and alignment (top/bottom/left/right)

best, index
zFilter plugin -- zFlare plugin -- zSnapshot plugin

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »indexofrefraction« (26. Mai 2018, 17:52)

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

8

Donnerstag, 7. Juni 2018, 12:23

Hi Index,

ohh i like this plugin!

one question.

i'm unsure about this line which makes the blur effect more smooth:
if(device.pixelratio GT 1.0, div(display.framebufferscale, 1, device.pixelratio));

for the blur smoothness it works good, but the hotspots get pixelated by this.
I like to reset this line after my zfilter magic.

Should i mul device.pixelratio and display.framebufferscale again?
or is there a better way?

Cheers!
Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

indexofrefraction

Profi

  • »indexofrefraction« ist der Autor dieses Themas

Beiträge: 1 362

  • Nachricht senden

9

Donnerstag, 7. Juni 2018, 12:48

hey tuur,

Quellcode

 
1

if(device.pixelratio GT 1.0, div(display.framebufferscale, 1, device.pixelratio));

this line, included somewhere in your start actions. ensures that krpano doesn't use a @2x resolution on retina displays
and speeds up the plugins (and also general) performance on older retina devices quite a lot.

if you want to restore the initial value, a backup is the best solution, i guess.
you could extend the framebuffer line to

Quellcode

 
1
2
3

if(device.pixelratio GT 1.0, 
	copy(framebufferscale_backup, display.framebufferscale);
	div(display.framebufferscale, 1, device.pixelratio));

and later to restore with

Quellcode

 
1
2

if(framebufferscale_backup !== null, 
	copy(display.framebufferscale, framebufferscale_backup));


but... i never restore the framebufferscale and i don't have problems with hotspot display... are you scaling your hotspots?
in this case you could try to down/up scale your hotspot images closer to the target size in photoshop, and do less scaling in krpano
i always try to keep my scale > 0.5 and < 2.0

best, index
zFilter plugin -- zFlare plugin -- zSnapshot plugin

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

10

Donnerstag, 7. Juni 2018, 12:59

Hi,

yes i also thought 'backup' the value is the best.

Yes the hotspots are scaled quite some indeed. Old and new stuff mixed... haha.
Yes i already planned to bring that closer to target. Would be good when that makes a difference and we don't need to reset the display.framebufferscale.

Thanks!
Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

12

Freitag, 15. November 2019, 10:53

Ohh wow..
really like that!
*love*
So, when i understand right we can with the update also tween the amount of pixelated effect?
Nice!
Can't wait to have a go..

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

13

Freitag, 15. November 2019, 11:57

Any clue on when to release V2 ?
Santa? *g*

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

15

Montag, 18. November 2019, 11:09

Hi Index,

I was wondering.. just a thought..
Will or could it be possible to add the effect to hotspots or layers?
Even more on a specific hotspot or layer??

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

indexofrefraction

Profi

  • »indexofrefraction« ist der Autor dieses Themas

Beiträge: 1 362

  • Nachricht senden

16

Donnerstag, 21. November 2019, 00:07

Hi Tuur,

as much as I like both ideas.. sadly both wont come true.
these are limitations by krpano, or lets say web technology in general.

krpano postprocessing can only affect the panorama and hotspot rendered by webgl
layers are html elements with css displayed on top and sadly can not be affected by krpano postprocessing.

with zfilter 2 it is possible to use the krpano 1.20 postprocessing order and phase attributes
this separates the postprocessing in two phases:
phase=2 the panorama together with all (webgl) hotspots and phase=1 only the panorama
influencing specific hotspots is not supported by krpano,
this is mainly because it would need a significant amount of memory and performance.

by the way, the new order and phase attributes have great new possibilites:
with phase=1 you can blur the panorama while hotspots are unaffected, this is great for popups, for example
zfilter order allows you to not only to order zfilter before or after other postprocessing plugins,
it also allows you to rearrange all internal filters.
for example swirl=0.5, pixelate=0.5 looks completely different
if you switch the order. (ie swirl|pixelate vs pixelate|swirl)

best, index
zFilter plugin -- zFlare plugin -- zSnapshot plugin

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »indexofrefraction« (21. November 2019, 07:34)

indexofrefraction

Profi

  • »indexofrefraction« ist der Autor dieses Themas

Beiträge: 1 362

  • Nachricht senden

17

Freitag, 22. November 2019, 11:13

regarding the post above...

all true, but i found another way to apply filters to layers ... keep u posted
zFilter plugin -- zFlare plugin -- zSnapshot plugin

Ähnliche Themen