Πίνακας περιεχομένων:

Πώς να δημιουργήσετε μια οθόνη προφόρτωσης Adobe Flash: 9 βήματα
Πώς να δημιουργήσετε μια οθόνη προφόρτωσης Adobe Flash: 9 βήματα

Βίντεο: Πώς να δημιουργήσετε μια οθόνη προφόρτωσης Adobe Flash: 9 βήματα

Βίντεο: Πώς να δημιουργήσετε μια οθόνη προφόρτωσης Adobe Flash: 9 βήματα
Βίντεο: Writing 2D Games in C using SDL by Thomas Lively 2024, Ιούλιος
Anonim
Πώς να δημιουργήσετε μια οθόνη προφόρτωσης Adobe Flash
Πώς να δημιουργήσετε μια οθόνη προφόρτωσης Adobe Flash

Ένας προφορτωτής Flash εμπλέκει τους χρήστες με τον ιστότοπό σας ενώ εξακολουθεί να φορτώνεται, εμφανίζοντας μια γραμμή φόρτωσης αρχείων που ενημερώνει την πρόοδο του ιστότοπου. Εδώ είναι πώς να φτιάξετε ένα. Θα χρειαστείτε

  • Ένας υπολογιστής με πρόσβαση στο Διαδίκτυο
  • Adobe Flash CS4
  • Ένας υπάρχων ιστότοπος Actionscript 3.0

Βήμα 1: Βήμα 1: Ανοίξτε τα αρχεία σας Flash

Βήμα 1: Ανοίξτε τα αρχεία σας Flash
Βήμα 1: Ανοίξτε τα αρχεία σας Flash

Εκκινήστε το πρόγραμμα Adobe Flash CS4 και ανοίξτε τα αρχεία του ιστότοπού σας Flash. Αλλάξτε τη διάταξη του χώρου εργασίας κάνοντας κλικ στο αναπτυσσόμενο πλαίσιο μενού στην επάνω αριστερή γωνία του μενού και επιλέγοντας Σχεδιαστής.

Βήμα 2: Βήμα 2: Προσθήκη κενών βασικών πλαισίων

Βήμα 2: Προσθήκη κενών πλαισίων κλειδιού
Βήμα 2: Προσθήκη κενών πλαισίων κλειδιού

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

Βήμα 3: Βήμα 3: Δημιουργήστε τη γραμμή φόρτωσης

Βήμα 3: Δημιουργήστε τη γραμμή φόρτωσης
Βήμα 3: Δημιουργήστε τη γραμμή φόρτωσης

Δημιουργήστε τη γραμμή φόρτωσης. Αρχικά, επισημάνετε το κάτω επίπεδο της λωρίδας χρόνου και στον πίνακα Εργαλεία, επιλέξτε το εργαλείο ορθογωνίου. Στη συνέχεια, στις Ιδιότητες, αλλάξτε τα χρώματα της ορθογώνιας διαδρομής και πλήρωσης και το μέγεθος της διαδρομής. Σχεδιάστε ένα ορθογώνιο στο κέντρο της ιστοσελίδας σας. Βεβαιωθείτε ότι το ορθογώνιο και το κτύπημα δεν αναμειγνύονται στο παρασκήνιο της ιστοσελίδας. ΣΥΜΒΟΥΛΗ Εάν δεν είστε βέβαιοι τι σημαίνει ένα εικονίδιο σε οποιοδήποτε από τα πλαίσια, κρατήστε το δείκτη του ποντικιού πάνω από αυτό για μια περιγραφή.

Βήμα 4: Βήμα 4: Μετατρέψτε το περίγραμμα της γραμμής φόρτωσης

Βήμα 4: Μετατρέψτε το περίγραμμα της γραμμής φόρτωσης
Βήμα 4: Μετατρέψτε το περίγραμμα της γραμμής φόρτωσης

Μετατρέψτε το περίγραμμα της γραμμής φόρτωσης σε κλιπ ταινίας. Επιλέξτε το εργαλείο επιλογής από το μενού εργαλείων και κάντε διπλό κλικ στο ορθογώνιο, έτσι ώστε να επιλεγεί ολόκληρο το περίγραμμα. Πατήστε F8 για να εμφανιστεί το παράθυρο "Μετατροπή σε σύμβολο". Αλλάξτε το όνομα σε "περίγραμμα" και αλλάξτε τον τύπο σε "Κλιπ ταινίας". Κάντε κλικ στο OK.

Βήμα 5: Βήμα 5: Μετατρέψτε τη γραμμή φόρτωσης

Βήμα 5: Μετατρέψτε τη γραμμή φόρτωσης
Βήμα 5: Μετατρέψτε τη γραμμή φόρτωσης

Δώστε μια γενική περιγραφή του Step Κάντε κλικ στο κέντρο του ορθογωνίου και πατήστε F8 για να το μετατρέψετε επίσης σε σύμβολο. Αλλάξτε το όνομα σε ορθογώνιο και αλλάξτε τον τύπο σε Κλιπ ταινίας. Για εγγραφή, επιλέξτε το κεντρικό τετράγωνο στα αριστερά. Στη συνέχεια, κάντε κλικ στο OK. Τώρα μεταβείτε στον πίνακα Ιδιότητες και αλλάξτε το όνομα παρουσίας σε rectangle_clip.

Βήμα 6: Βήμα 6: Δημιουργήστε το ποσοστό κειμένου

Βήμα 6: Δημιουργήστε το κείμενο ποσοστού
Βήμα 6: Δημιουργήστε το κείμενο ποσοστού

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

Βήμα 7: Βήμα 7: Γράψτε τα σενάρια "διακοπή" και "συμβάν"

Βήμα 7: Γράψτε το
Βήμα 7: Γράψτε το

Βεβαιωθείτε ότι το πρώτο πλαίσιο του κάτω επιπέδου είναι επιλεγμένο στον πίνακα Timeline, πατήστε F9 για να εμφανιστεί ο πίνακας Actions. Στην πρώτη γραμμή, γράψτε ένα σενάριο διακοπής που εμποδίζει την ποδηλασία της ιστοσελίδας. Πατήστε Enter για να μεταβείτε στην επόμενη γραμμή και προσθέστε ένα σενάριο που εκχωρεί μια συνάρτηση συμβάντων στην ιστοσελίδα. Καλέστε τη λειτουργία προφόρτισης1. Πατήστε Enter.

Βήμα 8: Βήμα 8: Γράψτε το σενάριο "function"

Βήμα 8: Γράψτε το
Βήμα 8: Γράψτε το

Γράψτε τη συνάρτηση preload1, η οποία περιέχει δύο μεταβλητές: μία που επιστρέφει τα συνολικά byte για την ιστοσελίδα και μία που επιστρέφει πόσα από αυτά τα byte έχουν φορτωθεί. Στη συνέχεια, η συνάρτηση ορίζει το μέγεθος της γραμμής φόρτωσης και το ποσοστό κειμένου για να αντιπροσωπεύει πόσα byte έχουν φορτωθεί. Το τελευταίο μέρος της λειτουργίας λέει στο Flash να μεταβεί στο δεύτερο πλαίσιο της λωρίδας χρόνου και να το παίξει μόλις φορτωθεί ολόκληρο το έγγραφο. ΣΥΜΒΟΥΛΗ Για να κάνετε προεπισκόπηση του εγγράφου εν ενεργεία, μεταβείτε στην ενότητα Έλεγχος, Δοκιμή ταινίας από το επάνω μενού.

Βήμα 9: Βήμα 9: Δημοσίευση και μεταφόρτωση

Βήμα 9: Δημοσίευση και μεταφόρτωση
Βήμα 9: Δημοσίευση και μεταφόρτωση

Δημοσιεύστε τον ιστότοπο μεταβαίνοντας στο Αρχείο, Δημοσίευση ρυθμίσεων. Βεβαιωθείτε ότι είναι επιλεγμένα και τα πλαίσια SWF και HTML. Μετονομάστε και τα δύο αρχεία και επιλέξτε μια τοποθεσία για αποθήκευση. Στη συνέχεια, κάντε κλικ στην επιλογή δημοσίευση και ανεβάστε όλα τα δημοσιευμένα αρχεία στον διακομιστή ιστού σας. Για πρόσβαση στη σελίδα Flash, μεταβείτε στο αρχείο HTML του διακομιστή ιστού σας.

Συνιστάται: