Daftar Isi:
- Langkah pertama: Tambahkan bola
- Whew! Dunia maya 3D Anda sekarang memiliki objek: bola yang terlihat seperti bumi. Anda juga bisa menambahkan benda lain saat ini.
- Langkah terakhir untuk terjun ke dunia pemrograman 3D adalah menambahkan sumber cahaya.Sumber cahaya akan mengubah keseluruhan tampilan pemandangan, seperti yang ditunjukkan di sini.
Video: How To Create Image Gallery In HTML, CSS and Javascript | Lightbox Gallery 2024
Membuat dunia 3D virtual lebih mudah dari sebelumnya di JavaFX. Dalam contoh ini, Anda belajar menambahkan bola ke program JavaFX Anda, menghidupkannya, dan menambahkan sumber cahaya ke dalamnya.
Langkah pertama: Tambahkan bola
Pertama, tambahkan bola, diwakili oleh kelas Sphere. Konektor Sphere hanya menerima satu parameter tunggal, yang menentukan radius bola. Misalnya, garis-garis ini menciptakan bola yang radiusnya 100, dan kemudian menerjemahkannya untuk memindahkannya dari titik pusat dunia maya Anda:
Sphere sphere = new sphere (100); bola. setTranslateX (-180); bola. setTranslateY (-100); bola. setTranslateZ (100); akar. getChildren (). tambahkan (sphere); Daripada menerapkan materi Phong biru yang sama ke bola, Anda dapat melakukan sesuatu yang lebih menarik: oleskan bahan Phong yang dibuat dari gambar proyeksi silinder bumi dengan menggunakan kode ini:
Image earthImage = new Image ("file: earth. jpg"); PhongMaterial earthPhong = PhongMaterial baru (); earthPhong. setDiffuseMap (earthImage); bola. setMaterial (earthPhong);
Angka ini menunjukkan bidang yang dihasilkan.
Anda dapat membungkus gambar di sekitar bola (atau objek 3D lainnya, dalam hal ini) dengan menggunakan teknik ini. Anda juga bisa mendapatkan gambar untuk program ini dari Wikipedia. Cari saja Behrmann Projection lalu download file tersebut. (Gunakan Windows Paint untuk memotong tepi gambar sedikit karena gambar yang tersedia di Wikipedia memiliki batas kecil di sekitar tepinya.)
Whew! Dunia maya 3D Anda sekarang memiliki objek: bola yang terlihat seperti bumi. Anda juga bisa menambahkan benda lain saat ini.
Pada langkah ini, tambahkan animasi ke semua objek untuk membuat mereka berputar. Setiap objek mendapat animasi RotationTransition sederhana. Pertama, bola:
RotateTransition rt4 = RotateTransition baru (); rt4. setNode (bola); rt4. setDuration (Durasi milis (9000)); rt4. setAxis (Putar Y_AXIS); rt4. setByAngle (360); rt4. setCycleCount (Animasi. INDEFINITE); rt4. setInterpolator (Interpolator.LINEAR); rt4. bermain();
Setelah metode bermain disebut, bola mulai berputar, membuat satu putaran lengkap mengelilingi sumbu znya setiap tiga detik.
Bola berputar mengelilingi sumbu y, menciptakan kesan bahwa dunia berputar. Untuk bola, kecepatan diatur ke satu revolusi setiap 10 detik.
Langkah ketiga: Tambahkan sumber cahaya
Langkah terakhir untuk terjun ke dunia pemrograman 3D adalah menambahkan sumber cahaya.Sumber cahaya akan mengubah keseluruhan tampilan pemandangan, seperti yang ditunjukkan di sini.
Untuk menambahkan sumber cahaya, gunakan kode berikut:
Dunia 3D Anda dengan sumber cahaya.
PointLight light = new PointLight (Warna WHITE); cahaya. setTranslateX (-1000); cahaya. setTranslateY (100); cahaya. setTranslateZ (-1000); akar. getChildren (). tambahkan (terang);Kelas PointLight mendefinisikan sumber cahaya yang berasal dari titik tertentu di tempat kejadian dan memproyeksikan cahaya warna yang diberikan (dalam kasus ini, putih tua yang bagus). Untuk membuat efek pencahayaan, pindahkan cahaya dengan menerjemahkan koordinatnya 1.000 ke kiri, 100 ke bawah, dan 1.000 unit ke arah pengguna. Hasilnya menghasilkan bayangan bagus di bagian belakang benda pemintal.