Σκάβουμε στον κώδικα - Dummies

Από τη μία πλευρά, δεν χρειάζεστε πραγματικά δεξιότητες κωδικοποίησης για να δημιουργήσετε επαγγελματικές κινούμενες εικόνες με το Edge Animate. από την άλλη πλευρά, το Edge Animate παρέχει

τον εγγενή κώδικα HTML5, που είναι πολύ καθαρός - χωρίς ιδιοκτήτη ή περιττό κωδικό. Αυτό βοηθά στην ευκολότερη ανάγνωση και κατανόηση του κώδικα για όλους.
Ένας επίμονος πίνακας κωδικών, που σας δίνει πρόσβαση στην επεξεργασία του κώδικα με το χέρι.
API JavaScript (διεπαφή προγραμματισμού εφαρμογών), το οποίο παρέχει την ευκαιρία να μάθετε τις λεπτομέρειες πίσω από τον κώδικα.

Οι σχεδιαστές χωρίς δεξιότητες κωδικοποίησης μπορούν να χαλαρώσουν γνωρίζοντας ότι μπορούν ακόμα να δημιουργούν συνθέσεις χωρίς να γνωρίζουν καθόλου κώδικα. Εν τω μεταξύ, οι έμπειροι προγραμματιστές μπορούν να χαιρετίσουν την Adobe για την παροχή πρόσβασης σε όλους τους κωδικούς υποβάθρου.

Εργασία σε εγγενή HTML

Ενώ εργάζεστε στο Edge Animate, το λογισμικό δημιουργεί συνεχώς κώδικα πίσω από τις σκηνές. Ενώ δεν χρειάζεται απαραίτητα να γνωρίζετε οποιαδήποτε HTML ή JavaScript για να δημιουργήσετε κινούμενα σχέδια, αν έχετε κάποιες κωδικοποιητικές δεξιότητες, τότε μπορείτε να γιορτάσετε - Edge Animate δημιουργεί πολύ καθαρό κώδικα HTML χωρίς καμία ιδιόκτητη αποσκευή.

Αν θέλετε να μπείτε στον κώδικα, τότε θεωρήστε το αρχείο HTML που δημιουργεί το Edge Animate ως το μοναδικό αρχείο που ίσως χρειαστεί να ανοίξετε. Το Edge Animate δημιουργεί αρκετούς άλλους τύπους αρχείων, συμπεριλαμβανομένων των αρχείων JavaScript, αλλά αυτά τα αρχεία είναι πυκνά με κώδικα. Εάν δεν είστε προγραμματιστής, τότε καλή συμβουλή είναι να αποφύγετε τα αρχεία αυτά.

Αν έχετε ήδη δημιουργήσει αρκετούς ιστότοπους και δεν θέλετε να δημιουργήσετε το κινούμενο γραφικό σας από την αρχή, έχετε τύχη: Δεν χρειάζεται να ξεκινήσετε από την αρχή. Ένα εξαιρετικό χαρακτηριστικό του Edge Animate είναι ότι μπορείτε να εισάγετε υπάρχοντα αρχεία HTML - το οποίο δίνει στους έμπειρους προγραμματιστές Ιστού ένα πρώτο ξεκίνημα με το Edge Animate.

Το HTML5 είναι το μεγάλο πράγμα με την ανάπτυξη ιστού αυτές τις μέρες, μαζί με το CSS3. Εάν αναρωτιέστε τι HTML5 είναι, ο καλύτερος τρόπος για να το περιγράψετε είναι ότι είναι το μέλλον του ιστού. Έτσι, χρησιμοποιώντας το Edge Animate, τοποθετείτε τον εαυτό σας στην πρωτοπορία των τεχνολογιών του διαδικτύου. Και το καλύτερο μέρος είναι, δεν χρειάζεται να ξέρετε πώς να κωδικοποιήσετε για να το χρησιμοποιήσετε. Το Edge Animate δημιουργεί τον κώδικα για εσάς.

Κωδικοποίηση εύκολα με τον επίμονο πίνακα κώδικα

Μπορείτε να χρησιμοποιήσετε το Adobe Edge Animate CC χωρίς να γνωρίζετε ένα κομμάτι κώδικα. Ωστόσο, αν είστε προγραμματιστής που του αρέσει ο κωδικός χειρός, μπορείτε να το κάνετε με το παράθυρο κώδικα.Έχετε δύο επιλογές όταν χρησιμοποιείτε το παράθυρο κώδικα:

Μπορείτε να δείτε τον πλήρη κωδικό. Αυτό το σχήμα δείχνει τι βλέπετε: όλος ο κώδικας στο αρχείο ενεργειών για το συγκεκριμένο κινούμενο σχέδιο στο οποίο εργάζεστε. Αυτή η άποψη είναι εξαιρετικά χρήσιμη. δεν χρειάζεται να συνεχίσετε να πατάτε εμπρός και πίσω μεταξύ των αποσπασμάτων κώδικα.

Χρησιμοποιήστε τη λειτουργία πλήρους κώδικα για να προβάλετε και να επεξεργαστείτε το αρχείο ενεργειών. Μπορείτε να ενεργοποιήσετε αυτήν τη λειτουργία κάνοντας κλικ στο κουμπί Πλήρους Κωδικού στην επάνω δεξιά γωνία του επεξεργαστή κώδικα.
Μπορείτε να δείτε έναν κώδικα συγκεκριμένης ενέργειας. Όταν έχετε ανοίξει το παράθυρο κώδικα, βλέπετε μια λίστα ενεργειών στην αριστερή πλευρά. Κάνοντας κλικ σε μία από αυτές τις ενέργειες, μπορείτε να επεξεργαστείτε τον κώδικα μόνο για τη συγκεκριμένη ενέργεια (δείτε το σχήμα).

Για να ανοίξετε το παράθυρο κώδικα, από το μενού, επιλέξτε Παράθυρο και μετά Κωδικοποιήστε όπως φαίνεται.

Μπορείτε να χρησιμοποιήσετε μια συντόμευση πληκτρολογίου για να ανοίξετε το παράθυρο κώδικα πατώντας Ctrl + E.

Τράβηγμα στο API JavaScript

Ένα API Adobe Edge Animate CC JavaScript είναι διαθέσιμο για τους σκληρούς κωδικοποιητές εκεί έξω. Για όσους δεν γνωρίζουν τίποτα από JavaScript ή κώδικα γραφής, μην ανησυχείτε. η μαζική εκτύπωση κώδικα δεν είναι απαραίτητη για τη δημιουργία κινούμενων εικόνων. Ωστόσο, αν θέλετε να σηκώσετε την κουκούλα και να περιπλανηθείτε στη μηχανή, τότε το API JavaScript παρέχει έναν εξαιρετικό πόρο.

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

Το Adobe Edge Animate CC JavaScript API σάς προσφέρει πολλά για να εξερευνήσετε:

Adobe Edge Animate CC overview: Αυτή η ενότητα του API σας δίνει μια γενική εισαγωγή στο πρόγραμμα.
Triggers, events και δράσεις: Αυτές οι δυνατότητες του Edge Animate εκτελούν τον κώδικα για εσάς (όπως looping) ή όταν το κοινό σας αλληλεπιδρά με διάφορα μέρη της κινούμενης εικόνας (όπως κάνοντας κλικ σε ένα κουμπί).
Εργαλεία και δείκτες για τη δημιουργία συμβόλων (επαναχρησιμοποιήσιμα ενσωματωμένα κινούμενα σχέδια): Ιδιαίτερα χρήσιμα είναι τα Edge Animate Symbols, τα οποία είναι αυτοδύναμες συμπεριφορές, χρονοδιαγράμματα και γραφικά.
API JavaScript: Πρόκειται για το συνηθισμένο interface JavaScript, ένα πρακτικό εργαλείο από μόνο του, ειδικά όταν θέλετε να κωδικοποιήσετε συγκεκριμένες πτυχές των σχεδίων κινούμενων σχεδίων σας.
Προχωρημένα θέματα: Αφού έχετε κάποια πρακτική κωδικοποίησης κάτω από τη ζώνη σας, αυτά τα θέματα προσφέρουν κάποιες περιπετειώδεις οδηγίες για να εξερευνήσετε (για παράδειγμα, δημιουργώντας πολλαπλές συνθέσεις σε μια σελίδα).