Παιχνίδι γκολφ που χτίστηκε χθες το βράδυ με τους Claude Code, Svelte και ThreeJS

Χθες το βράδυ, ένα παιχνίδι τρισδιάστατου γκολφ με δυνατότητα αναπαραγωγής ζωντανεύει χρησιμοποιώντας τους Claude Code, Svelte και ThreeJS — χτισμένο σε μία μόνο περίοδο λειτουργίας χωρίς να αγγίξει τη μηχανή παιχνιδιού. Αυτό το έργο δείχνει ακριβώς πώς η σύγχρονη ανάπτυξη με τη βοήθεια τεχνητής νοημοσύνης καταρρίπτει το χάσμα μεταξύ ιδέας και προϊόντος εργασίας και γιατί υπάρχουν εργαλεία όπως το Mewayz για να βοηθήσουν τους φιλόδοξους κατασκευαστές να αποστέλλουν ταχύτερα.

Πώς ήταν στην πραγματικότητα το παιχνίδι γκολφ όταν τελείωσε;

Το τελικό αποτέλεσμα ήταν ένα παιχνίδι γκολφ πρώτου προσώπου βασισμένο σε πρόγραμμα περιήγησης που αποδόθηκε εξ ολοκλήρου σε 3D. Η ThreeJS χειρίστηκε το γράφημα σκηνής, τον φωτισμό, το πλέγμα εδάφους και την προσομοίωση φυσικής μπάλας. Ο Svelte οδήγησε το επίπεδο διεπαφής χρήστη - την κάρτα αποτελεσμάτων, τον μετρητή ισχύος βολής, την ένδειξη ανέμου και το μενού επιλογής οπών. Ο Claude Code ενήργησε ως προγραμματιστής ζεύγους καθ' όλη τη διάρκεια, δημιουργώντας boilerplate, διόρθωση σφαλμάτων shader και προτείνοντας την αρχιτεκτονική για το πώς τα καταστήματα Svelte θα πρέπει να επικοινωνούν τις αλλαγές κατάστασης στον βρόχο απόδοσης ThreeJS.

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

Πώς χειρίστηκε ο Claude Code την τεχνική ανύψωση βαρέων βαρών;

Το πιο εντυπωσιακό μέρος της κατασκευής δεν ήταν ο ίδιος ο κώδικας - ήταν η ταχύτητα με την οποία επιλύθηκαν οι αρχιτεκτονικές αποφάσεις. Ο Claude Code κατανοούσε το πλαίσιο κάθε αρχείου χωρίς να χρειάζεται να ενημερώνεται εκ νέου. Όταν ο βρόχος κίνησης ThreeJS άρχισε να έρχεται σε σύγκρουση με τις αντιδραστικές ενημερώσεις καταστήματος της Svelte, ο Claude διέγνωσε αμέσως το ζήτημα της διπλής απόδοσης και πρότεινε ένα καθαρό μοτίβο διαύλου συμβάντων για την αποσύνδεση των δύο συστημάτων.

«Η πραγματική δύναμη της ανάπτυξης με τη βοήθεια τεχνητής νοημοσύνης δεν είναι αυτόματη συμπλήρωση – είναι να έχεις έναν συνεργάτη που έχει στο μυαλό σου ολόκληρη την αρχιτεκτονική, ενώ εσύ εστιάζεις στο δημιουργικό πρόβλημα που έχεις μπροστά σου».

Ο Claude Code χειρίστηκε επίσης την πιο κουραστική εργασία υλοποίησης που συνήθως επιβραδύνει τα μεμονωμένα έργα σε ανίχνευση: τη σύνταξη των μαθηματικών τεταρτοταγών για διανύσματα κρούσης από λέσχη σε μπάλα, τη δομή του αγωγού φόρτωσης στοιχείων και τη ρύθμιση της διαμόρφωσης Vite για ένα έργο Svelte + ThreeJS από την αρχή. Αυτό που θα ήταν κανονικά δύο ώρες Stack Overflow archaeology χρειάστηκε περίπου δώδεκα λεπτά.

Γιατί το Svelte και το ThreeJS αποδείχτηκαν τέλειος συνδυασμός;

Ο συνδυασμός Svelte και ThreeJS χρησιμοποιείται ελάχιστα στην κοινότητα ανάπτυξης παιχνιδιών Ιστού και αυτό το έργο απέδειξε γιατί αξίζει περισσότερης προσοχής. Η αντιδραστικότητα του Svelte στο χρόνο μεταγλώττισης σημαίνει ότι ουσιαστικά δεν υπάρχει επιβάρυνση κατά την ενημέρωση των στοιχείων διεπαφής χρήστη του παιχνιδιού — η γραμμή ισχύος, η οθόνη ταχύτητας ανέμου και ο μετρητής διαδρομής ενημερώνονται στα 60 fps χωρίς ούτε ένα πρόβλημα απόδοσης.

Το ThreeJS παρείχε ό,τι χρειαζόταν για ένα πειστικό τρισδιάστατο περιβάλλον χωρίς τα γενικά έξοδα αφαίρεσης ενός πλήρους κινητήρα:

Γεωμετρικά πρωτόγονα για το διάδρομο, το κουτί μπλουζών και το κύπελλο τρύπας — όλα κατασκευασμένα με παρουσίες PlaneGeometry και CylinderGeometry

MeshStandardMaterial με τιμές τραχύτητας και μεταλλικότητας που έδωσαν στη μπάλα του γκολφ τη χαρακτηριστική της λάμψη κάτω από κατευθυντικό φωτισμό

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

Τα OrbitControls είναι προσαρμοσμένα για μια προοπτική κάμερας που ακολουθεί το τόξο της μπάλας μετά από κάθε βολή

AnimationMixer για να χειριστείτε το κινούμενο σχέδιο σημαίας στο πράσινο, προσθέτοντας μια μικρή αλλά ικανοποιητική οπτική λεπτομέρεια

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

Τι αποκαλύπτει αυτό το Build για την ανάπτυξη προϊόντων υποβοηθούμενης από AI το 2025;

Το παιχνίδι γκολφ είναι ένα έργο παιχνιδιών, αλλά η ροή εργασίας που έδειξε είναι άμεσα εφαρμόσιμη σε σοβαρή ανάπτυξη προϊόντων. Όταν ο Κώδικας Claude χρησιμοποιείται ως ενεργός συνεργάτης και όχι ως παθητικό εργαλείο αυτόματης συμπλήρωσης, η ποιότητα εξόδου αυξάνεται σημαντικά. Η βασική διαφορά είναι η συνέχεια του περιβάλλοντος — ο Κώδικας Claude παρακολουθεί ό,τι έχει ήδη κατασκευαστεί σε όλο το

Frequently Asked Questions

Can I build a browser-based game using only Svelte and ThreeJS without a dedicated game engine?

Yes, and this project proves it is entirely practical for small-to-medium scope games. ThreeJS handles rendering, physics approximations, and scene management, while Svelte manages reactive UI state cleanly. For simple games — platformers, puzzle games, golf — this stack performs well and deploys as a standard web app with no plugins required.

How does Claude Code differ from standard AI code completion tools like GitHub Copilot?

Claude Code operates at the project level rather than the line level. It understands the relationships between files, maintains context across a full development session, and can reason about architecture, not just syntax. This makes it significantly more useful for complex builds where the challenge is system design rather than remembering API method names.

What makes Mewayz different from using separate tools for each business function?

Mewayz consolidates 207 modules — covering CRM, content, courses, ecommerce, affiliates, analytics, and more — into a single platform with a unified data layer. This eliminates the integration overhead, data silos, and subscription sprawl that come with tool stacking. For growing businesses, the operational clarity this provides is the actual product, not just the feature list.

Whether you are shipping a golf game at midnight or scaling a business to its next revenue tier, the fastest path forward is an integrated system that holds context so you can focus on execution. Mewayz is built for exactly that. Start your Mewayz account today at app.mewayz.com and run your entire business from a single, coherent operating layer — starting at $19 per month.

Related Posts

• Γιατί το αλουμινόχαρτο έχει μια γυαλιστερή πλευρά και μια με ματ φινίρισμα;
• Προσομοιωτής έκθεσης
• gRPC: Από τον ορισμό της υπηρεσίας στη μορφή καλωδίου
• Περιθωριακή Επανάσταση