Aktywna mapa Puszczy Bydgoskiej

Prezentacja na temat: "Aktywna mapa Puszczy Bydgoskiej"— Zapis prezentacji:

1 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

2 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.

3 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.

4 Widoczny jest tutaj efekt naciśnięcia przycisku

5 Przy pomocy przycisków można uruchomić także szlaki turystyczne wraz z opisem ich przebiegu

6 Widok fragmentu mapy z gotowymi do użycia Movie Clipami obrazowymi

7 Górna miniaturka przedstawia sytuację przed najechaniem myszką, dolna pokazuje pojawiający się po najechaniu myszką przycisk uruchamiający animację

8 Widoczne miejsce rozpoczęcia żółtego szlaku turystycznego wraz z sterującymi nim przyciskami

9 Obróbka zdjęć w programie Corel

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

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

12 Tworzenie przycisku z niebieskim obramowaniem

13 Importowanie pliku dźwiękowego do biblioteki

14 Eksportowanie pliku dźwiękowego do ActionScript

15 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.

16 Kod ActionScriptu umieszczony na pierwszej klatce kluczowej Movie Clipu

17 Ostateczny widok mapy interaktywnej widziany po jej otwarciu przy użyciu przeglądarki Internet Explorer