Αρχική σελίδα » Εργαλειοθήκη » Δημιουργία 3D εφαρμογών Web & Γραφικών με το Whitestorm.js

    Δημιουργία 3D εφαρμογών Web & Γραφικών με το Whitestorm.js

    Διαδικτυακά παιχνίδια έχουν περάσει πολύς δρόμος χάρη WebGL και σχετικών API HTML5. Η πιο σημαντική βιβλιοθήκη ανοιχτού κώδικα για το 3D είναι Three.js.

    Ενώ το Three.js είναι ισχυρό, είναι επίσης σύνθετο για να μάθουν από την αρχή. Αντ 'αυτού, μπορείτε πάρτε το Whitestorm.js, ένα πλαίσιο ανοιχτού κώδικα για 3D γραφικά web. Το χρησιμοποιεί Three.js ως βασική τεχνολογία για να σας βοηθήσει να οικοδομήσετε πιο γρήγορα και να δημιουργήσετε ρεαλιστικά εφέ 3D στο πρόγραμμα περιήγησης.

    Το Whitestorm έρχεται με το δικό του κινητήρα φυσικής που είναι χτισμένο στην κορυφή της προβολής Three.js. Αυτό σας επιτρέπει να δημιουργήσετε ρεαλιστική βαρύτητα και άλλες παρόμοιες επιδράσεις όπου αντικείμενα αλληλεπιδρούν και ανταποκρίνονται ο ένας στον άλλο.

    Και η Whitestorm είναι πλήρως αρθρωτό, έτσι έχετε τον πλήρη έλεγχο των λειτουργιών που φορτώνονται στη σελίδα. Χρησιμοποιεί το Βιβλιοθήκη Φυσικής Bullet μεταφέρεται στο JavaScript για πλήρη υποστήριξη στο διαδίκτυο.

    Ακολουθεί ένα βασικό απόσπασμα κώδικα δημιουργεί ένα νέο περιβάλλον Three.js χρησιμοποιώντας Whitestorm.

     const app = νέο WHS.App ([νέο WHS.app.ElementModule (), // επισυνάπτεται στο DOM νέο WHS.app.SceneModule (), // δημιουργεί την παράσταση THREE.Scene νέα WHS.app.CameraModule (), // δημιουργεί την παράμετρο PerspectiveCamera νέα WHS.app.RenderingModule () // δημιουργεί την εμφάνιση του WebGLRenderer]); app.start (); // κινούμενο με κίνηση 

    Μπορείτε φυσικά προσθέστε τις δικές σας ενότητες και ακόμα δημιουργία πρόσθετων στοιχείων / στοιχείων από την προεπιλεγμένη βιβλιοθήκη. Ο κώδικας JS υποστηρίζει το ECMAScript 6 και θα πρέπει να υποστηρίζει όλες τις επερχόμενες αλλαγές στη γλώσσα.

    Γεωμετρία, η φυσικη, και κίνηση όλα έλασης σε μια βιβλιοθήκη. Το Whitestorm είναι πραγματικά το μέλλον του 3D animation για τον ιστό.

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

    Αλλά με αυτά τα έγγραφα, μπορείτε να μάθετε τα πάντα από 3D μεταμορφώνει προς το αποσφαλμάτωση και λεπτομερή 3D animation.

    Για να μάθετε περισσότερα, επισκεφτείτε τον κύριο ιστότοπο και περιηγηθείτε σε μερικά ζωντανά παραδείγματα δείτε Whitestorm σε δράση. Αν είστε αρκετά τολμηροί για να κάνετε κατάδυση, κάντε λήψη ενός αντιγράφου της βιβλιοθήκης από το GitHub ή μέσω npm και να αρχίσετε να δημιουργείτε κάποιες γλυκές εφαρμογές ιστού 3D.