Threejs3D Code Play

Threejs3D Code Play membantu Anda mempelajari Three.js dengan mengedit kode dan melihat hasilnya sebagai adegan 3D interaktif. Mulailah dengan sebuah contoh, ubah HTML dan JavaScript-nya, lalu jalankan versi Anda di aplikasi.

BELAJAR MELALUI ADEGAN YANG BERFUNGSI

Jelajahi 99 contoh di seluruh eksperimen pembelajaran dan adegan animasi yang telah ditentukan sebelumnya. Mulailah dengan bentuk, material, pencahayaan, dan kamera, lalu selidiki partikel, shader, dan interaksi. Cobalah tata surya, gelombang laut, atau adegan abstrak animasi ketika Anda menginginkan titik awal yang lebih besar.

Lima jalur pembelajaran mengorganisir contoh ke dalam dasar-dasar, geometri, warna dan cahaya, gerakan, dan lokakarya kreatif. Tandai pelajaran selesai, lanjutkan melalui jalur, tandai contoh yang bermanfaat sebagai favorit, dan kembali ke adegan yang baru saja dibuka.

EDIT, JALANKAN, DAN SELIDIKI

Buka contoh di editor kode atau mulai proyek baru dengan impor Three.js yang sudah ada. Gunakan penyorotan sintaks, batalkan dan ulangi, temukan dan ganti, dan pergi ke baris saat Anda bekerja. Beralih ke pratinjau Jalankan untuk melihat kode saat ini dan memeriksa pesan atau kesalahan konsol.

Seret untuk memutar dan cubit untuk memperbesar pratinjau adegan yang disertakan. Untuk adegan yang mendukungnya, kontrol langsung memungkinkan Anda menjelajahi warna, kecepatan animasi, pencahayaan, geometri, dan latar belakang solid atau gradien. Kontrol yang tersedia bergantung pada adegan.

SIMPAN EKSPERIMEN ANDA

Simpan proyek bernama dan buka kembali dari Proyek Anda. Buka file HTML untuk melanjutkan pengeditan pekerjaan yang ada, atau gunakan Simpan sebagai untuk menyimpan salinan terpisah.

Ekspor atau bagikan proyek sebagai HTML atau ZIP. Ekspor menyertakan pustaka Three.js yang disertakan; aset eksternal khusus tetap eksternal. Ekstrak ZIP dan sajikan foldernya melalui HTTP untuk membuka proyek di luar aplikasi.

ANIMASI WALLPAPER ANDA

Pada perangkat Android yang kompatibel dengan dukungan asli yang diperlukan, kirim adegan animasi ke pratinjau wallpaper langsung sistem dan konfirmasikan pilihan Anda di sana. Tujuan wallpaper yang tersedia bergantung pada perangkat.

Dibuat untuk siswa, penghobi, dan pengembang web yang ingin berlatih pengkodean 3D melalui eksperimen kecil. Contoh yang disertakan menggunakan pustaka lokal; sumber daya jarak jauh khusus dan iklan mungkin memerlukan akses internet. Aplikasi ini menyertakan iklan.