Cara memasang model CAD 3D di situs web Anda: perbandingan 4 cara

Untuk memasang model CAD 3D di situs web Anda, ekspor rakitan sebagai file STEP, ubah menjadi model tampilan yang ringan dalam format glTF atau GLB, lalu tampilkan model itu di viewer web pada halaman produk Anda. File CAD Anda sendiri tidak perlu dipublikasikan: browser hanya mengunduh model tampilan. Untuk manifold pendingin ICM-21 buatan Tutamen yang terdiri dari 42 komponen, unduhannya 2,0 MB, dibuat dari file STEP produk tersebut.

STEP adalah format file 3D netral yang bisa diekspor oleh semua sistem CAD utama (ISO 10303). glTF adalah format terbuka untuk 3D di web dari Khronos Group, dan GLB adalah glTF dalam satu file. Keempat cara untuk sampai dari format yang satu ke format yang lain terutama berbeda dalam hal apa yang bisa dilakukan pembeli Anda, apa yang Anda serahkan, dan siapa yang menjaganya tetap berfungsi.

Mengapa situs web tidak bisa langsung menampilkan file STEP?

File STEP mendeskripsikan produk sebagai permukaan matematis yang presisi, sedangkan browser hanya bisa menggambar segitiga datar. Setiap permukaan harus ditutupi segitiga kecil terlebih dahulu (poligon yang dimaksud orang dengan “mesh”), sebuah langkah yang disebut teselasi (tessellation). Semakin banyak segitiga, semakin mulus lengkungannya dan semakin besar filenya, jadi konverter yang baik berhenti di titik ketika lengkungan sudah terlihat mulus di layar penuh.

Proses konversi juga menentukan apa yang bisa dilakukan halaman. Model tampilan yang baik menjaga setiap komponen tetap terpisah, diberi nama, dan diberi material, sehingga rakitan bisa diurai dan setiap komponen bisa diklik. Komponen yang berulang disimpan sekali saja: file ICM-21 memuat 214.168 segitiga, sedangkan layar menggambar 654.948. Model ini tidak membawa feature tree, sketsa, atau parameter, jadi angka seperti massa dan volume diukur terlebih dahulu dari CAD yang presisi, dan halaman yang baik menyebutkan bahwa datasheet yang berlaku jika keduanya berbeda.

Hasil rangkaian proses ini untuk empat model Proofscene yang sudah aktif, diukur dari file yang dimuat halamannya:

Unduhan adalah data yang harus ditunggu pengunjung; halaman dan viewer di sekitarnya menambah sekitar setengah megabyte. *STRAVIK, HALVORN, dan ARTIXO adalah merek fiktif yang dimodelkan sendiri oleh Proofscene untuk menunjukkan industri lain; ICM-21 adalah produk asli Tutamen, dibuat dari file STEP milik Tutamen.

Apa saja empat cara memasang model CAD di situs web Anda?

Keempat cara itu adalah embed dari viewer online gratis, platform hosting 3D atau konfigurator, halaman yang Anda bangun sendiri dengan komponen web terbuka seperti model-viewer dari Google, dan halaman produk interaktif yang dibangun untuk Anda dari file CAD. Berikut perbandingannya untuk pertanyaan yang menentukan pilihan bagi produk industri:

Pilihan mana yang cocok untuk produk Anda?

Viewer gratis cocok untuk melihat sekilas satu komponen bagi satu pelanggan. Ini cara tercepat sekaligus yang paling banyak menyerahkan data, karena viewer CAD gratis bekerja langsung dari file STEP Anda.

Platform hosting cocok untuk produk yang dijual berdasarkan tampilan dan opsi, ketika pembeli memilih warna atau ukuran. Pembeli itu memilihnya di konfigurator.

Membuatnya sendiri dengan model-viewer, komponen web gratis dari Google yang dibangun di atas library three.js, cocok untuk tim web yang punya waktu dan produk sederhana yang cukup diputar. Alat ini menangani pemutaran, label, dan AR dengan baik. Untuk itu, Anda harus mengonversi, menyederhanakan, mengatur pencahayaan, dan menguji setiap produk, lalu mengulanginya setiap kali ada perubahan. Tampilan potongan, mode X-ray, atau daftar komponen yang bisa diklik memerlukan kode yang Anda tulis sendiri.

Halaman produk interaktif buatan khusus cocok untuk produk teknik yang nilainya ada di dalam casing (pompa, katup, manifold, sendi robot) dan pembeli yang memeriksa setiap angka. Proofscene membangunnya langsung di situs Anda, sebagai satu tag frame atau sebagai halaman yang kami hosting di namamerek.proofscene.com; ICM-21 milik Tutamen aktif pada hari yang sama dengan tibanya file STEP produk itu.

Jika produk Anda termasuk kelompok terakhir itu, kirim file STEP dan datasheet, lalu tampilkan produk Anda dalam 3D. Halaman produk buatan khusus termasuk dalam Proofscene Business dan Enterprise, dan tim kami memberi tahu apa yang akan dibangun dan kapan halamannya aktif sebelum pekerjaan dimulai.

Apa yang seharusnya bisa dilakukan pembeli dengan model ini?

Pembeli produk teknik ingin melihat bagian dalam dan memeriksa angka, jadi model sebaiknya memungkinkan mereka membongkar produk, membelahnya, melihat bagian dalamnya, dan membaca data setiap komponen, bukan sekadar memutarnya. Semua ini berjalan di model aktif yang bisa Anda buka sekarang:

• Exploded view. Katup bola HALVORN BV25 terurai menjadi 14 komponennya sesuai urutan perakitan.
• Tampilan potongan dan aliran. Belah pompa STRAVIK SX 50-160 menjadi dua dan jalankan dengan debit berapa pun antara 15 sampai 40 m³/jam.
• X-ray. Lihat motor, roda gigi strain wave 50:1, dan bearing output menembus housing sendi robot ARTIXO RA90.
• Data komponen dan pengukuran. Klik komponen mana pun dari Tutamen ICM-21 untuk melihat nama, material, dan jumlahnya, ukur jarak antara tepi yang sebenarnya, dan jalankan cairan pendingin dengan pembagian aliran sesuai datasheet.
• Berbagi. Tautan dan kode QR untuk setiap tampilan, serta tur terpandu singkat untuk pengunjung yang tidak akan menjelajah sendiri.

Film peluncuran bisa dirender dari model yang sama: lihat animasi produk 3D, atau film 35 detik tentang halaman produk 3D interaktif yang dibongkar di browser.

Bagaimana agar model 3D tetap cepat di ponsel?

Jaga ukuran model di kisaran beberapa megabyte, muat model saat pengunjung sampai di bagiannya, dan pastikan halaman tetap enak dibaca tanpa model itu. Model yang dimuat paling awal akan memperlambat tampilnya teks dan gambar yang dicari pembeli.

• Kompres filenya. glTF bisa menyimpan angka dalam byte yang lebih sedikit dan memampatkan geometri dengan ekstensi Draco atau meshopt, dan server sebaiknya mengirimnya dalam keadaan terkompresi. Model Proofscene menyimpan arah permukaan dalam angka 16-bit dan dikirim dengan gzip: GLB ICM-21 berukuran 3,6 MB tiba sebagai 2,0 MB.
• Gunakan segitiga di bagian yang dilihat pembeli. Detail ulir, fillet kecil, dan bagian dalam komponen yang tidak pernah dibuka membuat ponsel bekerja lebih lama tanpa menambah nilai apa pun.
• Tampilkan gambar diam lebih dulu. Muat 3D saat bagiannya masuk ke layar atau saat diketuk; model-viewer melakukannya dengan gambar poster dan lazy loading.
• Jangan menahan scroll halaman. Embed Proofscene ikut bergulir bersama halaman dan hanya bisa diperbesar dengan Ctrl atau gerakan mencubit, dan di ponsel panelnya terlipat menjadi lembar geser sehingga produk tetap terlihat.
• Simpan fakta di dalam teks. Mesin pencari dan asisten AI membaca halaman, bukan modelnya, jadi cantumkan deskripsi, nama komponen, dan spesifikasi di HTML. Halaman demo publik Proofscene menambahkan data terstruktur untuk model 3D, dan browser yang tidak bisa menjalankan 3D tetap mendapatkan teks tersebut.

Apakah CAD Anda aman setelah modelnya ada di halaman publik?

Ya, karena model tampilan bukan CAD Anda: model ini berisi segitiga dengan akurasi layar, tanpa feature tree, sketsa, parameter, atau permukaan presisi, dan tanpa detail internal yang Anda hilangkan. Lindungi hal-hal penting sebelum dipublikasikan:

• Sederhanakan atau hapus apa pun yang sensitif secara komersial, seperti saluran internal atau profil seal.
• Jangan pernah mengunggah file STEP ke viewer yang memungkinkan pengunjungnya mengunduh file asli.
• Tinjau di tautan yang dilindungi kata sandi sebelum peluncuran, dan tanda tangani NDA dengan siapa pun yang menangani CAD Anda. Proofscene bekerja dengan cara ini, dan Anda tetap memegang kepemilikan atas CAD dan konten Anda.

Bacaan terkait

Baca bagaimana ICM-21 milik Tutamen berubah dari file STEP menjadi halaman produk yang aktif, coba keempat model di halaman demo produk 3D interaktif, atau tonton film 36 detik tentang viewer produk 3D yang dipasang di situs web Anda.