Front-end Web Developer

I am a Mid Front-end Web Developer and IT Trainer

Flash Cartoon

Categories
Εργαλείο Ανάπτυξης Adobe Flash

Τι είναι το Flash Cartoon

cartoon-slideshowΤο Flash Cartoon είναι ένα κινούμενο σχέδιο της τότε αλυσίδας φροντιστηρίων πληροφορικής  TECHNOkids-TECHNOPLUS (Καλλιθέας). Πρόκειται για ένα απλό animation το οποίο κατασκευάστηκε με τεχνολογία Flash μέσα από το Adobe Flash. Η ιδέα προήλθε από ένα σχετικό cartoon, τριγονοψαρούλης, που χρησιμοποιούσε το παραπάνω κέντρο εκπαίδευσης πληροφορικής.

 

Ποιο αναλυτικά

Στο έργο αυτό χρησιμοποιήθηκε ένας καμβάς διαστάσεων 300 Χ 300 pixels.

Σαν εικόνα παρασκηνίου χρησιμοποιήθηκε μια έτοιμη εικόνα. Προκειμένου να αποδοθεί η αίσθηση της κίνησης της εικόνας-βυθού χρησιμοποιήθηκε μια εικόνα πλάτους μεγαλύτερη των 300 pixels. Αυτή η τεχνική δίνει το πλεονέκτημα της οριζόντιας κύλισης της εικόνας, αφού είναι μεγαλύτερου πλάτους από τον καμβά, και συνεπώς το εφέ της κίνησης.

Το Flash Cartoon, ψάρι, είναι ένα σύνθετο αντικείμενο.

Το στατικό κομμάτι του είναι αυτό στο οποίο δεν υπάρχει κάποια μεταβολή στην διάρκεια της κίνησης του. Συνεπώς σχεδόν όλο το σώμα του είναι ένα αντικείμενο. Το μόνο σημείο το οποίο κινείται, εκτός από τα μάτια, είναι το στόμα του το οποίο ανοιγοκλείνει. Στο στόμα του λοιπόν δόθηκε μια κίνηση ανοίγματος και κλεισίματος το με την σειρά του ενσωματώθηκε στο υπόλοιπο σώμα του ψαριού.

Στα μάτια του πάλι, αποδόθηκε μια ελαφρά κύλιση πάνω και κάτω. Το γεγονός αυτό σημαίνει ότι κάθε ένα μάτι πρέπει να είναι ένα ξεχωριστό αντικείμενο. Με τον τρόπο αυτόν, αποδόθηκε ένα μικρό animation ξεχωριστά για κάθε ένα μάτι.

Έτσι λοιπόν μπορούμε να πούμε ότι το ψάρι αποτελείται από τα εξής αντικείμενα:

  • Το κυρίως σώμα,
  • Το κινούμενο στόμα
  • Τα δύο του μάτια

Αυτά τα αντικείμενα στο τέλος ομαδοποιηθήκαν σε ένα ενιαίο αντικείμενο, το ψάρι. Σε αυτό λοιπόν αποδόθηκε η κίνηση του από την μία πλευρά του καμβά, στην άλλη και πάλι πίσω.  Παράλληλα με αυτά γίνεται και η κύλιση της εικόνας παρασκηνίου δίνοντας την συνολική ψευδαίσθηση της κίνησης.

Τέλος, το εφέ της μεταβολής του ψαριού σε κάθε πλευρά του καμβά γίνεται με την κλιμακωτή οριζόντια αλλαγή του πλάτους του, scale.

Κάντε κλικ εδώ για να δείτε το flash cartoon.