News Examples Documentation Download Buy Forum Contact

zFlare Plugin zflare.js HTML5 only
by indexofrefraction - (send forum message)

Description

zFlare is a lensflare plugin to enhance the visual effect of your panorama images.

  • zFlare is a pure javascript plugin for a minimal performance impact !
  • supports mobile webvr and true webvr !
  • supports 3D tours: distant and positioned lights, fading out in dollhouse mode!
  • supports multiple flares at the same time !
  • is simple to use ! two lines to add the plugin and a flare.
  • you can design your own lensflares !
  • extra filter effects when combined with the zFilter plugin!

zFlare 3 change log


zFlare 3 is a paid update. The upgrade discount for existing users is 40% (29€)
for users which purchased zFlare after the 31th of march 2025 it is free of charge.

zFlare 3.0.16 / 2025-07-26 - indexofrefraction

Concept

zFlare.js adds three custom xml elements to krpano:

<flare name="myname" preset="mypreset" ... />
  • a flare is a composition / preset of flarespot elements
  • it is possible to have multiple flares active
    in this case each flare needs an unique name
  • the flare attributes describe the preset / composition to use
    and the position of the light source

<flarespot name="mypreset|myname" ... />
<flarefilter name="mypreset|filtername" ... />
  • flarespots and flarefilters are elements of your own flare compositions / presets
  • flarespots are an image hospots / visible flares
    flarefilters are zFilter plugin filter effects, ie. exposure when looking into the light source
    note: flarefilters need an active zFilter plugin
  • the flarespot attributes describe the position, scale, rotate and alpha behaviour
    the flarefilter alpha attribute describes the filter strength / value behaviour

Usage Example

  • Add zflare.js and its assets folder to your project
  • In your main xml (tour.xml) add
    <plugin name="zflare" url="zflare.js"
    	preload="true" keep="true" regkey="abcdef" />
  • Finally add a flare to a scene simply like
    <scene name="myscene" ... >
    	<flare name="sun" preset="summer01" ath="35" atv="-15" />
    </scene>

To define your own flare composition / preset you would

  • Define arrays using flarespots and flarefilters using the same preset name
    <flarespot name="sunbeam|sun"
    	   asset="flares/flare006_512.jpg"
    	   pos="0.0" scale="0.5" alpha="0.5" />
    <flarespot name="sunbeam|hexa1"
    	   asset="polys/hexa007_128.jpg"
    	   pos="0.2" scale="0.6" alpha="0.4" />
    <flarespot name="sunbeam|hexa2"
    	   asset="polys/hexa007_128.jpg"
    	   pos="0.5" scale="0.8" alpha="0.6" />
    <flarespot name="sunbeam|flare3"
    	   asset="rings/ring004_128.jpg"
    	   pos="0.8" scale="1" alpha="0.75" />
    <flarefilter name="sunbeam|exposure"
    	   alpha="0.1" alphamap="0|0.2|1|0" reset="0" />
    
  • And access it by its preset name in any scene
    <scene name="myscene" ... >
    	<flare name="sun" preset="sunbeam" ath="35" atv="-15" />
    </scene>

Plugin Attributes

<plugin name="zflare"
	url="zflare.js"
	preload="true"
	keep="true"
	regkey=""
	alpha="1.0"
	scale="1.0"
	assets="%VIEWER%/zflares"
	mark="false"
	forcegrid="false"
	zfiltername="zfilter"
	skipfilter=""
	edgewidth="0.1"
	offsetfade="500"
	webvr="3"
	webvrfov="50"
	fovbase="90"
	fovbase_legacy="60"
	fovscale="1.6"
	fovscalemap="||1.02|1"
	fovposmap="||1.06|1"
	mode3d="1"
	rafloop="true"
	imageready="onblendcomplete"
	nl="(read only)"
	fa="(read only)"
	fb="(read only)"
        />
Attribute nameTypeValue
ready (read only)Booleantrue | false
version (read only)Stringthe plugin version
urlStringzflare.js
preloadBooleantrue
keepBooleantrue
regkeyString
  • ready is true if the plugin is loaded and ready
  • version holds the plugins version number
  • url must point to the plugin (documentation)
  • preload should be set to true (documentation)
  • keep should be true for most cases (documentation)
  • regkey is used to register the plugin with your personal registration key
Attribute nameTypeDefault valueMinMax
alphaNumber1.00.01.0
scaleNumber1.00.010.0
  • alpha and scale are global multipliers affecting all flares
Attribute nameTypeDefault value
assetsString%VIEWER%/zflares
  • this is the root path if flarespot images are defined by the asset property.
Attribute nameTypeDefault value
markBooleanfalse
  • mark globally adds a cross mark on each flarespot
Attribute nameTypeDefault value
forcegridBooleanfalse
  • forcegrid forces a dark grid as scene background
    note: this is a private functionality only working in a specific private setup
Attribute nameTypeDefault value
zfilternameStringzfilter
skipfilterString
  • zfiltername defines the name the zFilter plugin was loaded with.
    only needs to be defined if zFilter was loaded with a different name than "zfilter".
  • skipfilter is a global filter ignore list for zFilter attributes
    allowing to ignore specific or all filters defined in flarespots.
  • skipfilter can be used to prevent filter changes by zFlare
    if specific filters are already used otherwise in the project.
  • Examples:
    • skipfilter="blur|saturation"
    • skipfilter="all"
Attribute nameTypeDefault valueMinMax
edgewidthNumber0.10.00.5
offsetfadeNumber5000.0
  • edgewidth defines the border width where the flare begins to edgewidth out
    (with 0.1 the fading happens within a border zone of 10% of the stage width/height) note: the flare attribute overrides the plugin attribute!
  • offsetfade defines the view offset distance at which the flare fades out
    (this is visible when view.ox / oy / oz is used for a dollhouse effect)
    note: the flare attribute overrides the plugin attribute!
  • distfade defines the distance at which a 3D positioned flare fades out
    distfade="5000" fades the flare out at a distance of 0 to 5000
    distfade="2500|5000" fades the flare out at a distance of 2500 to 5000
    note: the flare attribute overrides the plugin attribute!
Attribute nameTypeDefault valueMinMax
webvrNumber303
webvrfovNumber501179
fovbaseNumber901179
fovbase_legacyNumber601179
fovscaleNumber1.61179
fovscalemapString||1.02|1
fovposmapString||1.06|1
mode3dInteger102
rafloopBooleantrue
imagereadyStringonxmlcomplete
  • webvr enables zFlare in webvr modes
    0 = no webvr, 1 = fake webvr, 2 = mobile webvr, 3 = true webvr
  • webvrfov defines the vertical fov for real webvr
    note: this is an internal setting and should not be changed.
  • fovbase defines the vertical fov as a scale base for each flarespot
    fovbase_lecacy is used if fovscale is set zero. (lecacy fovscale mode)
    note: these are internal settings and should not be changed.
  • fovscale is a scale multiplier for each flarespot
    setting fovscale to zero enables lecacy fovscale mode (pre zFlare 3 behaviour)
    note: this is an internal setting and should not be changed.
  • fovscalemap scales the flares depending on the vertical field of view (vfov)
    if flare.fovscalemap is defined, it overrides plugin.fovscalemap.
    if the first two values are omitted, vfovmin and vfovmax are used.
    vfov=vfovmin scale=1.02, vfov=vfovmax scale=1; smaller fvov (zoom in) = larger scale
    also see attribute mapping.
  • fovposmap shifts the flares position depending on the vertical field of view (vfov)
    if flare.fovposmap is defined, it overrides plugin.fovposmap.
    if the first two values are omitted, vfovmin and vfovmax are used.
    vfov=vfovmin pos=1.06, vfov=vfovmax pos=1; smaller vfov (zoom in) = stretch position
    also see attribute mapping.
  • mode3d enables/disables a 3d effect in real webvr.
    the effect is only visible on webvr devices (gear vr, vive, oculus rift and go, etc)
    mode3d=0 disables the effect
    mode3d=1 enables the effect for true webvr (default)
    mode3d=2 enables the 3d effect all modes
    note: this is an internal setting and should not be changed.
  • with rafloop=true (default) zFlare uses a request animation loop,
    which allows to tween the plugin alpha or flare alpha, ath and atv attributes.
    with rafloop=false the onviewchanged event is used and tweens are not supported
    note: this is an internal setting and should not be changed.
  • imageready defines when the flares are shown and is either
    onxmlcomplete, onloadcomplete or onblendcomplete
    note: onxmlcomplete (default) is a safe setting but if your project
    loads panos with blending onblendcomplete would be the best choice.
Attribute nameTypeDefault valueMinMax
nl (read only)Number07.2
fa (read only)Number-11
fb (read only)Number-180180
  • nl is related to the angle between the lensflare beam and the view direction.
    nl is 0 when looking at the flare origin, at ca 2.5 the flare origin gets out of view
    and the flare will become invisible.
    this factor is used for attribute mapping and clamping.
  • fa is the direction of the lensflare beam.
    it is 1 when the beam points upwards, -1 when the beam points downwards,
    0 when the beam points exactly to the left or right.
    abs(fa) is 0 for a horizontal beam and 1 for a vertical beam.
  • fb is the (signed) angle between the up vector and the lensflare beam.
    it is 0 when the beam points upwards, 90 when the beam points to the right,
    180 when the beam points downwards and -90 when the beam points to the left.

  • Note: these are factors used in the flare calculation.
    they are exposed (read only) for debugging and flare creation.
    If no flare is rendered, they are set to null.

flare Attributes

<flare name="myname"
       keep="false"
       preset="summer01"
       ath="0" atv="0" depth="1000"
       tx="0" ty="0" tz="0"
       torigin="world"
       alpha="1.0"
       spotalpha="1.0"
       filteralpha="1.0"
       scale="1.0"
       mark="false"
       skipfilter=""
       edgewidth=""
       offsetfade=""
       distfade=""
       fovscalemap=""
       fovposmap=""
       />
Attribute nameTypeValue
nameStringmyzflare
keepBooleanfalse
  • name of the flare
    note: if a scene holds multiple flares, unique name must be used!
  • flares without keep="true" get unload on scene change.
    if a flare is defined globally, outside of all scenes keep is normally true.
    in this case it would stay active for the complete tour, independent of scene changes.
    if a flare is defined in a scene, keep is false for most cases.
    in this case the flare would be active for this scene only.
Attribute nameTypeDefault value
presetString
  • the preset used for the flare
    (a flare preset is an array of flarespot elements)
  • preinstalled flare presets:
    • preset="summer01"
    • preset="summer01_legacy"
    • preset="spring01"
  • custom flare presets can be defined using flarespot elements
Attribute nameTypeDefault valueMinMax
athNumber0.00.0360.0
atvNumber0.0-90.090.0
depthNumber1000.0
txNumber0.0
tyNumber0.0
tzNumber0.0
toriginStringworld
  • ath / atv / depth are spherical coordinates to define the flares position
  • tx / ty / tz are 3D coordinates to define the flares position
  • torigin is the translation origin - to what point the tx/ty/tz translation is relative to.
    it is either world, image or view (documentation)
  • note: the 3D coordinates are added to the spherical coordinates!
    so when you position flares in 3D using tx/ty/tz, best set depth=0.
  • note: for regular tours with matching view and world origin it doesn't matter,
    but for tours with 3D movement, distant lights (eg. sun) should have torigin=view.
Attribute nameTypeDefault valueMinMax
alphaNumber1.00.01.0
spotalphaNumber1.00.01.0
filteralphaNumber1.00.01.0
scaleNumber1.00.010.0
  • alpha and scale multipliers
    note: the flare scale/alpha attributes are multiplied with plugin scale/alpha attributes
Attribute nameTypeDefault value
markBooleanfalse
  • mark adds a cross mark on each individual flarespot
Attribute nameTypeDefault value
skipfilterString
  • skipfilter is a filter ignore list for zFilter attributes
    allowing to ignore specific or all filters defined in individual flarespots.
  • skipfilter can be used to prevent filter changes by zFlare
    if specific filters are already used otherwise in the project.
  • Examples:
    • skipfilter="blur|saturation"
    • skipfilter="all"
Attribute nameTypeDefault valueMinMax
edgewidthNumber0.00.5
offsetfadeNumber0.0
distfadeString
  • edgewidth defines the border width where the flare begins to fade out
    (with 0.1 the fading happens within a border zone of 10% of the stage width/height)
    note: the flare attribute overrides the plugin attribute!
  • offsetfade defines the view offset distance at which the flare fades out
    (this is visible when view.ox / oy / oz is used for a dollhouse effect)
    note: the flare attribute overrides the plugin attribute!
  • distfade defines the distance at which a 3D positioned flare fades out
    distfade="5000" fades the flare out at a distance of 0 to 5000
    distfade="2500|5000" fades the flare out at a distance of 2500 to 5000
    note: the flare attribute overrides the plugin attribute!
Attribute nameTypeDefault valueMinMax
fovscalemapString
fovposmapString
  • fovscalemap scales the flares depending on the vertical field of view (vfov)
    if flare.fovscalemap is undefined, plugin.fovscalemap is used.
    vfov=50 scale=1.05, vfov=100 scale=1; smaller fvov (zoom in) = larger scale
    also see attribute mapping.
  • fovposmap shifts the flares position depending on the vertical field of view (vfov)
    if flare.fovposmap is undefined, plugin.fovposmap is used
    vfov=50 pos=1.1, vfov=100 pos=1; smaller vfov (zoom in) = stretch position
    also see attribute mapping.

flarespot Attributes

Prerequisites:
  • a flarespot is an image hotspot as part of a flare preset
  • flarespots and flarefilters are read onxmlcomplete, dynamic changes are not supported!
    ie. you can set or change attributes by xml, but you can't tween them in an action.
  • flarespots and flarefilters are normally defined globally, outside of all scenes!
    like this they are accessible from all scenes.
  • flarespots and flarefilter do not use memory if there is no active flare using them.

<flarespot name="mypreset|myname"
	   blendmode="add"
	   url=""
	   asset=""
	   pos="0" posmap="" posclamp=""
	   scale="0" scalemap="" scaleclamp=""
	   width="0" widthmap="" widthclamp=""
	   height="0" heightmap="" heightclamp=""
	   alpha="0" alphamap="" alphaclamp="0|1" alpha90="0"
	   rot="0"  rlock="false" rcomp="false"
	   xoff="0" xoffmap="" xoffclamp=""xoffmirr"="0"
	   yoff="0" yoffmap="" yoffclamp=""
	   edgefade="-1.0"
	   />
Attribute nameTypeValue
nameStringmypreset|myname
  • the flarespot name consists of two parts separated by by a | character.
    the first part defines the preset the flarespot belongs to
    the second part is a name/identifier for the flarespot.
Attribute nameTypeDefault value
blendmodeStringadd
urlString
assetString
  • available blendmodes are "add" (default) or "normal"
    (detailed descripion is available here)
  • either url or asset can be used to set path to the flarespot image
    asset overrides url and uses the root path defined in plugin[zflare].assets
  • flare image notes:
    depending on the blendmode a flarespot image is either
    a png with transparency (blendmode normal) or
    a jpg with a black background (blendmode add)
    best use a resolution close to the target size
    and avoid extreme up/down scaling.
Attribute nameTypeDefault valueMinMax
posNumber0.0-10.010.0
posmapString
posclampString
  • pos is the position on the lensbeam
    note: in most cases a value between 0 and 1
  • posmap allows to alter (map) the position depending on the viewing angle
    posclamp allows to clamp the position range in defined boundaries
    see flarespot mapping and clamping.
Attribute nameTypeDefault valueMinMax
scaleNumber1.0-10.010.0
scalemapString
scaleclampString
  • scale allows to alter the flarespots size
    note: it is better to avoid extreme up/down scaling and
    to use image resolutions close to the target size instead
  • scalemap allows to alter (map) the scale depending on the viewing angle
    scaleclamp allows to clamp the scale range in defined boundaries
    see flarespot mapping and clamping.
Attribute nameTypeDefault valueMinMax
widthNumber1.0-10.010.0
widthmapString
widthclampString
  • width allows to alter the flarespots width
  • widthmap allows to alter (map) the width depending on the viewing angle
    widthclamp allows to clamp the width range in defined boundaries
    see flarespot mapping and clamping.
Attribute nameTypeDefault valueMinMax
heightNumber1.0-10.010.0
heightmapString
heightclampString
  • height allows to alter the flarespots height
  • heightmap allows to alter (map) the height depending on the viewing angle
    heightclamp allows to clamp the height range in defined boundaries
    see flarespot mapping and clamping.
Attribute nameTypeDefault valueMinMax
alphaNumber0.00.01.0
alpha90Numberalpha0.01.0
alphamapString
alphaclampString0|1
  • alpha defines the flarespot opacity / visibility
  • if alpha90 is unset, it uses the same value as alpha
    otherwise alpha90 defines the flares opacity / visibility for a horizontal beam and alpha defines the flarespot opacity / visibility for a vertical beam
  • alphamap allows to alter (map) the alpha depending on the viewing angle
    alphaclamp allows to clamp the alpha range in defined boundaries
    see flarespot mapping and clamping.
Attribute nameTypeDefault valueMinMax
rotNumber0.0-180.0180.0
rlockBooleanfalse
rcompBooleanfalse
  • rot is a rotation offset for the flarespot
  • rlock="true" locks the flarespot rotation to the given value
    (prevents the default rotation depending on the view angle)
  • rcomp="true" enables an enhanced rotation handling and
    should be enabled for directional flarespot images, only.
Attribute nameTypeDefault valueMinMax
xoffNumber0.0
yoffNumber0.0
xoffmapString
yoffmapString
xoffclampString
yoffclampString
xoffmirrNumber0.0
  • xoff / yoff allows to alter the flarespots x/y-offset. (detailed description here)
  • xoff/yoffmap allows to alter (map) the xoff/yoff depending on the viewing angle
    xoff/yoffclamp allows to clamp the xoff/yoff range in defined boundaries
    see flarespot mapping and clamping.
  • xoffmirr mirrors and multiplies xoff depending on the fb factor.
    eg. xoffmirr=1 will negate xoff depending on the lensflare beam.
Attribute nameTypeDefault valueMinMax
edgefadeNumber-1.0
  • defines the fading behaviour when the flare origin gets close to the stage border
    the default of -1.0 fades the flare out,
    a value of -0.5 would not completely fade out the flarespot,
    a positive value reverses the behaviour resulting in an invisible flarespot
    fading in when the flare origin gets close to the stage border
    a value of 0 disables th edge fading behaviour.

flarefilter Attributes

Prerequisites:
  • flarefilters are zFilter plugin filter effects as part of flare presets
    ie. a raising exposure when looking into the light source
    note: flarefilters need an active zFilter plugin
  • flarespots and flarefilters are read onxmlcomplete, dynamic changes are not supported!
    ie. you can set or change attributes by xml, but you can't tween them in an action.
  • flarespots and flarefilters are normally defined globally, outside of all scenes!
    like this they are accessible from all scenes.
  • flarespots and flarefilter do not use memory if there is no active flare using them.

<flarefilter name="mypreset|filtername"
	     reset=""
	     blendmode="add"
	     color="0x000000"
	     alpha="0" alphamap="" alphaclamp="0|1"
	     />
Attribute nameTypeValue
nameStringmypreset|filtername
  • the flarefilter name consists of two parts separated by a | character.
    the first part defines the preset the flarefilter belongs to
    the second part is a name/identifier for the zFilter attribute.
Attribute nameTypeDefault valueMinMax
alphaNumber0.00.01.0
alpha90Numberalpha0.01.0
alphamapString
alphaclampString0|1
  • alpha defines the filter strengh or value
  • if alpha90 is unset, it uses the same value as alpha
    otherwise alpha90 defines the flares opacity / visibility for a horizontal beam and alpha defines the flarefilter opacity / visibility for a vertical beam
  • alphamap allows to alter (map) the alpha depending on the viewing angle
    alphaclamp allows to clamp the alpha range in defined boundaries
    see flarefilter mapping and clamping.
    note:
    zFilter attributes have misc value ranges and alphaclamp defaults to "0|1",
    therefore sometimes alphaclamp must be adjusted to the zFilter attribute
  • Examples:
    • name="mypreset|gamma" alphaclamp="-1|1"
    • filter="mypreset|blur" alphaclamp="0|50"
Attribute nameTypeDefault valueMinMax
resetString / Number0
colorNumber0x0000000x0000000xffffff
blendmodeStringadd
  • reset is the reset / default value for the filter strength
    note:
    zFilter attributes have different default values and alpha defaults to 0,
    therefore the reset attribute depends on the zFilter attribute
  • color is the color value needed for some zFilter plugin attributes
  • blendmode is the zFilter plugin blendmode
    note: this is a special case where the alpha attribute is not used
    note: this is not the image mode / hotspot blendmode
  • Examples:
    • name="mypreset|gamma" reset="2.2"
    • name="mypreset|blur" reset="0"
    • name="mypreset|mixcolor" color="0xffffff" reset="0"
    • name="mypreset|blendcolor" color="0xffffff" reset="0"
    • name="mypreset|blendmode" blendmode="lineardodge" reset="add"

flarespot and flarefilter
Attribute Mapping and Clamping

Attribute Mapping
Mapping attributes take 4 numerical values in a format like "a|b|c|d"

  • The posmap, scalemap, widthmap, heightmap, alphamap, xoffmap
    and yoffmap attributes allow to alter (map) the attribute values depending
    on the viewing angle. ie. a flarespot can scale up or get more visible
    when looking directly into the sun.

    here a and b are two values of the internal nl factor which is 0 when looking
    directly into the flare origin and ca 2.5 when the flare origin gets out of view.
    c and d are the multipicators at the points a and b.

    Note: If a mapping parameter is omitted, the responding attribute value is used.
    eg with alpha="0.83", alphamap="1|2||0.3" is the same as alphamap="1|2|0.83|0.3"

  • The fovscalemap and fovposmap attributes allow to alter (map) the
    flarespot scale and position depending on the vertical field of view (fvov).

    in this case a and b are two vfov values,
    c and d are the multipicators at the points a and b.

    Note: If the first two parameter are omitted, vfovmin and vfovmax are used.

Examples:
  • scalemap="0|0.3|2|0" results in a scale of 2 when looking directly into the flare origin
    and quite fast a value of 0 (invisible) when looking away from the flare.
    such a setup allows flares only shown when looking at the flare origin.
  • alphamap="0.5|1|0|1" results in an alpha of 0 when looking close to the flare origin
    and a value of 1 when looking a bit further away from the flare origin.
    such a setup allows flares only shown when looking away from the flare origin.

Mathematics Example:
  • alpha="0.5" alphamap="0.0|2.5|1.0|0.5'"
    at nl = 0.0 alpha = 0.5 * 1.0 = 0.5,
    at nl = 2.5 alpha = 0.5 * 0.5 = 0.25
    note: the behaviour is linear, so
    at nl = 1.25 alpha = 0.5 * 0.75 = 0.375
    note: alpha is multiplied with the mapping values!
    note: if alpha isn't specified, its default of 1.0 is used.

Easing:
  • Starting with zFlare 3 attribute mapping also supports easing by simply
    addding the easing type to the mapping attribute, eg. a|b|c|d|e.
  • supported easing types are:
    easeinsine, easeoutsine, easeinoutsine, easeinquad, easeoutquad, easeinoutquad, easeincubic, easeoutcubic, easeinoutcubic, easeinquart, easeoutquart, easeinoutquart, easeinquint, easeoutquint, easeinoutquint easeinexpo, easeoutexpo, easeinoutexpo, easeincirc, easeoutcirc, easeinoutcirc, easeinback, easeoutback, easeinoutback, easeinelastic, easeoutelastic, easeinoutelastic, easeinbounce, easeoutbounce, easeinoutbounce.
Attribute Clamping
The posclamp, scaleclamp, widthclamp, heightclamp and alphaclamp attributes
allow to clamp the attribute values in the given boundaries. clamping can be used
in conjunction with mapping to keep the attribute value in a desired range.

Clamping attributes take 2 numerical values in a format like "min|max"

Examples:
  • alphaclamp="0|1" clamps alpha to a minimum of 0 and a maximum of 1.
  • scaleclamp="0.5|1" clamps scale to a minimum of 0.5 and a maximum of 1.

Plugin Actions

loadflare(name)

Loads a flare.

  • loads the flares individual flarespots.
    important: only used for dynamical handling of flares.

Parameters:
  • name
    • the flares name.

unloadflare(name, *keep, *remove)

Unloads a flare.

  • unloads the flares individual flarespots and optionally the flare itself.
    important: only used for dynamical handling of flares.

Parameters:
  • name
    • the flares name.
  • keep (optionally)
    • respect the flares keep attribute.
  • remove (optionally)
    • also remove the flare element itself. (flare can't be reloaded)

get_flare_presets(*separator, *sorted)

Get get all available flare presets.

  • returns a (native) array or string with the available flare presets
    defined by the available flarespots and flarefilters.

Parameters:
  • separator (optionally)
    • if a string seporator is passed, the preset list
      is returned as string instead of an array.
  • sorted (optionally)
    • defaults to true, set to false for the unsorted list

switch_flare_preset(name, preset)

Changes the preset of a flare.

  • sets the preset value and if already loaded, re-loads the flare with the new preset.

    Note: this is mainly needed to change the preset in the plugin examples,
    normally it is not needed to change the preset of an existing flare.

Parameters:

get_flare_xml(preset, printable)

get an xml string for all flarespot and filterspot elements.

  • returns a string, optionally printable (in the console)

Parameters:
  • preset (optionally)
    • if given, return the elements for the specified preset only.
  • printable (optionally)
    • return the string so that it is printable in the krpano console.

get_flare_assets(preset, separator)

get a list of all flarespot asset urls.

  • returns a (native) array or string with all assets

Parameters:
  • preset (optionally)
    • if given, return the assets for the specified preset only.
  • separator (optionally)
    • if a string seporator is passed, the asset list
      is returned as string instead of an array.

Buy / Order the plugin

This is a commercial plugin - to use it, it must be purchased.
Before you buy, please check the Compatibility / Requirements / Limitations!

Compatibility / Requirements / Limitations
  • krpano 1.20 or newer, html5 + webgl only! (Flash is not supported)
    support for all features requires krpano 1.20.11 or higher
  • zFlare is tied to your krpano license (needs a registered version of krpano)
  • zFilter is a separate plugin (not included in this purchase)
License
  • All copyrights to zFlare are exclusively owned by indexofrefraction.
  • This plugin is offered as a commercial plugin. It is provided "As Is" without warranty of any kind, either express or implied, including any warranty of quality, merchantability, or fitness for a particular purpose. In no event will the author of the plugin be liable for loss of data, costs of procurement of substitute goods or services or any special, consequential or incidental damages, under any cause of action and regardless of whether or not the plugin author have been advised of the possibility of such damage. This limitation will apply notwithstanding any failure of essential purpose of any limited remedy provided herein. In any event the plugin author will have no liability arising out of this agreement.
  • Third parties are not allowed not use your licensed plugin to create new projects, including modified versions of your projects.
  • You are not allowed to rent, lease, lend or sublicense your plugin.
  • Offering your licensed plugin to third parties on a hosting platform is not allowed without a separate hosting license. In such cases (e.g. integration in content management services) please contact: support@refraction.ch
Withdrawal period
  • For any digital content purchased online, you agree upon checkout that the withdrawal period will expire 14 days after you purchase such digital content or when you start downloading the content for the first time, whichever is sooner.

Examples


Example XMLs <flare> using the built in "summer01" preset
xml: tour_regular.xml
xml: tour_zfilter.xml (combined with zFilter)
xml: flare_presets.xml (to overwrite built-in the presets)


zFlare Example
use right-click to enable fullscreen
CLICK TO VIEW EXAMPLE

WebVR / vtourskin Example
use right-click to enable fullscreen
CLICK TO VIEW EXAMPLE


3D Example
Click on the floor to move and look around to explore the distant and positioned lights.
also notice the fading on dollhouse enter/ exit.
use right-click to enable fullscreen
CLICK TO VIEW EXAMPLE


zFlare with / without zFilter Comparison
To see the extra effect of zFilter, zoom out and look directly into the sun (L-key).
use right-click to enable fullscreen
CLICK TO VIEW EXAMPLE
CLICK TO VIEW EXAMPLE


Panorama images (licensed under CC BY-SA 3.0)
© The Ocean Agency / XL Catlin Seaview Survey / Aaron Spence and Christophe Bailhache