Τεχνολογία Πολυμέσων. Ενότητα 10: Ανάπτυξη εφαρμογής αναλογικού ρολογιού Νικολάου Σπύρος Τμήμα Μηχανικών Πληροφορικής ΤΕ

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "Τεχνολογία Πολυμέσων. Ενότητα 10: Ανάπτυξη εφαρμογής αναλογικού ρολογιού Νικολάου Σπύρος Τμήμα Μηχανικών Πληροφορικής ΤΕ"

Transcript

1 Τεχνολογία Πολυμέσων Ενότητα 10: Ανάπτυξη εφαρμογής αναλογικού ρολογιού Νικολάου Σπύρος Τμήμα Μηχανικών Πληροφορικής ΤΕ

2 Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative Commons. Για εκπαιδευτικό υλικό, όπως εικόνες, που υπόκειται σε άλλου τύπου άδειας χρήσης, η άδεια χρήσης αναφέρεται ρητώς. 2

3 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά Μαθήματα στο TEI Δυτικής Μακεδονίας και στην Ανώτατη Εκκλησιαστική Ακαδημία Θεσσαλονίκης» έχει χρηματοδοτήσει μόνο τη αναδιαμόρφωση του εκπαιδευτικού υλικού. Το έργο υλοποιείται στο πλαίσιο του Επιχειρησιακού Προγράμματος «Εκπαίδευση και Δια Βίου Μάθηση» και συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση (Ευρωπαϊκό Κοινωνικό Ταμείο) και από εθνικούς πόρους. 3

4 Σκοποί ενότητας Σε αυτή την ενότητα αναπτύσσεται μία εφαρμογή αναλογικού ρολογιού (Analog Clock). 4

5 Περιεχόμενα ενότητας Άσκηση. Βιβλιογραφία. 5

6 Ανάπτυξη εφαρμογής αναλογικού ρολογιού

7 Άσκηση (1/16) Δημιουργήστε μια ταινία με όνομα Analog_Clock.dir με διαστάσεις 400x400 pixels και στοιχίστε την στο κέντρο. Να ορίσετε δεικτοδοτημένο (indexed) χρώμα φόντου 234 και το τέμπο σε 10 fps. Στη συνέχεια κάντε τα παρακάτω! 7

8 Άσκηση (2/16) 1. Δημιουργήστε έναν ηθοποιό τύπου paint «ΤΕΤΡΑΓΩΝΟ» με όνομα «Square», χρώματος κόκκινου διαστάσεις 400x50 και με την ιδιότητα Bg. Transparent (κανάλι 1). Τοποθετήστε το είδωλο (sprite) του ηθοποιού Square στη θέση x:200, y:25 στα πλαίσια 1 έως 30. 8

9 Άσκηση (3/16) 2. Δημιουργήστε ακόμα ένα είδωλο-(sprite) από το «ΤΕΤΡΑΓΩΝΟ» σύροντας το από το CAST στο STAGE. Τοποθετήστε το είδωλο στη θέση x:200, y:385 με διαστάσεις 400x10, στα πλαίσια 1 έως 30 και με την ιδιότητα Bg. Transparent (κανάλι 2). 3. Δημιουργήστε έναν ηθοποιό τύπου text «CLOCK» με όνομα «Clock», μέγεθος 36, bold, χρώμα μαύρο και με την ιδιότητα Bg. Transparent (κανάλι 3). Τοποθετήστε το είδωλο (sprite) του ηθοποιού Clock στη θέση x:130, y:5 στα πλαίσια 1 έως 30. 9

10 Άσκηση (4/16) 4. Προετοιμάστε κατάλληλα τον ηθοποιό clock (από τις καρτέλες Text και 3D Extruder του Property Inspector) για να δεχθεί τη συμπεριφορά 3D >Actions >Automatic Model Rotation. Ο ηθοποιός σας να περιστρέφεται κατά τον άξονα «Υ». 10

11 Άσκηση (5/16) 5. Δημιουργήστε έναν ηθοποιό τύπου vector «ΚΥΚΛΟΣ» με όνομα «Big_Circle», χρώματος σχεδόν άσπρου, διαστάσεις 285x285 και με την ιδιότητα Bg. Transparent (κανάλι 4). Τοποθετήστε το είδωλο του ηθοποιού Big_Circle στη θέση x:200, y:220 στα πλαίσια 5 ως 30. Εφαρμόστε την συμπεριφορά Animation >SpriteTransitions >Barn Door. 11

12 Άσκηση (6/16) 6. Δημιουργήστε έναν ηθοποιό τύπου text «12» με όνομα «12», μέγεθος 24, bold, μαύρου χρώματος και με ιδιότητα Bg. Transparent. (κανάλι 5), θέση x:185, y:80, πλαίσια 12 ως 30. Εφαρμόστε Fade in από τη συμπεριφορά Animation >Automatic >Fade In Out. 12

13 Άσκηση (7/16) 7. Δημιουργήστε έναν ηθοποιό τύπου text «3» με όνομα «3», μέγεθος 24, bold, μαύρου χρώματος και με ιδιότητα Bg. Transparent. (κανάλι 6), θέση x:320, y:200, πλαίσια 15 ως 30. Εφαρμόστε την παράμετρο Fade in από τη συμπεριφορά Animation >Automatic >Fade In Out. 13

14 Άσκηση (8/16) 8. Δημιουργήστε έναν ηθοποιό τύπου text «6» με όνομα «6», μέγεθος 24, bold, μαύρου χρώματος και με ιδιότητα Bg. Transparent. (κανάλι 7), θέση x:195, y:330, πλαίσια 18 ως 30. Εφαρμόστε την παράμετρο Fade in από τη συμπεριφορά Animation >Automatic >Fade In Out. 14

15 Άσκηση (9/16) 9. Δημιουργήστε έναν ηθοποιό τύπου text «9» με όνομα «9», μέγεθος 24, bold, μαύρου χρώματος και με ιδιότητα Bg. Transparent. (κανάλι 8), θέση x:65, y:200, πλαίσια 21 έως 30. Εφαρμόστε την παράμετρο Fade in από τη συμπεριφορά Animation >Automatic >Fade In Out. 15

16 Άσκηση (10/16) 10. Δημιουργήστε έναν ηθοποιό τύπου vector «ΠΑΡΑΛΛΗΛΟΓΡΑΜΜΟ» με όνομα «hour», χρώματος κόκκινου, διαστάσεις 12x75 και με την ιδιότητα Bg. Transparent. (κανάλι 9). Τοποθετήστε τον ηθοποιό στην θέση x:200, y:220 στα πλαίσια 25 έως

17 Άσκηση (11/16) 11. Δημιουργήστε έναν ηθοποιό τύπου vector «ΠΑΡΑΛΛΗΛΟΓΡΑΜΜΟ» με όνομα «min», χρώματος κόκκινου, διαστάσεις 10x95 και με την ιδιότητα Bg. Transparent. (κανάλι 10). Τοποθετήστε τον ηθοποιό στην θέση x:200, y:220 στα πλαίσια 25 ως

18 Άσκηση (12/16) 12. Δημιουργήστε έναν ηθοποιό τύπου vector «ΠΑΡΑΛΛΗΛΟΓΡΑΜΜΟ» με όνομα «sec», χρώματος κίτρινου, διαστάσεις 8x110 και με την ιδιότητα Bg. Transparent. (κανάλι 11). Τοποθετήστε τον ηθοποιό στην θέση x:200, y:220 στα πλαίσια 25 ως

19 Άσκηση (13/16) 13. Στα είδωλα (sprites) των βημάτων 10, 11 και 12 να ορίσετε ως «σημείο εγγραφής» (registration point) την κάτω άκρη του παραλληλογράμμου και το μέσο αυτής. Ευθυγραμμίστε τους παραπάνω ηθοποιούς με βάση το σημείο εγγραφής οριζόντια και κάθετα. 19

20 Άσκηση (14/16) 14. Στα είδωλα (sprites) των βημάτων 10, 11 και 12 να εφαρμόσετε την συμπεριφορά Controls Analog Clock ανάλογα με το όνομα τους (Hour hand, Minute hand, Second hand). 15. Δημιουργήστε έναν ηθοποιό τύπου paint «ΚΥΚΛΟΣ» με όνομα «circle», χρώματος μαύρου, διαστάσεις 30x30 και με την ιδιότητα Bg. Transparent. (κανάλι 12). Τοποθετήστε το κύκλο στην θέση x:200, y:220 στα πλαίσια 25 έως

21 Άσκηση (15/16) 16. Εφαρμόστε τη συμπεριφορά Navigation >Hold on Current Frame ώστε η ταινία να κάνει παύση στο πλαίσιο Εναλλακτικά, μπορείτε να κάνετε διπλό αριστερό mouse click στο πλαίσιο (frame) 30 του καναλιού εφέ Script στο Score και να γράψετε το ακόλουθο Frame behavior script το οποίο μπορείτε να αποθηκεύσετε με το όνομα «hold on current frame». 21

22 Άσκηση (16/16) on exitframe me end go to the frame 18. Να δημιουργήσετε και αυτοεκτελέσιμη έκδοση της ταινίας σας με όνομα Analog_Clock.exe από το μενού File > Publish Settings > Windows Projector. 22

23 Σημείωμα Αναφοράς Copyright ΤΕΙ Δυτικής Μακεδονίας, Νικολάου Σπύρος. «Τεχνολογία Πολυμέσων». Έκδοση: 1.0. Κοζάνη Διαθέσιμο από τη δικτυακή διεύθυνση: 23

24 Σημείωμα Αδειοδότησης Το παρόν υλικό διατίθεται με τους όρους της άδειας χρήσης Creative Commons Αναφορά, Μη Εμπορική Χρήση Παρόμοια Διανομή 4.0 [1] ή μεταγενέστερη, Διεθνής Έκδοση. Εξαιρούνται τα αυτοτελή έργα τρίτων π.χ. φωτογραφίες, διαγράμματα κ.λ.π., τα οποία εμπεριέχονται σε αυτό και τα οποία αναφέρονται μαζί με τους όρους χρήσης τους στο «Σημείωμα Χρήσης Έργων Τρίτων». [1] Ως Μη Εμπορική ορίζεται η χρήση: που δεν περιλαμβάνει άμεσο ή έμμεσο οικονομικό όφελος από την χρήση του έργου, για το διανομέα του έργου και αδειοδόχο. που δεν περιλαμβάνει οικονομική συναλλαγή ως προϋπόθεση για τη χρήση ή πρόσβαση στο έργο. που δεν προσπορίζει στο διανομέα του έργου και αδειοδόχο έμμεσο οικονομικό όφελος (π.χ. διαφημίσεις) από την προβολή του έργου σε διαδικτυακό τόπο. Ο δικαιούχος μπορεί να παρέχει στον αδειοδόχο ξεχωριστή άδεια να χρησιμοποιεί το έργο για εμπορική χρήση, εφόσον αυτό του ζητηθεί. 24

25 Διατήρηση Σημειωμάτων Οποιαδήποτε αναπαραγωγή ή διασκευή του υλικού θα πρέπει να συμπεριλαμβάνει: το Σημείωμα Αναφοράς. το Σημείωμα Αδειοδότησης. τη δήλωση Διατήρησης Σημειωμάτων. το Σημείωμα Χρήσης Έργων Τρίτων (εφόσον υπάρχει). μαζί με τους συνοδευόμενους υπερσυνδέσμους. 25

26 Βιβλιογραφία 1. Τεχνολογία πολυμέσων, Δημητριάδης Σταύρος Ν., Πομπόρτσης Ανδρέας Σ., Τριανταφύλλου Ευάγγελος Γ. 2. Συστήματα Πολυμέσων: Αλγόριθμοι, Πρότυπα και Εφαρμογές, Havaldar P., Medioni G. 3. Πολυμέσα Αναλυτικός Οδηγός, 8η Έκδοση, Tay Vaughan 4. Τεχνολογία Πολυμέσων και Πολυμεσικές Επικοινωνίες, Γεώργιος Β. Ξηλωμένος, Γεώργιος Κ. Πολύζος 26

27 Τέλος Ενότητας