Eureka! Institutional Repository

Σε αυτή την εργασία θα εξετάσουμε λεπτομερώς τον τρόπο χρήσης της βιβλιοθήκης THREE.js αλλά και τα διάφορα συστατικά στοιχεία που αυτή περιλαμβάνει. Αρχικά για να δημιουργηθεί μια THREE.js εφαρμογή πρέπει να ενσωματωθεί σε έναν σκελετό html σελίδας. Τα πιο βασικά συστατικά στοιχεία αυτής είναι οι σκηνές,o renderer,οι κάμερες και ένα ή περισσότερα αντικείμενα.Έχουμε όμως και άλλα συστατικα στοιχεία όπως οι τύποι φωτισμού τα υλικά και οι υφές.Oι σκηνές είναι απο τα βασικά συστατικά στοιχεία της Three.js.Είναι το συστατικό που μας εμφανίζει οτιδίποτε κάνουμε, στην οθόνη.Eίναι το πρώτο στοιχείο που δημιουργούμε σε ένα Three.js πρόγραμμα μέσα στο script μας και δημιουργείται με το αντικείμενο ΤΗREE.Scene().Βασικές μέθοδοι της σκηνής είναι οι scene.add(object),η οποία προσθέτει ένα αντικείμενο στην σκηνή,ηscene.remove(object),η οποία αφαιρεί ένα αντικείμενο απο την σκηνή,ηscene.Fog,που προσθέτει το εφές της ομίχλης σε αυτήν και scene.overrideMaterial(),η οποία αναγκάζει όλα τα αντικείμενα στην σκηνή να χρησιμοποιούν το ίδιο υλικό. Σημαντικό συστατικό στοιχείο είναι και ο renderer o οποίος χρησιμοποιείται για να αποδώσει στην σκηνή μας οτιδήποτε δημιουργείται στην εφαρμογή, υλοποιεί στην ουσία την διαδικασία του rendering.O βασικός renderer που χρησιμοποιείται σε όλα τα προγράμματα three.js είναι ο WebGLRenderer.Η πιο σημαντική μέθοδος αυτού είναι η render(),που είναι στην ουσία η πιο σημαντική συνάρτηση όλου του προγράμματος σε Three.js.Mέσα σε αυτήν ορίζουμε με ποιόν τρόπο θέλουμε να συμπεριφέρονται τα αντικείμενα μας όταν εμφανίζονται στη οθόνη.