Permainan golf yang dibina malam tadi dengan Claude Code, Svelte dan ThreeJS

Malam tadi, permainan golf 3D yang boleh dimainkan sepenuhnya dihidupkan menggunakan Claude Code, Svelte dan ThreeJS — dibina dalam satu sesi tanpa menyentuh enjin permainan. Projek ini menunjukkan dengan tepat bagaimana pembangunan berbantukan AI moden meruntuhkan jurang antara idea dan produk yang berfungsi, dan sebab alat seperti Mewayz wujud untuk membantu pembina yang bercita-cita tinggi menghantar lebih pantas.

Apakah Rupa Permainan Golf Sebenarnya Apabila Ia Selesai?

Keputusan akhir ialah permainan golf orang pertama berasaskan pelayar yang dipaparkan sepenuhnya dalam 3D. ThreeJS mengendalikan graf pemandangan, pencahayaan, jaringan rupa bumi dan simulasi fizik bola. Svelte memacu lapisan UI — kad skor, meter kuasa pukulan, penunjuk angin dan menu pemilihan lubang. Claude Code bertindak sebagai pengaturcara pasangan sepanjang, menjana boilerplate, menyahpepijat ralat shader, dan mencadangkan seni bina untuk cara kedai Svelte harus menyampaikan perubahan keadaan kepada gelung render ThreeJS.

Menjelang akhir sesi, permainan termasuk hijau yang dijana secara prosedur, trajektori bola parabola yang realistik dengan pereputan putaran, pencahayaan ambien dengan bayang-bayang dan sistem par yang berfungsi merentasi tiga lubang. Jumlah masa binaan adalah kira-kira empat jam. Tiada Perpaduan. Tiada Tidak Nyata. Hanya tab penyemak imbas, terminal dan AI yang tidak pernah jemu.

Bagaimanakah Kod Claude Mengendalikan Pengangkatan Berat Teknikal?

Bahagian binaan yang paling mengagumkan bukanlah kod itu sendiri - ia adalah kelajuan keputusan seni bina diselesaikan. Claude Code memahami konteks setiap fail tanpa perlu diberi taklimat semula. Apabila gelung animasi ThreeJS mula bercanggah dengan kemas kini kedai reaktif Svelte, Claude segera mendiagnosis isu pemaparan dua kali dan mencadangkan corak bas acara yang bersih untuk memisahkan kedua-dua sistem.

"Kuasa sebenar pembangunan berbantukan AI bukanlah autolengkap - ia mempunyai kolaborator yang mengambil kira keseluruhan seni bina semasa anda menumpukan pada masalah kreatif di hadapan anda."

Claude Code juga mengendalikan kerja pelaksanaan yang lebih membosankan yang biasanya memperlahankan projek solo kepada rangkak: menulis matematik kuaternion untuk vektor impak kelab-ke-bola, menstruktur saluran paip pemuatan aset dan menyediakan konfigurasi Vite untuk projek Svelte + ThreeJS dari awal. Apa yang biasanya menjadi dua jam arkeologi Stack Overflow mengambil masa kira-kira dua belas minit.

Mengapa Svelte dan ThreeJS Menjadi Gandingan Yang Sempurna?

Gabungan Svelte dan ThreeJS kurang digunakan dalam komuniti pembangunan permainan web, dan projek ini membuktikan mengapa ia patut diberi perhatian lebih. Kereaktifan masa kompilasi Svelte bermakna hampir tiada overhed semasa mengemas kini elemen UI permainan — bar kuasa, paparan kelajuan angin dan kaunter strok semuanya dikemas kini pada 60fps tanpa gangguan prestasi tunggal.

ThreeJS menyediakan segala yang diperlukan untuk persekitaran 3D yang meyakinkan tanpa overhed abstraksi enjin penuh:

Primitif geometri untuk fairway, kotak tee dan cawan lubang — semuanya dibina dengan contoh PlaneGeometry dan CylinderGeometry

MeshStandardBahan dengan nilai kekasaran dan logam yang memberikan bola golf kilauan tersendiri di bawah pencahayaan berarah

Raycasting untuk mengesan perlanggaran bola ke rupa bumi dan mencetuskan fizik lantunan

OrbitControls disesuaikan untuk perspektif fly-cam yang mengikuti lengkok bola selepas setiap pukulan

AnimationMixer untuk mengendalikan animasi bendera di atas hijau, menambah perincian pengilat visual yang kecil tetapi memuaskan

Pokok komponen Svelte kekal berasingan sepenuhnya daripada pokok adegan ThreeJS, yang menjadikan penyahpepijatan menjadi mudah dan memastikan pangkalan kod bersih walaupun ciri ditambah dengan pantas.

Apakah yang Didedahkan Binaan Ini Mengenai Pembangunan Produk Berbantukan AI pada 2025?

Permainan golf ialah projek mainan, tetapi aliran kerja yang ditunjukkannya adalah terpakai secara langsung untuk pembangunan produk yang serius. Apabila Kod Claude digunakan sebagai kolaborator aktif dan bukannya alat autolengkap pasif, kualiti output melonjak dengan ketara. Perbezaan utama ialah kesinambungan konteks — Kod Claude menjejaki perkara yang telah bu

Related Posts

• Bagaimanakah Windows 95 mendapat kebenaran untuk meletakkan video Weezer 'Buddy Holly' pada CD?
• Paragon secara tidak sengaja memuat naik foto panel kawalan perisian pengintipnya
• DBASE pada Kaypro II
• WolfSSL juga menyebalkan, jadi sekarang apa?

Frequently Asked Questions

Adakah saya boleh bina permainan 3D tanpa enjin permainan tradisional?

Ya, sudah tentu. Dengan gabungan Claude Code, Svelte dan ThreeJS, anda boleh membina permainan 3D berasaskan pelayar sepenuhnya tanpa memerlukan Unity atau Unreal Engine. Pendekatan ini membuktikan bahawa pembangunan berbantukan AI membolehkan sesiapa sahaja — termasuk pembangun solo — mencipta projek interaktif yang kompleks dalam satu sesi pengekodan sahaja, menjimatkan masa dan kos pembangunan secara drastik.

Apakah kemahiran teknikal yang diperlukan untuk membina projek seperti ini?

Anda memerlukan pemahaman asas JavaScript, HTML dan konsep 3D. Claude Code membantu menjana kod secara automatik, manakala Svelte memudahkan pengurusan antara muka dan ThreeJS mengendalikan paparan 3D. Bagi mereka yang ingin melancarkan projek digital dengan lebih pantas, platform seperti Mewayz dengan 207 modul perniagaan boleh membantu mengurus pemasaran, laman web dan automasi bermula dari $19 sebulan.

Berapa lama masa yang diperlukan untuk membina permainan golf 3D ini?

Permainan ini dibina dalam satu sesi malam sahaja, membuktikan kuasa pembangunan berbantukan AI. Claude Code mempercepatkan proses penulisan kod dengan ketara, membolehkan pembangun fokus pada reka bentuk dan logik permainan. Pendekatan ini sesuai untuk pembina yang ingin menghantar produk dengan pantas — falsafah yang sama dipegang oleh Mewayz di app.mewayz.com untuk mempercepatkan pelancaran perniagaan digital.

Bolehkah pendekatan ini digunakan untuk projek perniagaan selain permainan?

Sudah pasti. Teknik menggabungkan AI dengan rangka kerja moden boleh digunakan untuk membina aplikasi web interaktif, visualisasi data 3D, simulasi produk dan banyak lagi. Untuk keperluan perniagaan yang lebih menyeluruh termasuk laman web, CRM, automasi dan pemasaran, Mewayz menawarkan OS perniagaan lengkap dengan 207 modul yang direka khas untuk membantu usahawan menghantar produk lebih pantas.