170 likes | 393 Views
Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej , Podyplomowe Studium Programowania i Zastosowań Komputerów. Aktywna mapa Puszczy Bydgoskiej. Mariusz Andrzejewski. Toruń 2011.
E N D
Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej, Podyplomowe Studium Programowania i Zastosowań Komputerów Aktywna mapa Puszczy Bydgoskiej Mariusz Andrzejewski Toruń 2011
Celem pracy było przygotowanie aktywnej mapy części Puszczy Bydgoskiej na obszarze pomiędzy linią kolejową Inowrocław – Bydgoszcz , rzeczką Zielona w rejonie Cierpic • Przy realizacji został wykorzystany program MacromediaFlash MX Wstępem do wykonania mapy było wykonanie zdjęć i zmiana ich parametrów (głównie rozmiaru) w programie corell. Podobnie zostało wykonanych szereg skanów mapy topograficznej i ich połączenie, a następnie znaczące pomniejszenie by utworzona mapa nadawała się do prezentacji w internecie. W tym programie były tworzone Movie Clipy do animacji zdjęć i szlaków. Wszystkie były umieszczane w bibliotece skąd pobierano na główną mapę ich instancje. Osobno były tworzone przyciski i ich instancje umieszczane również na głównej mapie. Niezależnie powstały też pliki dźwiękowe, które zostały przekonwertowane do formatu mp3, który jest czytany przez program animacyjny. Wszystko zostało połączone przy pomocy kodu actionscript. Całość została umieszczona warstwami na pojedynczej klatce kluczowej.
Każdy obrazek na mapie po naciśnięciu myszką powiększa się i następnie ukazuje się Movie Clip prezentujący serię zdjęć z danego miejsca wraz z dźwiękowym komentarzem. Zostało tutaj przygotowanych 26 Mowie Clipów.
Przy pomocy przycisków można uruchomić także szlaki turystyczne wraz z opisem ich przebiegu
Widok fragmentu mapy z gotowymi do użycia Movie Clipami obrazowymi
Górna miniaturka przedstawia sytuację przed najechaniem myszką, dolna pokazuje pojawiający się po najechaniu myszką przycisk uruchamiający animację
Widoczne miejsce rozpoczęcia żółtego szlaku turystycznego wraz z sterującymi nim przyciskami
Fragment oryginalnej mapy po połączeniu zeskanowanych fragmentów
Widok sceny po wprowadzeniu nowych wymiarów i umieszczeniu pierwszej klatki kluczowej
Rysunek szlaku zielonego w Movie Clipie po usunięciu warstwy z tłem podkładowym. U góry na listwie czasowej są widoczne kolejne klatki kluczowe ustawione jedna po drugiej bez zastosowania animacji między nimi.
Kod ActionScriptu umieszczony na pierwszej klatce kluczowej Movie Clipu
Ostateczny widok mapy interaktywnej widziany po jej otwarciu przy użyciu przeglądarki Internet Explorer