User Tools

Site Tools


panoramicviewer

PanoramicViewer

The PanoramicViewer component is primarily meant to display a Panoramic element and its associated meta-data.


Characteristic

Definition
Type Interactive Display Object
Category Component
Scope Local
Position *
Parents Container
Children *
Gestures *
Requirements none

Attribute

Type

Description
panoramic object reference the Panoramic element

See Also: Display Attributes

<PanoramicViewer x="500" y="90" rotation="4" gestureEvents="true" nestedTransform="true" mouseChildren="true">
	
    <TouchContainer class="frame_container" visible="true" targetParent="true" mouseChildren="false">
        <Frame class="frame_element"/>
    </TouchContainer>

    <Panoramic class="panoramic_element" projectionType="cube" cubeFace="true" width="700" height="500" fovMin="30" fovMax="200" mouseChildren="true">
		
        <Image width="1024" src="../../../assets/panoramic/30kabah_r.jpg"/>
        <Image width="1024" src="../../../assets/panoramic/30kabah_l.jpg"/>
        <Image width="1024" src="../../../assets/panoramic/30kabah_u.jpg"/>
        <Image width="1024" src="../../../assets/panoramic/30kabah_d.jpg"/>
        <Image width="1024" src="../../../assets/panoramic/30kabah_f.jpg"/>
        <Image width="1024" src="../../../assets/panoramic/30kabah_b.jpg"/>
		
        <TouchContainer nestedTransform="false" gestureEvents="true">
            <GestureList>
                <Gesture ref="n-drag" gestureOn="true"/>
                <Gesture ref="n-scale" gestureOn="true"/>
            </GestureList>
        </TouchContainer>
	
    </Panoramic>	
	
    <!-- Designate information for the info panel. Something labeled with class="info_bg" will be set as the back. -->
    <TouchContainer class="info_container" visible="false" targetParent="true" mouseChildren="false" >
        <Graphic color="0xFFAE1F" alpha="0.6" lineStroke="0" class="info_bg" shape="rectangle"/>		
        <Text border="false" class="title"selectable="false" text="House of the Magician at Uxmal"/>				
        <Text border="false" width="300" wordWrap="true" color="0xFFFFFF" font="OpenSansRegular" fontSize="16" class="info_description" selectable="false" text="The view from the temple of the House of the Magician overlooks the Court of the Birds below, and the Nunnery Quadrangle beyond it. To the left, or southwest, in the distance, the Governor's Palace, House of the Turtles and the Pyramid of the Macaws are visible. Uxaml is located in the Yucatan, Mexico."/>
    </TouchContainer>
	
    <!-- Here is where the entire menu is structured. We used "include" files to style each of our buttons individually rather than have all the mark-up here. -->
    <Menu class="menu_container" x="0" y="0" alpha="0.6" position="bottom" paddingLeft="30" paddingBottom="-50" paddingRight="20" autoHide="true" visible="false">
        <Include src="library/cml/infoButton.cml"/>
        <Include src="library/cml/closeButton.cml"/>
    </Menu>
	
    <GestureList>
        <Gesture ref="n-drag" gestureOn="true"/>
        <Gesture ref="n-scale" gestureOn="true"/>
        <Gesture ref="n-rotate" gestureOn="true"/>
        <Gesture ref="tap" gestureOn="true"/>
    </GestureList>
	
</PanoramicViewer>
panoramicviewer.txt · Last modified: 2015/09/18 16:32 by glass