Saya pernah membina beberapa tapak web peribadi sebelum ini tetapi tidak pernah mengambil cabaran sebesar ini. Ia disiarkan secara langsung hari ini; aplikasi satu halaman untuk meneroka katalog label rekod baru saya; menyepadukan Bandcamp tetapi memberikannya rasa yang lebih 'menggali peti' menggunakan three.js untuk navigasi album. Ia adalah 4,500 baris kod, sedozen modul JavaScript. Ia mengambil masa seminggu. Saya bekerja bersendirian dengan hanya Claude.ai sebagai rakan kongsi pengekodan. Saya mesti mengatakan ia adalah alat yang luar biasa tetapi bukan tanpa kelemahannya.
Bagaimanapun, saya suka anda melawat tapak saya dan beritahu saya pendapat anda. Saya telah menyimpan kod tersebut secara terbuka ke GitHub jika anda ingin mengakarnya. Tetapi inilah tapaknya: Bukan Vinyl Akhir
Claude mahu saya menambah beberapa perkara:
Lihat kod: NotTheFinalVinyl di GitHub
Tapak langsung: notthefinalvinyl.net
Dibina di sekeliling sistem interaksi rekod vinil tersuai menggunakan Three.js, dengan kira-kira 4,500 baris JavaScript vanila terbahagi kepada 12 modul utama:
// Example from VinylManager.js - Physics-based vinyl sliding const animate = (timestamp) => { if (!startTime) startTime = timestamp; const elapsed = (timestamp - startTime) / this.slideOutDuration; if (elapsed < 1) { // Custom easing function for natural vinyl movement const progress = t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2; album.setVinylPosition(this.slideDistance * progress); requestAnimationFrame(animate); } }
Prestasi
Sokongan Mudah Alih
Integrasi
Sebagai projek JavaScript utama pertama saya, saya belajar:
Masih mempelajari aliran kerja Git - repo mencerminkan proses pembelajaran saya! Jangan ragu untuk meneroka dan mencadangkan penambahbaikan. Saya amat berminat dengan maklum balas tentang:
``
Atas ialah kandungan terperinci #Pembangun pertama saya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!