Configurator produk 3D adalah tren yang relatif baru dalam pemasaran online dan e-commerce. Pembuatan aplikasi web semacam itu menjadi mungkin karena pesatnya perkembangan teknologi browser WebGL, yang memungkinkan Anda untuk menggambar grafik 3D langsung di halaman web pengguna.
Menurut pendapat saya, satu-satunya masalah yang menghambat perkembangan tren ini adalah kurangnya alat yang efektif. Kebanyakan dari mereka adalah mesin tiga dimensi, yang bisa sangat berguna bagi seorang programmer, tetapi bukan seniman biasa. Tetapi ada pengecualian: addon Verge3D pada paket 3ds Max dan Blender menawarkan cara yang digunakan orang biasa untuk membuat konfigurator tiga dimensi. Alat inilah yang akan kami analisis dalam artikel kami.
Sebagai contoh, kita akan membuat konfigurator perhiasan. Sekarang konfigurator seperti itu melakukan segalanya untuk semua orang, jadi contohnya lebih dari relevan.
Klik di
sini untuk meluncurkan konfigurator di jendela baru.
Karena Verge3D dapat bekerja dengan 3ds Max dan Blender, kami akan menganalisis kedua alat tersebut. Pada artikel ini, kami menganggap Anda sudah menginstal Verge3D. Jika tidak, unduh dan instal dari situs pengembang. Ada juga panduan instalasi dan pelatihan video tutorial yang bagus.
Rencana kami
Jangan dengarkan orang yang mengatakan bahwa membuat konfigurator 3D itu sulit dan mahal. Segalanya jauh lebih mudah jika Anda mempelajari prosesnya dengan jelas:
- Kami membuat konten (model dan bahan 3D).
- Kami membuat aplikasi interaktif, yaitu responsif terhadap tindakan pengguna.
- Kami menerbitkan konfigurator di jaringan.
Mari kita lihat keseluruhan proses secara berurutan.
Pembuatan konten 3D
Langkah ini adalah yang paling sulit. Namun, jika Anda memiliki setidaknya beberapa pengalaman bekerja dalam paket 3ds Max dan Blender atau teman / karyawan yang memiliki pengalaman serupa, semuanya dilakukan dengan sangat cepat.
Pertama-tama, kami membuat aplikasi 3D menggunakan manajer aplikasi Verge3D. Masukkan nama proyek di kotak dialog yang ditunjukkan di bawah ini dan biarkan semua pengaturan seperti apa adanya.
Selanjutnya, Anda perlu membuat model tiga dimensi. Harap perhatikan bahwa untuk hasil terbaik, objek 3D Anda harus poligon sedang. Pada prinsipnya, akan sangat baik jika Anda memiliki kurang dari 100 ribu poligon per model.
Tahap selanjutnya adalah pembuatan bahan dan tekstur. Ingatlah bahwa Anda selalu dapat membiasakan diri dengan materi hanya dengan melihat file sumber dalam rakitan Verge3D yang terinstal (mereka berada di direktori
applications/ring untuk versi Blender dan
applications/ring_max untuk versi 3ds Max).
Perak dan emas
Inilah yang tampak seperti bahan perak di Blender. Dasar dari bahan tersebut adalah tekstur bulat (disebut "ring_matcap") dicampur dengan peta kebisingan dan peta normal. Yang pertama adalah permukaan "logam", dan dua lainnya membuat material lebih realistis. Karena kami memiliki 3 logam berbeda: perak, emas pink dan kuning, kami hanya membuat sedikit penyesuaian warna pada blok ColorRamp dari material yang ditunjukkan dalam gambar.
Bahan perak dalam 3ds Max juga terlihat kurang lebih sama. Ini agak sederhana, karena memiliki tekstur Warna Diffuse tambahan, yang bertanggung jawab untuk warna permukaan logam.
Cemerlang
Saatnya mencari tahu materi intan. Untuk membuat kilau dan flicker yang khas, kami memodelkannya menggunakan dua lapisan. Lapisan dalam batu permata memiliki struktur mesh yang tidak beraturan dan bahan berikut:
Tapi ini adalah bahan dari lapisan luar permata, itu bertanggung jawab atas tepi berlian:
Benar-benar juga membuat berlian dalam 3ds Max. Gambar di bawah ini menunjukkan kedua lapisan permata.
Saya akan memberi tahu Anda sedikit cara membuat tekstur untuk materi semacam itu. Tidak ada yang rumit. Kebanyakan dari mereka adalah tekstur primitif dari kebisingan / refleksi dan lingkungan, yang dapat Anda buat sendiri atau temukan gambar yang sudah jadi di Internet. Pengecualiannya adalah peta normal, yang harus dipanggang dari model poli tinggi.
Tambahkan interaktivitas
Dengan editor visual Puzzles, Anda tidak harus menjadi seorang programmer untuk membuat konfigurator 3D yang layak. Cukup gunakan puzzle "saat klik" untuk membuat aplikasi merespons tindakan pengguna, "tampilkan" / "sembunyikan" untuk mengubah bentuk cincin dan "menetapkan bahan" untuk mengubah bahan. Dalam aplikasi perhiasan ini, kami memiliki 4 cincin berbeda, yang masing-masing terbuat dari tiga bahan berbeda, masing-masing perak dan emas dalam warna pink dan kuning.
Seperti inilah keseluruhan rakitan:
Seperti yang Anda lihat, tidak ada yang rumit. Di sisi kiri ada unit pemilihan cincin, dan sisi kanan bertanggung jawab untuk mengganti bahan.
Hasilnya, ternyata pengguna memiliki pilihan antara 12 opsi untuk eksekusi cincin. Bayangkan berapa banyak waktu dan upaya yang perlu dihabiskan seorang perhiasan untuk menghasilkan koleksi seperti itu. Dan di sini kita memiliki editor Teka-teki yang bertanggung jawab untuk semuanya (pada saat-saat seperti itu Anda memahami bahwa bekerja sebagai programmer atau tiga dimensi cukup bagus).
Terbitkan
Ini yang paling sederhana. Aplikasi Verge3D apa pun dapat digunakan pada sumber daya Anda sendiri atau diunggah ke hosting cloud Verge3D Network. Dalam kasus terakhir, cukup klik ikon bola dunia hijau di pengelola aplikasi, dan dalam beberapa detik / menit konfigurator Anda akan berada di awan. Di akhir unduhan, Anda akan melihat sesuatu seperti ini:
Di kotak dialog, Anda bisa mendapatkan tautan langsung ke aplikasi Anda, sepotong kode HTML untuk menyematkan konfigurator, situs web atau blog Anda sendiri (atau toko online yang sudah siap). Ada tombol untuk berbagi aplikasi melalui jejaring sosial.
Kesimpulan
Menurut pengamatan saya, selama tahun ini, industri perdagangan online telah mengalami perubahan radikal. Ritel dengan cepat mengurangi ruang ritel dan masuk ke Internet, dan Facebook telah memungkinkan untuk mengunggah model tiga dimensi.
Solusi konfigurator tiga dimensi tumbuh seperti jamur setelah hujan, tetapi menggunakan Verge3D untuk tujuan ini memiliki beberapa keunggulan. Diantaranya adalah integrasi yang baik dengan paket-paket pemodelan, kurangnya ketergantungan pada solusi cloud dan fleksibilitas dalam pengembangan aplikasi tiga dimensi. Secara umum, kita hidup dalam waktu yang menarik!