Πώς να Δημοσιεύσετε ένα 3D Παιχνίδι στο Vercel Αυτό το Σαββατοκύριακο (με δεξιότητες Τεχνητής Νοημοσύνης)

Vibe Skills

Περιηγηθείτε σε εκατοντάδες έτοιμα skills για Claude, Cursor και άλλα.

Εξερεύνηση Skills

Ξεκινήστε Δωρεάν Τώρα

Κυκλοφορήστε ένα 3D Παιχνίδι στο Vercel μέχρι την Κυριακή το Βράδυ: Ο Οδηγός Ανάπτυξης 48 Ωρών

Μπορείτε να πάτε από ένα κενό βράδυ Παρασκευής σε έναν σύνδεσμο your-game.vercel.app μέχρι το δείπνο της Κυριακής. Η στοίβα είναι Three.js, Cursor, μια ικανότητα AI από το Vibe Skills, και η δωρεάν βαθμίδα του Vercel. Συνολικό κόστος για το Σαββατοκύριακο: 0 €. Συνολική υποδομή που πρέπει να παρακολουθείτε: επίσης μηδέν.

Αυτό δεν είναι "φτιάξτε ένα πρωτότυπο στον υπολογιστή σας και θεωρήστε το τελειωμένο". Αυτός είναι ένας δημόσιος σύνδεσμος που ο καθένας στον κόσμο μπορεί να ανοίξει σε ένα πρόγραμμα περιήγησης, με HTTPS, edge caching και προσαρμοσμένο τομέα αν θέλετε. Η ικανότητα AI παρέχει την υποδομή Three.js και ένα λειτουργικό vercel.json. Το Cursor διαχειρίζεται τον κύκλο επανάληψης. Το Vercel διαχειρίζεται την ανάπτυξη. Εσείς διαχειρίζεστε το σχέδιο.

Αυτός ο οδηγός απευθύνεται σε indie developers, vibe coders, συμμετέχοντες σε hackathon και σε όσους έχουν βαρεθεί τις μισοτελειωμένες καρτέλες localhost:5173. Καλύπτουμε γιατί αυτή η στοίβα λειτουργεί, την ανατομία της ανάπτυξης 48 ωρών, πέντε ικανότητες 3D παιχνιδιών κατασκευασμένες για τη ροή εργασίας, και το βήμα-βήμα από την Παρασκευή έως την Κυριακή.

Vibe Skills

Περιηγηθείτε σε εκατοντάδες έτοιμα skills για Claude, Cursor και άλλα.

Εξερεύνηση Skills

Ξεκινήστε Δωρεάν Τώρα

Γιατί το Vercel + Three.js + AI Skills Είναι η Στοίβα του Solo Dev

Το Vercel είναι ο πιο τεμπέλικος πιθανός στόχος ανάπτυξης για ένα παιχνίδι Three.js. Κάντε push στο GitHub, το Vercel το παρατηρεί, δημιουργεί το έργο και σας επιστρέφει έναν σύνδεσμο μέσα σε 60 δευτερόλεπτα. Κανένας διακομιστής για παροχή, κανένα αρχείο Docker, καμία ρύθμιση NGINX, καμία ρύθμιση SSL. Το πακέτο Three.js είναι απλά στατικά στοιχεία HTML, JS και WebGL, κάτι που είναι ακριβώς αυτό που έχει σχεδιαστεί για να εξυπηρετεί το δίκτυο edge του Vercel.

Η δωρεάν βαθμίδα καλύπτει άνετα μια εκκίνηση Σαββατοκύριακου:

• 100 GB εύρους ζώνης ανά μήνα. Μια δημιουργία Three.js 5 MB σε 10.000 αναπαραγωγές είναι 50 GB. Θα τελειώσει το Σαββατοκύριακο πριν τελειώσει το εύρος ζώνης σας.
• Απεριόριστες στατικές αναπτύξεις με HTTPS και υποτομέα *.vercel.app.
• Υποστήριξη προσαρμοσμένου τομέα στη δωρεάν βαθμίδα - φέρτε το δικό σας name-game.com αν έχετε, αλλιώς ο δωρεάν σύνδεσμος vercel.app είναι κοινοποιήσιμος σε κάθε πλατφόρμα κοινωνικής δικτύωσης.
• Προεπισκοπήσεις αναπτύξεων για κάθε commit - κάθε push παίρνει τον δικό του σύνδεσμο, ώστε να μπορείτε να μοιραστείτε μια δημιουργία με έναν φίλο και να συνεχίσετε την επανάληψη χωρίς να τη σπάσετε.

Προσθέστε μια ικανότητα AI από το Vibe Skills και η boilerplate εξαφανίζεται επίσης. Η ρύθμιση σκηνής Three.js, ο ελεγκτής παίκτη, η γραμμή παραγωγής και ένα vercel.json έτοιμο για Vercel δημιουργούνται με μία εντολή. Στη συνέχεια, το Cursor μετατρέπει το υπόλοιπο του Σαββατοκύριακου σε μια συνομιλία όπου περιγράφετε το gameplay που θέλετε και συντονίζετε την έξοδο. Αυτή είναι η πλήρης στοίβα: μια ικανότητα αγοράς για τη βάση, ένας επεξεργαστής AI για επανάληψη και το Vercel για την ανάπτυξη. Μόνος, δωρεάν και γρήγορος.

Vibe Skills

Περιηγηθείτε σε εκατοντάδες έτοιμα skills για Claude, Cursor και άλλα.

Εξερεύνηση Skills

Ξεκινήστε Δωρεάν Τώρα

Η Ανατομία των 48 Ωρών: Από την Ιδέα της Παρασκευής στην Ανάπτυξη της Κυριακής

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

Ο λόγος που αυτό λειτουργεί είναι το push της Παρασκευής στο Vercel. Μόλις υπάρχει ο σύνδεσμος, κάθε commit του Σαββάτου και της Κυριακής αναπτύσσεται αυτόματα. Δεν υπάρχει "πανικός ανάπτυξης το βράδυ της Κυριακής" επειδή η ανάπτυξη έχει ήδη συμβεί την Παρασκευή και λειτουργεί σε αυτόματο πιλότο όλο το Σαββατοκύριακο.

Πώς Φαίνεται το "Vibe Coding" ενός 3D Παιχνιδιού στο Vercel

Το Vibe coding σημαίνει να περιγράφεις τι θέλεις σε απλή αγγλική γλώσσα και να αφήνεις έναν επεξεργαστή AI να γράψει τον κώδικα, στη συνέχεια να επαναλαμβάνεις στην έξοδο. Για ένα παιχνίδι Three.js στο Vercel, ο κύκλος είναι ασυνήθιστα καθαρός: κάθε αλλαγή στο Cursor είναι ένα pnpm dev μακριά από τοπική ανατροφοδότηση, στη συνέχεια ένα git push μακριά από έναν ζωντανό σύνδεσμο προεπισκόπησης, στη συνέχεια αυτόματα αναπτυγμένο σε παραγωγή στο main.

Ένα Σαββατοκύριακο παιχνιδιού Vercel με vibe coding μοιάζει κάπως έτσι:

1. Ανοίξτε τον φάκελο εκκίνησης της ικανότητας στο Cursor.
2. Περιγράψτε μια δυνατότητα στη συνομιλία: "διπλό άλμα αν πατηθεί το διάστημα δύο φορές μέσα σε 200ms".
3. Το Cursor επεξεργάζεται το αρχείο ελεγκτή. Αποθηκεύστε. Το pnpm dev επανεκκινεί. Νιώθετε το άλμα στο πρόγραμμα περιήγησης.
4. Αν αισθάνεται σωστά, git push. Το Vercel δημιουργεί έναν σύνδεσμο προεπισκόπησης. Στείλτε τον σε έναν φίλο.
5. Συγχωνεύστε στο main όταν η αίσθηση είναι κλειδωμένη. Ο σύνδεσμος παραγωγής ενημερώνεται μέσα σε 60 δευτερόλεπτα.

Η AI κάνει την πληκτρολόγηση. Το Vercel κάνει την ανάπτυξη. Εσείς κάνετε την αίσθηση και το σχέδιο.

5 Ικανότητες AI 3D Παιχνιδιών που Καθιστούν Αυτό Δυνατό στο Vibe Skills

Αυτές οι ικανότητες είναι κατασκευασμένες για τη ροή εργασίας Σαββατοκύριακου Vercel + Three.js + Cursor. Κάθε μία παραδίδει ένα έργο Three.js βασισμένο σε Vite, ένα λειτουργικό vercel.json, ένα pnpm build που παράγει ένα στατικό πακέτο που μπορεί να εξυπηρετήσει το Vercel από το edge, και μια δοκιμασμένη διαδρομή ανάπτυξης. Όλα βρίσκονται στην κατηγορία 3D Games στο Vibe Skills.

1. Three.js + Vercel Game Starter

Η προεπιλεγμένη επιλογή. Δημιουργεί μια σκηνή Three.js με ελεγκτή παίκτη, κάμερα τρίτου προσώπου, σύστημα φωτισμού, skybox και ένα επίπεδο εδάφους με συγκρούσεις. Παραδίδεται με ένα vercel.json που ορίζει τις σωστές κεφαλίδες caching για πακέτα στοιχείων Three.js. Το pnpm dev εκτελείται τοπικά. ένα κλικ στον πίνακα ελέγχου του Vercel συνδέει το αποθετήριο GitHub και έχετε έναν ζωντανό σύνδεσμο.

Καλύτερο για: οποιοδήποτε είδος εκτός από καθαρό 2D. Χρησιμοποιήστε αυτό αν δεν γνωρίζετε ακόμη τι χτίζετε.

2. First-Person Vercel Walker

Ένας βελτιωμένος ελεγκτής πρώτου προσώπου (WASD + κλείδωμα δείκτη ποντικιού + βαρύτητα + τρέξιμο + άλμα) με συνδέσεις για τα βήματα, αιώρηση κεφαλής και ένα vercel.json που χειρίζεται σωστά τις κεφαλίδες CSP για το κλείδωμα δείκτη. Αυτό μπερδεύει πολλούς solo developers στην παραγωγή. Η ικανότητα το λύνει για εσάς.

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

3. Browser Arena Shooter Kit

Μια αρένα από πάνω προς τα κάτω (ελεγκτής twin-stick, spawner κυμάτων, βασική AI εχθρών, σύστημα βλημάτων, HUD βαθμολογίας) με μια δημιουργία συντονισμένη για Vercel που συμπιέζει τα στοιχεία, χωρίζει τον κώδικα της AI και φορτώνει μουσική με καθυστέρηση. Περιλαμβάνονται σύνδεσμοι για multiplayer. το Σαββατοκύριακο παραδίδει single-player.

Καλύτερο για: arcade shooters, bullet hell, συμμετοχές σε jam που πρέπει να φορτώνουν γρήγορα σε κινητά.

4. Vercel Puzzle Platformer

Ένας platformer τρίτου προσώπου (μεταβλητό άλμα, χρόνος κογιότ, ανίχνευση άκρης), σημεία ελέγχου, τρία ψεύτικα επίπεδα που μπορείτε να επεξεργαστείτε στο Blender ή με κώδικα, και ένας κύκλος επανεμφάνισης. Το vercel.json είναι διαμορφωμένο για άμεση επαναφόρτωση επιπέδων από την cache του edge, οπότε το playtesting αισθάνεται γρήγορο σε ένα τηλέφωνο.

Καλύτερο για: puzzle platformers, πρωτότυπα parkour, πειράματα σχεδίασης επιπέδων.

5. Vercel Driving Sandbox

Αίσθηση arcade οδήγησης (καμπύλη επιτάχυνσης, φυσική drift, καθυστέρηση κάμερας, βασικό έδαφος) με ένα αυτοκίνητο χαμηλής πολυπλοκότητας, ένα πρότυπο πίστας και μια ανάπτυξη συντονισμένη για μεγάλες επιφάνειες εδάφους. Οι προκαθορισμένες κεφαλίδες HTTP κάνουν την έναρξη του WebGL context ταχύτερη στο Safari, ιστορικά τον πιο αργό φυλλομετρητή για το Three.js.

Καλύτερο για: arcade racing, off-road οδήγηση, demo αίσθησης αυτοκινήτου για ένα portfolio.

Περιηγηθείτε σε όλες τις ικανότητες 3D παιχνιδιών στο Vibe Skills →

Βήμα-Βήμα από την Παρασκευή έως την Κυριακή

Αυτό είναι το ακριβές πρόγραμμα. Προσαρμόστε την ώρα έναρξης, αλλά κρατήστε τη σειρά. Το βασικό ορόσημο είναι η ανάπτυξη στο Vercel το βράδυ της Παρασκευής. Οτιδήποτε μετά από αυτό είναι επανάληψη.

Παρασκευή 18:00 - 20:00: Επιλογή Ικανότητας, Push στο GitHub, Σύνδεση Vercel

Βήμα 1: Επιλέξτε μια ικανότητα 3D παιχνιδιών στο Vibe Skills. Περιηγηθείτε στην κατηγορία 3D Games, επιλέξτε αυτή που ταιριάζει στο είδος σας και εγκαταστήστε την εκκίνηση σε έναν νέο φάκελο. Ανοίξτε την στο Cursor. Θα πρέπει να βλέπετε μια σκηνή Three.js με έναν κινούμενο παίκτη μέχρι τις 19:00.

Βήμα 2: Δημιουργήστε ένα αποθετήριο GitHub και κάντε push. git init, git remote add, git push. Χρησιμοποιήστε το slug του παιχνιδιού σας ως όνομα αποθετηρίου (crystal-runner, lunar-fishing, ό,τι κι αν είναι). Το όνομα του αποθετηρίου συχνά γίνεται ο σύνδεσμός σας.

Βήμα 3: Συνδέστε το αποθετήριο στο Vercel. Συνδεθείτε στο Vercel με το GitHub (δωρεάν), κάντε κλικ στο "Add New Project", επιλέξτε το αποθετήριο. Το Vercel ανιχνεύει αυτόματα το Vite και διαμορφώνει τη δημιουργία. Κάντε κλικ στο Deploy. Μέσα σε 60 δευτερόλεπτα έχετε έναν σύνδεσμο crystal-runner.vercel.app. Ανοίξτε τον στο τηλέφωνό σας. Μοιραστείτε τον με έναν φίλο. Η μπάρα ανάπτυξης είναι τώρα μηδέν για το υπόλοιπο του Σαββατοκύριακου.

Παρασκευή 20:00 - 22:00: Συγγραφή του Εγγράφου Σχεδίασης

Βήμα 4: Απαντήστε σε πέντε ερωτήσεις σε απλή αγγλική γλώσσα. Ανοίξτε μια σελίδα Notion ή ένα αρχείο markdown μέσα στο αποθετήριο και απαντήστε:

• Τι κάνει ο παίκτης κάθε 5 δευτερόλεπτα; (ο βασικός κύκλος)
• Ποια είναι η συνθήκη νίκης και η συνθήκη ήττας;
• Πόσο διαρκεί ένα τρέξιμο ή ένα επίπεδο;
• Ποιο είναι το οπτικό αγκίστρωμα; (παλέτα, φωτισμός, αναφορά στυλ)
• Ποιο είναι το ένα χαρακτηριστικό που κάνει αυτό αξιομνημόνευτο σε 30 δευτερόλεπτα;

Βήμα 5: Κάντε commit το έγγραφο σχεδίασης. Κάντε push το στο αποθετήριο. Το Vercel θα αναπτύξει ξανά. Η πειθαρχία του push κάθε σημαντικής αλλαγής διατηρεί τον ζωντανό σύνδεσμο ειλικρινή.

Σάββατο 9:00 - 13:00: Δημιουργία του Βασικού Μηχανισμού

Βήμα 6: Αντικαταστήστε τον placeholder μηχανισμό με το ένα χαρακτηριστικό σας. Αυτό είναι το μόνο χαρακτηριστικό που έχει σημασία. Χρησιμοποιήστε τη συνομιλία του Cursor για να το περιγράψετε ("όταν ο παίκτης μαζεύει ένα κρύσταλλο, παγώστε τους κοντινούς εχθρούς για 2 δευτερόλεπτα και παίξτε ένα κουδούνισμα"). Επαναλάβετε τοπικά με pnpm dev. Όταν αισθάνεται σωστά, κάντε push.

Βήμα 7: Συνδέστε την κατάσταση νίκης/ήττας. Μια δημιουργία 60 δευτερολέπτων με πραγματικό τέλος μοιάζει με παιχνίδι. Μια δημιουργία 60 λεπτών χωρίς τέλος μοιάζει με demo τεχνολογίας. Πάντα συνδέετε πρώτα την οθόνη νίκης, μετά οτιδήποτε άλλο.

Σάββατο 13:00 - 20:00: Προσθήκη Ενός Επιπέδου

Βήμα 8: Δημιουργήστε ένα βελτιωμένο επίπεδο. Όχι τρία μισοψημένα. Χρησιμοποιήστε placeholder κύβους για τη γεωμετρία. Χρησιμοποιήστε τον προεπιλεγμένο χαρακτήρα της ικανότητας. Συντονίστε την αίσθηση - ύψος άλματος, καθυστέρηση κάμερας, ένταση σωματιδίων.

Βήμα 9: Προσθέστε μια επικάλυψη οδηγιών. Ένα αναδυόμενο παράθυρο δύο προτάσεων "WASD για κίνηση, κλικ για πυροβολισμό" κατά την πρώτη εκκίνηση σώζει την κυκλοφορία σας από μπερδεμένους παίκτες που τα παρατάνε σε 8 δευτερόλεπτα. Το Cursor μπορεί να δημιουργήσει την επικάλυψη React (ή vanilla DOM) σε 30 δευτερόλεπτα.

Βήμα 10: Κάντε push κάθε ώρα. Κάθε push παίρνει έναν σύνδεσμο προεπισκόπησης Vercel. Στείλτε τον καθένα σε έναν φίλο. Ο κύκλος ανατροφοδότησης είναι το μυστικό όπλο αυτής της στοίβας.

Κυριακή 10:00 - 16:00: Βελτίωση

Βήμα 11: Προσθέστε τρεις ήχους. Βρόχος βημάτων, ατμοσφαιρικό pad, νικητήρια μουσική. Ακόμα και τρεις ήχοι αναβαθμίζουν δραματικά ένα πρωτότυπο Σαββατοκύριακου. Δωρεάν πηγές: freesound.org, opengameart.org.

Βήμα 12: Προσθέστε "χυμό". Σωματίδια κατά την πρόσκρουση, κούνημα οθόνης κατά την πρόσκρουση, αναδυόμενοι αριθμοί στη βαθμολογία. Ο "χυμός" είναι αυτό που κάνει μια δημιουργία 48 ωρών να μοιάζει με δημιουργία 6 μηνών σε ένα GIF. Ρωτήστε το Cursor να προσθέσει "κούνημα οθόνης έντασης 0.3 για 150ms όταν ο παίκτης δέχεται ζημιά" - θα γράψει τη σύνδεση κούνημα οθόνης σε πέντε δευτερόλεπτα.

Βήμα 13: Εκτελέστε ένα πέρασμα Lighthouse. Ανοίξτε τον σύνδεσμο Vercel σε ένα τηλέφωνο και εκτελέστε το Lighthouse των Chrome DevTools. Τα πακέτα Three.js είναι συνήθως γύρω στα 400 KB έως 1.5 MB. Αν είστε πάνω από 3 MB, ζητήστε από το Cursor να ενεργοποιήσει τη διαίρεση κώδικα στις βαριές μονάδες. Το gzip και το brotli του Vercel θα κάνουν τα υπόλοιπα.

Βήμα 14: Πέρασμα από σφάλματα. Παίξτε τον ζωντανό σύνδεσμό σας πέντε φορές στη σειρά. Διορθώστε οτιδήποτε σπάει δύο φορές. Αγνοήστε οτιδήποτε σπάει μία φορά.

Κυριακή 16:00 - 20:00: Εκκίνηση

Βήμα 15: (Προαιρετικό) Ρυθμίστε προσαρμοσμένο τομέα. Αν αγοράσατε ένα name-game.com εκ των προτέρων, προσθέστε το στις ρυθμίσεις έργου του Vercel. Το SSL είναι αυτόματο. Διαφορετικά, ο σύνδεσμος *.vercel.app είναι εντάξει - έχει HTTPS, είναι κοινοποιήσιμος και φορτώνει παντού.

Βήμα 16: Ηχογραφήστε ένα GIF 15 δευτερολέπτων με την καλύτερη στιγμή. Χρησιμοποιήστε τον ζωντανό σύνδεσμο, όχι το localhost. Το GIF είναι αυτό που πατάνε στο Twitter, το Bluesky και το Reddit.

Βήμα 17: Δημιουργήστε μια σελίδα itch.io (προαιρετικό αλλά υψηλής μόχλευσης). Τίτλος, ένα σύντομο tagline, τρεις οθόνες, το GIF, στοιχεία ελέγχου, πιστώσεις και μια ενσωμάτωση του iframe *.vercel.app σας (το itch.io υποστηρίζει ενσωματώσεις iframe για παιχνίδια HTML5). Τώρα έχετε δύο συνδέσμους - έναν για χαλαρή κοινή χρήση και έναν για το κοινό των gamers.

Βήμα 18: Δημοσιεύστε τον σύνδεσμο. Twitter, Bluesky, το Discord της κοινότητας των developers σας, r/IndieDev, r/threejs, r/WebGames. Πάντα να ξεκινάτε με το GIF. Πάντα να περιλαμβάνετε τον σύνδεσμο. Αν χρησιμοποιήσατε μια ικανότητα Vibe Skills, αναφέρετέ την στη δημοσίευση του devlog - άλλοι developers που διαβάζουν θα θέλουν την ίδια εκκίνηση.

Πώς να Αποφύγετε τις Τρεις Πιο Κοινές Αποτυχίες Ανάπτυξης Vercel

Τρία πράγματα σπάνε σχεδόν κάθε solo Three.js + Vercel Σαββατοκύριακο. Και τα τρία είναι διορθώσεις 5 λεπτών αν τα πιάσετε την Παρασκευή το βράδυ, και λαγούμια 5 ωρών αν τα ανακαλύψετε την Κυριακή στις 7 μ.μ.

• Λανθασμένος φάκελος εξόδου δημιουργίας. Το Vite προεπιλέγει το dist/. Το Vercel ανιχνεύει αυτόματα το Vite και χρησιμοποιεί το dist/. Αν έχετε προσαρμόσει την έξοδο, ορίστε το outputDirectory στο vercel.json ή στις ρυθμίσεις έργου ή η ανάπτυξή σας θα είναι 404.
• Διαδρομές στοιχείων που λειτουργούν τοπικά αλλά δίνουν 404 στην παραγωγή. Χρησιμοποιήστε σχετικές διαδρομές ή τον βοηθό import.meta.env.BASE_URL του Vite για οποιοδήποτε αρχείο GLB, υφής ή ήχου φορτωμένο κατά την εκτέλεση. Οι σκληρά κωδικοποιημένες διαδρομές /assets/... συνήθως λειτουργούν, αλλά οι αντιγραμμένες απόλυτες διαδρομές Windows σίγουρα δεν θα λειτουργούν.
• Κεφαλίδες CSP που μπλοκάρουν το κλείδωμα δείκτη ή το ηχητικό πλαίσιο. Τα παιχνίδια πρώτου προσώπου χρειάζονται κλείδωμα δείκτη. Ο ήχος χρειάζεται ενεργοποίηση με κίνηση χρήστη. Οποιαδήποτε ικανότητα από την κατηγορία 3D Games παραδίδεται με το σωστό μπλοκ headers στο vercel.json για να το χειριστεί αυτό. Αν γράψατε το δικό σας από το μηδέν, αντιγράψτε τη ρύθμιση από το αποθετήριο της ικανότητας.

Η ανάπτυξη λειτουργεί την Παρασκευή, οπότε όταν αυτά σπάνε την Κυριακή, είναι πάντα λόγω μιας πρόσφατης αλλαγής. Το git bisect είναι ο φίλος σας. Ακόμα καλύτερα: συνεχίστε να κάνετε push κάθε 30 λεπτά, ώστε το σπασμένο commit να είναι μικρό.

Συχνές Ερωτήσεις

Η δωρεάν βαθμίδα του Vercel θα αντέξει πραγματικά αν το παιχνίδι μου αποκτήσει κίνηση;

Ναι, για μια εκκίνηση Σαββατοκύριακου και τις πρώτες εβδομάδες. Η δωρεάν βαθμίδα σας δίνει 100 GB εύρους ζώνης ανά μήνα, που είναι περίπου 20.000 αναπαραγωγές μιας δημιουργίας Three.js 5 MB. Αν φτάσετε αυτό το όριο, το Pro plan κοστίζει 20 $/μήνα και σας ανεβάζει στο 1 TB. Για μια κυκλοφορία Σαββατοκύριακου, το δωρεάν είναι υπεραρκετό. Οι ικανότητες στο Vibe Skills παραδίδουν ρυθμίσεις δημιουργίας που ελαχιστοποιούν το μέγεθος του πακέτου, επεκτείνοντας περαιτέρω τη δωρεάν βαθμίδα.

Μπορώ να χρησιμοποιήσω έναν προσαρμοσμένο τομέα στη δωρεάν βαθμίδα του Vercel;

Ναι. Η δωρεάν βαθμίδα υποστηρίζει προσαρμοσμένους τομείς με αυτόματο HTTPS. Αγοράστε έναν τομέα (Namecheap, Cloudflare Registrar, Porkbun), κατευθύνετέ τον στο Vercel, και το Vercel χειρίζεται το πιστοποιητικό SSL. Η ρύθμιση διαρκεί περίπου 10 λεπτά. Αν δεν έχετε τομέα, ο σύνδεσμος name-game.vercel.app είναι αρκετά σύντομος για να κοινοποιηθεί σε οποιαδήποτε πλατφόρμα.

Είναι αυτή η στοίβα κατάλληλη για υποβολή σε game jam;

Ναι, και είναι μια από τις καλύτερες στοίβες για υποβολές σε jam. Οι περισσότερες jams (Ludum Dare, GMTK, js13k, GitHub Game Off) δέχονται οποιονδήποτε σύνδεσμο παιχνιδιού web. Ένας σύνδεσμος *.vercel.app λειτουργεί ακριβώς όπως ένας σύνδεσμος itch.io για τους κριτές. Πολλοί νικητές jam κυκλοφορούν και στα δύο - itch.io για το κοινό των gamers, Vercel ως ο γρήγορος, επίσημος σύνδεσμος.

Χρειάζεται να γνωρίζω Three.js πριν ξεκινήσω;

Χρειάζεστε αρκετή JavaScript για να διαβάζετε αυτό που γράφει το Cursor και να συντονίζετε τιμές. Δεν χρειάζεται να γράψετε Three.js από το μηδέν. Οι ικανότητες στο Vibe Skills δημιουργούν τη ρύθμιση της μηχανής, την κάμερα, τον ελεγκτή και τη ρύθμιση δημιουργίας. Το Cursor χειρίζεται τον κώδικα gameplay από τις περιγραφές σας.

Τι συμβαίνει αν η δημιουργία μου στο Vercel αποτύχει την Κυριακή στις 7 μ.μ.;

Η πιο συνηθισμένη αιτία είναι ένα σφάλμα TypeScript ή μια χαμένη μεταβλητή περιβάλλοντος. Το Vercel εμφανίζει το αρχείο καταγραφής δημιουργίας με την αποτυχημένη γραμμή επισημασμένη. Ένα κλικ στον πίνακα ελέγχου αναστρέφει στην τελευταία επιτυχημένη ανάπτυξη και την προάγει σε παραγωγή. Επειδή κάθε push είναι μια προεπισκόπηση ανάπτυξης, είστε ποτέ περισσότερο από ένα commit μακριά από μια λειτουργική δημιουργία. Γι' αυτό είναι σημαντικό να κάνετε push κάθε 30 λεπτά το Σάββατο και την Κυριακή.

Μπορώ να πουλήσω ή να τροποποιήσω τον κώδικα από μια ικανότητα 3D παιχνιδιών Vibe Skills;

Ναι. Οι ικανότητες στο Vibe Skills παραδίδονται με μια εμπορικά φιλική άδεια χρήσης που σας επιτρέπει να κυκλοφορήσετε τον κώδικα στο δικό σας παιχνίδι στο Vercel, itch.io, Steam ή οπουδήποτε αλλού. Οι δημιουργοί διατηρούν την πνευματική ιδιοκτησία της ικανότητας, εσείς διατηρείτε την πνευματική ιδιοκτησία του παιχνιδιού που χτίστηκε πάνω σε αυτήν.

Τι γίνεται αν δεν θέλω να χρησιμοποιήσω το Cursor;

Οποιοσδήποτε επεξεργαστής AI που μπορεί να επεξεργαστεί αρχεία έργου λειτουργεί. Claude Code, Cursor, Windsurf, GitHub Copilot Chat, Cline - οποιοδήποτε από αυτά μπορεί να επαναλάβει την υποδομή Three.js από μια ικανότητα Vibe Skills. Η ίδια η ικανότητα είναι ανεξάρτητη από τον επεξεργαστή.

Κυκλοφορήστε το Αυτό το Σαββατοκύριακο

Ο λόγος που οι περισσότεροι solo developers δεν κυκλοφορούν ποτέ ένα 3D παιχνίδι δεν είναι η μηχανή, το είδος ή το όριο δεξιοτήτων. Είναι το βράδυ της Παρασκευής όπου "απλώς ερευνούν λίγο ακόμα" και δεν ξεκινούν ποτέ. Το επόμενο δωρεάν Σαββατοκύριακο που έχετε, ακολουθήστε το σχέδιο τεσσάρων φάσεων: εγκαταστήστε μια ικανότητα 3D παιχνιδιών Vibe Skills, κάντε push στο GitHub, συνδέστε το Vercel, αναπτύξτε μέχρι την Παρασκευή στις 8 μ.μ., και στη συνέχεια αφιερώστε το Σάββατο και την Κυριακή στην επανάληψη σε έναν ζωντανό σύνδεσμο.

Το portfolio σας με δέκα παιχνίδια που κυκλοφόρησαν Σαββατοκύριακο στο Vercel αξίζει περισσότερο από το υποθετικό σας έργο μηχανής ονείρου έξι μηνών. Το κυκλοφορημένο πάντα κερδίζει. Ο δωρεάν σύνδεσμος Vercel είναι η απόδειξη.

Περιηγηθείτε σε ικανότητες 3D παιχνιδιών στο Vibe Skills →

Παραλείψτε τον μαραθώνιο boilerplate του Three.js. Εγκαταστήστε μια ικανότητα 3D παιχνιδιών στο Vibe Skills, κάντε push στο Vercel και έχετε έναν ζωντανό σύνδεσμο μέχρι την Κυριακή το βράδυ.