Πώς να κάνω animation στο Microworlds Pro; Του Δαπόντε Ν.
Ημερομηνία Wednesday, February 11 @ 13:59:03 EET
Θέμα Πληροφορική


Νίκος Δαπόντες daponte@sch.gr

Πώς να πραγματοποιούμε "κινούμενα σχέδια" (animation) στην οθόνη χρησιμοποιώντας τα έτοιμα σχήματα του Microworlds;  



Η δημιουργία "κινούμενων σχεδίων" στο Microworlds απαιτεί στοιχειώδη προγραμματισμό. Στην πρόταση μας παρουσιάζονται τρεις διαφορετικές προσεγγίσεις για την περίπτωση που έχουμε έτοιμες τις φάσεις μιας εικόνας (όπως αυτές του αλόγου) στη "Συλλογή Εικόνων" του περιβάλλοντος.

  

Πρώτη προσέγγιση (με εντολές σε πλαίσιο κειμένου). Στη συλλογή των σχημάτων του Microworlds Pro (δεξιά περιοχή της οθόνης) διαθέτουμε το σχήμα ενός αλόγου σε τέσσερις διαφορετικές φάσεις. Θέλουμε, μια χελώνα με όνομα <χ1> που δημιουργούμε στην οθόνη, να αλλάζει σχήμα αλόγου καθώς κινείται οριζόντια με σταθερή ταχύτητα. Αρχικά η χελώνα θα παίρνει το σχήμα 21 και μετά διαδοχικά το 22, το 23 και το 24 με μια μικρή καθυστέρηση. Αυτά τα σχήματα αποτελούν τις φάσεις του "κινουμένου σχεδίου". Στη γλώσσα προγραμματισμού (Logo) γράφουμε τις παρακάτω εντολές στο Πλαίσιο Κειμένου με όνομα <κείμενο3> :
χ1, συνεχώς[θέσεσχήμα 21 μπ 1 περίμενε 1 θέσεσχήμα 22 μπ 1 περίμενε 1 θέσεσχήμα 23 μπ 1 περίμενε 1 θέσεσχήμα 24 μπ 1 περίμενε 1]
Εκτελώντας αυτήν την εντολή η χελώνα - άλογο αλλάζει σχήματα και ταυτόχρονα κινείται κατά α βήματα (όπου α είναι η τιμή του μεταβολέα). Για διευκόλυνσή μας φέρνουμε στην οθόνη και μια δεύτερη χελώνα - κουμπί με σχήμα δρομέα που υπάρχει στη συλλογή του Microworlds και την προγραμματίζουμε ώστε να εκτελεί την εντολή
εκτέλεσε κείμενο3

Με κλικ και σύρσιμο πάνω στη χελώνα - άλογο τη μεταφέρουμε σε όποιαδήποτε θέση της οθόνης.
Η ποιότητα αυτής της κίνησης (animation), όπως εύκολα μπορείτε να διαπιστώσετε δεν είναι και τόσο καλή.

Όμως, μπορεί να βελτιωθεί με τη δεύτερη προσέγγιση που ακολουθεί.
Δεύτερη προσέγγιση (με μια μόνο εντολή). Μπορούμε να βλέπουμε τους αριθμούς 21, 22, 23 και 24, που αντιστοιχούν στις θέσεις των 4  φάσεων του αλόγου, ως τιμές μιας μεταβλητής ε που αναφέρεται στο σχήμα του αλόγου.
Για την προσομοίωση της κίνησης του αλόγου - "κινουμένου σχεδίου" χρησιμοποιούμε την εντολή <εκτέλεσελίστα> που δέχεται δύο εισόδους όπως παρακάτω
χ1, εκτέλεσελίστα [ε [21 22 23 24]] [θέσεσχήμα :ε μπ α περίμενε 1]
Με την εντολή <θέσεσχήμα> η χελώνα παίρνει το σχήμα που προσδιορίζεται από την τιμή της μεταβλητής ε.

Με το μεταβολέα α το άλογο προχωράει κατά α βήματα (pixels) οπότε και αλλάζει την ταχύτητα κίνησης του αλόγου.

Τρίτη προσέγγιση (με τη δημιουργία διαδικασίας). Μπορούμε να βλέπουμε τους αριθμούς 21, 22, 23 και 24, που αντιστοιχούν στις 4  φάσεις του αλόγου, ως στοιχεία μιας λίστας.
Για την προσομοίωση της κίνησης του αλόγου - "κινουμένου σχεδίου" χρησιμοποιούμε τη διαδικασία με όνομα <κίνηση>  και είσοδο τη λίστα [21 22 23 24], όπως παρακάτω
για κίνηση :l
αν κενό? :l [στοπ]    ; αν η λίστα είναι κενή, τότε, σταμάτα
θέσεσχήμα πρώτο :l  ;πάρε σχήμα με αριθμό το πρώτο της λίστας
μπ α                      ;προχώρα κατά α 
περίμενε 1                ;περίμενε 1  
κίνηση εκπ :l           ;τρέξε τη διαδικασία με άλλη είσοδο 
τέλος

 Αν θέλετε να δοκιμάστε τα παραπάνω μικρά προγράμματα θα πρέπει να διαθέτετε το Microworlds στον υπολογιστή σας. Στη συνέχεια,  μπορείτε να επιλέξετε τις εντολές ή τη διαδικασία, κάνοντας αντιγραφή, και να τα μεταφέρετε είτε σε πλαίσιο κειμένου είτε στον editor του Microworlds.

Υπενθυμίζουμε ότι το Microworlds είναι εγκατεστημένο στους υπολογιστές των 2050 Δημοτικών Σχολείων της χώρας.







Το άρθρο αυτό προέρχεται από www.epyna.eu
http://www.epyna.eu

Το URL της ιστορίας αυτής είναι ο εξής
http://www.epyna.eu/modules.php?name=News&file=article&sid=340