Threejs3D Code Play

Threejs3D Code Play membantu anda mempelajari Three.js dengan mengedit kod dan melihat hasilnya sebagai pemandangan 3D interaktif. Mulakan dengan contoh, ubah HTML dan JavaScriptnya, kemudian jalankan versi anda dalam aplikasi.

PELAJARI MELALUI ADEGAN KERJA

Terokai 99 contoh merentasi eksperimen pembelajaran dan pemandangan animasi yang telah ditetapkan. Mulakan dengan bentuk, bahan, pencahayaan dan kamera, kemudian siasat zarah, shader dan interaksi. Cuba sistem suria, ombak lautan atau pemandangan abstrak animasi apabila anda mahukan titik permulaan yang lebih besar.

Lima laluan pembelajaran menyusun contoh kepada asas, geometri, warna dan cahaya, gerakan dan bengkel kreatif. Tandakan pelajaran selesai, teruskan melalui laluan, contoh berguna kegemaran dan kembali ke pemandangan yang baru dibuka.

EDIT, JALANKAN DAN SIASAT

Buka contoh dalam editor kod atau mulakan projek baharu dengan import Three.js yang telah sedia ada. Gunakan penyerlahan sintaks, buat asal dan buat semula, cari dan gantikan dan pergi ke baris semasa anda bekerja. Tukar kepada Jalankan pratonton untuk melihat kod semasa dan periksa mesej atau ralat konsol.

Seret ke orbit dan cubit untuk zum masuk pratonton babak yang dibundel. Untuk babak yang menyokongnya, kawalan langsung membolehkan anda meneroka warna, kelajuan animasi, pencahayaan, geometri dan latar belakang pepejal atau kecerunan. Kawalan yang tersedia bergantung pada babak.

SIMPAN EKSPERIMEN ANDA

Simpan projek bernama dan buka semula daripada projek Anda. Buka fail HTML untuk terus mengedit kerja sedia ada atau gunakan Simpan sebagai untuk menyimpan salinan berasingan.

Eksport atau kongsi projek sebagai HTML atau ZIP. Eksport termasuk pustaka Three.js yang dibundel yang diiktiraf; aset luaran tersuai kekal luaran. Ekstrak ZIP dan hidangkan foldernya melalui HTTP untuk membuka projek di luar aplikasi.

ANIMATKAN WALLPAPER ANDA

Pada peranti Android yang serasi dengan sokongan asli yang diperlukan, hantar babak animasi ke pratonton kertas dinding langsung sistem dan sahkan pilihan anda di sana. Destinasi kertas dinding yang tersedia bergantung pada peranti.

Dibina untuk pelajar, penggemar dan pembangun web yang ingin berlatih pengekodan 3D melalui eksperimen kecil. Contoh yang dibundel menggunakan pustaka setempat; sumber jauh tersuai dan pengiklanan mungkin memerlukan akses internet. Aplikasi ini termasuk pengiklanan.