Μετάβαση στο περιεχόμενο

Οι AI agents χτίζουν 3D κόσμους για τον ιστό.

3D παιχνίδια εγγενή για το πρόγραμμα περιήγησης, με μοντέλα δημιουργημένα από τη μηδενική βάση, φυσικές αλληλεπιδράσεις και κόσμους έτοιμους για εξερεύνηση.

Η δημόσια διαδικασία των labs

Εργασία AI που μπορείτε να επιθεωρήσετε.

Εξερευνήστε τη δημοσιευμένη εργασία ↗
  1. Δημιουργοί AI

    Μοντέλα → φυσική → ένα παιχνίδι προγράμματος περιήγησης

    Οι AI agents δημιουργούν τη σκηνή, ενσωματώνουν τα μοντέλα και γράφουν τον κώδικα αλληλεπίδρασης και φυσικής.

  2. Το AI επιθεωρεί

    Δοκιμάστε τον παιξίμο κόσμο

    Οι agents τρέχουν το παιχνίδι και εξετάζουν τους μηχανισμούς, τα γραφικά και την απόδοσή του.

  3. Τα διδάγματα επιστρέφουν

    Τα εργαλεία και τα prompts βελτιώνονται

    Τα ευρήματα καταγράφονται και ενσωματώνονται στις οδηγίες και τα εργαλεία του builder για μελλοντική εργασία.

Φτιαγμένο στο lab.

Εξερεύνησε όλα τα labs ↗

Saltwind Post — ένα ταχυδρομικό ανεμοπλάνο στην ασβεστολιθική ακτή τα ξημερώματα

three.js · Πτήση με ανεμόπτερο

Saltwind Post

Σχετικά με αυτό το project

Πετάξτε στην πρωινή διανομή αλληλογραφίας κατά μήκος ενός κάθετου βράχου από ασβεστόλιθο πάνω από τη θάλασσα, σε ένα ανεμόπτερο από καμβά και ορείχαλκο χωρίς κανέναν κινητήρα. Το ύψος είναι το μόνο σας νόμισμα: ανταλλάξτε το με ταχύτητα, αγοράστε το πίσω στο ανοδικό ρεύμα που εκτοξεύει ο βράχος ή σε ένα θερμικό ρεύμα σημαδεμένο από γλάρους που στριφογυρίζουν, περάστε τρεις στεφάνες παράδοσης και προσγειωθείτε στην αμμώδη τράπεζα. Οι αερόφρενοι είναι αυτό που επιτρέπει σε ένα αεροσκάφος με λόγο 17:1 να κατέβει καθόλου. Ανεμόπτερο και ακτή σμιλεμένα σε Blender, ένα μοντέλο πτήσης τριών βαθμών ελευθερίας, και ένα σκορ που μεταβαίνει από άρπα σε τσέλο καθώς σας τελειώνει το ύψος.

Ashfall Station — το ρόβερ έρευνας στην πεδιάδα στάχτης κάτω από έναν ουρανό λυκόφωτος

three.js · Έρευνα οχήματος

Ashfall Station

Σχετικά με αυτό το project

Οδηγήστε ένα ρόβερ έρευνας έξι τροχών σε μια πεδιάδα ηφαιστειακής στάχτης που κρυώνει, καταγράψτε τρεις δακτυλίους αισθητήρων και επιστρέψτε στην πλατφόρμα του σταθμού πριν σας βρει ο βομβαρδισμός. Προειδοποιημένες λάβα-βόμβες πέφτουν με συνεχή ανίχνευση σύγκρουσης, ο φλοιός ψήνει το κύτος σας αν καθυστερήσετε πάνω του, και ένα ρόβερ ανάποδα ισορροπείται μόνο του γιατί ένα τροχοφόρο όχημα ανάποδα δεν έχει καθόλου πρόσφυση. Ρόβερ και σταθμός σμιλεμένα σε Blender, και το πρώτο κομμάτι του εργαστηρίου με φυσική Rapier αντί για cannon-es — μαζί με το benchmark που καθόρισε αυτή την επιλογή.

Glimmerwick — ο Wickling ανάμεσα στα κεριά του εργαστηρίου

three.js · Διαδρομή με μπίλια

Glimmerwick

Σχετικά με αυτό το project

Κυλήστε μια σφαίρα από λιωμένο κερί μέσα από το εργαστήριο ενός κοιμισμένου κερουργού και ξανανάψτε το Μεγάλο Φιτίλι. Το κερί είναι η υγεία σας, το βάρος σας και η ταχύτητά σας: οι κλίνες με θράκα σας λιώνουν, κάνοντάς σας μικρούς και γρήγορους, ενώ οι παγωμένες λιμνούλες σας μεγαλώνουν αρκετά ώστε να σπάσετε την εύθραυστη γέφυρα από κηρήθρα. Κόσμος σμιλεμένος σε Blender, φυσική cannon-es, μουσική με sampled-instrument.

Οι AI agents χτίζουν από το concept, asset προς asset

Οι AI agents μετατρέπουν το concept pack σε καταγραφή assets, δημιουργούν τα μοντέλα στο Blender και συναρμολογούν τον διαδραστικό κόσμο στο three.js. Ένα concept pack σε στυλ studio αγκυρώνει κάθε κομμάτι — key art, ορθογραφική περιστροφή, τρεις ζώνες περιβάλλοντος, αντικείμενα, υλικά — και μια γραπτή καταγραφή στοιχείων αποδεικνύει ότι κάθε ονομαζόμενο στοιχείο έγινε πραγματικό asset στο Blender. Ο επαληθευτής μπλοκάρει την ολοκλήρωση αν λείπουν εγγραφές.

ELEMENT_INVENTORY.md14/14 μοντελοποιήθηκαν
Σκάφος ήρωαπεριστροφή → skiff.glb · ψημένα normals
Φάρος · θαλάσσια καμάρα · προβλήταφύλλο ζώνης 1 → 3 glbs, με instancing
Υλικά εδάφους · νερού · κύτουςπίνακας αναφοράς → ξεχωριστά shaders ανά επιφάνεια
Ένα εννοιολογικό στοιχείο χωρίς γραμμή asset = η κατασκευή δεν παραδίδεται.

Πρώτα blockout, μετά η τέχνη

Ολόκληρο το πεδίο παιχνιδιού παίζεται σε γκρι κουτιά πριν υπάρξει τέχνη — κλίμακα, κάμερα και δυσκολία καθορίζονται εκεί όπου μια αλλαγή διάταξης κοστίζει λεπτά. Τα τελικά assets αντικαθιστούν στη συνέχεια τα υποκατάστατά τους ένα προς ένα· η διάταξη δεν ανασχεδιάζεται ποτέ μετά την τέχνη.

Blockout → τελικό
Δημιουργημένη graybox μελέτη ενός 3D πεδίου παιχνιδιού με τρεις πλατφόρμες, δύο γέφυρες και προσωρινά εμπόδια
Γκρι blockout
Δημιουργημένη ολοκληρωμένη άποψη του ίδιου πεδίου παιχνιδιού, με ίδια κάμερα και θέσεις αντικειμένων, με πέτρινες πλατφόρμες, ξύλινες γέφυρες και έναν ήρωα
Ολοκληρωμένη τέχνη
Η αίσθηση και η αναγνωσιμότητα αποδεικνύονται μέσω παιχνιδιού πριν το Blender ξοδέψει έστω ένα λεπτό.

Επαγγελματική ποιότητα, προϋπολογισμοί web

Η λεπτομέρεια υψηλής ανάλυσης ψήνεται πάνω σε ελαφριά game meshes, στη συνέχεια κάθε μοντέλο συμπιέζεται — κβαντισμένη γεωμετρία, υφές WebP — και επιβάλλονται αυστηροί προϋπολογισμοί από έναν ντετερμινιστικό επαληθευτή: συνολικό φορτίο, όρια ανά αρχείο, αριθμός τριγώνων, draw calls.

Φορτίο — κεντρική σκηνήΕντός ορίου
skiff.glbγλυπτό 11.0MB → ψημένο + συμπιεσμένο
2.0MB
Συνολικό φορτίο 3Dόριο 12MB · 9 assets, ×140 instancing
7.4MB
RENDERSTATSαυτοαναφορά στο πρώτο frame
176 κλήσεις · 412χιλ. τρίγωνα

Επαληθευμένο μέχρι να ταιριάζει με τη δική του τέχνη

Το ολοκληρωμένο παιχνίδι παίζεται, φωτογραφίζεται και κρίνεται σε σχέση με το δικό του πακέτο concept — σιλουέτα, παλέτα, υλικά, κίνηση, ήχο — και επαναλαμβάνεται μέχρι μια ειλικρινής σύγκριση δίπλα-δίπλα να δείχνει την ίδια καλλιτεχνική κατεύθυνση. Όχι "φαίνεται εντάξει": ταιριάζει.

Ευθυγράμμιση concept — γύρος 2Πέρασε
Σιλουέτα θέματος + παλέταταιριάζει με την περιστροφή εντός ανοχής
Μορφές ζώνης + υλικά3 ζώνες αντιστοιχούν στα φύλλα τους
Ζεύγος κίνησης + αληθοφάνειαχωρίς ολίσθηση, χωρίς αιωρούμενα, χωρίς ραφές
Ο γύρος 1 βρήκε 3 αποκλίσεις → αυτόματη διόρθωση → επανακρίθηκε καθαρό.

Πώς φτιάχνεται ένα κομμάτι

01

Πακέτο concept

Επτά φύλλα συν την απογραφή στοιχείων που η παραγωγή πρέπει να ικανοποιήσει.

02

Blockout

Γκρι κουτιά που παίζονται πριν υπάρξει τέχνη — η αίσθηση καθορίζεται πρώτη.

03

Κόσμος Blender

Γλυπτική, ψήσιμο, συμπίεση — μία φορά ανά τύπο, με instancing ανά τοποθέτηση.

04

three.js + φυσική

Ενσωματωμένα αρχεία μηχανής, πραγματική φυσική άκαμπτου σώματος, χωρίς CDN.

05

Επαλήθευση μέχρι να είναι καθαρό

Κρίνεται σε σχέση με τα δικά του concepts μέχρι η σύγκριση δίπλα-δίπλα να ταιριάζει.

Ερωτήσεις, απαντημένες

Γιατί three.js αντί για μια μεγάλη μηχανή;

Επειδή το αποτέλεσμα είναι απλά στατικά αρχεία: η ίδια κατασκευή παίζεται στο web, μέσα σε app shells Android/iOS και desktop εφαρμογές, χωρίς εγκατάσταση και με φορτίο μετρημένο σε μονοψήφια megabytes. Για 3D εγγενές στο web, αυτή η εμβέλεια είναι το νόημα.

Τα μοντέλα φτιάχνονται πραγματικά από AI;

Ναι — οι agents γράφουν scripts Blender χρησιμοποιώντας το sculpt kit της πλατφόρμας: γλυπτική, retopology, UV, ψήσιμο normal/AO, rigging, επαναστόχευση motion-capture. Κάθε εξαγωγή επαληθεύεται αριθμητικά πριν παραδοθεί.

Τι εμποδίζει μια κατασκευή να παραδοθεί άσχημη;

Το ίδιο της το πακέτο concept. Ένας κριτής όρασης συγκρίνει το αποδοσμένο gameplay με κάθε φύλλο και μπλοκάρει την ολοκλήρωση σε περίπτωση απόκλισης — μαζί με ντετερμινιστικά όρια φορτίου, τριγώνων και draw calls.

Μπορώ να φτιάξω κι εγώ ένα;

Ναι — το AI Game Builder εκτελεί ακριβώς αυτή τη διαδικασία. Περιγράψτε ένα 3D παιχνίδι· το πακέτο, η απογραφή, το blockout, τα assets και η επαλήθευση γίνονται όλα και για τη δική σας κατασκευή.

Μπορώ να δοκιμάσω τη δουλειά απευθείας σε πρόγραμμα περιήγησης;

Το εργαστήριο εστιάζει σε 3D εμπειρίες που αποδίδονται μέσω προγράμματος περιήγησης. Χρησιμοποιήστε την ενέργεια Play του έργου για να ανοίξετε το δημοσιευμένο αποτέλεσμα και να ελέγξετε τα χειριστήρια που παρέχονται για αυτό το κομμάτι.

Πώς πρέπει να περιγράψω την κάμερα σε ένα 3D brief;

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

Τι πρέπει να προσέξω πέρα από το οπτικό στυλ;

Δοκιμάστε την κίνηση, τις συγκρούσεις, την ανάδραση αλληλεπίδρασης και την κάμερα κατά τη βασική δράση. Μια πειστική 3D σκηνή χρειάζεται επίσης αναγνώσιμα χειριστήρια και έναν λειτουργικό βρόχο gameplay.

Φτιάξτε το δικό σας 3D παιχνίδι

Περιγράψτε το. Ο builder σχεδιάζει τις ιδέες, δημιουργεί τα assets, γράφει τον κώδικα και επαληθεύει το αποτέλεσμα.