TriDiv: Ένας ευφυείς, online editor, για τη δημιουργία 3D σχεδίων απλά και μόνο με CSS.

TriDiv: Ένας ευφυείς, online editor, για τη δημιουργία 3D σχεδίων απλά και μόνο με CSS.

TriDiv: Ένας ευφυείς, online editor, για τη δημιουργία 3D σχεδίων απλά και μόνο με CSS.

Πρόκειται για μια πραγματικά έξυπνη εφαρμογή web που δημιουργήθηκε από τον Julian Garnier. Το TriDiv σας επιτρέπει να δημιουργείτε πολύπλοκα τρισδιάστατα μοντέλα ή εικόνες στο CSS.

csc..com.gr - μαθήματα πληροφορικής

Είναι ένα πρωτοποριακό εργαλείο και εκπαιδευτικό υλικό για την γνώση σας σε CSS. Φανταστείτε ότι σχεδιάζετε κάποια πράγματα χρησιμοποιώντας ένα εργαλείο WYSIWYG, αλλά αυτή τη φορά, με μια τρισδιάστατη έξοδο στην οθόνη και την παραγωγή του κώδικα σε CSS. Δεν χρειάζεται να ανησυχείτε για οποιαδήποτε κωδικοποίηση CSS ή JavaScript, επειδή το κάνει αυτό για εσάς o editor.

csc..com.gr - μαθήματα πληροφορικής

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

csc..com.gr - μαθήματα πληροφορικής

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

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

csc..com.gr - μαθήματα πληροφορικής

Σημαντικό: Όσον αφορά την σωστή υποστήριξη του προγράμματος περιήγησης, το TriDiv συνεργάζεται μόνο με τα Google Chrome, Opera και Safari. Ωστόσο, μπορείτε ακόμα να χρησιμοποιήσετε τον τελικό κώδικα TriDiv με τον IE10 και τον Firefox -όμως πρέπει να προσθέσετε τα απαραίτητα προθέματα των φυλλομετρητών αυτών, προκειμένου να εκτελεστεί σωστά η CSS.

Μεταβείτε εδώ στον on line editor TRIDIV