zFilter 2 - WebGL Postprocessing Plugin - User-Plugins

$indexofrefraction is offline$ indexofrefraction

Professional

$"indexofrefraction" started this thread$

Posts: 782

1

Thursday, January 30th 2020, 3:57pm

zFilter 2 - WebGL Postprocessing Plugin

This is the zFilter 2 - WebGL Postprocessing Plugin Thread

zFilter is a postpocessing WebGL shader plugin for dynamic effects on your panorama image,
layers and hotspots. It allows you to add visual effects for startup intros, scene changes,
information popups, etc. Setting or tweening simple attributes adjusts the brightness,
saturation or blurs your panorama, layers or hotpots!

zFilter 2 Release :
filter support for layers and hotspots !
a fast gaussian blur shader fblur (fastblur) !
new fun shaders swirl, pixelate, ripple and split !
support for krpano 1.20 order and phase !
improved editor and new live examples
more features and lower price :) !

more infos below in this thread or on the plugin page :
https://krpano.com/plugins/userplugins/zfilter

This post has been edited 4 times, last edit by "indexofrefraction" (Feb 2nd 2020, 10:12am)

Go to the top of the page

jeromebg

Professional

Posts: 846

Location: Angers - France

Occupation: Photographer

2

Thursday, January 30th 2020, 6:32pm

Sounds great !
Are you sending update to old customers ?

Go to the top of the page

$indexofrefraction is offline$ indexofrefraction

Professional

$"indexofrefraction" started this thread$

Posts: 782

3

Friday, January 31st 2020, 9:34am

Hi Jerome,

Yes, all existing customer will get the update for free.

I did a last check now and when the documentation is online,
i'll send out the new builds.

and maybe to explain the main updates in zfilter 2 :

- the new fblur shader performs much faster and works great in low performance situations
- the layer / hotspot filters allow for example blurring simply like set(layer[xyz].blur, 10);
- the support for kprano 1.20 phase allows to blur the pano, but not the hotspots
- the support for kprano 1.20 order and a new internal order allow new looks by order changes
- and ofc those fun shaders work great for transitions or intro effects

best, index

This post has been edited 1 times, last edit by "indexofrefraction" (Feb 1st 2020, 11:17am)

Go to the top of the page

igor.socha

Intermediate

Posts: 200

Occupation: Photographer

4

Friday, January 31st 2020, 2:15pm

Great, thanks!

Best regards,
Igor Socha

Go to the top of the page

Tuur

Sage

Posts: 3,337

Location: Netherlands

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

5

Saturday, February 1st 2020, 9:38am

Yeahh!

Bring it on!

Tuur *thumbsup*

http://www.virtualtuur.com
Skype:studiotuur

Go to the top of the page

$indexofrefraction is offline$ indexofrefraction

Professional

$"indexofrefraction" started this thread$

Posts: 782

6

Sunday, February 2nd 2020, 10:01am

ok the updated plugin page is online now, thanks Klaus !

for existing and possible new users, please check out the new documentation
there are a lot of new live examples where you can play around,
and explore the abilities and performance of zfilter.

https://krpano.com/plugins/userplugins/zfilter

of course i'm always happy for feedback,
or if you have questions, you can post them here in the plugin thread.

also, if you have some nice, finished tours using zfilter, please post your links :)

best, index

This post has been edited 1 times, last edit by "indexofrefraction" (Feb 2nd 2020, 10:24am)

Go to the top of the page

$indexofrefraction is offline$ indexofrefraction

Professional

$"indexofrefraction" started this thread$

Posts: 782

7

Sunday, February 2nd 2020, 10:26am

to existing users :

I will try to send all updates out to the existing users today.
if you didnt receive anything until tonight, please check your spam folders.
specifically gmail ignores / spam filters anything that mentions a zip file !

and lastly as info :
you should not need to change your tours to update,
everything works the same, the new features are all additional.

This post has been edited 2 times, last edit by "indexofrefraction" (Feb 2nd 2020, 10:56am)

Go to the top of the page

juyatu

Beginner

Posts: 5

8

Monday, June 1st 2020, 11:50am

Zfilter_editor have some problems in use

1, because zfilter_editor encrypted, I need to translate English into Chinese, very difficult.
2, when I put the zfilter_editor_target set hotspot [name], how do I set can change for the adjustment of the scene.
3, when zfilter_editor_target from a hotspot to another hotspot, the editor didn't follow change, seems to be only the initial state, and can't read the target parameters.

This post has been edited 3 times, last edit by "juyatu" (Jun 1st 2020, 1:33pm)

Go to the top of the page

$indexofrefraction is offline$ indexofrefraction

Professional

$"indexofrefraction" started this thread$

Posts: 782

9

Monday, June 1st 2020, 10:56pm

hi, juyatu

the zfilter editor was never meant for public use, it is just a tool to find and test filter values.

but based on this official example
https://krpano.com/releases/1.20.7/examp…der-blend-cubes

here a small example to create your own sliders, with chinese text

Source code

<krpano>

	<plugin name="zfilter" url="plugins/zfilter.js" preload="true" keep="true"
			fquality.mobile="5" fquality.tablet="10" fquality.desktop="15" />

	<view hlookat="0" fov="90" fovmin="60" fovmax="120" />

	<image>
		<sphere url="pano/lady_elliot.jpg"/>
	</image>

	<layer name="slider_bg" type="container" bgcolor="0x000000" bgalpha="0.5" align="topleft" x="30" y="30" handcursor="false" width="220" height="18" />
	<layer name="slider_title" type="text" align="topleft" html="saturation / 饱和" parent="slider_bg" bg="false" css="color:#fff;font-size:10px;padding-left:5px;" alpha="0.5" enabled="false" />
	<layer name="slider_grip" type="container" bgcolor="0xffffff" bgalpha="0.5" align="left" edge="center" parent="slider_bg" x="110" width="10" height="18" bgcapture="true"
	       ondown="copy(drag_currentx, x); copy(drag_stagex, mouse.stagex);
	               asyncloop(pressed,
	                 calc(newx, drag_currentx + (mouse.stagex - drag_stagex));
	                 clamp(newx, calc(layer[slider_grip].width/2), calc(layer[slider_bg].pixelwidth - layer[slider_grip].width/2));
	                 copy(x, newx);
	                 calc(valx, (newx - layer[slider_grip].width/2) / (layer[slider_bg].pixelwidth - layer[slider_grip].width));
	                 calc(valx, valx * 2 - 1);
	                 copy(plugin[zfilter].saturation, valx);
	               );"
			/>

</krpano>

Go to the top of the page

juyatu

Beginner

Posts: 5

10

Tuesday, June 2nd 2020, 3:19am

Zfilter_editor target

<set var="zfilter_editor_target" val="layer[popup]"/>
If i create my own editor，how can i change the target. *confused*

Go to the top of the page

$indexofrefraction is offline$ indexofrefraction

Professional

$"indexofrefraction" started this thread$

Posts: 782

11

Tuesday, June 2nd 2020, 6:44am

instead of
copy(plugin[zfilter].saturation, valx);
just use
copy(layer[yourlayer].saturation, valx);

or... use a variable
<set var="yourtarget" val="layer[yourlayer]"/>
and
copy(calc(yourtarget + '.saturation'), valx);

and in general...
you do not need that editor target variable to use zfilter
you can just set the values in the xml

Source code

<action name="setup" autorun="onstart">
	if(plugin[zfilter].ready,
		// add zfilter to layer and hotspot
		addzfilter(layer[mylayer1]);
		addzfilter(layer[mylayer2]);
		addzfilter(layer[mylayer3]);
		addzfilter(hotspot[myhotspot1]);
		addzfilter(hotspot[myhotspot2]);
		addzfilter(hotspot[myhotspot3]);

		set(layer[mylayer1].saturation, -1);
		set(layer[myhotspot2].blur, 10);
		// ... etc
		set(plugin[zfilter].brightness, 0.5);
	);
</action>

ps. just in case you dont know...

<set var="yourtarget" val="layer[yourlayer]"/>
can be changed in an action like
set(yourtarget, layer[otherlayer]);

This post has been edited 1 times, last edit by "indexofrefraction" (Jun 2nd 2020, 8:20am)

Go to the top of the page

juyatu

Beginner

Posts: 5

12

Tuesday, June 2nd 2020, 8:33am

Thank you very much!
I know how to do it. I am doing own hotspot editor, dynamically to add some furniture pictures, add zfilter is to adjust the brightness and color.

Go to the top of the page

zFilter 2 - WebGL Postprocessing Plugin

zFilter 2 - WebGL Postprocessing Plugin

Zfilter_editor have some problems in use

Source code

Zfilter_editor target

Source code

Similar threads