User Tools

Site Tools


panoramicviewer

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

panoramicviewer [2015/09/18 16:32] (current)
glass created
Line 1: Line 1:
 +====== PanoramicViewer ======
  
 +The PanoramicViewer component is primarily meant to display a Panoramic element and its associated meta-data.
 +
 +{| class="​wikitable"​
 +!
 +Characteristic
 +!
 +Definition
 +|-
 +| Type || Interactive Display Object
 +|-
 +| Category || Component
 +|-
 +| Scope || Local
 +|-
 +| Position || *
 +|-
 +| Parents || Container
 +|-
 +| Children || *
 +|-
 +| Gestures || *
 +|-
 +| Requirements || none
 +|}
 +
 +
 +{| class="​wikitable"​
 +!
 +Attribute
 +!
 +Type
 +!
 +Description
 +|-
 +|panoramic || object reference ​ || the [[Panoramic]] element
 +|}
 +
 +See Also: [[Display Attributes]]
 +
 +<​code:​csharp linenums:​1>​
 +<​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>​
 +</​code>​
panoramicviewer.txt · Last modified: 2015/09/18 16:32 by glass