Photon CSS 3D Engine Φωτισμού

[Anastasis 48]

Άπλετο φως στα DOM αντικείμενα σας με το Photon!

 

Αν ψάχνετε έναν τρόπο για να προσθέσετε κάποια εφέ φωτισμού στα DOM στοιχεία σας σε 3D και έπειτα η JavaScript βιβλιοθήκη του Tom Giannatassio θα μπορούσε απλώς να είναι το εργαλείο που ψάχνετε: Photon CSS 3D Lighting Engine. Αυτή η ισχυρή μηχανή φωτισμού σας επιτρέπει να ορίσετε πηγές φωτός για μια σκηνή και να δείτε πώς συμπεριφέρονται τα αντικείμενα, σύμφωνα με τις πηγές φωτός κάτι που είναι αρκετά εντυπωσιακό.

 

Το Photon χρησιμοποιεί το αντικείμενο WebKitCSSMatrix για να δημιουργήσει το αποτέλεσμα, γι ‘αυτό και παρέχει CSS animation. Είναι πολύ εύκολο στη χρήση – απλά ορίσετε μια φωτεινή πηγή, ένα στοιχείο DOM που λειτουργεί ως επιφάνεια για αντανάκλαση και είστε έτοιμοι για render.

 

Μπορείτε να ρυθμίσετε όσα face, φώτα και συνδυασμούς θέλετε. Προειδοποίηση όμως,  μπορεί να καταναλώνει αρκετούς πόρους και γι ‘αυτό μπορεί να καταπονήσει τον επεξεργαστή σε παλαιότερους υπολογιστές. Βεβαιωθείτε ότι δεν το παρακάνετε.

 

 

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

 

Υπάρχουν τρία βασικά σενάρια με το Photon:

 

Photon.Light (ένα σημείο σε 3D χώρο από τον οποίο ανάβουν τα faces)
Photon.Face (ένα στοιχείο DOM για σκιά με ένα συγκεκριμένο φως)
Render (δένει ένα φως και το face μαζί)