360 XML Panorama Player - ActiveDen Item for Sale


360 XML Panorama Player is a flash panorama image viewer that uses the new stage3D features in flash player 11, it uses graphic card for rendering and that makes it very fast and highly responsive. It supports cube, cubestrip, cubecross and spherical (equirectangular) panorama images. And you can add clickable hotspots inside panorama to make panorama tours.

It is XML driven player so u can setup your panoramas with just editing the panorama xml file.


What is in the package:

  • index.html – main html file
  • swfobject.js – javascript file that loads the Panorama Player
  • panoplayer.swf – the Panorama Player
  • documentation.html – help file with examples and explanations of every XML property, and how to setup your panorama.
  • fully editable flash/actionscript source files
  • example images and XML’s



UPDATE v1.5 | 14.12.2013

  • fixed a memory leak with spherical panoramas


UPDATE v1.4 | 10.06.2013

  • added more customization options for caption:
    captionalign, captionmargin, captionpadding, captioncornerradius, captionbackgroundcolor, captionbackgroundalpha, captionclosebuttoncolor, captionclosebuttonalpha
  • added more customization options for mousetext:
    mousetextpadding, mousetextcornerradius, mousetextbackgroundcolor, mousetextbackgroundalpha
  • added some flashvars options, like “overlay” option with which you can load an image over the player:
    overlayURL, overlayAlign, overlayMargin, overlayLink, overlayLinkTarget, controlsVisible, preloaderVisible
  • added/embeded more latin characters
  • fixed a bug when removing the player with removeChild()


UPDATE v1.3 | 06.03.2013

  • fixed memory leak after loading many panoramas (tnx to Jorge)
  • fixed lens flare scaling


UPDATE v1.2 | 13.12.2012

  • added Lens Flare Effect
  • added caption, text area in the top left to display info of your panorama
  • added more hotspots parameters:
    link – open external page/site
    linktarget – target window for opening the link
    javascript – call javascript function on click
  • added functions to add/change/remove hotspots with ActionScript
  • added functions to load panoramas with ActionScript, so you dont have to have an XML file
  • added many more events you can listen to, for example move, moveWithMouse, zoom, hotspotClick etc …


UPDATE v1.1 | 5.11.2012

  • added anglexmin, anglexmax, angleymin, angleymax properties for limiting rotation, usefull for partial panoramas
  • added fovtype, where you can choose between horizontal an vertical field of view
  • fixed sphere image rendering which caused glitches (tnx to hackmetal)


Here is a xml example, and all the properties you can set:

<panorama>

    <properties>
        <anglex>0</anglex>
        <angley>0</angley>
        <anglexmin>-180</anglexmin>
        <anglexmax>180</anglexmax>
        <angleymin>-90</angleymin>
        <angleymax>90</angleymax>
        <autorotate>false</autorotate>
        <autorotatespeed>0.1</autorotatespeed>
        <autorotatedelay>10</autorotatedelay>
        <autorotatestartdelay>6000</autorotatestartdelay>
        <caption><![CDATA[sometext]]></caption>
        <captionalign>TL</captionalign>
        <captionmargin>10,10,10,10</captionmargin>
        <captionpadding>10,10,10,10</captionpadding>
        <captioncornerradius>5,5,5,50</captioncornerradius>
        <captionbackgroundcolor>000000</captionbackgroundcolor>
        <captionbackgroundalpha>0.7</captionbackgroundalpha>
        <captionclosebuttoncolor>FFFFFF</captionclosebuttoncolor>
        <captionclosebuttonalpha>1</captionclosebuttonalpha>
        <dragdelay>2</dragdelay>
        <fov>90</fov>
        <fovmin>1</fovmin>
        <fovmax>170</fovmax>
        <fovtype>hfov</fovtype>
        <keymovespeed>1</keymovespeed>
        <keymovedelay>10</keymovedelay>
        <keyzoomspeed>1</keyzoomspeed>
        <keyzoomdelay>10</keyzoomdelay>
        <keycodeup>38</keycodeup>
        <keycodedown>40</keycodedown>
        <keycodeleft>37</keycodeleft>
        <keycoderight>39</keycoderight>
        <keycodein>16,33</keycodein>
        <keycodeout>17,34</keycodeout>
        <lensflarevisible>false</lensflarevisible>
        <lensflareanglex>-18.2</lensflareanglex>
        <lensflareangley>-20.3</lensflareangley>
        <lensflarebrightness>1</lensflarebrightness>
        <lensflareopacity>1</lensflareopacity>
        <lensflarescale>1</lensflarescale>
        <mousetype>move</mousetype>
        <mousespeed>3</mousespeed>
        <mousedelay>10</mousedelay>
        <mousewheelspeed>1</mousewheelspeed>
        <mousewheeldelay>10</mousewheeldelay>
        <type>cube</type>
        <showinfo>false</showinfo>
    </properties>

    <preview>
        <front>images/cube/front-preview.jpg</front>
        <back>images/cube/back-preview.jpg</back>
        <left>images/cube/left-preview.jpg</left>
        <right>images/cube/right-preview.jpg</right>
        <top>images/cube/top-preview.jpg</top>
        <bottom>images/cube/bottom-preview.jpg</bottom>
    </preview>

    <image>
        <front>images/cube/front.jpg</front>
        <back>images/cube/back.jpg</back>
        <left>images/cube/left.jpg</left>
        <right>images/cube/right.jpg</right>
        <top>images/cube/top.jpg</top>
        <bottom>images/cube/bottom.jpg</bottom>
    </image>

    <hotspots>
        <hotspot>
            <name>hotspot1</name>
            <mousetext><![CDATA[<strong>Spherical</strong> Example]]></mousetext>
            <mousetextpadding>10,10,10,10</mousetextpadding>
            <mousetextcornerradius>5,5,5,5</mousetextcornerradius>
            <mousetextbackgroundcolor>000000</mousetextbackgroundcolor>
            <mousetextbackgroundalpha>0.7</mousetextbackgroundalpha>
            <url>images/sphere/sphere.xml</url>
            <anglex>14</anglex>
            <angley>30</angley>
            <link>http://activeden.net/item/360-xml-panorama-player/3323251</link>
            <linktarget>_blank</linktarget>
            <javascript>someJavscriptFuntions( "someVar" )</javascript>
        </hotspot>
    </hotspots>

</panorama>

Preview images are from Flickr made by heiwa4126

by
by
by
by
by
by