Any3DAny3D
Semua AlatSemua Format

Sematkan penampil

Pasang penampil Any3D di halaman Anda. Bingkai memuat model dari alamat https, dilengkapi tombol yang membuka penampil lengkap.

  1. 1

    Menambahkan bingkai

    Tempelkan iframe yang mengarah ke Any3D dan masukkan alamat model Anda pada kueri src. Bingkai hanya menampilkan kanvas, dengan tombol di sudut kanan bawah yang membuka penampil lengkap. Contoh ada di bawah.

    <iframe
  src="https://any3d.cc/id-ID/embed?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb"
  title="Model 3D"
  style="width:100%;height:480px;border:0"
  loading="lazy"
  allow="fullscreen"
  allowfullscreen
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>
    Tips: Anda dapat menyalin prompt di bawah ini dan memberikannya ke asisten AI (seperti Cursor, Claude, atau ChatGPT) untuk membuat kode penyematan dengan cepat.
    Prompt Integrasi AI (klik untuk memperluas/menciutkan)
    Tolong buatkan kode <iframe> untuk menyematkan penampil 3D Any3D ke dalam halaman web. Jika Anda sedang mengedit halaman atau komponen yang sudah ada, letakkan <iframe> pada posisi di mana model 3D harus ditampilkan. URL dasar penyematan: https://any3d.cc/id-ID/embed Aturan URL dan Parameter: - Parameter wajib: `src` harus berupa URL HTTPS model, dikodekan persen (encodeURIComponent), dan diteruskan sebagai parameter kueri mandiri (misalnya https://any3d.cc/id-ID/embed?src=...). Jangan menggabungkan URL mentah langsung ke jalur URL. Untuk 3D Tiles, gunakan alamat berkas tileset.json. - Parameter opsional (abaikan jika tidak diperlukan): - `autorotate=1`: memutar model secara otomatis. Abaikan agar model tetap diam. - `theme=light`, `theme=dark`, atau `theme=system`: mengatur tema penampil. - `bg=transparent`: menggunakan latar belakang transparan. - `controls`: memilih tata letak kontrol mouse. Biarkan kosong atau setel ke `auto` agar dipilih otomatis berdasarkan jenis berkas; atau tentukan `standard`, `cad`, `solidworks`, `blender`, `splat`, atau `custom`. Kontrol Mouse: - auto: berkas CAD menggunakan kontrol CAD, Gaussian Splatting menggunakan orbit halus, dan berkas lainnya menggunakan orbit standar. - standard: orbit. Seret tombol kiri untuk memutar, seret tombol kanan untuk menggeser, roda mouse untuk memperbesar/memperkecil. - cad: gaya AutoCAD. Seret tombol tengah untuk menggeser, Shift+tombol tengah untuk orbit, roda mouse memperbesar ke arah kursor, tanpa inersia. Seret tombol kiri juga bisa memutar, tombol kanan menggeser. - solidworks: gaya SolidWorks. Tombol tengah memutar, Ctrl atau Command+tombol tengah menggeser, Shift+tombol tengah memperbesar/memperkecil. Roda mouse ke depan memperkecil di kursor, tanpa inersia. - blender: gaya Blender. Tombol tengah memutar, Shift+tombol tengah menggeser, Ctrl atau Command+tombol tengah memperbesar/memperkecil. Roda mouse memperbesar ke pusat tampilan, tanpa inersia. - splat: orbit halus untuk adegan Gaussian Splatting besar. Seret untuk memutar secara halus, klik dua kali untuk menetapkan titik fokus. - custom: sama dengan standard. Persyaratan iframe dan Catatan: - Atribut dan gaya: sertakan loading="lazy" dan style="width:100%;height:480px;border:0" (sesuaikan dengan wadah kontainer). - Izin: harus menyertakan allow="fullscreen", allowfullscreen, dan referrerpolicy="strict-origin-when-cross-origin". - Sandbox: jika halaman induk menerapkan sandbox pada iframe, tambahkan allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox agar tombol di sudut kanan bawah dapat membuka penampil penuh di tab baru. - Hosting dan CORS: server penyedia model harus mengizinkan CORS dari https://any3d.cc. Penampil hanya mengunduh satu berkas tunggal (seperti GLB, STL, OBJ, FBX, PLY); tekstur dalam berkas eksternal terpisah tidak akan termuat kecuali telah dikemas ke dalam model (seperti pada GLB). Contoh Referensi: <iframe src="https://any3d.cc/id-ID/embed?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb" title="Model 3D" style="width:100%;height:480px;border:0" loading="lazy" allow="fullscreen" allowfullscreen referrerpolicy="strict-origin-when-cross-origin" ></iframe> Catatan: Alamat model dalam contoh hanya sebagai pengganti sementara. Ganti nilai src dengan alamat HTTPS asli yang dikodekan dengan persen. Jika navigasi mouse harus mengikuti berkas secara otomatis, jangan sertakan parameter controls.
  2. 2

    Di mana model berada

    Alamat harus https, dan host harus mengizinkan https://any3d.cc membaca file itu. Browser pengunjung mengunduh satu file tersebut, misalnya GLB, STL, OBJ, FBX, atau PLY. Untuk 3D Tiles, gunakan alamat tileset.json. Any3D tidak menyimpan salinan. Tekstur dan data di file terpisah tidak ikut termuat kecuali sudah dikemas di dalam model, seperti pada GLB.

  3. 3

    Opsi halaman

    Kueri di bawah ini bersifat opsional. Tombol untuk membuka penampil lengkap selalu terlihat.

    ParameterNilaiEfek
    autorotate1Memutar model. Tanpa parameter ini model tetap diam.
    themelight | dark | systemMengatur tema halaman.
    bgtransparentMembuat latar transparan.
    controlsauto | standard | cad | solidworks | blender | splat | customKontrol mouse. Kosong berarti auto dan mengikuti file.
    https://any3d.cc/id-ID/embed
  ?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb
  &autorotate=1
  &theme=dark
  &bg=transparent
  4. 4

    Membuka penampil lengkap

    Tombol membuka penampil Any3D yang sesuai di tab baru dan meneruskan alamat model yang sama. Gaussian splat, 3D Tiles, serta gambar DWG atau DXF memakai penampilnya sendiri. File lain memakai penampil model 3D. Jika halaman induk memasang sandbox pada iframe, tombol butuh allow-popups dan allow-popups-to-escape-sandbox agar bisa membuka tab.