3D Προβολή
Αποτύπωση τρισδιάστατων αντικειμένων απευθείας στον καμβά PinePaper. Το σύστημα 3D προβολής υποστηρίζει πέντε τύπους προβολής, πέντε πρωτόγονα σχήματα, GPU-επιταχυνόμενη απόδοση, και μια τροχιακή κάμερα.
Επισκόπηση
Το τρισδιάστατο σύστημα προβολής του PinePaper είναι μια αυτόνομη βιβλιοθήκη μηδενικής εξάρτησης (~18KB minified) που καθιστά τα 3D πρωτόγονα ως 2D πολύγωνα στον καμβά. Αντικείμενα μπορούν να επιλεγούν, σύρονται, και κινούμενα παράλληλα με τα κανονικά 2D αντικείμενα.
Τύποι προβολής
Επιλέξτε πώς τα τρισδιάστατα αντικείμενα προβάλλονται στον 2D καμβά:
| Προβολή | Περιγραφή εμπορευμάτων |
|---|---|
| Προοπτικές | Realαλιστικό βάθος με περικοπή. Τα αντικείμενα πιο μακριά φαίνονται μικρότερα. Διαμορφώσιμο οπτικό πεδίο (FOV). |
| Ορθογραφική | Καμία παραμόρφωση βάθους. Οι παράλληλες γραμμές παραμένουν παράλληλες. Συχνές σε σχέδια τεχνικής/μηχανικής. |
| Ισομετρικό | Ισογωνική αξονομετρική άποψη (30° άξονες). Δημοφιλής στην τέχνη του παιχνιδιού και αρχιτεκτονικά διαγράμματα. |
| Ντουλάπι | Οπτική προβολή όπου ο άξονας βάθους σχεδιάζεται σε μισή κλίμακα και 45°. |
| Καβαλιέ | Οπτική προβολή όπου ο άξονας βάθους σχεδιάζεται σε πλήρη κλίμακα και 45°. |
Πρωτόγονα
Πέντε ενσωματωμένα τρισδιάστατα σχήματα:
| Πρωταρχικό | Περιγραφή εμπορευμάτων |
|---|---|
| Κύβος | Con μεγέθους |
| Σφαίρα | Ρυθμιζόμενη ακτίνα και αριθμός τμημάτων |
| Κύλινδρος | Ρυθμιζόμενη ακτίνα και ύψος |
| Τόρους | Διαμορφώσιμες μεγάλες/μικρές ακτίνες |
| Κώνος | Ρυθμιζόμενη ακτίνα και ύψος |
Κάθε πρωτόγονο υποστηρίζει προσαρμοσμένα χρώματα και περιστροφή σε όλους τους άξονες.
Επιτάχυνση GPU
Αποτύπωση επιλέγει αυτόματα το καλύτερο διαθέσιμο σύστημα υποστήριξης:
- WebGPU υπολογισμός — ταχύτερος, χρησιμοποιούμενος όταν είναι διαθέσιμος
- WebGL2 transform feedback — γρήγορη υποχώρηση
- CPU — καθολική επιστροφή
Η επιτάχυνση GPU ενεργοποιείται αυτόματα όταν μια σκηνή υπερβαίνει τα 150 πρόσωπα.
Κάμερα
Η τροχιακή κάμερα σας επιτρέπει να ελέγχετε τη γωνία προβολής:
- Θέση — όπου η κάμερα είναι σε 3D χώρο
- Target — όπου η κάμερα κοιτάζει (τροχαίο κέντρο)
- Πεδίο θεώρησης — ποσό παραμόρφωσης προοπτικής (μόνο για την προοπτική)
Επιλογή 3D αντικειμένων & σύρσιμο
Τα τρισδιάστατα αντικείμενα μπορούν να επιλεγούν και να σύρονται στον καμβά, όπως ακριβώς και τα 2D αντικείμενα:
- Κάντε κλικ σε ένα τρισδιάστατο αντικείμενο για να το επιλέξετε
- Σύρετε για επανατοποθέτησή του
- Τα κινούμενα σχέδια σταματάνε αυτόματα κατά τη διάρκεια της σύρσης και επαναλαμβάνουν όταν απελευθερώνονται
- Η συρόμενη θέση παραμένει σε πλαίσια κινουμένων σχεδίων
Πρότυπο προβολής προβολής 3D
Ένα προ-χτιστό πρότυπο δείχνει το τρισδιάστατο σύστημα προβολής με πολλαπλά πρωτόγονα, κινούμενα σχέδια περιστροφής και διαφορετικούς τύπους προβολής. Βρείτε το στη βιβλιοθήκη προτύπων.
Περιορισμοί
- Οι σταθερές προεπιλογές κινουμένων σχεδίων (προσομοίωση, αναπήδηση, κύλιση, παλμός, κ.λπ.) δεν υποστηρίζονται σε τρισδιάστατα αντικείμενα. 3D αντικείμενα χρησιμοποιούν το δικό τους σύστημα κινουμένων σχεδίων περιστροφής μέσω του αγωγού τριώνD απόδοσης. Η εφαρμογή ενός προτύπου animation σε ένα τρισδιάστατο αντικείμενο δεν θα έχει κανένα αποτέλεσμα.
- 3D αντικείμενα καθιστούν ως επίπεδα πολύγωνα γεμίσματα — δεν χαρτογράφηση υφή, φωτισμός, ή σκιές.
- Η ανίχνευση σύγκρουσης μεταξύ τρισδιάστατων αντικειμένων δεν είναι ακόμα διαθέσιμη.
Συμβουλές
- Ξεκινήστε με ισομετρικό — είναι το πιο οπτικά ελκυστικό για διαγράμματα και εικόνες
- Χρησιμοποιήστε κινούμενα σχέδια περιστροφής — περιστρεφόμενα τρισδιάστατα αντικείμενα δίνει μια ισχυρή αίσθηση του βάθους
- Συνδυάστε με 2D αντικείμενα — αναμίξτε 3D πρωτόγονα με κείμενο και σχήματα για συνθέσεις infographic-style
- Ακριβής απόσταση κάμερας — μετακινήστε την κάμερα περαιτέρω για κολακευτική προοπτική, πιο κοντά για δραματικό βάθος
Σχετικά: [Ανίχνευση] (/features/animations)