Aktywna mapa Puszczy Bydgoskiej 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

Przy realizacji został wykorzystany program Macromedia Flash MX 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 Macromedia Flash 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.

Widoczny jest tutaj efekt naciśnięcia przycisku

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

Obróbka zdjęć w programie Corel

Fragment oryginalnej mapy po połączeniu zeskanowanych fragmentów

Widok sceny po wprowadzeniu nowych wymiarów i umieszczeniu pierwszej klatki kluczowej

Tworzenie przycisku z niebieskim obramowaniem

Importowanie pliku dźwiękowego do biblioteki

Eksportowanie pliku dźwiękowego do ActionScript

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