templates/gallery3D/galleryCircle3D_inline.html.twig line 1

Open in your IDE?
  3.     {% for message in app.flashes('notice') %}
  4.         <div class="flash-notice">
  5.             <div class='notice'>{{ message }}</div>
  6.         </div>
  7.     {% endfor %}
  8.     {% for message in app.flashes('error') %}
  9.         <div class="flash-error">
  10.             <div class='error'>{{ message }}</div>
  11.         </div>
  12.     {% endfor %}
  13.  
  14.     {#    we setup images for 3D space #}
  15.     {% set gallery3DInfo = [] %}
  16.     {% set gallery3DInfo = gallery3DInfo|merge({'image_size_horisontal': '4.8 3.2 0.08'}) %}
  17.     {% set gallery3DInfo = gallery3DInfo|merge({'frame_size_horisontal': '5.2 3.6 0.04'}) %}
  18.     {% set gallery3DInfo = gallery3DInfo|merge({'image_size_vertical': '3.2 4.8 0.08'}) %}
  19.     {% set gallery3DInfo = gallery3DInfo|merge({'frame_size_vertical': '3.6 5.2 0.04'}) %}
  21.     {#    we prepare textures #}
  22.     {% set textureArray = [] %}
  23.     {% set textureArray = textureArray|merge({'logo-texture-1': ''}) %}        
  24.     {% set textureArray = textureArray|merge({'floor-texture-1': ''}) %}
  25.     {% set textureArray = textureArray|merge({'floor-texture-2': ''}) %}
  26.     {% set textureArray = textureArray|merge({'ceil-texture-1': ''}) %}
  27.     {% set textureArray = textureArray|merge({'wall-texture-1': ''}) %}
  28.     {% set textureArray = textureArray|merge({'wall-texture-2': ''}) %}
  29.     {% set textureArray = textureArray|merge({'background-front': ''}) %}
  30.     {% set textureArray = textureArray|merge({'background-back': ''}) %}
  31.     {% set textureArray = textureArray|merge({'background-left': ''}) %}
  32.     {% set textureArray = textureArray|merge({'background-right': ''}) %}
  33.     {% set textureArray = textureArray|merge({'image-help-1': ''}) %}
  34.     {% set textureArray = textureArray|merge({'button-play': ''}) %}
  35.     {% set textureArray = textureArray|merge({'button-home': ''}) %}
  36.     {% set textureArray = textureArray|merge({'button-help': ''}) %}
  37.     {% set textureArray = textureArray|merge({'button-exit-1': ''}) %}
  38.     {% set textureArray = textureArray|merge({'gallery-logo': ''}) %}
  39.     {% set textureArray = textureArray|merge({'cart-texture-1': ''}) %}
  40.     {% set textureArray = textureArray|merge({'info-texture-1': ''}) %}
  41.     {% set textureArray = textureArray|merge({'bg-texture-1': ''}) %}
  42.     {% set textureArray = textureArray|merge({'bg-texture-2': ''}) %}
  43.     {% set textureArray = textureArray|merge({'bg-texture-3': ''}) %}
  44.     {% set textureArray = textureArray|merge({'bg-texture-4': ''}) %}
  46.     {% set imageTotalCount = galleryItemCollection|length %}
  48.     {% set rightAngle = deg2rad(90)|round(3, 'ceil') %}
  49.     {% set halfCircleAngle = deg2rad(180)|round(3, 'ceil') %}
  50.     {% set wholeCircleAngle = deg2rad(360)|round(3, 'ceil') %}
  51.     {% set yAngle = deg2rad(360/imageTotalCount) %}
  53.     {% if textureItemCollection is not defined %} 
  54.         {% set textureItemCollection = [] %}
  55.     {% endif %}
  57.     {% if gallery3D.guideCycle is defined and gallery3D.guideCycle > 0 %} 
  58.         {% set guideCycle = gallery3D.guideCycle %}
  59.     {% else %}
  60.         {% set guideCycle = 30 %}
  61.     {% endif %}
  62.  
  63.     {% for textureItem in textureItemCollection %}
  65.         {% if 'http' in textureItem.galleryItemFile %}
  66.             {% set texturePath = textureItem.galleryItemFile %}
  67.         {% else %}
  68.             {% set texturePath = userDirs['web'] ~ '/images/' ~ textureItem.galleryItemFile %}
  69.         {% endif %}
  71.         {% if textureItem.galleryItemName is defined and textureItem.galleryItemName != '' %}
  72.             {% set textureKey = textureItem.galleryItemName %}
  73. {#                {% set textureArray[textureKey] = texturePath %}#}
  74.             {% set textureArray = textureArray|merge({(textureKey): (texturePath)}) %}
  75.         {% endif %}
  76.   
  77.     {% endfor %}
  79.     {% if isFullscreen is defined and isFullscreen %}
  80.         {% set resizeButton = 'button_fullscreen' %}
  81.         {% set isFullscreen = true %}
  82.         {% set screenHeight = '90vh' %}
  83.     {% else %}
  84.         {% set resizeButton = 'button_defaultscreen' %}
  85.         {% set isFullscreen = false %}
  86.         {% set screenHeight = '323px' %}
  87.     {% endif %}    
  88.  
  89.         <!-- X3D  -->
  90.         <div style="width: 100vw; height: {{ screenHeight }}; display:block; right:0; left:0; box-sizing: border-box; position: absolute; left: 0; right: 0; background-color: Black;" id="x3d" class="x3d_container">
  91.                 <!-- menu -->
  92.                 
  93.               <div style="position: absolute; left: 0px; width: 100%; height: 40px; display:inline-block; border-right: 1px solid #EA5B0C; background-color: #222; opacity: 0.5; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #EA5B0C; padding-left:5px; z-index: 50;" class="x3d_menu" id="x3d_menu">
  94.                     
  95.                     <div style="margin-right:7px;padding-top:2px; display:inline-block; text-align: center;">
  96.                         <div><big>3D</big></div>
  97.                         <div><small>menu</small></div>
  98.                     </div>
  99.                     <div style="margin-right:7px; display:inline-block" id="x3d_menu_viewpoint_home">
  100.                         <button id="button_viewpoint_home" onclick="changeViewpoint('x3d_viewpoint_home'); rotateGallery(0)" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_home.png' ); background-size: 31px 31px; height: 33px; width: 33px; border: 1px solid silver; border-radius:17px;" title="Home Viewpoint"></button>
  101.                 </div>    
  102.                     <div style="margin-right:7px; display:inline-block" id="x3d_menu_viewpoint_home2">
  103.                         <button id="button_viewpoint_home2" onclick="changeViewpoint('x3d_viewpoint_home2'); rotateGallery(0)" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_home.png' ); background-size: 31px 31px; height: 33px; width: 33px; border: 1px solid silver; border-radius:17px;" title="Home 2 Viewpoint"></button>
  104.                 </div>    
  105.                 
  106.                     <div style="margin-right:7px; display:inline-block" id="x3d_menu_play_guide">
  107.                         <button id="button_play_guide" onclick="playGuide('AnimationTimer_header_reverse')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_play.png' ); background-size: 31px 31px; height: 33px; width: 33px; border: 1px solid silver; border-radius:17px;" title="Play Guide"></button>
  108.                 </div>                
  109.                     <div style="margin-right:7px; display:inline-block" id="x3d_menu_stop_guide">
  110.                         <button id="button_stop_guide" onclick="stopGuide('AnimationTimer_header_reverse')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_stop.png' ); background-size: 31px 31px; height: 33px; width: 33px; border: 1px solid silver; border-radius:17px;" title="Stop Guide"></button>
  111.                 </div>                            
  113.               <!--
  114.               <div style="margin-right:7px; display:inline-block" id="x3d_menu_tour">
  115.                 <button id="gallery_button_viewpoint" onclick="changeViewpoint('x3d_viewpoint_tour')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_walk.png' ); background-size: 31px 31px; height: 33px; width: 33px; border: 1px solid silver; border-radius:17px;" title="Tour"></button>
  116.                 </div>
  117.               -->
  119.               {% set itemCount = 0 %}
  120.               {% set yRotation = 0 %}
  122.                 {% for galleryItem in galleryItemCollection %}
  123.                   {% set itemId = galleryItem.galleryItemId %}
  124.                   {% set viewpoint = 'gallery_viewpoint_' ~ itemId %}
  126.                   <div style="margin-right:7px; display:inline-block" id="gallery_menu_viewpoint_{{ itemId }}">
  127.                 <button id="gallery_button_viewpoint_{{ itemId }}" onclick="stopGuide('AnimationTimer_header_reverse'); rotateGallery({{ yRotation }})" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px; border: 1px solid silver; border-radius:17px;" title="Gallery item {{ itemId }}"></button>
  128.                 </div>
  130.               {% endfor %}
  131.               <div style="margin-right:7px; display:inline-block" id="x3d_menu_defaultscreen">
  132.                 <button id="button_defaultscreen" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_defaultscreen.png' ); background-size: 31px 31px; height: 33px; width: 33px; border: 1px solid silver; border-radius:17px;" title="default screen"></button>
  133.               </div>
  134.               <div style="margin-right:7px; display:inline-block" id="x3d_menu_fullscreen">
  135.                 <button id="button_fullscreen" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_fullscreen.png' ); background-size: 31px 31px; height: 33px; width: 33px; border: 1px solid silver; border-radius:17px;" title="full screen"></button>
  136.                 </div>
  138.               </div>
  140.               <div style="position: absolute; right: 0px; width: 0px; height: 100%; display:block; border-left: 1px solid #EFEFEF; background-color: #222; opacity: 0.8; text-align:left; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFF; padding-top:5px; padding-left:8px; padding-right:15px; z-index: 1;" id="x3d_item_detail">
  141.                   <div style="margin-top:1px" id="x3d_item_detail_close" style="tex-align: left; float: left;">
  142.                         <button id="button_item_detail_close" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '{{ textureArray['button-exit-1'] }}' ); background-size: 31px 31px; height: 33px; width: 33px;" title="default screen"></button>
  143.                   </div>
  144.                   <div id="x3d_item_name" style="font-weight: bold; font-size: 22px; margin-top:8px"></div>
  145.                   <div style="margin-top:8px">
  146.                       <span id="x3d_item_description" style="font-weight: normal; font-size: 16px"></span>
  147.                   </div>        
  148.                   <div style="margin-top:6px" id="x3d_item_detail_close2" style="tex-align: left; float: left;">
  149.                         <button id="button_item_detail_close2" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '{{ textureArray['button-exit-1'] }}' ); background-size: 31px 31px; height: 33px; width: 33px; " title="default screen"></button>
  150.                   </div>                                        
  151.               </div>
  153.                 <x3d width='100%' height="{{ screenHeight }}" id="x3d_section" class="x3d" style="height: {{ screenHeight }};background-color: #222;">
  154.                 <scene id="x3d_scene">
  155.                 <NavigationInfo headlight="true" visibilityLimit="0.0" type='"EXAMINE", "ANY"' avatarSize="0.25, 1.75, 0.75"></NavigationInfo>
  157.                 {% if gallery3D.preferredViewpointPosition is defined %} 
  158.                     {% set preferredViewpointPosition = gallery3D.preferredViewpointPosition %}
  159.                 {% else %}
  160.                     {% set preferredViewpointPosition = '0 3 0' %}
  161.                 {% endif %}
  163.                 {% if gallery3D.isStartGuide is defined and gallery3D.isStartGuide == true %} 
  165.                     <Transform DEF='TourAvatarWrapper' id='TourAvatarWrapper'>
  166.                         <viewpoint orientation='0 1 0 -1.7' position='{{ preferredViewpointPosition }}' DEF='x3d_viewpoint_tour' id='x3d_viewpoint_tour'></viewpoint>
  167.                     </Transform>
  168.                     <viewpoint orientation='0 1 0 {{ rightAngle }}' position='{{ preferredViewpointPosition }}' id='x3d_viewpoint_home'></viewpoint>
  169.                 {% else %}
  170.                     <viewpoint orientation='0 1 0 {{ rightAngle }}' position='{{ preferredViewpointPosition }}' id='x3d_viewpoint_home'></viewpoint>    
  171.                 {% endif %}
  172.                 
  173.                 <Transform DEF='AvatarWrapper' id='AvatarWrapper'>
  174.                     <viewpoint orientation='0 1 0 1.6' position='-5 3 7' DEF='x3d_viewpoint_1' id='x3d_viewpoint_1'></viewpoint>
  175.                 </Transform>
  176.                 <viewpoint orientation='0 1 0 1.6' position='-10 3 0'  id='x3d_viewpoint_2'></viewpoint>
  177.                 <viewpoint orientation='0 1 0 0.5' position='-10 3 -13'  id='x3d_viewpoint_3'></viewpoint>
  178.                 
  179.                 {% if gallery3D.isStartGuide is defined or gallery3D.isStartGuide == false %} 
  180.                     <Transform DEF='TourAvatarWrapper' id='TourAvatarWrapper'>
  181.                         <viewpoint orientation='0 1 0 1.6' position='0 3 0' DEF='x3d_viewpoint_tour' id='x3d_viewpoint_tour'></viewpoint>
  182.                     </Transform>
  183.                 {% endif %}            
  185.                 <DirectionalLight ambientIntensity='0.835991' direction='0.584419 0.286636 0.75914'></DirectionalLight>
  186.                 
  187.                 {% if gallery3D.preferredBackgroundSkyColor is defined and gallery3D.preferredBackgroundSkyColor != '' %}
  188.                     {% set preferredBackgroundSkyColor = gallery3D.preferredBackgroundSkyColor %}
  189.                 {% else %}
  190.                     {% set preferredBackgroundSkyColor = '0.8 0.8 0.2 0.8 0.8 0.2 0.1 0.1 0.6 0.1 0.1 0.6 0.1 0.25 0.8 0.6 0.6 0.9' %}
  191.                 {% endif %}    
  193.                 {% if gallery3D.preferredBackgroundGroundColor is defined and gallery3D.preferredBackgroundGroundColor != '' %}
  194.                     {% set preferredBackgroundGroundColor = gallery3D.preferredBackgroundGroundColor %}
  195.                 {% else %}
  196.                     {% set preferredBackgroundGroundColor = '0.2 0.2 0 0.3 0.3 0 0.5 0.5 0.3 0.1 0.3 0.4 0 0.2 0.4' %}
  197.                 {% endif %}                
  198.                 
  199.                 <Background groundColor='{{ preferredBackgroundGroundColor }}' skyAngle='0.04 0.05 0.1 1.309 1.570' skyColor='{{ preferredBackgroundSkyColor }}'></Background>
  201.                 <Group DEF='Animation_header'>
  202.                   <TimeSensor DEF='AnimationTimer_header'
  203.                       cycleInterval='{{ guideCycle }}'
  204.                       loop='true'
  205.                       isActive='false'></TimeSensor>                  
  206.                   <OrientationInterpolator DEF='BoxRotationInterpolator_header'
  207.                       key='0, 0.25, 0.5, 0.75, 1'
  208.                       keyValue='0 0 1 0, 0 -1 0 1.5707963267949, 0 -1 0 3.14159253438051, 0 1 0 1.57079644600419, 0 0 1 0'></OrientationInterpolator>
  209.                   <TimeSensor DEF='AnimationTimer_header_reverse' id='AnimationTimer_header_reverse'
  210.                       cycleInterval='{{ guideCycle }}'
  211.                       loop='true'
  212.                       isActive='true'></TimeSensor>                          
  213.                   <OrientationInterpolator DEF='BoxRotationInterpolator_header_reverse'
  214.                       key='0, 0.25, 0.5, 0.75, 1'
  215.                       keyValue='0 0 1 0, 0 1 0 1.57079644600419, 0 -1 0 3.14159253438051, 0 -1 0 1.5707963267949, 0 0 1 0'></OrientationInterpolator>
  216.                 </Group>
  218.                 {% if imageTotalCount < 4 %} 
  219.                     {% set bDistance = (imageTotalCount - 0) %}
  220.                 {% elseif imageTotalCount < 10 %}
  221.                     {% set bDistance = (imageTotalCount - 1.5) %}
  222.                 {% elseif imageTotalCount < 15 %}
  223.                     {% set bDistance = (imageTotalCount - 2) %}    
  224.                 {% else %}    
  225.                     {% set bDistance = (imageTotalCount - 3) %}    
  226.                 {% endif %}    
  228.                 {% set xPos = -15 %}    
  229.                 {% set zPos = 2 %}
  230.                 {% set yRotation = 0 %}
  231.                 {% set imageCount = 0 %}
  232.                 {% set imagePanelWidth = 5.2 %}
  233.                 {% set frontWallImageCount = 4 %}
  235.                 {% set sideWallImageCount = (imageTotalCount - frontWallImageCount)/2 %}
  236.                 {% set gamma = -(360 / imageTotalCount) %}
  237.                 {% set beta = 90 %}
  238.                 {% set alfa = (360 - beta) - gamma %}
  239.                 {% set curGamma = 0 %}
  240.                 {% set zPosFrontWall = null %}
  242.                 {% set yAngle = deg2rad(360/imageTotalCount) %}
  243.                 {% set userTranslationKey = "" %}
  244.                 {% set userTranslationKeyAdd = (1/imageTotalCount)|round(2, 'ceil') %}
  245.                 {% set userTranslationKeyCurr = 0 %}
  246.                 {% set userTranslationValue = "" %}
  248.                 {% set firstGamma = gamma * imageCount %}
  249.                 {% set firstAlfa = (360 - beta) - curGamma %}
  250.                 {% set firstGamma = gamma * imageCount %}
  251.                 {% set firstXPos = (bDistance * sin(deg2rad(firstAlfa)))/sin(deg2rad(90)) %}
  252.                 {% set firstZPos = (bDistance * sin(deg2rad(firstGamma)))/sin(deg2rad(90)) %}
  253.                 {% set firstXPosViewPoint = (firstXPos-5)|round(2, 'ceil') %}
  254.                 {% set firstZPosViewPoint = firstZPos|round(2, 'ceil') %}
  256.               
  257.               <viewpoint orientation='0 1 0 {{ (halfCircleAngle + rightAngle) }}' position='{{ firstXPosViewPoint }} 0 {{ firstZPosViewPoint }}' id='x3d_viewpoint_home2'></viewpoint>
  258.               
  259.               <Transform DEF='ImagesBox' id="ImagesBox" translation='0 0 0' rotation='0 1 0 0'>
  260.               
  261.               {% for galleryItem in galleryItemCollection %}
  263.                   {% set curGamma = gamma * imageCount %}
  264.                   {% set curAlfa = (360 - beta) - curGamma %}
  265.                   {% set xPos = (bDistance * sin(deg2rad(curAlfa)))/sin(deg2rad(90)) %}
  266.                   {% set zPos = (bDistance * sin(deg2rad(curGamma)))/sin(deg2rad(90)) %}
  267.                   {% set xPosViewPoint = (xPos-5)|round(2, 'ceil') %}
  268.                   {% set zPosViewPoint = zPos|round(2, 'ceil') %}
  270.                   {% set userTranslationKey = userTranslationKey ~ " " ~ userTranslationKeyCurr %}
  271.                   {% set userTranslationKeyCurr = userTranslationKeyCurr + userTranslationKeyAdd %}
  272.                   {% set userTranslationValue = userTranslationValue ~ " " ~ xPosViewPoint ~ " 0 " ~ zPosViewPoint %}
  274.                   {% if imageCount == 0 %} 
  275.                       {% set firstUserTranslationValue = " " ~ xPosViewPoint ~ " 0 " ~ zPosViewPoint ~ " " %}
  276.                       <viewpoint orientation='0 1 0 {{ -(yRotation - rightAngle) }}' position='{{ xPosViewPoint }} 3.5 {{ zPosViewPoint }}' id='x3d_viewpoint_home3'></viewpoint>
  277.                   {% endif %}        
  279.                   {% if imageCount == (imageTotalCount-1) %} 
  280.                       {% set userTranslationKey = userTranslationKey ~ " 1" %}
  281.                       {% set userTranslationValue = firstUserTranslationValue %}
  282.                   {% endif %}    
  284.                   {% set fileID = galleryItem.galleryItemId %}
  285.                   {% set itemId = galleryItem.galleryItemId %}
  287.                   {% if 'http' in galleryItem.galleryItemFile %}
  288.                         {% set path = galleryItem.galleryItemFile %}
  289.                         {% set pathObj = galleryItem.galleryItemFile %}
  290.                   {% else %}        
  291.                       {% set path = userDirs['web'] ~ '/images/' ~ galleryItem.galleryItemFile %}
  292.                     {% set pathObj = userDirs['web'] ~ '/images/' ~ galleryItem.galleryItemFile %}
  293.                 {% endif %}
  295.                 {% set image = path %}
  297.                 {% set img = imagecreatefromstring(file_get_contents(image)) %}
  298.                 {% set imgObj = imagecreatefromstring(file_get_contents(pathObj)) %}
  300.                 {% if imgObj and ImageSX(imgObj) > ImageSY(imgObj) %} 
  301.                     {% set boxSize = gallery3DInfo['image_size_horisontal'] %}
  302.                     {% set frameSize = gallery3DInfo['frame_size_horisontal'] %}
  303.                 {% else %}
  304.                     {% set boxSize = gallery3DInfo['image_size_vertical'] %}
  305.                     {% set frameSize = gallery3DInfo['frame_size_vertical'] %}
  306.                 {% endif %}
  308.                 <viewpoint orientation='0 1 0 {{ -(yRotation + rightAngle) }}' position='{{ xPosViewPoint }} 0.1 {{ zPosViewPoint }}' id='gallery_viewpoint_{{ fileID }}'></viewpoint>
  310.                 <Transform rotation='0 1 0 {{ -(yRotation + rightAngle) }}' translation='{{ xPos }} 0 {{ zPos }}'>
  311.                 
  313.                   <Transform>
  314.                     <Shape onclick="changeViewpoint('gallery_viewpoint_{{ itemId }}')">
  315.                       <Appearance>
  316.                         <Material></Material>
  317.                         <ImageTexture url="{{ path }}"></ImageTexture>
  318.                       </Appearance>
  319.                       <Box size='{{ boxSize }}'></Box>
  320.                     </Shape>
  321.                     <TouchSensor DEF='Image1Sensor'></TouchSensor>
  322.                   </Transform>
  324.                   
  325.                   <Transform translation='0 0 0.0'>
  326.                     <Shape>
  327.                       <Appearance>
  328.                         <Material diffuseColor='0 0 0' transparency='0.3'></Material>
  329.                       </Appearance>
  330.                       <Box size='{{ frameSize }}'></Box>
  331.                     </Shape>
  332.                   </Transform>
  333.                 </Transform> 
  334.                 <Transform rotation='0 1 0 {{ -(yRotation + rightAngle) }}' translation='{{ xPos }} 1.3 {{ zPos }}'>    
  335.                     
  336.                 {% set menuX = 0 %}
  337.                 {% if galleryItem.clickURL is defined and galleryItem.clickURL != '' %}    
  339.                   <!-- browse url button -->
  340.                     <Anchor
  341.                         description='{{ 'system.browse_url'|trans }}'
  342.                         id = 'img_url_{{ galleryItem.galleryItemId }}'
  343.                         url='{{ galleryItem.clickURL }}'
  344.                         parameter = 'target=_blank'>
  345.                         <Transform translation='{{ (menuX - 0.8) }} -0.85 0'>
  346.                           <Shape>
  347.                             <Appearance>
  348.                                <Material diffuseColor='0 1 0'></Material>
  349.                                <ImageTexture url='{{ textureArray['browseurl-texture-1'] }}'></ImageTexture>
  350.                                    <TextureTransform scale='1 1'></TextureTransform>
  351.                             </Appearance>
  352.                             <Box size='1.7 0.7 0.1'></Box>
  353.                           </Shape>
  354.                         </Transform> 
  355.                     </Anchor>
  356.                     {% set menuX = menuX + 0.55 %}
  357.      
  358.                    {% endif %}
  360.                    {% if galleryItem.galleryItemDescription is defined and galleryItem.galleryItemDescription != '' %}
  362.                       <!--  more info button -->
  363.                         <Transform translation='{{ (menuX + 0.3) }} -0.85 0'>
  364.                           <Shape onclick="getGaleryItemDetail('{{ galleryItem.galleryItemName }}','{{ galleryItem.galleryItemDescription }}')">
  365.                             <Appearance>
  366.                                <Material diffuseColor='0 1 0'></Material>
  367.                                <ImageTexture url='{{ textureArray['browseurl-texture-1'] }}'></ImageTexture>
  368.                                    <TextureTransform scale='1 1'></TextureTransform>
  369.                             </Appearance>
  370.                             <Box size='1.7 0.7 0.1'></Box>
  371.                           </Shape>
  372.                         </Transform> 
  373.  
  374.                    {% set menuX = menuX + 0.55 %}
  376.                    {% endif %}
  377.  
  378.                 </Transform> 
  380.                 {% set yRotation = yRotation + yAngle %}
  381.                 {% set imageCount = imageCount + 1 %}
  382.               
  383.               {% endfor %}
  384.               
  385.                 <!-- logo 1 -->
  386.                 <Group DEF='Logo_Animation_header'>
  387.                   <TimeSensor DEF='LogoTimer'
  388.                       cycleInterval='24'
  389.                       loop='true'
  390.                       isActive='true'></TimeSensor>
  391.                   <OrientationInterpolator DEF='BoxRotationInterpolator'
  392.                       key='0, 0.25, 0.5, 0.75, 1'
  393.                       keyValue='0 0 1 0, 0 -1 0 1.5707963267949, 0 -1 0 3.14159253438051, 0 1 0 1.57079644600419, 0 0 1 0'></OrientationInterpolator>
  394.                 </Group>
  395.                 
  396.                 <Transform translation='0 8.5 0' >
  397.                       <Shape >
  398.                         <Appearance >
  399.                           <Material diffuseColor='0.1 0.1 0.1'>
  400.                           </Material>
  401.                         </Appearance>
  402.                         <Cylinder height='0.3' radius='1.5' >
  403.                         </Cylinder>
  404.                       </Shape>
  405.                 </Transform>                
  406.                 
  407.                 <Transform DEF='ExamineSensor' translation='0 7 0'>
  408.                   <Shape>
  409.                     <Appearance>
  410.                       <Material ambientIntensity='0.1'></Material>
  411.                       <ImageTexture url='{{ textureArray['logo-texture-1'] }}'></ImageTexture>
  412.                       <TextureTransform scale='1 1'></TextureTransform>
  413.                     </Appearance>
  414.                     <Box size='3 3 3'></Box>
  415.                   </Shape>
  416.                 </Transform>
  418.               </Transform>
  421.             <!-- Free World -->
  422.             {% if freeWorld is defined and freeWorld != null %}        
  424.                 <Transform translation='{{ freeWorld.preferredPosition }}' rotation='{{ freeWorld.preferredRotation }}' scale='{{ freeWorld.preferredScale }}'>
  425.                   
  426.                       <Inline url='"{{ freeWorld.xmlFile() }}"' >
  427.                     </Inline>
  428.                 </Transform>
  430.             {% endif %}
  432.     
  433.               
  434.           <ROUTE fromNode='AnimationTimer_header_reverse' fromField='fraction_changed' toNode='BoxRotationInterpolator_header_reverse' toField='set_fraction'></ROUTE>
  435.           <ROUTE fromNode='BoxRotationInterpolator_header_reverse' fromField='value_changed' toNode='ImagesBox' toField='rotation'></ROUTE>    
  436.           <Route fromNode="CLOCK" fromField ="fraction_changed" toNode="UserTranslation1" toField="set_fraction"> </Route> 
  437.           <Route fromNode="UserTranslation1" fromField ="value_changed" toNode="TourAvatarWrapper" toField="translation"> </Route>  
  439.         </scene>
  440.       </x3d>
  441.     </div>
  442.         
  443.         <script>
  444.             //we setup full screen 3d canvas
  445.             // var buttonResizeScreen = document.getElementById("button_defaultscreen");
  446.       //       buttonResizeScreen.click(); // this will trigger the click event
  449.               {% if isFullscreen is defined and isFullscreen %}
  450.                 {% set resizeButton = 'button_defaultscreen' %}
  451.             {% else %}
  452.                 $( document ).ready(function() {
  453.                 // alert( "ready!" );
  454.                     document.getElementById("button_defaultscreen").click(); 
  455.                 });
  456.             {% endif %}    
  458.         </script>