You are not logged in.

zFilter WebGL postprocessing plugin

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

indexofrefraction

Professional

  • "indexofrefraction" started this thread

Posts: 1,304

  • Send private message

1

Wednesday, May 23rd 2018, 5:57pm

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

This post has been edited 8 times, last edit by "indexofrefraction" (May 26th 2018, 11:05am)

Tuur

Sage

Posts: 3,768

Location: Netherlands

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

  • Send private message

2

Wednesday, May 23rd 2018, 6:24pm

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.

Trainee

Posts: 157

Location: France, Montpellier

  • Send private message

3

Wednesday, May 23rd 2018, 10:46pm

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

indexofrefraction

Professional

  • "indexofrefraction" started this thread

Posts: 1,304

  • Send private message

4

Friday, May 25th 2018, 6:32pm

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

This post has been edited 1 times, last edit by "indexofrefraction" (May 26th 2018, 8:37am)

Birdseye

Trainee

Posts: 125

Location: De Haan

Occupation: Freelance Photographer

  • Send private message

5

Saturday, May 26th 2018, 5:49am

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

Professional

  • "indexofrefraction" started this thread

Posts: 1,304

  • Send private message

6

Saturday, May 26th 2018, 8:34am

Quoted from "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

This post has been edited 4 times, last edit by "indexofrefraction" (May 26th 2018, 4:29pm)

indexofrefraction

Professional

  • "indexofrefraction" started this thread

Posts: 1,304

  • Send private message

7

Saturday, May 26th 2018, 11:00am

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

Source code

 
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

This post has been edited 2 times, last edit by "indexofrefraction" (May 26th 2018, 5:52pm)

Tuur

Sage

Posts: 3,768

Location: Netherlands

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

  • Send private message

8

Thursday, June 7th 2018, 12:23pm

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

Professional

  • "indexofrefraction" started this thread

Posts: 1,304

  • Send private message

9

Thursday, June 7th 2018, 12:48pm

hey tuur,

Source code

 
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

Source code

 
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

Source code

 
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

Sage

Posts: 3,768

Location: Netherlands

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

  • Send private message

10

Thursday, June 7th 2018, 12:59pm

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

Sage

Posts: 3,768

Location: Netherlands

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

  • Send private message

12

Friday, November 15th 2019, 10:53am

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

Sage

Posts: 3,768

Location: Netherlands

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

  • Send private message

13

Friday, November 15th 2019, 11:57am

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

Sage

Posts: 3,768

Location: Netherlands

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

  • Send private message

15

Monday, November 18th 2019, 11:09am

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

Professional

  • "indexofrefraction" started this thread

Posts: 1,304

  • Send private message

16

Thursday, November 21st 2019, 12:07am

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

This post has been edited 1 times, last edit by "indexofrefraction" (Nov 21st 2019, 7:34am)

indexofrefraction

Professional

  • "indexofrefraction" started this thread

Posts: 1,304

  • Send private message

17

Friday, November 22nd 2019, 11:13am

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

Similar threads