ToolRobinTanpa login, langsung pakai

Studio bola kaca cair

Rancang bola kaca animasi lalu ekspor sebagai PNG transparan, WebM berulang, atau HTML mandiri.

Pilih preset, atur bola dan sorotannya, lalu ekspor PNG transparan untuk mockup, loop enam detik untuk edit gerak, atau renderer HTML mandiri.

Pratinjau langsung

Renderer shader WebGL2

Tidak ada input atau pengaturan yang dikirim. Render dilakukan di browser ini.

Menyiapkan pratinjau…

Transparansi WebM bergantung pada codec browser; periksa hasilnya di editor.

Latar belakang
Shader fragmen
Cara menggunakan

Buat bola kaca untuk proyek web

Rancang bola kaca animasi lalu ekspor sebagai PNG transparan, WebM berulang, atau HTML mandiri.

Langkah penggunaan

  1. Masukkan sumber melalui: Preset.
  2. Atur: Warna kaca / Ukuran bola / Pembiasan / Kilap / Kecepatan rotasi / Transparan / Warna latar / Ukuran PNG. Gunakan referensi di bawah untuk memilih opsi yang sesuai.
  3. Jalankan: Unduh PNG / Rekam WebM 6 detik / Unduh HTML mandiri. Periksa hasil sebelum menyalin, mengunduh, atau menggunakannya di tempat lain.
  4. Pilih preset, atur bola dan sorotannya, lalu ekspor PNG transparan untuk mockup, loop enam detik untuk edit gerak, atau renderer HTML mandiri.

Memilih pengaturan

OpsiApa yang berubah
Ukuran PNG / TransparanPNG menyimpan gambar diam; WebM merekam animasi 6 detik; HTML mandiri mempertahankan renderer untuk browser WebGL. PNG cocok untuk aset diam transparan. Uji transparansi WebM di browser atau editor tujuan.

Contoh dan hasil yang diharapkan

Contoh: pilih Aurora dan biarkan transparansi aktif. Ekspor 1024 px menghasilkan PNG 1024 × 640 dengan ruang transparan di sekitar bola. Alpha WebM bergantung pada codec browser dan aplikasi edit.

Jika tidak berfungsi

  • Jika renderer tidak mulai, periksa dukungan WebGL. Jika codec video tidak didukung atau transparansi hilang di aplikasi lain, gunakan PNG untuk gambar diam atau uji WebM di aplikasi tujuan terlebih dahulu.

Anda mungkin juga membutuhkannya