WPF: multimedia, animacja

Przeglądarka obrazków 3D

• Demonstracja: task09_binary.zip
• Obrazki do wykorzystania: task09_Images.zip
• Funkcjonalność przeglądarki:
  • Przeglądarka składa się z dwóch prostopadłych do siebie obszarów umieszczonych w przestrzeni 3D
  • Viewport3D jest jedyną kontrolką znajdującą się bezpośrednio w kontenerze wypełniającym okno aplikacji
  • Strona wyboru katalogu (widoczna domyślnie)
    • kontrolki TextBox, ListBox oraz Button
    • tekst wpisany do kontrolki TextBox jest traktowany jako ścieżka do katalogu
    • jeśli podana ścieżka zostanie odnaleziona wyszukiwane są w niej pliki *.gif i ścieżki do nich umieszczane są w kontrolce ListBox
    • Button jest widoczny tylko w przypadku niepustej listy
    • tekst jest analizowany na bieżąco w trakcie wpisywania
    • wciśnięcie Button powoduje animowane przejście do widoku strony przeglądania obrazków
      • animacja polega na obrocie widoku o 90 stopni wokół osi X (widok prostopadły do powierzchni drugiej strony)
      • animacja trwa 1 sekundę
  • Strona przeglądania obrazków
    • obrazek rozciągnięty do rozmiarów kontrolki (po przejściu z poprzedniego widoku wyświetlany jest pierwszy obrazek z listy)
    • przycisk powrotu do listy powodujący animowane przejście do widoku pierwszej strony
      • animacja przeciwna do animacji pokazywania drugiej strony
    • przyciski Next i Prev - pokazywanie nastepnego lub poprzedniego obrazka
      • dla pierwszego obrazka z listy przycisk Prev jest niewidoczny
      • dla ostatniego obrazka z listy przycisk Next jest niewidoczny
      • ukrywanie przycisków polega na pół sekundowej animacji właściwości Opacity (z 0 do 1 lub przeciwnie)
      • przejściu do poprzedniego/następnego obrazka towarzyszy animacja
        • animowany jest obrót widoku wokół osi Y - wychylenie o 10 stopni (i powrót) w kierunku zgodnym z kierunkiem przeglądania zdjęć
        • rozmycie (i przywrócenie ostrości) wciśniętego guzika
        • animacja trwa pół sekundy
  • Wskazówki:
    • Directory.Exists(), Directory.GetFiles()
    • kamera użyta w przykładowym programie:

      <PerspectiveCamera Position="0,0,5" LookDirection="0,0,-5" FieldOfView="45">
          <PerspectiveCamera.Transform>
              <Transform3DGroup>
                  <RotateTransform3D>
                      <RotateTransform3D.Rotation>
                          <AxisAngleRotation3D ...></AxisAngleRotation3D>
                      </RotateTransform3D.Rotation>
                  </RotateTransform3D>
                  <RotateTransform3D>
                      <RotateTransform3D.Rotation>
                          <AxisAngleRotation3D ...></AxisAngleRotation3D>
                      </RotateTransform3D.Rotation>
                  </RotateTransform3D>
              </Transform3DGroup>
          </PerspectiveCamera.Transform>
      </PerspectiveCamera>

      obiekty AxisAngleRotation3D mogą zostać wykorzystane do animacji obrotów widoku
      
      
    • oświetlanie:

      <AmbientLight Color="White"></AmbientLight>
      

    • użyte mesh'e:
      • strona wyszukiwania

        <Viewport2DVisual3D>
            <Viewport2DVisual3D.Geometry>
                <MeshGeometry3D     Positions="-1.3,1,-1.3  1.3,1,-1.3 -1.3,1,1.3 1.3,1,1.3" 
                                    TriangleIndices="2,1,0  2,3,1 "
                                    TextureCoordinates="0,0  1,0  0,1  1,1" />
            </Viewport2DVisual3D.Geometry>
            <Viewport2DVisual3D.Material>
                <DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True" />
            </Viewport2DVisual3D.Material>
            
            ...
            
        </Viewport2DVisual3D>
        

      • strona pokazywania obrazków

        <Viewport2DVisual3D> 
            <Viewport2DVisual3D.Geometry>
                <MeshGeometry3D     Positions="-1.3,1,1.3  1.3,1,1.3  -1.3,-1,1.3  1.3,-1,1.3" 
                                    TriangleIndices="2,1,0  2,3,1 "
                                    TextureCoordinates="0,0  1,0  0,1  1,1" />
            </Viewport2DVisual3D.Geometry>
            <Viewport2DVisual3D.Material>
                <DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True" />
            </Viewport2DVisual3D.Material>
            
            ...
            
        </Viewport2DVisual3D> 
        

  • Przybliżona punktacja:
    • poprawny widok 3D (2 prostopadłe obszary, światło, kamera): 1.5
    • umieszczenie w obszarach kontrolek: 2.0
    • reakcja na wpisywany tekst i ładowanie listy plików: 1.5
    • animacja przejścia pomiędzy widokami: 1.5
    • pokazywanie/zmiana obrazka, animowane ukrywanie przycisków: 1.5
    • animacja wychylenia i rozmycia przycisków: 2.0
  • Linki do przesyłania (hasło jest takie samo, jak do wyników):
    • rozwiązań podczas zajęć laboratoryjnych
    • późniejszej poprawy