<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title><![CDATA[Cinevva Panduan]]></title>
        <link>https://app.cinevva.com</link>
        <description><![CDATA[Panduan lengkap untuk kreator dan pemain.]]></description>
        <lastBuildDate>Mon, 12 Oct 2026 14:17:46 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>scripts/build-rss.mjs</generator>
        <copyright>Copyright 2024-present Cinevva</copyright>
        <item>
            <title><![CDATA[Pembuatan Model 3D dengan AI pada 2026: Semua Rilis Utama beserta Tanggalnya]]></title>
            <link>https://app.cinevva.com/id/guides/ai-3d-model-generation-timeline-2026</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-3d-model-generation-timeline-2026</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Linimasa bertanggal pembuatan model 3D dengan AI pada 2026 dan tahun sebelumnya: Hunyuan3D, TRELLIS.2, Meshy 7, Tripo, Rodin, SAM 3D, serta model-model terbuka, lengkap dengan lisensinya.]]></description>
            <content:encoded><![CDATA[<h1>Pembuatan Model 3D dengan AI pada 2026: Semua Rilis Utama beserta Tanggalnya</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/ai-3d-model-generation-timeline-2026-hero.jpg?v=1" alt="Deretan properti game 3D buatan AI dengan penanda tanggal rilis di belakangnya" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig img, .guide-fig svg { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { border: 0; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
</style>
<p>Kondisi pembuatan model 3D dengan AI per September 2026: TRELLIS.2 dari Microsoft (dirilis 16 Desember 2025, lisensi MIT) masih menjadi model terbaik yang dapat Anda unduh dan jalankan, Meshy 7 (12 Agustus 2026) serta H3.1 dan P1.0 dari Tripo (diumumkan 9 Maret 2026) merupakan mesin ter-host terbaru, sedangkan keluarga Hunyuan3D 3.x dari Tencent—mesin geometri paling mumpuni di atas kertas—masih hanya tersedia secara ter-host, dengan bobot terbuka terakhir pada versi 2.1 dari Juni 2025. Di bawah ini tercantum setiap rilis utama di bidang ini beserta tanggal, pembuat, status bobot terbuka, dan lisensinya, yang telah diperiksa berdasarkan catatan rilis GitHub, kartu model Hugging Face, serta pengumuman vendor pada hari halaman ini ditulis.</p>
<p>Halaman ini adalah catatan perubahan, bukan ulasan. Kami memperbaruinya setiap bulan (revisi ini bertanggal 6 September 2026), sedangkan <a href="/id/guides/ai-3d-model-generators">rangkuman generator model 3D AI terbaik</a> menjelaskan mana yang sebaiknya digunakan dan alasannya. Jika tanggal yang dicantumkan merupakan tanggal pengumuman, bukan perilisan bobot, tabel akan menyatakannya.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Rilis yang paling penting untuk proyek game saat ini:</strong> TRELLIS.2, 16 Desember 2025. Ini adalah model image-to-3D dengan 4 miliar parameter di bawah lisensi MIT, dilengkapi material PBR native dan ekspor GLB, serta menjadi satu-satunya model berkualitas terdepan yang lisensinya tidak memuat klausul wilayah, pendapatan, atau jumlah pengguna.</li>
<li><strong>Mesin ter-host terbaru:</strong> Meshy 7 (12 Agustus 2026, dibangun dengan fokus pada penyelarasan gambar) serta Tripo P1.0 dan H3.1 (9 Maret 2026, difusi 3D native dengan mode low-poly dua detik). Keduanya bersifat tertutup dan memerlukan paket berbayar untuk mengunduh hasil.</li>
<li><strong>Geometri terbaik, hanya ter-host:</strong> Rodin Gen-2.5 (26 Mei 2026, keluaran mentah sepuluh juta poligon) dan Hunyuan 3D 3.1 dari Tencent (28 Januari 2026 di platform global, geometri 1536³).</li>
<li><strong>Lisensi yang perlu dibaca dua kali:</strong> setiap rilis terbuka Tencent Hunyuan3D (2.0, 2.1, Omni, Part) tersedia di bawah Community License yang tidak berlaku di Uni Eropa, Britania Raya, atau Korea Selatan.</li>
<li><strong>Coba dua model terbuka tanpa GPU:</strong> <a href="/id/tools/hunyuan3d">Generator Model 3D</a> dari Cinevva menjalankan Hunyuan3D dan TRELLIS.2 di browser.</li>
</ul>
<p>Sebelum tabel lengkap, berikut gambaran dua tahun terakhir dalam satu garis. Rilis terbuka terkonsentrasi pada 2025, sementara 2026 sejauh ini menjadi tahun layanan ter-host, dengan Pixal3D sebagai satu-satunya pengecualian terbuka.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 280" role="img" aria-label="Linimasa sepuluh rilis model 3D AI dari TRELLIS pada Desember 2024 hingga Meshy 7 pada Agustus 2026, dengan rilis berbobot terbuka berwarna hijau (TRELLIS, Hunyuan3D 2.0 dan 2.1, TRELLIS.2, Pixal3D) serta rilis yang hanya ter-host berwarna biru (Hunyuan 3D 3.0 dan 3.1, Tripo P1.0, Rodin Gen-2.5, Meshy 7)">
  <rect width="720" height="280" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Dua tahun rilis AI 3D, beserta tanggalnya</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Sepuluh dari 43 baris di bawah, yang paling lama di kiri. Warna penanda menunjukkan status bobot terbuka.</text>
    <line x1="28" y1="160" x2="686" y2="160" stroke="#3b4660" stroke-width="2"/>
    <polygon points="686,154 696,160 686,166" fill="#3b4660"/>
    <g stroke="#3b4660" stroke-width="1">
      <line x1="48" y1="128" x2="48" y2="154"/>
      <line x1="222" y1="128" x2="222" y2="154"/>
      <line x1="396" y1="128" x2="396" y2="154"/>
      <line x1="483" y1="128" x2="483" y2="154"/>
      <line x1="570" y1="128" x2="570" y2="154"/>
      <line x1="77" y1="166" x2="77" y2="192"/>
      <line x1="309" y1="166" x2="309" y2="192"/>
      <line x1="425" y1="166" x2="425" y2="192"/>
      <line x1="541" y1="166" x2="541" y2="192"/>
      <line x1="633" y1="166" x2="633" y2="192"/>
    </g>
    <g text-anchor="middle">
      <text x="48" y="104" font-size="12" font-weight="700" fill="#6ee7b7">TRELLIS</text>
      <text x="48" y="120" font-size="11" fill="#9aa7b4">Des 2024</text>
      <text x="222" y="104" font-size="12" font-weight="700" fill="#6ee7b7">Hunyuan3D 2.1</text>
      <text x="222" y="120" font-size="11" fill="#9aa7b4">Jun 2025</text>
      <text x="396" y="104" font-size="12" font-weight="700" fill="#6ee7b7">TRELLIS.2</text>
      <text x="396" y="120" font-size="11" fill="#9aa7b4">Des 2025</text>
      <text x="483" y="104" font-size="12" font-weight="700" fill="#7dd3fc">Tripo P1.0</text>
      <text x="483" y="120" font-size="11" fill="#9aa7b4">Mar 2026</text>
      <text x="570" y="104" font-size="12" font-weight="700" fill="#7dd3fc">Rodin Gen-2.5</text>
      <text x="570" y="120" font-size="11" fill="#9aa7b4">Mei 2026</text>
      <text x="77" y="210" font-size="12" font-weight="700" fill="#6ee7b7">Hunyuan3D 2.0</text>
      <text x="77" y="226" font-size="11" fill="#9aa7b4">Jan 2025</text>
      <text x="309" y="210" font-size="12" font-weight="700" fill="#7dd3fc">Hunyuan 3D 3.0</text>
      <text x="309" y="226" font-size="11" fill="#9aa7b4">Sep 2025, diumumkan</text>
      <text x="425" y="210" font-size="12" font-weight="700" fill="#7dd3fc">Hunyuan 3D 3.1</text>
      <text x="425" y="226" font-size="11" fill="#9aa7b4">Jan 2026</text>
      <text x="541" y="210" font-size="12" font-weight="700" fill="#6ee7b7">Pixal3D</text>
      <text x="541" y="226" font-size="11" fill="#9aa7b4">Mei 2026</text>
      <text x="633" y="210" font-size="12" font-weight="700" fill="#7dd3fc">Meshy 7</text>
      <text x="633" y="226" font-size="11" fill="#9aa7b4">Agu 2026</text>
    </g>
    <g stroke="#0b1020" stroke-width="2">
      <circle cx="48" cy="160" r="6" fill="#6ee7b7"/>
      <circle cx="77" cy="160" r="6" fill="#6ee7b7"/>
      <circle cx="222" cy="160" r="6" fill="#6ee7b7"/>
      <circle cx="309" cy="160" r="6" fill="#7dd3fc"/>
      <circle cx="396" cy="160" r="6" fill="#6ee7b7"/>
      <circle cx="425" cy="160" r="6" fill="#7dd3fc"/>
      <circle cx="483" cy="160" r="6" fill="#7dd3fc"/>
      <circle cx="541" cy="160" r="6" fill="#6ee7b7"/>
      <circle cx="570" cy="160" r="6" fill="#7dd3fc"/>
      <circle cx="633" cy="160" r="6" fill="#7dd3fc"/>
    </g>
    <circle cx="36" cy="256" r="5" fill="#6ee7b7"/>
    <text x="48" y="260" font-size="12" fill="#e8edf5">Bobot terbuka yang dapat Anda unduh</text>
    <circle cx="264" cy="256" r="5" fill="#7dd3fc"/>
    <text x="276" y="260" font-size="12" fill="#e8edf5">Hanya ter-host</text>
  </g>
</svg>
<figcaption>Perhatikan celahnya: setelah TRELLIS.2 pada Desember 2025, setiap penanda selain Pixal3D berwarna biru. Tabel lengkap di bawah diurutkan dari yang terbaru dan memuat seluruh 43 baris.</figcaption>
</figure>
<h2>Linimasa rilis</h2>
<p>Diurutkan dari yang terbaru. &quot;Bobot terbuka?&quot; berarti checkpoint yang dapat diunduh, bukan sekadar makalah atau demo. Tanggal diambil dari sumber primer yang disebutkan dalam kolom catatan, dan label &quot;diumumkan&quot; menandai rilis ter-host atau siaran pers yang tidak menyertakan bobot.</p>
<table>
<thead>
<tr>
<th>Tanggal</th>
<th>Model</th>
<th>Pembuat</th>
<th>Bobot terbuka?</th>
<th>Lisensi</th>
<th>Perubahan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sep 2026</td>
<td>Pixal3D (inferensi multiview)</td>
<td>Tencent ARC</td>
<td>Ya</td>
<td>MIT</td>
<td>Kode inferensi multiview ditambahkan ke rilis Mei (README GitHub)</td>
</tr>
<tr>
<td>12 Agu 2026</td>
<td>Meshy 7</td>
<td>Meshy</td>
<td>Tidak</td>
<td>Dihos, paket Pro ke atas dapat mengunduh</td>
<td>Model fondasi baru dinilai berdasarkan keselarasan gambar-ke-3D: proporsi 81,0%, spasial 79,7%, detail permukaan 59,8% pada tolok ukur Meshy. Ultra Mode hanya mendukung satu tampilan saat peluncuran (blog Meshy)</td>
</tr>
<tr>
<td>Agu 2026</td>
<td>Meshy 6 Lite</td>
<td>Meshy</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Varian Meshy 6 yang lebih cepat dan ringan untuk iterasi draf. Meshy 5 dihentikan pada bulan yang sama (pusat bantuan Meshy)</td>
</tr>
<tr>
<td>7 Agu 2026</td>
<td>Peningkatan multiview Meshy</td>
<td>Meshy</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Tampilan utama ditambah hingga tiga tampilan tambahan digunakan untuk menghasilkan geometri dan tekstur (blog Meshy)</td>
</tr>
<tr>
<td>22 Jul 2026</td>
<td>Tekstur 8K native Meshy</td>
<td>Meshy</td>
<td>Tidak</td>
<td>Dihos, paket berbayar</td>
<td>Warna dasar dihasilkan secara native pada resolusi 8K melalui difusi multiview (blog Meshy)</td>
</tr>
<tr>
<td>4 Jun 2026</td>
<td>Meshy 3D Agent (beta)</td>
<td>Meshy</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Alur percakapan dari konsep ke model dengan delapan format ekspor (blog Meshy)</td>
</tr>
<tr>
<td>26 Mei 2026</td>
<td>Rodin Gen-2.5</td>
<td>Hyper3D (Deemos)</td>
<td>Tidak</td>
<td>Dihos, paket berbayar</td>
<td>Keluaran mentah di atas 10 juta poligon, draf 4 detik hingga tingkat 80 detik, keluaran segitiga mentah, quad, dan Smart Low-Poly (siaran pers)</td>
</tr>
<tr>
<td>Mei 2026</td>
<td>Pixal3D</td>
<td>Tencent ARC</td>
<td>Ya</td>
<td>MIT</td>
<td>Gambar-ke-3D selaras piksel dengan tekstur PBR. Kode inferensi, demo, kode pelatihan, dan varian dengan backbone TRELLIS.2 semuanya dirilis pada Mei. Makalah SIGGRAPH 2026 (README GitHub)</td>
</tr>
<tr>
<td>31 Mar 2026</td>
<td>Rodin Gen-2 Edit (&quot;3D Nano Banana&quot;)</td>
<td>Hyper3D</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Pilih area pada mesh apa pun yang diunggah, lalu edit dengan prompt teks (siaran pers)</td>
</tr>
<tr>
<td>9 Mar 2026</td>
<td>Tripo P1.0 dan H3.1</td>
<td>Tripo (VAST)</td>
<td>Tidak</td>
<td>Dihos, perlu paket berbayar untuk penggunaan komersial</td>
<td>Diumumkan untuk GDC 2026: P1.0 adalah model difusi 3D native yang menghasilkan aset siap pakai di engine &quot;hanya dalam dua detik&quot;, sedangkan H3.1 adalah model unggulan berdesain detail tinggi. String versi API <code>v3.1-20260211</code> (siaran pers, dokumentasi API Tripo)</td>
</tr>
<tr>
<td>28 Jan 2026</td>
<td>Hunyuan 3D 3.1</td>
<td>Tencent</td>
<td>Tidak</td>
<td>Dihos, 20 pembuatan gratis per hari</td>
<td>Diumumkan di platform global, hanya tersedia sebagai layanan hos (Tencent Hunyuan di X)</td>
</tr>
<tr>
<td>18 Jan 2026</td>
<td>Meshy 6 (GA)</td>
<td>Meshy</td>
<td>Tidak</td>
<td>Dihos, paket gratis CC BY 4.0</td>
<td>Low Poly Mode untuk pengembang gim, geometri permukaan keras yang disempurnakan, ekspor cetak multiwarna (blog Meshy)</td>
</tr>
<tr>
<td>16 Des 2025</td>
<td>TRELLIS.2 (4B)</td>
<td>Microsoft</td>
<td>Ya</td>
<td>MIT</td>
<td>Representasi sparse O-Voxel, PBR lengkap (warna dasar, kekasaran, metalik, opasitas), tekstur GLB hingga 4096², VRAM 24 GB (commit rilis GitHub, kartu HF)</td>
</tr>
<tr>
<td>26 Nov 2025</td>
<td>Platform global Hunyuan 3D</td>
<td>Tencent</td>
<td>Tidak</td>
<td>Dihos, 20 pembuatan gratis per hari</td>
<td><a href="http://3d.hunyuanglobal.com">3d.hunyuanglobal.com</a> diluncurkan di seluruh dunia dengan Hunyuan 3D 3.0 (ruang berita Tencent)</td>
</tr>
<tr>
<td>19 Nov 2025</td>
<td>SAM 3D Objects dan SAM 3D Body</td>
<td>Meta</td>
<td>Ya</td>
<td>SAM License</td>
<td>Rekonstruksi dari satu foto. Objects menghasilkan Gaussian splat, sedangkan Body menghasilkan mesh manusia parametrik (README GitHub)</td>
</tr>
<tr>
<td>16 Okt 2025</td>
<td>Meshy 6 Preview</td>
<td>Meshy</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Detail setingkat pahatan, pembuatan massal hingga 10 aset, ruang kerja 3D-ke-gambar dan video (siaran pers)</td>
</tr>
<tr>
<td>1 Okt 2025</td>
<td>Rodin Gen-2</td>
<td>Hyper3D</td>
<td>Tidak</td>
<td>Dihos</td>
<td>10 miliar parameter, pembuatan berbasis bagian secara rekursif, diklaim memiliki kualitas mesh 4x lebih baik daripada Gen-1.5 (siaran pers)</td>
</tr>
<tr>
<td>28 Sep 2025</td>
<td>Hunyuan3D-Part (P3-SAM + X-Part)</td>
<td>Tencent</td>
<td>Ya</td>
<td>Hunyuan 3D-Part Community License</td>
<td>Segmentasi bagian 3D native dan pembuatan bagian lengkap. Tidak berlaku di UE, Inggris Raya, dan Korea Selatan (commit awal GitHub, LICENSE)</td>
</tr>
<tr>
<td>25 Sep 2025</td>
<td>Hunyuan3D-Omni</td>
<td>Tencent</td>
<td>Ya</td>
<td>Hunyuan 3D Omni Community License</td>
<td>Sinyal kontrol: point cloud, voxel, kerangka, bounding box. VRAM 10 GB. Tidak berlaku di UE, Inggris Raya, dan Korea Selatan (zoo model GitHub, License.txt)</td>
</tr>
<tr>
<td>16 Sep 2025</td>
<td>Hunyuan 3D 3.0</td>
<td>Tencent</td>
<td>Tidak</td>
<td>Dihos, API Tencent Cloud</td>
<td>Diumumkan di Global Digital Ecosystem Summit Tencent: geometri 1536³, 3,6 miliar voxel, diklaim 3x lebih akurat. Bobot tidak pernah dirilis (Tencent News, Sina)</td>
</tr>
<tr>
<td>26 Agu 2025</td>
<td>Meshy 5 (GA)</td>
<td>Meshy</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Masukan multiview, lebih dari 500 animasi untuk karakter dengan rig. Pratinjau berlangsung sejak 28 Juli 2025 (siaran pers)</td>
</tr>
<tr>
<td>Agu 2025</td>
<td>Tripo 3.0</td>
<td>Tripo (VAST)</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Ultra Mode hingga dua juta poligon. String versi API <code>v3.0-20250812</code>, beta diumumkan pada 20 Agustus 2025 (dokumentasi API Tripo, siaran pers)</td>
</tr>
<tr>
<td>13 Jul 2025</td>
<td>PartCrafter</td>
<td>Peking University dkk.</td>
<td>Ya</td>
<td>MIT</td>
<td>Beberapa bagian atau objek dari satu gambar RGB dalam sekali proses. NeurIPS 2025 (README GitHub)</td>
</tr>
<tr>
<td>23 Jun 2025</td>
<td>Hunyuan3D 2.5 (laporan teknis)</td>
<td>Tencent</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Engine 10 miliar parameter dilaporkan memiliki resolusi geometri 1024. Diumumkan di platform hos pada April 2025 menurut pemberitaan pers. Permintaan sumber terbuka (issue #111) tidak mendapat jawaban sejak Juli 2025</td>
</tr>
<tr>
<td>13 Jun 2025</td>
<td>Hunyuan3D 2.1</td>
<td>Tencent</td>
<td>Ya</td>
<td>Hunyuan 3D 2.1 Community License</td>
<td>Model bentuk 3,3 miliar parameter ditambah model pewarnaan PBR 2 miliar parameter dengan kode pelatihan lengkap. 10 GB untuk bentuk, 21 GB untuk pewarnaan, 29 GB untuk keduanya. Tidak berlaku di UE, Inggris Raya, dan Korea Selatan, serta dibatasi hingga 1 juta MAU (README GitHub, LICENSE)</td>
</tr>
<tr>
<td>11 Jun 2025</td>
<td>PartPacker</td>
<td>NVIDIA</td>
<td>Ya</td>
<td>NVIDIA Source Code License (nonkomersial)</td>
<td>Pembuatan tingkat bagian melalui pengemasan volume ganda, membutuhkan sekitar 10 GB VRAM (arXiv, GitHub, <a href="http://license.md">license.md</a>)</td>
</tr>
<tr>
<td>30 Mei 2025</td>
<td>Direct3D-S2</td>
<td>DreamTech</td>
<td>Ya</td>
<td>MIT</td>
<td>Geometri 1024³ yang dilatih pada 8 GPU. VRAM 10 GB pada resolusi 512, sekitar 24 GB pada 1024 (README GitHub)</td>
</tr>
<tr>
<td>20 Mei 2025</td>
<td>Sparc3D</td>
<td>Math Magic (Hitem3D / Hi3D)</td>
<td>Tidak</td>
<td>Hanya makalah dan demo</td>
<td>Geometri kedap air 1024³. Bobot tetap terkunci di balik produk Hitem3D, yang dikeluhkan dalam issue repositorinya sendiri (arXiv, issue GitHub)</td>
</tr>
<tr>
<td>13 Mei 2025</td>
<td>Step1X-3D</td>
<td>StepFun</td>
<td>Ya</td>
<td>Apache 2.0</td>
<td>Geometri 1,3 miliar parameter ditambah tekstur 3,5 miliar parameter, membutuhkan VRAM 27 hingga 29 GB untuk kedua tahap (README GitHub)</td>
</tr>
<tr>
<td>8 Mei 2025</td>
<td>Rodin Gen-1.5</td>
<td>Hyper3D</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Lebih dari 4 miliar parameter, mesh quad dan PBR langsung dari gambar atau teks (siaran pers)</td>
</tr>
<tr>
<td>16 Apr 2025</td>
<td>UniRig</td>
<td>VAST</td>
<td>Ya</td>
<td>MIT</td>
<td>Prediksi kerangka autoregresif ditambah bobot skinning, VRAM 8 GB. SIGGRAPH 2025 (arXiv, README GitHub)</td>
</tr>
<tr>
<td>Mar hingga Apr 2025</td>
<td>Hunyuan3D-2 mini, mv, Turbo, FlashVDM</td>
<td>Tencent</td>
<td>Ya</td>
<td>Hunyuan 3D 2.0 Community License</td>
<td>Model bentuk mini 0,6 miliar parameter, model bentuk multiview, serta model bentuk dan pewarnaan turbo hasil distilasi (berita README GitHub)</td>
</tr>
<tr>
<td>28 Mar 2025</td>
<td>Hi3DGen (Stable3DGen)</td>
<td>Stable-X</td>
<td>Ya</td>
<td>MIT</td>
<td>Geometri yang dijembatani normal pada backbone TRELLIS, checkpoint <code>trellis-normal-v0-1</code> (arXiv, GitHub, HF)</td>
</tr>
<tr>
<td>25 Mar 2025</td>
<td>Model teks dan kode pelatihan TRELLIS</td>
<td>Microsoft</td>
<td>Ya</td>
<td>MIT</td>
<td>TRELLIS-text base, large, dan xlarge (342 juta hingga 2,0 miliar) (berita README GitHub)</td>
</tr>
<tr>
<td>Mar 2025</td>
<td>TripoSG</td>
<td>VAST</td>
<td>Ya</td>
<td>MIT</td>
<td>Model bentuk rectified-flow 1,5 miliar parameter, VRAM 8 GB (README GitHub)</td>
</tr>
<tr>
<td>Jan 2025</td>
<td>Tripo 2.5</td>
<td>Tripo (VAST)</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Masukan multigambar, plugin Blender dan Unity (blog Tripo)</td>
</tr>
<tr>
<td>21 Jan 2025</td>
<td>Hunyuan3D 2.0</td>
<td>Tencent</td>
<td>Ya</td>
<td>Hunyuan 3D 2.0 Community License</td>
<td>Model bentuk dan pewarnaan di Hugging Face. VRAM 6 GB untuk bentuk saja, 16 GB dengan tekstur. Tidak berlaku di UE, Inggris Raya, dan Korea Selatan (README GitHub, LICENSE)</td>
</tr>
<tr>
<td>8 Jan 2025</td>
<td>SPAR3D</td>
<td>Stability AI</td>
<td>Ya</td>
<td>Stability AI Community License</td>
<td>Mesh sadar-titik dalam 0,7 detik, point cloud yang dapat diedit, gratis untuk pendapatan tahunan di bawah $1 juta (pengumuman Stability, <a href="http://LICENSE.md">LICENSE.md</a>)</td>
</tr>
<tr>
<td>2 Des 2024</td>
<td>TRELLIS</td>
<td>Microsoft</td>
<td>Ya</td>
<td>MIT</td>
<td>Laten terstruktur, model gambar 1,2 miliar parameter, conditioning multigambar ditambahkan pada 18 Des, VRAM 16 GB (arXiv, README GitHub)</td>
</tr>
<tr>
<td>19 Sep 2024</td>
<td>Tripo 2.0</td>
<td>Tripo (VAST)</td>
<td>Tidak</td>
<td>Dihos</td>
<td>String versi API <code>v2.0-20240919</code>, material PBR (dokumentasi API Tripo)</td>
</tr>
<tr>
<td>1 Agu 2024</td>
<td>Stable Fast 3D</td>
<td>Stability AI</td>
<td>Ya</td>
<td>Stability AI Community License</td>
<td>Mesh dengan UV yang sudah di-unwrap dalam 0,5 detik, membutuhkan sekitar 6 hingga 7 GB VRAM (pengumuman Stability, README GitHub)</td>
</tr>
<tr>
<td>Mei 2024</td>
<td>Rodin Gen-1</td>
<td>Hyper3D (Deemos)</td>
<td>Tidak</td>
<td>Dihos</td>
<td>Model 3D native 1,5 miliar parameter, bidang quad dan PBR dalam sekitar 40 detik, uji coba terbuka (Deemos di X)</td>
</tr>
</tbody>
</table>
<h2>Q4 2025: batas kemampuan bobot terbuka meningkat</h2>
<p>Kuartal ini menghadirkan tiga rilis yang mengubah apa yang dapat dijalankan kreator indie pada perangkat keras mereka sendiri. TRELLIS.2 hadir pada 16 Desember 2025 dengan model 4 miliar parameter, representasi O-Voxel yang dapat menangani permukaan terbuka dan struktur internal, serta tekstur PBR hingga 4096², semuanya di bawah lisensi MIT. Kekurangannya adalah <a href="https://github.com/microsoft/TRELLIS.2">kebutuhan VRAM 24 GB</a>, sehingga model ini cocok dijalankan pada 3090, 4090, atau A100 sewaan, bukan laptop.</p>
<p>Pasangan SAM 3D dari Meta pada 19 November 2025 memecahkan masalah yang berbeda: merekonstruksi objek nyata dari satu foto meskipun ada oklusi, dengan keluaran berupa Gaussian splat, bukan mesh. <a href="https://github.com/facebookresearch/sam-3d-objects">SAM License</a> mengizinkan penggunaan komersial dengan pengecualian umum Meta terkait penggunaan akhir untuk kepentingan militer. Untuk pipeline gim, ini adalah alat pengambilan referensi, bukan generator prop.</p>
<p>Tencent mengambil arah berbeda selama kuartal tersebut. Hunyuan3D-Omni (25 September) dan Hunyuan3D-Part (28 September) merilis bobot untuk pembuatan yang dapat dikontrol dan dekomposisi bagian native. Keduanya berguna untuk aset gim ketika Anda ingin pintu menjadi mesh terpisah dari dinding. Namun, engine 3.0 yang diumumkan pada 16 September dan platform global yang diluncurkan pada 26 November tetap berupa layanan hos, sedangkan rilis terbukanya menggunakan Community License yang <a href="https://github.com/Tencent-Hunyuan/Hunyuan3D-2.1/blob/main/LICENSE">tidak berlaku di UE, Inggris Raya, atau Korea Selatan</a>. Jika studio atau pemain Anda berada di wilayah tersebut, klausul itu langsung menentukan jawabannya.</p>
<p>Di sisi layanan hos, Rodin Gen-2 (1 Oktober) memperkenalkan pembuatan berbasis bagian secara rekursif dengan 10 miliar parameter, sedangkan Meshy 6 Preview (16 Oktober) mendorong detail setingkat pahatan. Keduanya menjadi gambaran awal arah perkembangan 2026: model yang lebih besar, struktur bagian yang lebih baik, dan hak unduh yang terikat pada langganan.</p>
<h2>Q1 2026: engine hos mencapai mutu produksi</h2>
<p>Tiga vendor merilis versi &quot;untuk pipeline, bukan demo&quot; dalam rentang sepuluh minggu. Meshy 6 mencapai GA pada 18 Januari dengan Low Poly Mode yang ditujukan bagi pengembang gim. Tencent menghadirkan Hunyuan 3D 3.1 di platform global pada 28 Januari, hanya sebagai layanan hos, dengan dua puluh pembuatan gratis per hari. Tripo mengumumkan P1.0 dan H3.1 pada 9 Maret untuk GDC, dan P1.0 adalah yang menarik: arsitektur difusi 3D native yang menyelesaikan seluruh objek sekaligus dan menghasilkan keluaran low-poly siap pakai di engine dalam waktu sekitar dua detik. Ini merupakan pendekatan berbeda dari pola &quot;buat padat, lalu remesh&quot; yang digunakan semua pihak lain. API Tripo bahkan sudah menyajikan string versi <code>v3.1-20260211</code> sebulan sebelum pengumuman tersebut.</p>
<p>Untuk topologi, inilah kuartal ketika para vendor berhenti berpura-pura. Low Poly Mode dari Meshy, P1.0 dari Tripo, dan opsi quad dari Rodin semuanya hadir karena keluaran difusi mentah tidak memiliki edge loop dan semua orang mengetahuinya. Tak satu pun menghasilkan loop terkonsentrasi yang dibutuhkan wajah atau bahu untuk deformasi. Model-model tersebut menghasilkan quad yang tersebar merata atau cangkang low-poly yang bersih, yang sangat tepat untuk prop tetapi jelas tidak cukup untuk karakter utama.</p>
<p>Tidak ada model terbuka dengan bobot sebanding yang dirilis pada kuartal ini. Kesenjangan antara engine hos kelas 3.x dan bobot terbuka kelas 2.x semakin lebar.</p>
<h2>Q2 2026: detail di sisi layanan hos, keselarasan di sisi terbuka</h2>
<p>Rodin Gen-2.5 pada 26 Mei 2026 menjadi puncak untuk detail geometri mentah: <a href="https://pressadvantage.com/story/94732-hyper3d-launches-rodin-gen-2-5-bringing-sculpt-level-detail-and-production-control-to-ai-3d-generati">lebih dari 10 juta poligon</a> pada tingkat tertinggi, draf empat detik pada tingkat terendah, serta tiga jenis keluaran (segitiga mentah, quad, dan Smart Low-Poly). Dua bulan sebelumnya, pada 31 Maret, Hyper3D merilis Gen-2 Edit, yang memungkinkan Anda menandai area pada mesh yang ada dan mengubahnya dengan prompt. Pengeditan area adalah fitur yang mengubah generator menjadi alat iterasi, dan fitur ini masih jarang ditemukan.</p>
<p>Meshy meluncurkan beta 3D Agent pada 4 Juni, yaitu alur percakapan dari konsep, gambar referensi, hingga model yang dapat diunduh. Ini adalah pola dua langkah yang sama (model gambar terlebih dahulu, lalu gambar-ke-3D) yang sudah digunakan setiap pipeline serius, tetapi dikemas untuk orang yang belum mengetahuinya.</p>
<p>Rilis terbuka kuartal ini adalah Pixal3D dari Tencent ARC pada Mei 2026, di bawah lisensi MIT: metode gambar-ke-3D selaras piksel yang memproyeksikan balik fitur gambar ke ruang 3D untuk fidelitas setingkat rekonstruksi, dengan kode pelatihan dan varian ber-backbone TRELLIS.2 yang dirilis pada bulan yang sama. Ini adalah model terbuka besar pertama yang dibangun di atas TRELLIS.2, bukan berdiri sejajar dengannya, dan begitulah ekosistem terbuka berkembang secara berlipat.</p>
<h2>Q3 2026: kuartal tekstur dan keselarasan Meshy</h2>
<p>Meshy merilis empat pembaruan dalam tujuh minggu: tekstur warna dasar 8K native pada 22 Juli (paket berbayar), peningkatan multiview pada 7 Agustus yang menggunakan hingga empat tampilan referensi untuk geometri dan tekstur, lalu Meshy 7 dan Meshy 6 Lite pada Agustus. Meshy 7 adalah rilis yang perlu dipahami. Alih-alih sekadar mengklaim &quot;lebih baik&quot;, Meshy <a href="https://www.meshy.ai/blog/meshy-7-image-to-3d-geometry-alignment">menerbitkan skor keselarasan</a> terhadap model referensi yang disisihkan: proporsi keseluruhan 81,0%, distribusi spasial 79,7%, dan detail permukaan 59,8%. Angka detail permukaan itulah yang jujur. Proporsi dan tata letak hampir terselesaikan untuk objek tunggal, tetapi detail halus belum, dan hanya pengguna Pro ke atas yang dapat mengunduh keluaran Meshy 7.</p>
<p>Untuk tekstur PBR, kuartal ini menjadikan 8K sebagai angka pemasaran. Untuk gim browser, angka tersebut tidak relevan: Anda akan mengirim tekstur 1K atau 2K yang dikompresi ke KTX2, dan keuntungannya adalah downsampling dari sumber 8K yang bersih menghasilkan lebih sedikit artefak pencahayaan yang sudah terpanggang dibandingkan sumber 2K. Pencahayaan yang terpanggang dalam albedo masih menjadi cacat tekstur paling umum di semua alat pada halaman ini.</p>
<p>Di sisi terbuka, Pixal3D menambahkan inferensi multiview pada September. Tidak ada bobot terbuka skala terdepan baru yang dirilis pada Q3, dan tidak ada vendor layanan hos yang merilis model. Bobot Hunyuan era 2.1 tetap menjadi model bentuk terbuka Tencent terbaru, lima belas bulan kemudian.</p>
<h2>Yang dapat Anda jalankan sendiri</h2>
<p>Delapan model di atas memiliki bobot yang dapat diunduh dan lisensi yang mengizinkan penggunaan komersial, setidaknya di wilayah tertentu. Angka VRAM berasal dari README masing-masing proyek.</p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Lisensi</th>
<th>Penggunaan komersial</th>
<th>VRAM (README)</th>
<th>Keluaran</th>
</tr>
</thead>
<tbody>
<tr>
<td>TRELLIS.2</td>
<td>MIT</td>
<td>Ya, tanpa syarat</td>
<td>Minimal 24 GB</td>
<td>GLB dengan PBR hingga 4096², OBJ, PLY, splat</td>
</tr>
<tr>
<td>TRELLIS</td>
<td>MIT</td>
<td>Ya</td>
<td>Minimal 16 GB</td>
<td>Mesh, medan radiansi, splat</td>
</tr>
<tr>
<td>Pixal3D</td>
<td>MIT</td>
<td>Ya</td>
<td>Tidak disebutkan, tersedia mode VRAM rendah</td>
<td>Mesh dengan PBR</td>
</tr>
<tr>
<td>Hunyuan3D 2.1</td>
<td>Hunyuan 3D 2.1 Community License</td>
<td>Ya, di luar UE, Inggris Raya, Korea Selatan, dan di bawah 1 juta MAU</td>
<td>10 GB untuk bentuk, 21 GB untuk pewarnaan, 29 GB untuk keduanya</td>
<td>Mesh dengan PBR</td>
</tr>
<tr>
<td>Hunyuan3D 2.0</td>
<td>Hunyuan 3D 2.0 Community License</td>
<td>Ketentuan wilayah dan MAU yang sama</td>
<td>6 GB untuk bentuk, 16 GB dengan tekstur</td>
<td>Mesh dengan tekstur RGB</td>
</tr>
<tr>
<td>Hunyuan3D-Omni / Part</td>
<td>Hunyuan Community Licenses</td>
<td>Ketentuan wilayah yang sama</td>
<td>10 GB (Omni)</td>
<td>Bentuk/bagian yang dikendalikan</td>
</tr>
<tr>
<td>Direct3D-S2</td>
<td>MIT</td>
<td>Ya</td>
<td>10 GB pada 512, sekitar 24 GB pada 1024</td>
<td>Mesh OBJ</td>
</tr>
<tr>
<td>Step1X-3D</td>
<td>Apache 2.0</td>
<td>Ya</td>
<td>27 hingga 29 GB untuk kedua tahap</td>
<td>Mesh kedap air beserta tekstur</td>
</tr>
<tr>
<td>Hi3DGen</td>
<td>MIT</td>
<td>Ya</td>
<td>Tidak disebutkan</td>
<td>Geometri</td>
</tr>
<tr>
<td>TripoSG</td>
<td>MIT</td>
<td>Ya</td>
<td>8 GB</td>
<td>Bentuk</td>
</tr>
<tr>
<td>SPAR3D</td>
<td>Stability AI Community License</td>
<td>Ya, jika pendapatan tahunan di bawah $1 juta</td>
<td>Sekitar 6 GB, default 10,5 GB</td>
<td>GLB</td>
</tr>
<tr>
<td>Stable Fast 3D</td>
<td>Stability AI Community License</td>
<td>Ya, jika pendapatan tahunan di bawah $1 juta</td>
<td>Sekitar 6 hingga 7 GB</td>
<td>GLB</td>
</tr>
<tr>
<td>SAM 3D Objects</td>
<td>SAM License</td>
<td>Ya, dengan pengecualian penggunaan akhir dari Meta</td>
<td>Tidak disebutkan</td>
<td>Gaussian splat (.ply)</td>
</tr>
<tr>
<td>PartCrafter</td>
<td>MIT</td>
<td>Ya</td>
<td>Tidak disebutkan</td>
<td>Mesh yang diuraikan menjadi beberapa bagian</td>
</tr>
<tr>
<td>UniRig</td>
<td>MIT</td>
<td>Ya</td>
<td>8 GB</td>
<td>Kerangka dan bobot skin</td>
</tr>
<tr>
<td>PartPacker</td>
<td>NVIDIA Source Code License</td>
<td>Tidak, hanya untuk riset</td>
<td>Sekitar 10 GB</td>
<td>Mesh yang diuraikan menjadi beberapa bagian</td>
</tr>
</tbody>
</table>
<p>Angka yang sama dalam bentuk grafik, diurutkan berdasarkan memori yang diperlukan untuk menjalankan model lengkap, dengan ketentuan lisensi sebagai warnanya.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 460" role="img" aria-label="Grafik batang horizontal angka VRAM dari README untuk dua belas model AI 3D terbuka: Hunyuan3D 2.1 dan Step1X-3D membutuhkan hingga 29 GB, TRELLIS.2 dan Direct3D-S2 24 GB, TRELLIS dan Hunyuan3D 2.0 16 GB, SPAR3D 10,5 GB, Hunyuan3D-Omni dan PartPacker 10 GB, TripoSG dan UniRig 8 GB, serta Stable Fast 3D 6 hingga 7 GB. Batang berwarna hijau untuk lisensi MIT atau Apache, kuning untuk lisensi bersyarat, dan koral untuk penggunaan khusus riset">
  <rect width="720" height="460" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">VRAM untuk menjalankan model terbuka sendiri</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Angka dari README setiap proyek. Segmen lebih terang = mode khusus bentuk atau hemat memori.</text>
    <g stroke="#ffffff14" stroke-width="1">
      <line x1="240" y1="84" x2="240" y2="402"/>
      <line x1="320" y1="84" x2="320" y2="402"/>
      <line x1="480" y1="84" x2="480" y2="402"/>
    </g>
    <line x1="400" y1="84" x2="400" y2="402" stroke="#fbbf24" stroke-width="1" stroke-dasharray="4 4" opacity="0.6"/>
    <g font-size="12" fill="#e8edf5" text-anchor="end">
      <text x="150" y="105">Hunyuan3D 2.1</text>
      <text x="150" y="131">Step1X-3D</text>
      <text x="150" y="157">TRELLIS.2</text>
      <text x="150" y="183">Direct3D-S2</text>
      <text x="150" y="209">TRELLIS</text>
      <text x="150" y="235">Hunyuan3D 2.0</text>
      <text x="150" y="261">SPAR3D</text>
      <text x="150" y="287">Hunyuan3D-Omni</text>
      <text x="150" y="313">PartPacker</text>
      <text x="150" y="339">TripoSG</text>
      <text x="150" y="365">UniRig</text>
      <text x="150" y="391">Stable Fast 3D</text>
    </g>
    <g>
      <rect x="160" y="92" width="290" height="16" rx="3" fill="#fbbf24" opacity="0.35"/>
      <rect x="160" y="92" width="100" height="16" rx="3" fill="#fbbf24"/>
      <rect x="160" y="118" width="290" height="16" rx="3" fill="#6ee7b7" opacity="0.35"/>
      <rect x="160" y="118" width="270" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="160" y="144" width="240" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="160" y="170" width="240" height="16" rx="3" fill="#6ee7b7" opacity="0.35"/>
      <rect x="160" y="170" width="100" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="160" y="196" width="160" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="160" y="222" width="160" height="16" rx="3" fill="#fbbf24" opacity="0.35"/>
      <rect x="160" y="222" width="60" height="16" rx="3" fill="#fbbf24"/>
      <rect x="160" y="248" width="105" height="16" rx="3" fill="#fbbf24" opacity="0.35"/>
      <rect x="160" y="248" width="60" height="16" rx="3" fill="#fbbf24"/>
      <rect x="160" y="274" width="100" height="16" rx="3" fill="#fbbf24"/>
      <rect x="160" y="300" width="100" height="16" rx="3" fill="#fb7185"/>
      <rect x="160" y="326" width="80" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="160" y="352" width="80" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="160" y="378" width="70" height="16" rx="3" fill="#fbbf24" opacity="0.35"/>
      <rect x="160" y="378" width="60" height="16" rx="3" fill="#fbbf24"/>
    </g>
    <g font-size="11" fill="#e8edf5">
      <text x="458" y="105">10 GB bentuk, 29 GB keduanya</text>
      <text x="458" y="131">27 hingga 29 GB</text>
      <text x="408" y="157">minimal 24 GB</text>
      <text x="408" y="183">10 GB pada 512, 24 GB pada 1024</text>
      <text x="328" y="209">minimal 16 GB</text>
      <text x="328" y="235">6 GB bentuk, 16 GB dengan tekstur</text>
      <text x="273" y="261">6 GB, default 10,5 GB</text>
      <text x="268" y="287">10 GB</text>
      <text x="268" y="313">sekitar 10 GB</text>
      <text x="248" y="339">8 GB</text>
      <text x="248" y="365">8 GB</text>
      <text x="238" y="391">6 hingga 7 GB</text>
    </g>
    <g font-size="11" fill="#9aa7b4" text-anchor="end">
      <text x="696" y="105">Tencent Community</text>
      <text x="696" y="131">Apache 2.0</text>
      <text x="696" y="157">MIT</text>
      <text x="696" y="183">MIT</text>
      <text x="696" y="209">MIT</text>
      <text x="696" y="235">Tencent Community</text>
      <text x="696" y="261">Stability Community</text>
      <text x="696" y="287">Tencent Community</text>
      <text x="696" y="313">NVIDIA, hanya riset</text>
      <text x="696" y="339">MIT</text>
      <text x="696" y="365">MIT</text>
      <text x="696" y="391">Stability Community</text>
    </g>
    <line x1="160" y1="402" x2="560" y2="402" stroke="#3b4660" stroke-width="1"/>
    <g font-size="11" fill="#9aa7b4" text-anchor="middle">
      <text x="160" y="418">0</text>
      <text x="240" y="418">8</text>
      <text x="320" y="418">16</text>
      <text x="400" y="418" fill="#fbbf24">kartu 24 GB</text>
      <text x="480" y="418">32</text>
    </g>
    <g font-size="11" fill="#e8edf5">
      <rect x="24" y="436" width="12" height="12" rx="3" fill="#6ee7b7"/>
      <text x="42" y="446">MIT atau Apache 2.0, tanpa syarat</text>
      <rect x="250" y="436" width="12" height="12" rx="3" fill="#fbbf24"/>
      <text x="268" y="446">Bersyarat (wilayah, MAU, atau batas pendapatan)</text>
      <rect x="530" y="436" width="12" height="12" rx="3" fill="#fb7185"/>
      <text x="548" y="446">Hanya riset</text>
    </g>
  </g>
</svg>
<figcaption>Hanya lima dari dua belas model yang muat pada kartu 16 GB dengan kualitas penuh, dan dua yang paling berat (Hunyuan3D 2.1 dan Step1X-3D) melampaui kapasitas kartu konsumen 24 GB saat tahap tekstur dijalankan. Pixal3D, Hi3DGen, SAM 3D Objects, dan PartCrafter tidak memublikasikan angka VRAM sehingga tidak disertakan.</figcaption>
</figure>
<p>Ada tiga hal yang tidak dapat ditunjukkan oleh tabel tersebut. Pertama, &quot;bobot terbuka&quot; untuk Hunyuan3D 2.1 mencakup kode pelatihan lengkap, sesuatu yang tidak ditawarkan oleh model MIT mana pun hingga TRELLIS.2 dan Pixal3D merilisnya. Jadi, model ini tetap menjadi pilihan untuk fine-tuning dengan gaya visual Anda sendiri jika klausul wilayah tidak mengecualikan Anda. Kedua, Sparc3D tidak ada dalam daftar ini karena bobotnya tidak pernah dirilis, meskipun tersedia repositori GitHub dan demo Hugging Face. Ketiga, jika Anda tidak memiliki kartu 24 GB, cara praktisnya adalah menyewa inferensi dengan tarif per detik atau memakai antarmuka hosted untuk salah satu model ini.</p>
<h2>Artinya bagi proyek game</h2>
<p>Pipeline untuk prop statis sudah mapan. Buat gambar referensi, masukkan ke model image-to-3D, periksa jumlah segitiga di <a href="/id/tools/glb-viewer">penampil GLB</a>, lakukan decimate dan kompresi dengan <a href="/id/tools/glb-optimizer">pengoptimal GLB</a>, lalu masukkan ke game. Setiap alat hosted dan setiap model terbuka di atas menghasilkan sesuatu yang dapat digunakan untuk batu, peti, lampu, atau item bergaya setelah proses tersebut. Pilihan di antaranya ditentukan oleh lisensi dan biaya, bukan kualitas.</p>
<p><a href="/id/tools/hunyuan3d">Generator Model 3D</a> Cinevva adalah cara untuk mencoba dua model terbuka yang penting tanpa menginstal apa pun. Halaman alat tersebut menjelaskannya sebagai meja kerja yang membuat gambar referensi dari prompt teks (atau menerima gambar maupun URL yang diunggah), merekonstruksi gambar pilihan Anda menjadi mesh bertekstur, lalu memungkinkan Anda melakukan rigging, animasi, pemeriksaan, dan ekspor sebagai GLB tanpa memindahkan berkas antar-layanan. Pembuatan dan pratinjau menggunakan kredit yang ditampilkan di meja kerja, ekspor GLB pertama Anda gratis, dan ekspor berikutnya tersedia dengan paket Standard dan Pro. Pemilih mesin mesh di meja kerja tersebut menawarkan Hunyuan3D dan TRELLIS.2, sehingga Anda dapat membandingkan model Tencent dan Microsoft memakai gambar referensi yang sama. Untuk karakter, opsi <code>character</code> mempertahankan pose referensi agar dapat di-rig (tautan langsung: <code>/id/tools/hunyuan3d#prompt=&lt;text&gt;&amp;character=1</code>).</p>
<p>Untuk karakter, rilis yang penting justru bukan generator. UniRig (April 2025, MIT) menunjukkan bahwa prediksi kerangka dan skinning dapat menjadi tahap yang dipelajari, dan setiap penyedia hosted kini menyertakan auto-rigging. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva menerima GLB, FBX, atau OBJ hingga 50 MB, melakukan rigging humanoid dengan mesin Fast, lalu menghasilkan GLB dengan hingga enam animasi yang sudah di-bake. Karakter pertama yang di-rig dapat diunduh secara gratis. Paket Standard dan Pro menghapus batas tersebut serta menambahkan mesin Pro untuk hewan berkaki empat. Jika Anda sering melakukan rigging di Blender, <a href="/blender-addon/">add-on Blender</a> menjalankan mesin yang sama secara lokal tanpa biaya per rig, dengan pembayaran satu kali $29 pada harga peluncuran. Apa pun rigger yang Anda gunakan, catatan mengenai topologi dari Q1 tetap berlaku: mesh AI yang di-rig otomatis cukup baik untuk karakter latar belakang, sedangkan karakter utama yang terlihat dari dekat tetap memerlukan tahap retopologi terlebih dahulu.</p>
<p>Untuk lisensi, versi singkatnya: keluaran TRELLIS.2 dan Pixal3D tidak memiliki persyaratan dari sisi model, keluaran Hunyuan3D 2.x dapat digunakan di luar UE, Inggris Raya, dan Korea Selatan, model Stability dapat digunakan jika pendapatan di bawah $1 juta, keluaran PartPacker sama sekali tidak dapat dirilis, dan setiap alat hosted mengaitkan hak pengunduhan atau penggunaan komersial dengan paket berbayar. Baca <a href="/id/guides/game-asset-licenses">panduan lisensi aset game</a> sebelum membangun pipeline berdasarkan salah satunya.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa kabar terbaru tentang pembuatan aset 3D dengan AI pada 2026?</h3>
<p>Rilis terbaru adalah Meshy 7 dan Meshy 6 Lite (Agustus 2026), Rodin Gen-2.5 (26 Mei 2026), Tripo P1.0 dan H3.1 (diumumkan 9 Maret 2026), Hunyuan 3D 3.1 dari Tencent di platform global (28 Januari 2026), serta Meshy 6 GA (18 Januari 2026). Rilis terbuka paling signifikan pada 2026 adalah Pixal3D (Mei 2026, MIT), yang dibangun di atas backbone TRELLIS.2.</p>
<h3>Kapan Hunyuan3D 3.0 dirilis, dan apakah model ini bersifat open source?</h3>
<p>Tencent mengumumkan Hunyuan 3D 3.0 pada 16 September 2025 dalam Global Digital Ecosystem Summit dan meluncurkannya secara global di platform hosted <a href="http://3d.hunyuanglobal.com">3d.hunyuanglobal.com</a> pada 26 November 2025, disusul 3.1 pada 28 Januari 2026. Baik 3.0 maupun 3.1 belum merilis bobot. Model bentuk Hunyuan3D terbuka terbaru masih versi 2.1 dari 13 Juni 2025.</p>
<h3>Kapan TRELLIS 2 dirilis dan apa lisensinya?</h3>
<p>Microsoft merilis TRELLIS.2 pada 16 Desember 2025 (commit &quot;Init Release&quot; dan tanggal makalah Hugging Face menunjukkan tanggal yang sama). Model image-to-3D dengan 4 miliar parameter ini menggunakan lisensi MIT, memerlukan GPU NVIDIA dengan memori minimal 24 GB, dan mengekspor GLB dengan tekstur PBR hingga 4096².</p>
<h3>Kapan Meshy 6 dan Meshy 7 dirilis?</h3>
<p>Meshy 6 diluncurkan sebagai pratinjau pada 16 Oktober 2025 dan mencapai ketersediaan umum pada 18 Januari 2026. Meshy 7 menyusul pada 12 Agustus 2026 bersama Meshy 6 Lite yang lebih ringan, dan Meshy 5 dihentikan pada bulan yang sama. Keluaran Meshy 7 hanya dapat diunduh dengan paket Pro atau yang lebih tinggi.</p>
<h3>Kapan Tripo 3 dan Rodin Gen-2 dirilis?</h3>
<p>API Tripo menyediakan versi <code>v3.0-20250812</code> sejak 12 Agustus 2025, dengan beta 3.0 diumumkan pada 20 Agustus 2025, serta <code>v3.1-20260211</code> sejak 11 Februari 2026 sebelum pengumuman P1.0 dan H3.1 pada 9 Maret 2026. Rodin Gen-2 diumumkan oleh Hyper3D pada 1 Oktober 2025 dan Gen-2.5 pada 26 Mei 2026.</p>
<h3>Apakah ada generator text-to-3D open source?</h3>
<p>Ya. TRELLIS.2 (MIT), Pixal3D (MIT), Hunyuan3D 2.1 (Community License, mengecualikan UE, Inggris Raya, dan Korea Selatan), Direct3D-S2 (MIT), serta Step1X-3D (Apache 2.0) semuanya menyediakan bobot yang dapat diunduh. Sebagian besar merupakan model image-to-3D, jadi text-to-3D berarti membuat gambar referensi terlebih dahulu, yang juga dilakukan secara internal oleh alat hosted. TRELLIS juga menyediakan model khusus yang dikondisikan oleh teks.</p>
<h3>Apa itu Sparc3D dan apakah saya dapat mengunduhnya?</h3>
<p>Sparc3D adalah makalah Mei 2025 dari tim di balik Hitem3D (sekarang Hi3D) yang menjelaskan pembuatan geometri kedap air beresolusi 1024³. Repositori GitHub dan beberapa demo Hugging Face memang tersedia, tetapi bobot terlatihnya tidak pernah dipublikasikan dan tetap berada di balik produk komersial, sebagaimana dikeluhkan dalam issue terbuka di repositori tersebut.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik pada 2026</a>: rangkuman, alat yang sebaiknya dipilih, dan alasannya</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a>: pipeline aset AI lengkap di luar mesh</li>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Open Source Terbaik untuk Game</a>: gambaran model terbuka untuk gambar, audio, dan 3D</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a>: apa yang boleh Anda rilis berdasarkan setiap lisensi dalam tabel</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Auto-Rigging Gratis</a>: apa yang harus dilakukan dengan mesh setelah Anda mendapatkannya</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a>: saat mencari lebih baik daripada membuat</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Video AI Terbaik untuk Trailer dan Cutscene Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-video-generators-game-trailers</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-video-generators-game-trailers</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator video AI terbaik untuk trailer dan cutscene game pada 2026, dibandingkan berdasarkan harga per detik, durasi klip, konsistensi karakter, dan lisensi.]]></description>
            <content:encoded><![CDATA[<h1>Generator Video AI Terbaik untuk Trailer dan Cutscene Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/ai-video-generators-game-trailers-hero.jpg?v=2" alt="Papan klaket di atas strip film berisi tiga adegan game bergaya dengan seorang hero yang berlari" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img, .guide-fig svg { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { border: 0; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Generator video AI terbaik untuk trailer game pada 2026 adalah Kling 3.0 jika Anda membutuhkan satu karakter yang terlihat sama di setiap shot, Google Veo 3.1 jika Anda menginginkan klip hosted paling matang dengan suara dan mampu membayar $0.40 per detik, serta Wan 2.2 atau LTX-2.5 jika Anda menginginkan bobot terbuka yang dapat dijalankan sendiri dan digunakan secara komersial. Apa pun pilihan Anda, footage AI sebaiknya ditempatkan pada intro pembangun suasana, cutscene, dan potongan untuk media sosial, bukan pada bagian yang memperlihatkan apa yang dilakukan pemain. Panduan Steam sendiri menyatakan bahwa trailer pertama sebaiknya sebagian besar berisi gameplay, dan perjanjian distribusi Anda menyatakan bahwa game harus sesuai dengan pemasarannya.</p>
<p>Ini adalah panduan pengambilan keputusan: apa yang dibutuhkan trailer, model mana yang cocok untuk setiap pekerjaan, biaya per detik masing-masing model per September 2026, dan lisensi mana yang mengizinkan Anda merilis hasilnya. Untuk perbandingan teknis mendalam tentang sistem gambar referensi dan generasi berdurasi panjang, baca panduan kami tentang <a href="/id/guides/long-reference-video-models">model video AI dengan dukungan gambar referensi</a>, yang tidak diulangi di sini.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Hosted terbaik secara keseluruhan:</strong> Kling 3.0 (Pro). Klip berdurasi 3 hingga 15 detik hingga 1080p dengan audio native, storyboard multi-shot, dan sistem referensi karakter paling lengkap. $0.168 per detik dengan audio di fal.</li>
<li><strong>Terbaik untuk konsistensi karakter antar-shot:</strong> Referensi elemen Kling 3.0, atau Seedance 2.5 ketika satu shot memerlukan banyak referensi sekaligus (hingga 30 gambar per permintaan).</li>
<li><strong>Kualitas hosted terbaik per klip:</strong> Veo 3.1. Klip 8 detik pada 720p, 1080p, atau 4K dengan dialog dan suara, $0.40 per detik dengan audio, atau $0.15 pada tingkat Fast.</li>
<li><strong>Bobot terbuka terbaik untuk penggunaan komersial:</strong> Wan 2.2 (Apache 2.0, tanpa persyaratan tambahan) untuk lisensi yang bersih, LTX-2.5 (LTX-2.x Community License, gratis untuk pendapatan di bawah $10 juta) untuk audio dan 4K.</li>
<li><strong>Termurah untuk produksi massal:</strong> MiniMax H3 seharga $0.06 per detik untuk 768p di fal, atau Wan 3.0 seharga $0.05 per detik untuk draf 480p.</li>
<li><strong>Terbaik untuk gaya 2D dan anime:</strong> Vidu Q3, satu-satunya API utama dengan opsi eksplisit <code>style: anime</code>. Untuk pixel art, animasikan sprite asli sebagai gantinya; lihat panduan <a href="/id/guides/ai-pixel-art-generators">generator pixel art</a>.</li>
<li><strong>Terbaik untuk cutscene dari adegan 3D Anda sendiri:</strong> Render rough pass dari engine Anda, lalu ubah gayanya dengan video-to-video milik Kling atau Runway Aleph 2.0.</li>
</ul>
<h2>Referensi singkat</h2>
<p>Harga berikut adalah yang kami baca di halaman vendor atau daftar harga API <a href="http://fal.ai">fal.ai</a> dan Runway pada 6 September 2026, dengan pengaturan trailer yang umum (720p atau 1080p, audio aktif jika tersedia pada model). Semua harga sering berubah, jadi gunakan kolom ini sebagai peringkat.</p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Pembuat</th>
<th>Klip maks.</th>
<th>Resolusi</th>
<th>Gambar referensi</th>
<th>Audio</th>
<th>Dasar harga</th>
<th>Ketentuan komersial</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kling 3.0 Pro</td>
<td>Kuaishou</td>
<td>15 dtk</td>
<td>720p, 1080p (4K dalam pengeditan Omni)</td>
<td>Hingga 7 gambar dan elemen, tag <code>@Element</code></td>
<td>Native, sinkronisasi bibir</td>
<td>$0.112/dtk, $0.168/dtk dengan audio (fal)</td>
<td>Tanpa batasan untuk anggota berbayar, tingkat gratis harus menyertakan merek Kling</td>
</tr>
<tr>
<td>Veo 3.1</td>
<td>Google</td>
<td>8 dtk per generasi, dapat diperpanjang</td>
<td>720p, 1080p, 4K</td>
<td>Endpoint referensi-ke-video</td>
<td>Dialog dan SFX native</td>
<td>$0.40/dtk dengan audio, Fast $0.15/dtk (fal, Runway)</td>
<td>Tingkat API berbayar</td>
</tr>
<tr>
<td>Seedance 2.5</td>
<td>ByteDance</td>
<td>30 dtk</td>
<td>480p, 720p, 1080p</td>
<td>Hingga 30 gambar, 10 video, 10 audio</td>
<td>Native</td>
<td>$0.30/dtk pada 720p, $0.68/dtk pada 1080p (Runway API)</td>
<td>Ketentuan API hosted</td>
</tr>
<tr>
<td>Runway Gen-4.5</td>
<td>Runway</td>
<td>10 dtk</td>
<td>Hingga 1080p, opsi HDR</td>
<td>Gambar-ke-video</td>
<td>Native</td>
<td>$0.12/dtk (Runway API)</td>
<td>Output tanpa batasan, semua paket</td>
</tr>
<tr>
<td>Luma Ray3.2</td>
<td>Luma</td>
<td>10 dtk (20 dtk dalam Modify)</td>
<td>540p hingga 1080p</td>
<td>Hingga 16 keyframe, Character Reference</td>
<td>Tidak</td>
<td>$0.06/dtk pada 720p, $0.24/dtk pada 1080p</td>
<td>Komersial hanya dengan langganan berbayar</td>
</tr>
<tr>
<td>MiniMax H3</td>
<td>MiniMax</td>
<td>15 dtk</td>
<td>768p, 2K</td>
<td>Hingga 9 gambar (Ref2VA)</td>
<td>Stereo native</td>
<td>$0.06/dtk pada 768p, $0.13/dtk pada 2K (fal)</td>
<td>Bobot terbuka, tetapi tidak dilisensikan di AS, UE, Inggris, atau Korea</td>
</tr>
<tr>
<td>Wan 2.2</td>
<td>Alibaba</td>
<td>5 dtk (model 5B)</td>
<td>720p</td>
<td>Frame pertama, frame pertama dan terakhir</td>
<td>Tidak</td>
<td>Gratis, VRAM 24 GB untuk model 5B</td>
<td>Apache 2.0</td>
</tr>
<tr>
<td>Wan 3.0</td>
<td>Alibaba</td>
<td>30 dtk</td>
<td>480p, 720p, 1080p</td>
<td>Hingga 10 gambar, 5 video, 5 audio</td>
<td>Native</td>
<td>$0.05/dtk, $0.10/dtk, $0.20/dtk berdasarkan resolusi (fal)</td>
<td>Hanya API hosted, tanpa bobot</td>
</tr>
<tr>
<td>LTX-2.5</td>
<td>Lightricks</td>
<td>Bergantung pada endpoint</td>
<td>Hingga 4K</td>
<td>Gambar dan multi-keyframe</td>
<td>Native</td>
<td>Gratis jika di-host sendiri, $0.09/dtk untuk 720p dan $0.13/dtk untuk 1080p di fal</td>
<td>LTX-2.x Community License, berbayar di atas pendapatan $10 juta</td>
</tr>
<tr>
<td>Vidu Q3</td>
<td>ShengShu</td>
<td>16 dtk</td>
<td>540p, 720p, 1080p</td>
<td>Hingga 7, tag <code>@1</code></td>
<td>Native</td>
<td>$0.10/dtk pada 720p, $0.12/dtk pada 1080p (Pro)</td>
<td>Ketentuan API hosted</td>
</tr>
<tr>
<td>Sora 2</td>
<td>OpenAI</td>
<td>20 dtk</td>
<td>1080p</td>
<td>ID karakter</td>
<td>Native</td>
<td>API ditutup pada 24 September 2026</td>
<td>Jangan mulai dari sini</td>
</tr>
</tbody>
</table>
<h2>Apa yang sebenarnya dibutuhkan trailer game</h2>
<p>Baca terlebih dahulu apa yang diharapkan oleh toko sebelum Anda menghasilkan apa pun. <a href="https://partner.steamgames.com/doc/store/trailer">Dokumentasi trailer</a> Steam meminta resolusi tertinggi yang Anda miliki hingga 1920 × 1080, 30 atau 60 fps, bitrate 5.000 Kbps atau lebih, serta file .mp4, .mov, atau .wmv. Buat master dalam 1080p dan simpan versi 4K serta 9:16 untuk YouTube dan TikTok.</p>
<p>Halaman yang sama juga menyampaikan ketentuan konten secara lugas: &quot;sebagian besar pengguna Steam mencari gameplay,&quot; dan Valve merekomendasikan agar trailer pertama di halaman Anda terutama berisi gameplay dari perspektif pemain. Setiap trailer memiliki kategori. &quot;Gameplay&quot; berarti sebagian besar footage game yang sedang dimainkan, sedangkan &quot;General / Cinematic&quot; mencakup campuran video pra-render, logo, layar judul, dan gameplay terbatas. Di situlah footage AI seharusnya ditempatkan, dan footage tersebut perlu diberi label yang sesuai.</p>
<p>Ada pula janji yang Anda buat saat mendaftar. <a href="https://partner.steamgames.com/doc/gettingstarted/contentsurvey">Survei konten</a> Steam mengingatkan bahwa berdasarkan Perjanjian Distribusi Steam, game Anda &quot;akan konsisten dengan materi pemasaran Anda.&quot; Sinematik yang tidak terlihat seperti game bukanlah pelanggaran aturan, tetapi trailer yang menyiratkan adanya gameplay yang sebenarnya tidak tersedia akan dihukum pemain melalui ulasan, dan klip AI sangat pandai terlihat seperti gameplay dari game yang tidak pernah ada. Pastikan footage sinematik terlihat jelas sebagai sinematik, lalu potong dengan tegas ke rekaman game asli.</p>
<p>Jika Anda belum pernah mengedit trailer, luangkan empat puluh menit untuk menyimak presentasi di bawah sebelum membuka kotak prompt. Shot AI hanya mengisi slot dalam struktur yang tetap harus Anda bangun sendiri.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/QWd7F0z1W_Y" title="Pembuatan Trailer: Apa yang Membuat Trailer Game Sukses dan Berkesan" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">Derek Lieu, yang mengedit trailer Firewatch, Dead Cells, dan Subnautica, menjelaskan hal-hal yang membuat trailer efektif di GDC 2019. Perhatikan seberapa awal gameplay harus ditampilkan dan betapa sedikitnya waktu yang tersedia sebelum penonton mengambil keputusan, karena kedua aturan tersebut menentukan di mana shot hasil generasi Anda dapat ditempatkan.</div>
<p>Aturan pengungkapannya lebih sempit daripada yang dibayangkan banyak orang. Kebijakan AI Steam mencakup konten &quot;pra-generasi&quot;, yaitu segala sesuatu yang disertakan bersama game Anda dan dikonsumsi pemain, serta konten &quot;generasi langsung&quot; yang dibuat saat game berjalan. Cutscene AI di dalam build merupakan konten pra-generasi dan harus dicantumkan dalam survei. Trailer yang hanya berada di halaman toko Anda tidak ada di dalam game, sehingga survei tidak menanyakannya, tetapi trailer AI yang tidak diungkapkan di samping label AI akan terlihat buruk. Sebutkan hal tersebut dalam deskripsi trailer.</p>
<p>Jadi, di mana video AI cocok digunakan? Pada intro pembangun suasana, yaitu lima hingga sepuluh detik pertama sebelum gameplay muncul. Pada cutscene dan momen cerita, terutama bagi tim yang tidak memiliki animator. Pada key art yang diberi gerakan, berupa gerakan kamera perlahan pada gambar statis yang telah Anda pesan. Serta pada klip vertikal untuk media sosial, yang lebih membutuhkan volume daripada fidelitas. Selebihnya harus direkam dari game. Jika Anda membuatnya di <a href="/id/create">pembuat game</a>, game tersebut berjalan di browser, sehingga perekam layar pada 1080p60 sudah menjadi seluruh perangkat perekaman yang dibutuhkan.</p>
<h2>Setiap alat, satu per satu</h2>
<h3>Google Veo 3.1</h3>
<p>Veo 3.1 adalah model untuk satu shot yang harus terlihat benar-benar selesai. Model ini menghasilkan hingga 8 detik per panggilan pada 720p, 1080p, atau 4K dengan dialog dan suara dalam proses yang sama, menerima gambar referensi serta frame pertama dan terakhir, dan endpoint ekstensi dapat merangkai kelanjutan berdurasi 7 detik hingga sekitar dua setengah menit. Di fal, endpoint <a href="https://fal.ai/models/fal-ai/veo3.1">Veo 3.1</a> berharga $0.20 per detik tanpa suara atau $0.40 dengan audio pada 720p dan 1080p, serta $0.60 dengan audio pada 4K. Veo 3.1 Fast berharga $0.10 tanpa suara dan $0.15 dengan audio, dan API Runway <a href="https://docs.dev.runwayml.com/guides/pricing/">menawarkan tarif yang sama</a>. Batas 8 detik cocok untuk trailer, yang biasanya menggunakan shot berdurasi dua hingga empat detik, tetapi membuat setiap cutscene harus dirangkai dari beberapa klip.</p>
<h3>Kling 3.0 Omni</h3>
<p>Kling adalah andalan untuk trailer berkat sistem referensinya. Anda mengunggah foto karakter dari depan sebagai elemen, menambahkan sudut lain jika tersedia, lalu menulis <code>@Element1 walks through the burning gate</code>, dan model akan menempatkan karakter tersebut ke dalam adegan alih-alih sekadar menganimasikan fotonya. Menurut <a href="https://kling.ai/quickstart/klingai-video-3-omni-model-user-guide">panduan 3.0 Omni</a> dari Kling, satu permintaan menerima gabungan hingga 7 gambar dan elemen, klip dapat berdurasi hingga 15 detik pada 720p atau 1080p, dan storyboard multi-shot dapat menyusun beberapa shot dengan durasi serta kamera masing-masing dalam satu generasi. Di fal, <a href="https://fal.ai/models/fal-ai/kling-video/v3/pro/image-to-video">Kling v3 Pro</a> berharga $0.112 per detik tanpa suara dan $0.168 dengan audio, sedangkan <a href="https://fal.ai/models/fal-ai/kling-video/v3/standard/text-to-video">v3 Standard</a> berharga $0.084 dan $0.126. <a href="/id/tools/video">Generator Video</a> kami sendiri menjalankan Kling 3.0 Pro dengan storyboard dan hingga empat gambar referensi jika Anda lebih memilih untuk melewati penyiapan API.</p>
<h3>Seedance 2.5</h3>
<p>Seedance 2.5 dari ByteDance ditujukan untuk pengambilan berdurasi 30 detik dalam satu proses. Menurut <a href="https://seed.bytedance.com/en/blog/one-take-creation-flexible-referencing-introducing-seedance-2-5">pengumuman tim Seed</a>, model ini menghasilkan hingga 30 detik per generasi dengan ekstensi beberapa putaran, serta menerima hingga 30 gambar, 10 klip video, dan 10 klip audio sebagai referensi sekaligus, sehingga seluruh pemeran beserta papan referensi lokasi dapat dimasukkan dalam satu permintaan. API Runway menambahkannya pada 7 Agustus 2026 dengan harga 20, 30, dan 68 kredit per detik ($0.20, $0.30, dan $0.68) untuk 480p, 720p, dan 1080p, dengan minimum 80 kredit. Model ini juga tersedia di fal dan BytePlus ModelArk, yang menghitung biaya per token. Untuk cutscene dengan tiga karakter yang harus tetap konsisten selama satu menit, jendela 30 detik mengurangi pekerjaan perangkaian hingga setengahnya.</p>
<h3>Runway Gen-4.5 dan Aleph</h3>
<p>Gen-4.5 menghasilkan klip berdurasi 2 hingga 10 detik dari teks atau gambar dengan biaya $0.12 per detik melalui <a href="https://docs.dev.runwayml.com/guides/pricing/">API</a>, dengan keluaran HDR sejati yang ditambahkan pada Agustus 2026. Postingan peluncuran Runway mengklaim adanya &quot;kontrol gaya yang mencakup gaya fotorealistis hingga animasi,&quot; dan model ini memang mempertahankan tampilan bergaya lebih baik daripada kebanyakan model lain. Aleph 2.0 adalah bagian pengeditannya: video yang sudah ada berdurasi 2 hingga 30 detik, hingga 5 gambar keyframe, dan sebuah prompt, dengan biaya 28 kredit per detik. Ini adalah alat untuk mengubah rekaman grey-box level Anda menjadi footage yang telah dipoles lingkungan dan pewarnaannya. <a href="https://runway.com/terms-of-use">Ketentuan</a> Runway tidak membatasi penggunaan komersial output ataupun mengklaim kepemilikannya, tetapi mengizinkan Runway menggunakan output tersebut untuk pelatihan. Langganannya berharga $15, $35, dan $95 per bulan untuk 625, 2.250, dan 9.500 kredit.</p>
<h3>Luma Ray3.2</h3>
<p>Ray3.2 adalah opsi 720p murah dengan kontrol keyframe paling lengkap: hingga 16 keyframe per klip, fitur Character Reference, alat Reframe yang menyusun ulang komposisi 16:9 menjadi 9:16 atau 1:1, serta HDR 16-bit dengan ekspor EXR. <a href="https://lumalabs.ai/api/pricing">Harga API</a> dihitung per blok 5 detik: $0.30 pada 720p ($0.06 per detik) dan $1.20 pada 1080p, sedangkan HDR menggandakan biayanya. Teks dan gambar ke video berjalan selama 5 atau 10 detik, dan mode video-to-video Modify dapat mencapai 20 detik. Baca <a href="https://lumalabs.ai/legal/tos">ketentuannya</a> sebelum merilis: Luma menyerahkan hak output kepada Anda, tetapi penggunaan komersial hanya berlaku untuk klip yang &quot;diproduksi selama Masa Langganan aktif berdasarkan langganan berbayar Pelanggan,&quot; sehingga klip dari tingkat gratis tidak dapat digunakan dalam trailer.</p>
<h3>MiniMax H3</h3>
<p>MiniMax H3 menggantikan lini Hailuo 2.x pada 31 Juli 2026 dan berada di dekat puncak arena Artificial Analysis sekaligus menjadi salah satu model hosted termurah. Model ini menghasilkan video berdurasi 4 hingga 15 detik pada 768p atau 2K dengan audio stereo native, dan mode Ref2VA-nya menerima hingga 9 gambar referensi. Di fal, <a href="https://fal.ai/models/minimax/h3/text-to-video">H3</a> berharga $0,05 per detik pada 480p, $0,06 pada 768p, dan $0,13 pada 2K. Kendalanya adalah lisensi untuk <a href="https://huggingface.co/MiniMaxAI/MiniMax-H3">open weights</a>: MiniMax H3 Community License mendefinisikan wilayahnya sebagai seluruh dunia &quot;tidak termasuk Wilayah yang Dikecualikan&quot;, yaitu UE, Inggris Raya, Korea Selatan, dan Amerika Serikat, serta mewajibkan kredit &quot;MiniMax H3&quot; dalam setiap produk komersial. API hosted menggunakan kontrak berbeda, jadi bagi studio Barat, H3 adalah model hosted.</p>
<h3>Wan 2.2 (terbuka) dan Wan 3.0 (API)</h3>
<p>Wan 2.2 adalah pilihan open weights yang paling jelas. <a href="https://github.com/Wan-Video/Wan2.2">Repo GitHub</a>-nya menggunakan Apache 2.0 dan menyatakan secara eksplisit bahwa Alibaba tidak mengklaim hak apa pun atas konten yang dihasilkan. Model <a href="https://huggingface.co/Wan-AI/Wan2.2-TI2V-5B">TI2V-5B</a> menghasilkan video 720p berdurasi 5 detik pada 24 fps menggunakan kartu 24 GB seperti RTX 4090 dalam waktu kurang dari 9 menit, sedangkan model 14B membutuhkan 80 GB. Lima detik cocok untuk satu shot trailer, bukan cutscene, jadi Wan 2.2 ditujukan untuk membuat B-roll secara batch semalaman pada perangkat keras milik Anda sendiri. Wan 3.0, yang dirilis pada Agustus 2026, adalah produk berbeda: hanya tersedia secara hosted, menghasilkan take berdurasi 30 detik hingga 1080p dengan audio native, dan memiliki endpoint referensi yang menerima hingga 10 gambar, 5 video, dan 5 trek audio. Di fal, harganya <a href="https://fal.ai/wan-3">$0,05, $0,10, dan $0,20 per detik</a> masing-masing pada 480p, 720p, dan 1080p, serta berbagi posisi teratas di arena text-to-video. Tidak ada weights Wan 3.0, apa pun yang dikatakan halaman-halaman SEO.</p>
<h3>LTX-2.5</h3>
<p>LTX-2.5 dari Lightricks adalah model open weights dengan suara dan 4K. <a href="https://huggingface.co/Lightricks/LTX-2.5">Kartu model</a> menjelaskan model 22B dengan audio native, output hingga 3840 × 2176, dan pembuatan multi-shot native yang mempertahankan satu karakter di seluruh shot yang saling terhubung dalam satu proses. Dalam versi hosted, endpoint fal <a href="https://fal.ai/models/lightricks/ltx-2.5/text-to-video/fast">LTX-2.5 Fast</a> berharga $0,09 per detik pada 720p, $0,13 pada 1080p, dan $0,30 pada 4K, termasuk audio. Untuk self-hosted, Bagian 2.1 dari <a href="https://github.com/Lightricks/LTX-2/blob/main/LICENSE-2_x">LTX-2.x Community License</a> memberikan lisensi bebas royalti untuk tujuan apa pun, &quot;dengan ketentuan bahwa Entitas dengan pendapatan tahunan setidaknya $10.000.000&quot; harus memperoleh lisensi komersial berbayar, dan Bagian 5 menyatakan bahwa Lightricks &quot;tidak mengklaim hak apa pun atas Output yang Anda hasilkan.&quot; Bagi studio indie, model ini gratis dan dapat digunakan secara komersial.</p>
<h3>Vidu Q3</h3>
<p>Vidu Q3 masuk dalam daftar ini karena dua alasan. <a href="https://platform.vidu.com/docs/text-to-video">API text-to-video</a>-nya memiliki parameter <code>style</code> dengan nilai <code>general</code> dan <code>anime</code>, yang tidak disediakan oleh model lain dalam daftar ini, dan mode anime adalah pilihan yang paling mendekati generator khusus untuk game bergaya 2D. Mode <a href="https://platform.vidu.com/docs/reference-to-video">reference-to-video</a>-nya menerima hingga 7 gambar subjek yang ditandai <code>@1</code>, <code>@2</code> dalam prompt, menghasilkan video berdurasi 3 hingga 16 detik hingga 1080p, serta membuat ucapan dan musik dari prompt. <a href="https://platform.vidu.com/docs/pricing">Harganya</a> menggunakan kredit senilai setengah sen per kredit: Q3 Pro berharga $0,10 per detik pada 720p dan $0,12 pada 1080p, Q3 Turbo berharga $0,055 dan $0,065, sedangkan tarif di luar jam sibuk menjadi setengahnya.</p>
<h3>Sora</h3>
<p>Jangan membangun pipeline dengan model ini. <a href="https://developers.openai.com/api/docs/deprecations">Halaman penghentian</a> OpenAI mencantumkan Videos API serta setiap snapshot sora-2 dan sora-2-pro sebagai layanan yang dihentikan pada 24 September 2026, tanpa pengganti yang disebutkan. Klip yang sudah ada tetap menjadi milik Anda, tetapi pipeline baru sebaiknya dimulai dengan salah satu model di atas.</p>
<h3>Posisi papan peringkat</h3>
<p>Kami membaca <a href="https://artificialanalysis.ai/video/leaderboard/text-to-video">arena text-to-video Artificial Analysis</a> (dengan audio) pada 6 September 2026. Wan 3.0 dan Gemini Omni Flash sama-sama meraih 1238 Elo, disusul MiniMax H3 Max dari fal dengan 1235, MiniMax H3 dengan 1227, dan Seedance 2.0 dengan 1222. Kling 3.0 Pro berada di peringkat ke-10 dengan 1108, Veo 3.1 di peringkat ke-14 dengan 1091, Vidu Q3 Pro di peringkat ke-20, dan LTX-2.5 Fast di peringkat ke-23. Peringkat arena mengukur preferensi buta berdasarkan prompt umum, bukan kemampuan model dalam mempertahankan karakter Anda di delapan shot, sehingga Kling berada di papan tengah dalam arena tersebut tetapi menempati posisi pertama di sini.</p>
<h2>Alur kerja: dari game Anda hingga trailer yang selesai</h2>
<p>Berikut struktur yang akan kita buat, dengan delapan shot AI dari contoh biaya di bawah ditempatkan dalam video berdurasi 60 detik.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="Anatomi trailer berdurasi 60 detik: delapan shot AI masing-masing berdurasi 2 hingga 4 detik mengisi intro suasana berdurasi 9 detik, dua bagian cerita berdurasi 6 detik, dan penutup key art berdurasi 5 detik, sedangkan 34 detik sisanya adalah rekaman gameplay">
<rect width="720" height="300" rx="14" fill="#0b1020"/>
<g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
<text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Anatomi trailer berdurasi 60 detik</text>
<text x="24" y="62" font-size="13" fill="#9aa7b4">Delapan shot AI, masing-masing tampil 2 hingga 4 detik. Sisanya direkam dari game.</text>
<text x="24" y="104" font-size="12" font-weight="700" fill="#c8a8ff">Intro suasana, 3 shot AI</text>
<text x="24" y="120" font-size="11" fill="#9aa7b4">0:00 hingga 0:09, sebelum gameplay dimulai</text>
<line x1="30" y1="128" x2="30" y2="148" stroke="#c8a8ff" stroke-width="1.5"/>
<text x="360" y="104" font-size="12" font-weight="700" fill="#c8a8ff" text-anchor="middle">Bagian cerita, 2 shot AI</text>
<text x="360" y="120" font-size="11" fill="#9aa7b4" text-anchor="middle">0:27 hingga 0:33</text>
<line x1="360" y1="128" x2="360" y2="148" stroke="#c8a8ff" stroke-width="1.5"/>
<text x="606" y="104" font-size="12" font-weight="700" fill="#c8a8ff" text-anchor="middle">Bagian cerita, 2 shot AI</text>
<text x="606" y="120" font-size="11" fill="#9aa7b4" text-anchor="middle">0:49 hingga 0:55</text>
<line x1="606" y1="128" x2="606" y2="148" stroke="#c8a8ff" stroke-width="1.5"/>
<rect x="24" y="150" width="100.8" height="40" fill="#c8a8ff"/>
<rect x="124.8" y="150" width="201.6" height="40" fill="#6ee7b7"/>
<rect x="326.4" y="150" width="67.2" height="40" fill="#c8a8ff"/>
<rect x="393.6" y="150" width="179.2" height="40" fill="#6ee7b7"/>
<rect x="572.8" y="150" width="67.2" height="40" fill="#c8a8ff"/>
<rect x="640" y="150" width="56" height="40" fill="#f0abfc"/>
<g stroke="#0b1020" stroke-width="1.5">
<line x1="124.8" y1="150" x2="124.8" y2="190"/>
<line x1="326.4" y1="150" x2="326.4" y2="190"/>
<line x1="393.6" y1="150" x2="393.6" y2="190"/>
<line x1="572.8" y1="150" x2="572.8" y2="190"/>
<line x1="640" y1="150" x2="640" y2="190"/>
</g>
<text x="225.6" y="166" font-size="12" font-weight="700" fill="#0b1020" text-anchor="middle">Gameplay, rekaman asli</text>
<text x="225.6" y="181" font-size="11" fill="#0b1020" text-anchor="middle">perspektif pemain</text>
<text x="483.2" y="166" font-size="12" font-weight="700" fill="#0b1020" text-anchor="middle">Gameplay, rekaman asli</text>
<text x="483.2" y="181" font-size="11" fill="#0b1020" text-anchor="middle">potong langsung dari shot AI</text>
<g stroke="#9aa7b4" stroke-width="1">
<line x1="24" y1="190" x2="24" y2="198"/>
<line x1="192" y1="190" x2="192" y2="198"/>
<line x1="360" y1="190" x2="360" y2="198"/>
<line x1="528" y1="190" x2="528" y2="198"/>
<line x1="696" y1="190" x2="696" y2="198"/>
</g>
<g font-size="11" fill="#9aa7b4">
<text x="24" y="214">0:00</text>
<text x="192" y="214" text-anchor="middle">0:15</text>
<text x="360" y="214" text-anchor="middle">0:30</text>
<text x="528" y="214" text-anchor="middle">0:45</text>
<text x="696" y="214" text-anchor="end">1:00</text>
</g>
<line x1="655" y1="192" x2="655" y2="232" stroke="#f0abfc" stroke-width="1.5"/>
<text x="696" y="246" font-size="12" font-weight="700" fill="#f0abfc" text-anchor="end">Key art bergerak, 1 shot AI</text>
<text x="696" y="262" font-size="11" fill="#9aa7b4" text-anchor="end">0:55 hingga 1:00, gerakan lambat pada gambar diam Anda</text>
<rect x="24" y="274" width="12" height="12" rx="3" fill="#c8a8ff"/>
<text x="42" y="284" font-size="11" fill="#9aa7b4">Shot AI: buat 5 dtk, gunakan 2 hingga 4 dtk</text>
<rect x="250" y="274" width="12" height="12" rx="3" fill="#6ee7b7"/>
<text x="268" y="284" font-size="11" fill="#9aa7b4">Rekaman asli pada 1080p, 30 atau 60 fps</text>
</g>
</svg>
<figcaption>Salah satu cara menyusun durasi satu menit: tiga dari delapan shot AI membuka trailer, dua pasang menjadi bagian cerita di antara blok gameplay, dan yang terakhir adalah key art Anda dengan gerakan lambat. Detik yang tepat hanya sebagai ilustrasi; yang penting adalah proporsinya, karena lebih dari separuh durasi merupakan rekaman asli.</figcaption>
</figure>
<p><strong>Mulailah dari frame milik Anda sendiri.</strong> Input terbaik untuk image-to-video adalah gambar diam yang sudah terlihat seperti game Anda. Ambil screenshot dengan kualitas tertinggi yang disediakan engine Anda, atau render hero frame dengan pencahayaan yang dibuat lebih dramatis daripada versi rilis. Jika adegannya belum ada, buat concept art dengan rasio aspek yang akan digunakan saat penyuntingan, dan perhatikan batas input (Kling menolak gambar dengan sisi kurang dari 300 piksel). Untuk shot lingkungan, panorama 360° dari <a href="/id/tools/skybox">Skybox Generator</a> menjadi latar yang bersih untuk gerakan pan lambat.</p>
<p><strong>Kunci karakter sebelum Anda menganimasikannya.</strong> Setiap sistem referensi menginginkan gambar yang bersih, menghadap ke depan, dan memiliki pencahayaan merata, serta sebagian besar menerima sudut tambahan. Buat turnaround tersebut terlebih dahulu, lalu gunakan kembali file yang persis sama untuk setiap shot. Jika karakter Anda berupa model 3D, render turnaround dari aset tersebut karena render asli lebih baik daripada gambar diam hasil generasi mana pun, dan mesh dari <a href="/id/tools/hunyuan3d">generator 3D</a> memberi Anda sumber yang dapat diputar dalam hitungan menit.</p>
<p><strong>Buat video pendek dan hasilkan beberapa versi.</strong> Shot trailer tampil selama dua hingga empat detik. Minta durasi 5 detik, ambil dua detik terbaik, dan perkirakan tiga atau empat take untuk setiap shot. Tuliskan gerakan kamera dalam prompt (&quot;dolly in lambat&quot;, &quot;shot tracking handheld dari kiri&quot;) agar editor memiliki gerakan sebagai titik potong. Buat tanpa suara kecuali suara memang menjadi fokusnya, karena Anda akan menggantinya dengan musik latar sendiri dan versi tanpa suara 30 hingga 50 persen lebih murah di Veo dan Kling.</p>
<p><strong>Ubah gaya rekaman Anda sendiri alih-alih menciptakan shot dari awal.</strong> Untuk cutscene, susun adegan dalam engine Anda dengan pergerakan kamera dan timing yang tepat, rekam, lalu proses rekaman tersebut melalui mode video-to-video. Mode edit Kling menerima klip sumber berdurasi 3 hingga 10 detik beserta referensi elemen, Aleph 2.0 menerima hingga 30 detik dengan keyframe, dan Luma Modify menerima 20 detik. Engine memberi Anda staging yang terlalu berisiko jika diserahkan kepada AI, sedangkan model memberi Anda pencahayaan yang sebelumnya tidak mampu Anda biayai. <a href="/id/guides/long-reference-video-models">Pembahasan mendalam</a> mengulas pendekatan render sederhana, transformasi berkualitas tinggi ini secara lengkap.</p>
<p><strong>Tingkatkan resolusi dan atur ulang timing.</strong> Sebagian besar output hosted beresolusi 720p atau 1080p pada 24 atau 25 fps. Steam menginginkan 1080p pada 30 atau 60 fps, sedangkan YouTube lebih mengutamakan 4K. Topaz Video meningkatkan resolusi hingga 4K dan 8K serta melakukan interpolasi ke 60 atau 120 fps dengan biaya $299 per tahun berdasarkan <a href="https://www.topazlabs.com/topaz-video">daftar harga terbarunya</a>, sementara versi gratis DaVinci Resolve cukup andal untuk peningkatan resolusi dan pengaturan ulang timing. Jangan pernah menginterpolasi gameplay asli ke 60 fps kecuali Anda merekamnya pada 60 fps.</p>
<p><strong>Potong mengikuti musik, lalu tambahkan caption, kemudian buat versi vertikal.</strong> Pilih trek terlebih dahulu dan potong mengikuti ketukannya karena shot AI tidak memiliki ritmenya sendiri. Panduan <a href="/id/guides/ai-music-generators-games">generator musik AI</a> membahas pembuatan musik latar dengan lisensi komersial. Tanamkan caption untuk setiap dialog karena sebagian besar video di media sosial diputar tanpa suara. Kemudian buat versi 9:16: hasilkan ulang shot utama secara vertikal (Veo dan Vidu sama-sama menerima 9:16) atau gunakan Luma Reframe untuk menyusun ulang komposisi versi horizontal. Jangan sekadar memotong sisinya.</p>
<h2>Lisensi: apa yang dapat Anda rilis</h2>
<p>Situasi open weights sebenarnya sederhana jika Anda membaca lisensinya, bukan sekadar judul beritanya. Wan 2.2 menggunakan Apache 2.0 dengan pernyataan eksplisit bahwa Alibaba tidak mengklaim hak atas konten yang dihasilkan. LTX-2.5 gratis untuk tujuan apa pun bagi pihak dengan pendapatan tahunan di bawah $10 juta dan tidak mengklaim hak atas output, dengan lisensi berbayar di atas batas tersebut. Weights MiniMax H3 tidak dilisensikan untuk digunakan di AS, UE, Inggris Raya, atau Korea Selatan dan mewajibkan kredit &quot;MiniMax H3&quot; di wilayah lain, jadi perlakukan model ini sebagai layanan hosted kecuali Anda berada di wilayah yang dicakup. Rilis Hunyuan dan CogVideoX yang lebih lama memiliki lisensi komunitas sendiri dengan batas penggunaan, sehingga tidak disertakan dalam tabel.</p>
<p>Sebagian besar layanan hosted mengizinkan Anda menggunakan hasil yang telah Anda bayar. <a href="https://kling.ai/docs/payment-policy">Ketentuan layanan berbayar</a> Kling menyatakan bahwa penggunaan komersial atas output oleh anggota &quot;tidak dibatasi&quot;, sedangkan pengguna gratis harus mempertahankan watermark Kling atau menyatakan bahwa hasil tersebut dibuat oleh Kling AI. Runway tidak mengklaim output dan tidak membatasi penggunaan komersial pada paket mana pun, tetapi tetap memiliki hak untuk melatih model menggunakan output tersebut. Luma mengalihkan hak kepada Anda hanya untuk klip yang dibuat selama langganan berbayar. Veo, Seedance, Wan 3.0, dan Vidu diatur oleh ketentuan API masing-masing, jadi bacalah sebelum peluncuran. Dalam semua kasus, simpan catatan generasi: prompt, model, tanggal, dan akun. Jika pertanyaan hak muncul setelah peluncuran, log tersebut adalah jawabannya.</p>
<p>Ada satu hal lagi yang bukan lisensi tetapi dampaknya serupa: video AI tanpa kontribusi kreatif manusia memiliki perlindungan hak cipta yang lemah atau bahkan tidak ada di AS dan beberapa yurisdiksi lain. Pesaing dapat mengambil cutscene AI Anda dengan sedikit kemungkinan bagi Anda untuk menuntut. Rekaman gameplay, musik, dan hasil penyuntingan Anda tetap dilindungi. Andalkan elemen-elemen tersebut.</p>
<h2>Berapa biaya trailer berdurasi 60 detik</h2>
<p>Ambil struktur umum: delapan shot AI yang membentuk intro suasana dan beberapa bagian cerita, sedangkan sisanya adalah rekaman gameplay. Delapan shot dengan durasi masing-masing 7,5 detik berarti 60 detik footage yang dihasilkan, dan Anda sebaiknya menganggarkan tiga take per shot, sehingga totalnya 180 detik hasil generasi. Berikut total biayanya berdasarkan harga yang diverifikasi di atas, pada 1080p jika tersedia dan dengan audio dimatikan jika opsi tersebut dapat dipilih.</p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Harga per detik</th>
<th>60 dtk (satu pengambilan)</th>
<th>180 dtk (tiga pengambilan)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Veo 3.1 (tanpa suara)</td>
<td>$0.20</td>
<td>$12.00</td>
<td>$36.00</td>
</tr>
<tr>
<td>Veo 3.1 (dengan audio)</td>
<td>$0.40</td>
<td>$24.00</td>
<td>$72.00</td>
</tr>
<tr>
<td>Veo 3.1 Fast (dengan audio)</td>
<td>$0.15</td>
<td>$9.00</td>
<td>$27.00</td>
</tr>
<tr>
<td>Kling 3.0 Pro (tanpa suara)</td>
<td>$0.112</td>
<td>$6.72</td>
<td>$20.16</td>
</tr>
<tr>
<td>Kling 3.0 Pro (dengan audio)</td>
<td>$0.168</td>
<td>$10.08</td>
<td>$30.24</td>
</tr>
<tr>
<td>Seedance 2.5, 1080p (Runway API)</td>
<td>$0.68</td>
<td>$40.80</td>
<td>$122.40</td>
</tr>
<tr>
<td>Seedance 2.5, 720p (Runway API)</td>
<td>$0.30</td>
<td>$18.00</td>
<td>$54.00</td>
</tr>
<tr>
<td>Runway Gen-4.5</td>
<td>$0.12</td>
<td>$7.20</td>
<td>$21.60</td>
</tr>
<tr>
<td>Wan 3.0, 1080p</td>
<td>$0.20</td>
<td>$12.00</td>
<td>$36.00</td>
</tr>
<tr>
<td>Vidu Q3 Pro, 1080p</td>
<td>$0.12</td>
<td>$7.20</td>
<td>$21.60</td>
</tr>
<tr>
<td>LTX-2.5 Fast, 1080p (fal)</td>
<td>$0.13</td>
<td>$7.80</td>
<td>$23.40</td>
</tr>
<tr>
<td>Luma Ray3.2, 720p</td>
<td>$0.06</td>
<td>$3.60</td>
<td>$10.80</td>
</tr>
<tr>
<td>MiniMax H3, 768p</td>
<td>$0.06</td>
<td>$3.60</td>
<td>$10.80</td>
</tr>
<tr>
<td>Wan 2.2, dihosting sendiri</td>
<td>listrik</td>
<td>$0</td>
<td>$0</td>
</tr>
</tbody>
</table>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 448" role="img" aria-label="Biaya untuk 180 detik rekaman yang dihasilkan per model, dari $122.40 untuk Seedance 2.5 pada 1080p hingga $10.80 untuk Luma Ray3.2 dan MiniMax H3, dengan Kling 3.0 Pro seharga $20.16 tanpa suara dan $30.24 dengan audio serta Wan 2.2 yang dihosting sendiri seharga $0">
<rect width="720" height="448" rx="14" fill="#0b1020"/>
<g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
<text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Biaya untuk 180 detik rekaman yang dihasilkan</text>
<text x="24" y="62" font-size="13" fill="#9aa7b4">Delapan adegan, masing-masing tiga pengambilan. 1080p jika tersedia, audio nonaktif jika dapat diubah.</text>
<text x="220" y="103" font-size="12" fill="#e8edf5" text-anchor="end">Seedance 2.5 1080p, Runway</text>
<rect x="230" y="92" width="400.0" height="14" rx="3" fill="#7dd3fc"/>
<text x="638.0" y="103" font-size="12" font-weight="700" fill="#e8edf5">$122.40</text>
<text x="220" y="125" font-size="12" fill="#e8edf5" text-anchor="end">Veo 3.1, audio</text>
<rect x="230" y="114" width="235.3" height="14" rx="3" fill="#7dd3fc"/>
<text x="473.3" y="125" font-size="12" font-weight="700" fill="#e8edf5">$72.00</text>
<text x="220" y="147" font-size="12" fill="#e8edf5" text-anchor="end">Seedance 2.5 720p, Runway</text>
<rect x="230" y="136" width="176.5" height="14" rx="3" fill="#7dd3fc"/>
<text x="414.5" y="147" font-size="12" font-weight="700" fill="#e8edf5">$54.00</text>
<text x="220" y="169" font-size="12" fill="#e8edf5" text-anchor="end">Veo 3.1, tanpa suara</text>
<rect x="230" y="158" width="117.6" height="14" rx="3" fill="#7dd3fc"/>
<text x="355.6" y="169" font-size="12" font-weight="700" fill="#e8edf5">$36.00</text>
<text x="220" y="191" font-size="12" fill="#e8edf5" text-anchor="end">Wan 3.0, 1080p</text>
<rect x="230" y="180" width="117.6" height="14" rx="3" fill="#7dd3fc"/>
<text x="355.6" y="191" font-size="12" font-weight="700" fill="#e8edf5">$36.00</text>
<text x="220" y="213" font-size="12" fill="#e8edf5" text-anchor="end">Kling 3.0 Pro, audio</text>
<rect x="230" y="202" width="98.8" height="14" rx="3" fill="#6ee7b7"/>
<text x="336.8" y="213" font-size="12" font-weight="700" fill="#e8edf5">$30.24</text>
<text x="220" y="235" font-size="12" fill="#e8edf5" text-anchor="end">Veo 3.1 Fast, audio</text>
<rect x="230" y="224" width="88.2" height="14" rx="3" fill="#7dd3fc"/>
<text x="326.2" y="235" font-size="12" font-weight="700" fill="#e8edf5">$27.00</text>
<text x="220" y="257" font-size="12" fill="#e8edf5" text-anchor="end">LTX-2.5 Fast 1080p, fal</text>
<rect x="230" y="246" width="76.5" height="14" rx="3" fill="#7dd3fc"/>
<text x="314.5" y="257" font-size="12" font-weight="700" fill="#e8edf5">$23.40</text>
<text x="220" y="279" font-size="12" fill="#e8edf5" text-anchor="end">Runway Gen-4.5</text>
<rect x="230" y="268" width="70.6" height="14" rx="3" fill="#7dd3fc"/>
<text x="308.6" y="279" font-size="12" font-weight="700" fill="#e8edf5">$21.60</text>
<text x="220" y="301" font-size="12" fill="#e8edf5" text-anchor="end">Vidu Q3 Pro, 1080p</text>
<rect x="230" y="290" width="70.6" height="14" rx="3" fill="#7dd3fc"/>
<text x="308.6" y="301" font-size="12" font-weight="700" fill="#e8edf5">$21.60</text>
<text x="220" y="323" font-size="12" fill="#e8edf5" text-anchor="end">Kling 3.0 Pro, tanpa suara</text>
<rect x="230" y="312" width="65.9" height="14" rx="3" fill="#6ee7b7"/>
<text x="303.9" y="323" font-size="12" font-weight="700" fill="#e8edf5">$20.16</text>
<text x="220" y="345" font-size="12" fill="#e8edf5" text-anchor="end">Luma Ray3.2, 720p</text>
<rect x="230" y="334" width="35.3" height="14" rx="3" fill="#7dd3fc"/>
<text x="273.3" y="345" font-size="12" font-weight="700" fill="#e8edf5">$10.80</text>
<text x="220" y="367" font-size="12" fill="#e8edf5" text-anchor="end">MiniMax H3, 768p</text>
<rect x="230" y="356" width="35.3" height="14" rx="3" fill="#7dd3fc"/>
<text x="273.3" y="367" font-size="12" font-weight="700" fill="#e8edf5">$10.80</text>
<text x="220" y="389" font-size="12" fill="#e8edf5" text-anchor="end">Wan 2.2, dihosting sendiri</text>
<rect x="230" y="378" width="3" height="14" rx="3" fill="#9aa7b4"/>
<text x="241" y="389" font-size="12" font-weight="700" fill="#e8edf5">$0, listrik</text>
<text x="24" y="416" font-size="11" fill="#9aa7b4">Hijau: Kling 3.0 Pro, pilihan untuk konsistensi karakter.</text>
<text x="24" y="432" font-size="11" fill="#9aa7b4">Harga diambil dari halaman vendor, fal.ai, dan daftar API Runway pada 6 September 2026.</text>
</g>
</svg>
<figcaption>Kolom tiga pengambilan dari tabel, diurutkan: semua bilah selain Seedance 2.5 pada 1080p berada di bawah \$75, dan tingkat 720p model tersebut berharga kurang dari separuh tingkat 1080p-nya. Kling 3.0 Pro, pilihan untuk konsistensi karakter, adalah pasangan berwarna hijau dengan harga \$20.16 tanpa suara atau \$30.24 dengan audio.</figcaption>
</figure>
<p>Bagian trailer yang dihasilkan AI berbiaya lebih rendah daripada satu jam kerja desainer motion lepas pada semua model di sini. Selisih harga antarmodel juga cukup kecil sehingga Anda sebaiknya memilih berdasarkan konsistensi dan tampilan, bukan harga. Pengecualiannya adalah tahap penyelesaian, karena lisensi Topaz lebih mahal daripada seluruh biaya pembuatan video, jadi lakukan peningkatan resolusi di Resolve kecuali Anda merilis dalam 4K ke platform yang memberikan keuntungan untuk itu.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa generator video AI terbaik untuk trailer game?</h3>
<p>Kling 3.0 untuk sebagian besar trailer game indie, karena referensi elemennya menjaga konsistensi karakter di antara adegan dan mode storyboard-nya membuat beberapa adegan dalam satu permintaan. Veo 3.1 menghasilkan adegan tunggal paling matang beserta suara dengan harga sekitar dua kali lipat. Gunakan salah satunya untuk intro sinematik dan bagian penting cerita, lalu rekam gameplay dari game yang sebenarnya.</p>
<h3>Bisakah saya membuat seluruh trailer game dengan AI?</h3>
<p>Anda dapat menghasilkan setiap frame, tetapi sebaiknya jangan. Panduan trailer Steam menyatakan bahwa sebagian besar pengguna mencari gameplay dan menyarankan agar trailer pertama terutama menampilkan gameplay. Perjanjian distribusi Anda juga mengharuskan game sesuai dengan pemasarannya. Gunakan AI untuk intro pembangun suasana, cutscene, dan versi pendek untuk media sosial, lalu beralihlah ke rekaman asli pada 1080p, 30 atau 60 fps, untuk bagian lainnya.</p>
<h3>Apakah ada generator cutscene AI?</h3>
<p>Belum ada sebagai satu produk tunggal, tetapi Seedance 2.5 (pengambilan berdurasi 30 detik, hingga 30 gambar referensi), Kling 3.0 (storyboard multiadegan berdurasi 15 detik), dan Wan 3.0 (pengambilan berdurasi 30 detik) adalah yang paling mendekati. Cara yang andal untuk membuat cutscene panjang adalah menyusun adegannya di engine Anda, merekamnya, lalu memproses rekaman tersebut melalui mode video-ke-video seperti mode edit Kling atau Runway Aleph 2.0. Dengan demikian, penataan adegan berasal dari Anda dan hanya tampilannya yang dihasilkan AI.</p>
<h3>Model video sumber terbuka mana yang dapat saya gunakan secara komersial?</h3>
<p>Wan 2.2 menggunakan lisensi Apache 2.0 tanpa batas pendapatan dan disertai pernyataan tegas bahwa Alibaba tidak mengklaim hak atas hasilnya. LTX-2.5 gratis untuk penggunaan komersial dengan pendapatan tahunan di bawah $10 juta dan tidak mengklaim hak atas hasilnya. Bobot MiniMax H3 tidak mencakup AS, UE, Inggris, dan Korea Selatan, jadi gunakan melalui API yang dihosting jika Anda berada di wilayah tersebut. Wan 3.0 dan Veo tidak menyediakan bobot yang dapat diunduh.</p>
<h3>Bagaimana cara menjaga konsistensi karakter game di antara adegan video AI?</h3>
<p>Gunakan model dengan dukungan referensi yang sebenarnya, lalu berikan gambar tampak depan dan gambar dari berbagai sudut yang sama dalam setiap permintaan. Referensi <code>@Element</code> milik Kling, tag <code>@1</code> milik Vidu, daftar 30 gambar referensi Seedance 2.5, dan Ref2VA milik MiniMax H3 semuanya dapat melakukan ini. Render lembar putar dari karakter 3D Anda yang sebenarnya jika tersedia, karena render asli lebih baik daripada gambar diam apa pun yang dihasilkan AI.</p>
<h3>Apakah saya harus mengungkapkan penggunaan AI pada trailer di Steam?</h3>
<p>Pengungkapan AI Steam mencakup konten yang disertakan dalam game dan dinikmati oleh pemain (dibuat sebelumnya), serta konten yang dihasilkan saat game berjalan (dibuat secara langsung). Cutscene AI di dalam build merupakan konten yang dibuat sebelumnya dan harus dicantumkan dalam survei konten. Trailer di halaman toko tidak berada di dalam build, jadi survei tersebut tidak menanyakannya. Namun, jika game memiliki label AI, sebaiknya sebutkan juga dalam deskripsi trailer.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/long-reference-video-models">Model Video AI Terbaik dengan Dukungan Gambar Referensi</a>: perbandingan teknis mendalam yang dirujuk oleh panduan ini</li>
<li><a href="/id/guides/promote-indie-game-no-budget">Cara Mempromosikan Game Indie Tanpa Anggaran</a>: tempat memublikasikan trailer setelah selesai disunting</li>
<li><a href="/id/guides/steam-next-fest-strategy">Strategi Steam Next Fest</a>: data tentang demo, wishlist, dan waktu peluncuran trailer</li>
<li><a href="/id/guides/ai-music-generators-games">Generator Musik AI Terbaik untuk Game</a>: musik yang menjadi dasar penyuntingan trailer</li>
<li><a href="/id/guides/ai-pixel-art-generators">Generator Pixel Art dan Sprite AI Terbaik</a>: animasikan sprite asli untuk trailer 2D</li>
<li><a href="/id/tools/video">Generator Video</a>: Kling 3.0 Pro dengan storyboard dan gambar referensi, langsung di browser</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Alternatif Auto-Rig Pro untuk Blender (2026): Perbandingan Rigify, Quick Rig, dan Auto-Rigger Sekali Bayar]]></title>
            <link>https://app.cinevva.com/id/guides/auto-rig-pro-alternatives</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/auto-rig-pro-alternatives</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Perbandingan alternatif Auto-Rig Pro untuk Blender: Rigify gratis, ARP Quick Rig, Voxel Heat Diffuse Skinning, dan add-on Cinevva Rig sekali bayar, beserta harga dan batasannya.]]></description>
            <content:encoded><![CDATA[<h1>Alternatif Auto-Rig Pro untuk Blender (2026): Perbandingan Rigify, Quick Rig, dan Auto-Rigger Sekali Bayar</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero"><img src="https://cdn.cinevva.com/guides/auto-rig-pro-alternatives-hero.jpg?v=1" alt="Tiga rig karakter Blender berdampingan dengan tulang kontrol, penanda, dan kerangka" width="1216" height="640"></figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Jika Anda menginginkan add-on rigging karakter terlengkap untuk Blender, belilah Auto-Rig Pro: dengan harga $50, add-on ini dapat membuat rig untuk karakter bipedal dan makhluk, melakukan retargeting mocap, membuat rig wajah, serta mengekspor ke Unity, Unreal, dan Godot. Itulah sebabnya penjualannya di Superhive telah melampaui 68.700. Jika Anda menginginkan rig gratis dan tidak keberatan menempatkan tulang sendiri, Rigify sudah tersedia di dalam Blender. Jika Anda ingin membuat rig karakter humanoid untuk game, menganimasikannya dengan 260 klip CC0, dan mengekspornya menggunakan preset engine dengan satu kali pembayaran $29, add-on Cinevva Rig dapat melakukannya di komputer Anda sendiri secara offline.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Paling lengkap dan sepadan dengan harganya:</strong> Auto-Rig Pro Full, sekali bayar $50 di <a href="https://superhivemarket.com/products/auto-rig-pro">Superhive</a>, dengan pembaruan gratis. Rig wajah, makhluk dengan banyak anggota tubuh, retargeting Remap, serta ekspor ke Unity, Unreal, dan Godot.</li>
<li><strong>Gratis dan sudah terpasang:</strong> Rigify, disertakan dalam setiap Blender. Anda menempatkan tulang metarig secara manual, Blender menghitung weight, lalu Anda memperbaiki hierarki deform sebelum mengekspor ke game engine.</li>
<li><strong>Anda sudah memiliki kerangka:</strong> ARP: Quick Rig, $12,50, mengubah kerangka Mixamo, Character Creator, DAZ, atau VRoid menjadi rig kontrol Auto-Rig Pro. Auto-Rig Pro harus sudah terpasang.</li>
<li><strong>Humanoid untuk game, paling murah secara keseluruhan:</strong> <a href="/blender-addon/">add-on Cinevva Rig</a>, harga peluncuran $29 untuk satu kali pembelian. Rigging berjalan secara lokal dan offline, 260 animasi CC0 di-retarget di dalam Blender, dengan preset ekspor untuk Unity, Unreal, Godot, dan web. Mendukung Blender 4.2 dan yang lebih baru di Windows, macOS, dan Linux.</li>
<li><strong>Weight adalah satu-satunya masalah Anda:</strong> Voxel Heat Diffuse Skinning, $30, memperbaiki pesan &quot;bone heat weighting: failed to find solution for one or more bones&quot; dan melakukan skinning pada karakter yang terdiri dari banyak bagian.</li>
<li><strong>&quot;Unduh Auto-Rig Pro gratis&quot;:</strong> tidak ada. Ini adalah add-on berbayar. Opsi gratis yang sah adalah Rigify dan karakter pertama di <a href="/id/tools/rigger">Auto Rigger</a> web Cinevva.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Add-on</th>
<th>Model harga</th>
<th>Penempatan rig</th>
<th>Weight</th>
<th>Pustaka animasi</th>
<th>Preset ekspor</th>
<th>Offline</th>
<th>Versi Blender</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://superhivemarket.com/products/auto-rig-pro">Auto-Rig Pro</a> (Full)</td>
<td>Sekali bayar $50, Lite $25, pembaruan gratis</td>
<td>Penanda Smart, perkiraan AI opsional, manual untuk makhluk</td>
<td>Weight otomatis Blender ditambah Voxelize dan Split Parts</td>
<td>Tidak ada bawaan, Remap me-retarget mocap yang Anda sediakan</td>
<td>Unity, Unreal (Mannequin), Godot, FBX, dan glTF</td>
<td>Ya</td>
<td>2.93 hingga 5.1</td>
</tr>
<tr>
<td><a href="https://superhivemarket.com/products/auto-rig-pro-quick-rig">ARP: Quick Rig</a></td>
<td>$12,50, memerlukan Auto-Rig Pro</td>
<td>Menggunakan kerangka yang sudah Anda miliki</td>
<td>Dipertahankan dari sumber</td>
<td>Tidak ada</td>
<td>Melalui eksportir Auto-Rig Pro</td>
<td>Ya</td>
<td>2.93 hingga 5.1</td>
</tr>
<tr>
<td><a href="https://docs.blender.org/manual/en/latest/addons/rigging/rigify/index.html">Rigify</a></td>
<td>Gratis, disertakan</td>
<td>Metarig manual, Pose Mode atau Edit Mode</td>
<td>Ctrl-P, With Automatic Weights</td>
<td>Tidak ada</td>
<td>Tidak ada, hierarki DEF harus diperbaiki terlebih dahulu</td>
<td>Ya</td>
<td>Setiap rilis Blender</td>
</tr>
<tr>
<td><a href="/blender-addon/">Cinevva Rig untuk Blender</a></td>
<td>Harga peluncuran sekali bayar $29, kunci untuk maksimal 3 komputer</td>
<td>Otomatis, humanoid, pilih tampilan depan</td>
<td>Otomatis</td>
<td>260 klip CC0 yang di-retarget di Blender</td>
<td>Web, Unity, Unreal, Godot</td>
<td>Ya, setelah satu kali mengunduh engine sebesar 2,4 GB</td>
<td>4.2 dan yang lebih baru</td>
</tr>
<tr>
<td><a href="https://superhivemarket.com/products/voxel-heat-diffuse-skinning">Voxel Heat Diffuse Skinning</a></td>
<td>Sekali bayar $30, 1 lisensi</td>
<td>Bukan pembuat rig, dilengkapi alat penyelarasan sendi</td>
<td>Difusi panas voxel</td>
<td>Tidak ada</td>
<td>Tidak ada</td>
<td>Ya</td>
<td>3.6 hingga 5.1</td>
</tr>
</tbody>
</table>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 400" role="img" aria-label="Matriks perbandingan empat add-on rigging Blender berdasarkan harga, penempatan tulang, weight, pustaka animasi, preset ekspor, dan penggunaan offline: Auto-Rig Pro sekali bayar $50 dengan penanda Smart, heat weight Blender, tanpa pustaka klip, preset Unity Unreal Godot, offline. Rigify gratis dan disertakan, metarig manual, Automatic Weights, tanpa pustaka, tanpa preset dan perlu memperbaiki tulang DEF, offline. Quick Rig $12,50 ditambah Auto-Rig Pro, menggunakan kerangka Anda, weight dipertahankan, tanpa pustaka, ekspor melalui ARP, offline. Cinevva Rig sekali bayar $29, penempatan humanoid otomatis, weight otomatis, 260 klip CC0, preset Web Unity Unreal Godot, offline setelah unduhan 2,4 GB.">
  <rect width="720" height="400" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Empat cara membuat rig di Blender</text>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="58" font-size="13" fill="#9aa7b4">Yang diminta masing-masing alat dari Anda, dan hasil yang diberikannya. Harga dari Superhive dan cinevva.com, September 2026.</text>
    <g font-size="11" font-weight="700" fill="#9aa7b4">
      <text x="164" y="88">Harga</text>
      <text x="254" y="88">Penempatan</text>
      <text x="344" y="88">Weight</text>
      <text x="434" y="88">Pustaka klip</text>
      <text x="524" y="88">Preset ekspor</text>
      <text x="614" y="88">Offline</text>
    </g>
    <g fill="#121a31">
      <rect x="24" y="98" width="672" height="64" rx="8"/>
      <rect x="24" y="170" width="672" height="64" rx="8"/>
      <rect x="24" y="242" width="672" height="64" rx="8"/>
      <rect x="24" y="314" width="672" height="64" rx="8"/>
    </g>
    <g fill="#e8edf5" font-size="13" font-weight="700">
      <text x="36" y="134">Auto-Rig Pro</text>
      <text x="36" y="206">Rigify</text>
      <text x="36" y="278">Quick Rig</text>
      <text x="36" y="350">Cinevva Rig</text>
    </g>
    <g fill="#c8a8ff" font-size="11">
      <text x="164" y="126">Sekali $50</text>
      <text x="164" y="142">Lite $25</text>
      <text x="164" y="198">Gratis</text>
      <text x="164" y="214">disertakan</text>
      <text x="164" y="270">$12,50</text>
      <text x="164" y="286">ditambah ARP</text>
      <text x="164" y="342">Sekali $29</text>
      <text x="164" y="358">3 komputer</text>
    </g>
    <g fill="#7dd3fc" font-size="11">
      <text x="254" y="126">Penanda Smart</text>
      <text x="254" y="142">Opsi perkiraan AI</text>
      <text x="254" y="198">Manual</text>
      <text x="254" y="214">metarig</text>
      <text x="254" y="270">Kerangka Anda</text>
      <text x="254" y="286">yang sudah ada</text>
      <text x="254" y="342">Otomatis</text>
      <text x="254" y="358">humanoid</text>
    </g>
    <g fill="#6ee7b7" font-size="11">
      <text x="344" y="126">Heat Blender</text>
      <text x="344" y="142">Voxelize, Split</text>
      <text x="344" y="198">Weight</text>
      <text x="344" y="214">Otomatis</text>
      <text x="344" y="270">Dipertahankan</text>
      <text x="344" y="286">dari sumber</text>
      <text x="344" y="342">Otomatis</text>
    </g>
    <g fill="#fbbf24" font-size="11">
      <text x="434" y="126">Tidak ada</text>
      <text x="434" y="142">Remap mocap</text>
      <text x="434" y="198">Tidak ada</text>
      <text x="434" y="270">Tidak ada</text>
      <text x="434" y="342">260 klip CC0</text>
      <text x="434" y="358">di Blender</text>
    </g>
    <g fill="#f0abfc" font-size="11">
      <text x="524" y="126">Unity, Unreal</text>
      <text x="524" y="142">Godot</text>
      <text x="524" y="198">Tidak ada, perbaiki</text>
      <text x="524" y="214">tulang DEF dahulu</text>
      <text x="524" y="270">Melalui ARP</text>
      <text x="524" y="342">Web, Unity</text>
      <text x="524" y="358">Unreal, Godot</text>
    </g>
    <g fill="#e8edf5" font-size="11">
      <text x="614" y="126">Ya</text>
      <text x="614" y="198">Ya</text>
      <text x="614" y="270">Ya</text>
      <text x="614" y="342">Ya, setelah</text>
      <text x="614" y="358">unduhan 2,4 GB</text>
    </g>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="392" font-size="11" fill="#9aa7b4">Auto-Rig Pro juga membuat rig wajah, makhluk dengan banyak anggota tubuh, dan rig kontrol animator. Tidak ada opsi lain yang melakukan ketiganya.</text>
  </g>
</svg>
<figcaption>Matriks ini menyembunyikan satu hal yang tidak dapat disembunyikan oleh uraian: Auto-Rig Pro adalah satu-satunya baris yang memberi Anda rig kontrol animator dengan peralihan IK dan FK. Tiga opsi lainnya memberi Anda kerangka deform atau rig Rigify, yang memang dibutuhkan oleh game engine.</figcaption>
</figure>
<h2>Apa sebenarnya Auto-Rig Pro, dan mengapa add-on ini memimpin</h2>
<p>Auto-Rig Pro adalah add-on buatan Artell untuk membuat rig karakter, me-retarget animasi, dan mengekspor ke game engine. Add-on ini pertama kali dirilis pada 2016 dan terus diperbarui sejak saat itu. <a href="https://superhivemarket.com/products/auto-rig-pro">Daftar Superhive</a> menampilkan dua edisi. Full berharga $50 dan mencakup &quot;Auto-Rig Pro core, Smart tool (biped body recognition), Fbx/Gltf export to Unreal/Unity, Remap tool to retarget animations, updates and support messages&quot;. Lite berharga $25 dan hanya mencakup &quot;Auto-Rig Pro core only&quot;. Lisensi Studio berharga $162 untuk sepuluh pengguna dan $227 untuk dua puluh pengguna. Daftar tersebut menyatakan kompatibilitas dari Blender 2.93 hingga 5.1 dan menandai add-on ini sebagai kompatibel dengan Blender Extension.</p>
<p>Jumlah penjualannya merupakan bukti paling jelas bahwa produk ini memimpin kategorinya: 68.700 dan terus bertambah, dengan lebih dari 430 penilaian. Produk terkait rigging terlaris berikutnya di Superhive, Voxel Heat Diffuse Skinning dan Quick Rig, masing-masing berada di angka 12.500 dan 9.500.</p>
<p>Berikut yang Anda dapatkan dengan $50 tersebut, menggunakan istilah dari add-on ini sendiri.</p>
<p><strong>Penempatan Smart.</strong> Anda menambahkan penanda hijau pada karakter bipedal dalam T-pose atau A-pose, lalu alat Smart menempatkan tulang referensi yang tetap dapat diedit. <a href="https://lucky3d.fr/auto-rig-pro/doc/auto_rig.html">Dokumentasi Smart</a> menambahkan langkah Guess Markers opsional: &quot;An AI model has been implemented in option, to setup automatically the markers&quot;, menggunakan berkas AI yang dipasang secara terpisah. Tanpa berkas tersebut, deteksi jari mengandalkan &quot;traditional algorithms (Voxel centroids for fingers detection, depth estimation based on standard human proportions...)&quot;, menurut <a href="https://lucky3d.fr/auto-rig-pro/doc/faq.html">FAQ</a>. FAQ tersebut menjawab pertanyaan &quot;So, it's a magic one click rigging solution?&quot; dengan &quot;It's not!&quot; dan menyatakan bahwa &quot;the rigging artist's hand is still required to adjust the bones positions, vertex weights&quot;. Ingatlah hal itu ketika alat lain menjanjikan solusi sekali klik.</p>
<p><strong>Definisi rig modular.</strong> Tulang belakang, lengan dengan jari tangan, kaki dengan jari kaki, kepala dan leher, telinga, ekor, sayap, kilt, spline IK, dan rangkaian bendy-bone, dengan preset Human, Dog, Horse, dan Bird. Gandakan atau hapus anggota tubuh, dan Anda dapat membuat rig centaur atau laba-laba. Hanya Rigify yang mendekati kemampuan ini, dan tidak ada auto-rigger—termasuk produk kami—yang mampu menandinginya.</p>
<p><strong>Rig wajah.</strong> Alis, kelopak mata, bibir, pipi, rahang, dan target mata, ditempatkan melalui tahap wajah alat Smart dan dapat diedit setelahnya.</p>
<p><strong>Skinning.</strong> Auto-Rig Pro melakukan binding menggunakan solver weight otomatis milik Blender ditambah dua opsi. Solusi dalam FAQ untuk &quot;Binding doesn't give satisfying results&quot; adalah Voxelize, yang mengevaluasi &quot;voxelized instances of meshes (water-tight, closed volumes)&quot;, serta Split Parts untuk &quot;meshes made of multiple disconnected pieces (clothes, teeth, eyes...)&quot;. Daftar produknya juga menyebutkan &quot;Compliant with the Voxel Heat Diffuse Skinning addon&quot;.</p>
<p><strong>Remap.</strong> <a href="https://lucky3d.fr/auto-rig-pro/doc/remap_doc.html">Alat Remap</a> me-retarget &quot;an armature animation to another one&quot;, ke &quot;any type of armature (Auto-Rig Pro, Rigify, custom rig...)&quot;. Impor BVH atau FBX, tentukan sumber dan target, klik Build Bones List, koreksi pemetaan atau muat preset Mixamo, Rokoko, atau XSens, tandai tulang root dan IK, lalu lakukan retargeting. Remap memindahkan animasi yang sudah Anda miliki. Auto-Rig Pro tidak menyertakan animasi apa pun.</p>
<p><strong>Ekspor game engine.</strong> <code>File &gt; Export &gt; Auto-Rig Pro FBX/GLTF</code>. <a href="https://lucky3d.fr/auto-rig-pro/doc/ge_export_doc.html">Dokumentasi ekspor</a> menawarkan &quot;Humanoid for human characters, Universal for any skeletons&quot;, dengan &quot;Full support in Unity, Unreal Engine, Godot&quot;. Root motion ditangani sesuai engine (Unity Humanoid menghitungnya saat impor, Unity Generic dan Unreal mendapatkan gerakan <code>c_traj</code> yang di-bake ke objek armature, sementara Godot mendapatkan Export Root Bone dengan Godot Root Axes), hierarki dan sumbu Unreal Mannequin dikonversi, twist bone di-bake untuk engine tanpa skinning dual quaternion, dan shape key turut diekspor. Satu peringatan dari dokumentasi: &quot;UE 5.5/5.6 don't import GLTF morph targets and animations properly. Works in 5.7.&quot;</p>
<p>Daftar kemampuan itulah yang membuatnya unggul. Satu kali pembelian mencakup seluruh alur dari penanda hingga Mannequin, didukung kompatibilitas mundur selama satu dekade.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/nvjq7C9BbAQ" title="Tutorial Auto-Rig Pro: Membuat Rig Manusia" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">Tutorial rigging manusia Auto-Rig Pro dari CGDive. Perhatikan penempatan marker dan langkah Match to Rig sebelum memutuskan apakah Anda menginginkan kontrol sedetail itu atau lebih memilih melewatinya.</div>
<h2>Fitur tambahan Quick Rig</h2>
<p><a href="https://superhivemarket.com/products/auto-rig-pro-quick-rig">ARP: Quick Rig</a> adalah ekstensi seharga $12,50 dengan peringatan pada baris pertamanya: &quot;Auto-Rig Pro harus dibeli dan dipasang terlebih dahulu.&quot; Ekstensi ini menyelesaikan masalah yang berbeda dari proses rigging mesh polos. Anda sudah memiliki skeleton dengan skin dari Mixamo, Reallusion Character Creator, DAZ, Human Generator, Unreal Mannequin, atau VRoid, lalu ingin memasang controller Auto-Rig Pro tanpa melakukan rigging ulang.</p>
<p><a href="https://lucky3d.fr/auto-rig-pro/doc/quick_rig_doc.html">Dokumentasi Quick Rig</a> meminta Anda menambahkan anggota tubuh satu per satu (pilih bone pelvis, klik tanda plus untuk anggota tubuh spine, pilih bahu, klik tanda plus untuk lengan), memeriksa nama bone yang ditebak, lalu memilih mode. Preserve &quot;mempertahankan armature yang ada tanpa perubahan sekaligus mengikatnya hanya ke controller rig&quot;, sedangkan Convert &quot;akan menghasilkan armature Auto-Rig Pro lengkap yang kompatibel dengan semua alat pengeditan dan ekspor Auto-Rig Pro&quot;. Weight dipertahankan, animasi yang ada dapat di-bake ke control rig, dan bone yatim seperti bone wajah, pakaian, dan properti dimasukkan ke dalam hierarki agar tidak ada yang terlewat. Halaman produknya menyebutkan satu batasan: &quot;Beberapa kepala atau beberapa spine belum didukung.&quot; Halaman tersebut menampilkan lebih dari 9.500 penjualan dan rentang versi 2.93 hingga 5.1 yang sama dengan add-on induknya.</p>
<p>Jika karakter Anda berasal dari Mixamo atau Character Creator, kombinasi Quick Rig dan Auto-Rig Pro mengubahnya menjadi rig yang nyaman untuk dianimasikan dengan keyframe di Blender.</p>
<h2>Kapan Rigify sudah cukup</h2>
<p>Rigify disertakan di dalam Blender. <a href="https://docs.blender.org/manual/en/latest/addons/rigging/rigify/index.html">Manualnya</a> mencantumkannya di bawah Rigging sebagai &quot;Rigging otomatis dari komponen penyusun&quot;, berlisensi GPL, dan menyatakan &quot;Add-on ini disertakan bersama Blender.&quot; Anda mengaktifkannya melalui <code>Edit &gt; Preferences &gt; Add-ons</code>, tanpa perlu membeli atau mengunduh apa pun.</p>
<p><a href="https://docs.blender.org/manual/en/latest/addons/rigging/rigify/basics.html">Alur kerja dasarnya</a> terdiri dari tiga langkah. Tambahkan metarig melalui <code>Add &gt; Armature</code> (Shift-A), dengan tipe bawaan Basic Human, Basic Quadruped, Human, Cat, Wolf, Horse, dan Shark. Edit posisi bone agar sesuai dengan karakter Anda, baik dalam Pose Mode menggunakan Apply Pose As Rest Pose maupun dalam Edit Mode. Kemudian, pada properti Armature, klik Generate Rig, yang &quot;akan memerlukan waktu dari beberapa detik hingga satu menit&quot;. Proses skinning menggunakan fitur bawaan Blender: pilih mesh lalu armature, tekan Ctrl-P, pilih With Automatic Weights, yang menurut <a href="https://docs.blender.org/manual/en/latest/animation/armatures/skinning/parenting.html">manual skinning</a> menghitung pengaruh &quot;berdasarkan jarak dari vertex tersebut ke bone tertentu (algoritma 'bone heat')&quot;. Manual Rigify menambahkan bahwa fitur ini memberikan &quot;hasil yang sangat baik secara langsung jika Anda menempatkan bone dengan benar (dan tersedia cukup banyak topologi untuk diolah!)&quot;.</p>
<p>Rigify sudah cukup jika Anda membuat animasi dan render di dalam Blender serta memiliki waktu dua puluh menit untuk menempatkan bone. Rig yang dihasilkan memiliki anggota tubuh IK dan FK, kontrol torso, jari, serta wajah modular. Namun, manualnya memperingatkan bahwa bone wajah &quot;bisa sulit digunakan jika Anda bukan ahli dalam pengeditan bone dan hampir tidak berguna jika Anda berencana membuat animasi wajah melalui shape key&quot;, serta menyarankan untuk menghapusnya jika tidak diperlukan.</p>
<p>Berikut situasi ketika Rigify belum cukup.</p>
<p><strong>Penempatannya manual.</strong> Tidak ada deteksi marker atau penebakan otomatis. Tips penyelarasan dalam manual meminta kaki lurus jika dilihat dari depan, sedikit tekukan pada lutut dan siku karena Rigify &quot;perlu mengetahui ke arah mana lutut/siku Anda menghadap&quot;, serta tinggi manusia sekitar dua unit karena &quot;Rigify menganggap 1 unit sama dengan 1 meter&quot;. Menempatkan metarig Human lengkap dengan baik membutuhkan keterampilan, dan percobaan pertama biasanya menghasilkan lutut yang menekuk ke samping.</p>
<p><strong>Ekspor untuk game memerlukan perbaikan.</strong> Bone deformasi berada dalam koleksi DEF, yang disusun untuk Blender, bukan untuk game engine. Tracker Blender mencatatnya dalam <a href="https://projects.blender.org/blender/blender-addons/issues/57536">isu #57536</a>, &quot;rigify: rig tidak dapat diekspor dengan baik ke game engine&quot;: &quot;rigify memisahkan bone deformasi (layer 29) menjadi rantai terpisah untuk setiap modul. Setelah bone nondeformasi dihapus, animasi hasil bake kemungkinan akan rusak dan anggota tubuh tidak akan mengikuti badan.&quot; Isu tersebut ditutup dengan catatan dari pengelolanya bahwa &quot;tidak ada rencana dan hanya sedikit alasan untuk mengubah arsitektur rigify semata-mata demi mengakomodasi game&quot;, sembari mengarahkan pengguna ke add-on Expy-Kit buatannya. Solusinya: atur ulang parent bone DEF menjadi satu hierarki (menggunakan Expy-Kit atau Game Rig Tools dari CGDive), lalu ekspor FBX dengan Only Deform Bones dicentang dan Add Leaf Bones tidak dicentang pada bagian Armature di <a href="https://docs.blender.org/manual/en/latest/addons/import_export/scene_fbx.html">eksportir FBX</a>. Cara ini berhasil, tetapi membutuhkan alat tambahan dan daftar periksa pada setiap ekspor.</p>
<p><strong>Tidak ada animasi.</strong> Klip harus berasal dari Anda sendiri, dari Mixamo, atau dari retargeter seperti Remap milik Auto-Rig Pro, yang mencantumkan Rigify sebagai target yang didukung.</p>
<h2>Opsi berbayar lain yang dapat Anda verifikasi</h2>
<p><strong>Voxel Heat Diffuse Skinning</strong> dari Mesh Online, $30 untuk satu seat, lebih dari 12.500 penjualan, kompatibel dengan Blender 3.6 hingga 5.1 menurut <a href="https://superhivemarket.com/products/voxel-heat-diffuse-skinning">halaman Superhive-nya</a>. Ini bukan alat rigging. Add-on ini menggantikan weighting bone heat dengan solver voxel, dan materi promosinya menyebutkan tiga masalah yang diperbaikinya: error &quot;bone heat weighting: gagal menemukan solusi untuk satu atau beberapa bone&quot;, bagian dan aksesori yang diabaikan oleh automatic weights, serta weight yang sudah Anda kerjakan berjam-jam tetapi tetap tidak memuaskan. Dua belas ribu orang yang membayar $30 agar tidak perlu melakukan weight painting menunjukkan letak kesulitan terbesar dalam rigging. Auto-Rig Pro dan Rigify sama-sama dapat memanfaatkannya. Add-on Cinevva menghitung weight sendiri, jadi Anda hanya memerlukannya ketika hasil otomatisnya keliru.</p>
<p><strong>Better FBX Importer &amp; Exporter</strong>, juga dari Mesh Online, $25 untuk satu seat, lebih dari 12.600 penjualan, kompatibel dengan Blender 3.6 hingga 5.1 menurut <a href="https://superhivemarket.com/products/better-fbx-importer--exporter">Superhive</a>. Produk ini laku karena mampu mencegah masalah saat mengimpor FBX: Automatic Bone Orientation meluruskan kembali skeleton dari Maya dan 3ds Max, serta mengekspor &quot;armature dan model 3D yang ramah game engine&quot; lengkap dengan LOD untuk Unreal dan Unity. Jika Anda membuat rig dengan Rigify dan mengekspornya secara manual, add-on ini memperbaiki bagian impor dari masalah tersebut.</p>
<p><strong>Add-on Mixamo untuk Blender</strong> perlu diperiksa statusnya karena orang masih mencarinya. <a href="https://substance3d.adobe.com/plugins/mixamo-in-blender/">Halaman plugin Substance 3D</a> dari Adobe masih mendeskripsikan &quot;solusi sekali klik untuk membuat control rig IK&quot; bagi karakter yang di-rig dengan Mixamo. Versi yang masih dikelola adalah <a href="https://extensions.blender.org/add-ons/mixamo-rig/">ekstensi Mixamo Rig</a> buatan komunitas di <a href="http://extensions.blender.org">extensions.blender.org</a>, yang menyebut dirinya sebagai &quot;peningkatan pihak ketiga untuk add-on resmi karena add-on tersebut sudah tidak didukung&quot;, mengarahkan ke &quot;versi resmi untuk Blender 3.6&quot; dari Adobe, serta mencantumkan kompatibilitas dengan Blender 4.2 LTS, versi 1.2.2 dari April 2026, dan sekitar 69.700 unduhan. Jalur ini masih tersedia, tetapi dikelola oleh komunitas, sedangkan alat rigging Mixamo sendiri hanya tersedia secara online. <a href="/id/guides/free-character-animations-rigging">Panduan animasi karakter gratis</a> kami membahas ketentuan Mixamo.</p>
<p>Kami ingin menyertakan BoneBrush, alat rigging makhluk di Superhive, tetapi halaman produknya tidak dapat dimuat dalam sesi ini sehingga kami tidak bisa memastikan harga atau cakupannya.</p>
<h2>Add-on Cinevva Rig: opsi sekali bayar untuk humanoid</h2>
<p><a href="/blender-addon/">Add-on Cinevva Rig</a> adalah alat yang kami buat untuk kreator yang memiliki mesh humanoid dan game yang perlu dirilis. Add-on ini berjalan di komputer Anda sendiri secara offline, dengan sekali pembelian seharga $29 pada harga peluncuran, serta mendukung Blender 4.2 dan versi lebih baru di Windows, macOS, dan Linux. Add-on ini dipasang sebagai ekstensi standar, dan unduhannya sendiri gratis, dengan pengembalian dana selama 14 hari jika ternyata tidak cocok untuk Anda.</p>
<p>Add-on ini memiliki tiga bagian, dan hanya satu yang berbayar.</p>
<p><strong>Rigging</strong> adalah fitur yang diaktifkan oleh lisensi seharga $29. Pilih mesh, tentukan sisi depan karakter dari empat tampilan hasil render, lalu tekan Rig. Add-on akan mengunduh mesin rigging-nya satu kali, sekitar 2,4 GB, lalu semua proses rigging berikutnya berlangsung secara lokal tanpa biaya per rig dan tanpa batas jumlah. Hasilnya adalah armature humanoid dengan skin dan penamaan gaya Mixamo, sementara panelnya melaporkan apa yang telah dibuat: jumlah bone, jumlah jari yang ditemukan, serta apa pun yang dikoreksi. Satu lisensi dapat mengaktifkan hingga tiga komputer. Jika Anda tidak ingin mengunduh mesin tersebut atau memiliki karakter berkaki empat, rigging online tersedia dari dalam Blender menggunakan akun Cinevva dan dikenai biaya kredit.</p>
<p><strong>260 klip animasi CC0</strong> disertakan bersama add-on terlepas dari lisensinya: berjalan, berlari, idle, bertarung, memanjat, merangkak, dan emote. Browser yang tertambat di viewport menampilkan pratinjau setiap klip, dan satu klik akan me-retarget klip tersebut ke karakter Anda yang sudah di-rig di dalam Blender. CC0 berarti Anda tidak perlu mencantumkan baris lisensi dalam game yang dirilis. Ketentuan Mixamo ditentukan oleh Adobe, sedangkan Auto-Rig Pro sama sekali tidak menyertakan pustaka klip.</p>
<p><strong>Ekspor siap game</strong> tersedia gratis, tanpa lisensi, akun, atau jaringan. Sebelum mengekspor, analisis ukuran membagi perkiraan file menjadi geometri, tekstur, animasi, dan shape key. Kemudian, preset menerapkan konvensi game engine. Web menghasilkan GLB, Y-up, tekstur dibatasi hingga 1024 px sebagai WebP dengan kualitas 85, Draco level 6, untuk three.js, Babylon.js, dan model-viewer. Unity menghasilkan FBX, forward -Z, up Y, FBX_SCALE_ALL, tanpa leaf bone, dengan tekstur tersemat dan dibatasi hingga 2048 px. Unreal menghasilkan FBX, forward -Y, up Z, FBX_SCALE_NONE, sumbu bone utama Y dan sekunder X. Godot menghasilkan GLB, Y-up, tanpa Draco karena Godot 4 mengimpor glTF standar dengan baik, dengan tekstur dibatasi hingga 2048 px. Dibandingkan dengan ekspor GLB standar dari Blender, preset tersebut menghasilkan file yang 68%, 89%, 92%, dan 98% lebih kecil pada empat model nyata.</p>
<p>Berikut batasannya. Add-on ini berfokus pada humanoid: karakter bipedal di-rig secara lokal, sedangkan karakter lainnya diproses melalui mesin Pro online dengan kredit. Add-on ini tidak membuat rig wajah. Selain itu, hasilnya adalah skeleton deformasi, bukan control rig untuk animator, jadi jika Anda membuat keyframe secara manual di Blender, Anda sebaiknya menambahkan Rigify atau Auto-Rig Pro di atasnya. Yang digantikannya adalah satu jam untuk penempatan marker, pembersihan weight, pencarian klip, dan mengutak-atik ekspor antara mesh yang sudah selesai dan karakter yang berjalan di dalam game engine Anda.</p>
<h2>&quot;Unduhan gratis Auto-Rig Pro&quot;: apa yang sebenarnya Anda dapatkan</h2>
<p>Lebih dari seribu orang setiap bulan mencari unduhan gratis Auto-Rig Pro. Berikut jawaban langsungnya. Ini adalah add-on berbayar, $25 untuk Lite dan $50 untuk Full, tanpa edisi gratis. <a href="https://lucky3d.fr/auto-rig-pro/doc/license.html">Halaman lisensinya</a> menyatakan &quot;Auto-Rig Pro tidak boleh didistribusikan secara bebas dalam bentuk aslinya. Beberapa komponennya berlisensi GPL, sedangkan yang lain tidak.&quot; Bagian Python untuk Blender menggunakan GPL-3, tetapi binary AI dari alat Smart berada di bawah &quot;lisensi hak cipta terbatas&quot; yang melarang redistribusi. &quot;Unduhan gratis&quot; dari situs warez adalah salinan bajakan: tanpa pembaruan, tanpa dukungan, tanpa file AI yang dapat digunakan secara legal, dan berpotensi berisi apa pun yang dimasukkan pengunggah ke dalam file zip.</p>
<p>Jalur gratis yang sah memang tersedia dan layak digunakan. Rigify sudah ada di Blender Anda. <a href="/id/tools/rigger">Auto Rigger</a> web dari Cinevva dapat melakukan rigging humanoid pertama Anda secara gratis dari file GLB, FBX, atau OBJ hingga 50 MB, lalu mengembalikan GLB yang sudah di-rig dan dapat dibuka di Blender. Mixamo juga masih menyediakan rigging humanoid online gratis dengan Adobe ID. Untuk mencoba rig Auto-Rig Pro sebelum membayar, unduh Mike, karakter gratis yang ditautkan Artell dari halaman Superhive. Cara sah termurah untuk mulai menggunakan Auto-Rig Pro adalah Lite seharga $25, yang tidak menyertakan Smart, Remap, dan eksportir game.</p>
<h2>Pilih berdasarkan situasi</h2>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 520" role="img" aria-label="Alur keputusan untuk memilih add-on rigging Blender. Pertanyaan satu: apakah Anda memerlukan rig wajah, anggota tubuh khusus, atau rig kontrol animator? Ya mengarah ke Auto-Rig Pro Full seharga $50. Tidak mengarah ke pertanyaan dua: apakah Anda sudah memiliki skeleton dengan skinning dari Mixamo, Character Creator, DAZ, atau VRoid? Ya mengarah ke Quick Rig seharga $12.50 ditambah Auto-Rig Pro. Tidak mengarah ke pertanyaan tiga: apakah ini humanoid yang akan dikirim ke game engine? Ya mengarah ke Cinevva Rig seharga $29 dengan 260 klip CC0 dan preset ekspor. Tidak mengarah ke pertanyaan empat: apakah anggarannya nol? Ya mengarah ke Rigify, gratis dan sudah disertakan. Tidak mengarah ke Auto-Rig Pro Lite seharga $25 atau Full seharga $50.">
  <defs>
    <marker id="arw" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
      <path d="M0 0 L10 5 L0 10 z" fill="#9aa7b4"/>
    </marker>
  </defs>
  <rect width="720" height="520" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Add-on rigging yang cocok untuk Anda</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Empat pertanyaan, dijawab dari atas ke bawah. Harga dibayar sekali.</text>
    <g fill="#121a31" stroke="#2a3655" stroke-width="1.5">
      <rect x="24" y="84" width="340" height="60" rx="10"/>
      <rect x="24" y="182" width="340" height="60" rx="10"/>
      <rect x="24" y="280" width="340" height="60" rx="10"/>
      <rect x="24" y="378" width="340" height="60" rx="10"/>
    </g>
    <g fill="#e8edf5" font-size="13" font-weight="700">
      <text x="40" y="108">Perlu rig wajah, anggota tubuh khusus,</text>
      <text x="40" y="128">atau rig kontrol animator?</text>
      <text x="40" y="206">Sudah punya skeleton dengan skinning</text>
      <text x="40" y="226">(Mixamo, Character Creator, DAZ, VRoid)?</text>
      <text x="40" y="304">Humanoid untuk dikirim ke game engine?</text>
      <text x="40" y="324">Ingin klip dan ekspornya juga ditangani?</text>
      <text x="40" y="402">Anggaran nol dan punya waktu untuk</text>
      <text x="40" y="422">menempatkan bone secara manual?</text>
    </g>
    <g stroke="#9aa7b4" stroke-width="2" fill="none" marker-end="url(#arw)">
      <line x1="364" y1="114" x2="418" y2="114"/>
      <line x1="364" y1="212" x2="418" y2="212"/>
      <line x1="364" y1="310" x2="418" y2="310"/>
      <line x1="364" y1="408" x2="418" y2="408"/>
      <line x1="194" y1="144" x2="194" y2="180"/>
      <line x1="194" y1="242" x2="194" y2="278"/>
      <line x1="194" y1="340" x2="194" y2="376"/>
      <line x1="194" y1="438" x2="194" y2="474"/>
    </g>
    <g font-size="11" font-weight="700" fill="#6ee7b7">
      <text x="380" y="106">ya</text>
      <text x="380" y="204">ya</text>
      <text x="380" y="302">ya</text>
      <text x="380" y="400">ya</text>
    </g>
    <g font-size="11" font-weight="700" fill="#fb7185">
      <text x="204" y="166">tidak</text>
      <text x="204" y="264">tidak</text>
      <text x="204" y="362">tidak</text>
      <text x="204" y="460">tidak</text>
    </g>
    <g stroke-width="1.5">
      <rect x="420" y="84" width="276" height="60" rx="10" fill="#121a31" stroke="#c8a8ff"/>
      <rect x="420" y="182" width="276" height="60" rx="10" fill="#121a31" stroke="#7dd3fc"/>
      <rect x="420" y="280" width="276" height="60" rx="10" fill="#121a31" stroke="#6ee7b7"/>
      <rect x="420" y="378" width="276" height="60" rx="10" fill="#121a31" stroke="#fbbf24"/>
      <rect x="24" y="476" width="340" height="32" rx="10" fill="#121a31" stroke="#c8a8ff"/>
    </g>
    <g font-size="13" font-weight="700">
      <text x="436" y="108" fill="#c8a8ff">Auto-Rig Pro Full, $50</text>
      <text x="436" y="208" fill="#7dd3fc">ARP: Quick Rig, $12.50</text>
      <text x="436" y="304" fill="#6ee7b7">Cinevva Rig, $29</text>
      <text x="436" y="402" fill="#fbbf24">Rigify, gratis</text>
      <text x="40" y="497" fill="#c8a8ff">Auto-Rig Pro Lite $25, atau Full $50 untuk Smart dan ekspor</text>
    </g>
    <g font-size="11" fill="#9aa7b4">
      <text x="436" y="128">Wajah, makhluk, Remap, ekspor ke engine</text>
      <text x="436" y="228">Memerlukan Auto-Rig Pro terinstal</text>
      <text x="436" y="324">260 klip CC0, preset, offline</text>
      <text x="436" y="422">Disertakan, perbaiki bone DEF sebelum ekspor</text>
    </g>
  </g>
</svg>
<figcaption>Baca dari atas ke bawah. Kebanyakan seniman game indie berhenti pada pertanyaan ketiga. Animator yang membuat keyframe di Blender berhenti pada pertanyaan pertama.</figcaption>
</figure>
<p><strong>Anda membuat animasi dan render di Blender.</strong> Gunakan Rigify jika Anda nyaman menempatkan bone, atau Auto-Rig Pro jika Anda menginginkan penempatan Smart dan rig wajah. Keduanya menyediakan kontrol IK dan FK yang dibutuhkan untuk animasi manual.</p>
<p><strong>Anda pengembang indie yang mengirim humanoid ke Unity, Unreal, Godot, atau web.</strong> Gunakan add-on Cinevva Rig. Sekali bayar $29, rigging dilakukan di komputer Anda, 260 klip CC0 di-retarget, dan tersedia preset yang menyesuaikan sumbu serta skala engine Anda agar karakter langsung berdiri tegak saat pertama kali diimpor. Untuk sinematik dengan keyframe manual nantinya, tambahkan Rigify secara gratis.</p>
<p><strong>Anda memiliki koleksi karakter Mixamo atau Character Creator.</strong> Gunakan Auto-Rig Pro Full ditambah Quick Rig, total $62.50. Quick Rig mengubah setiap skeleton menjadi rig kontrol tanpa mengubah weight, Remap memindahkan klip di antaranya, dan exporter mengirimkannya kembali ke engine.</p>
<p><strong>Anda melakukan rigging untuk makhluk, robot, atau bentuk tubuh yang tidak biasa.</strong> Gunakan Auto-Rig Pro. Sistem anggota tubuh serta preset Dog, Horse, dan Bird miliknya menjadi alasan CGDive dapat mengajarkan rigging T-rex, rubah, dan burung dengannya. Metarig Cat, Wolf, Horse, dan Shark dari Rigify menjadi alternatif gratis jika Anda bersedia menempatkan setiap bone.</p>
<p><strong>Rig-nya sudah bagus, tetapi weight-nya bermasalah.</strong> Gunakan Voxel Heat Diffuse Skinning seharga $30 bersama add-on rigging mana pun yang Anda pilih.</p>
<p><strong>Proses impor Anda terus bermasalah.</strong> Gunakan Better FBX Importer &amp; Exporter seharga $25 sebelum menyalahkan add-on rigging.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Auto-Rig Pro gratis, atau adakah unduhan gratis?</h3>
<p>Tidak. Auto-Rig Pro adalah add-on berbayar, $25 untuk Lite dan $50 untuk Full di Superhive, dengan pembaruan gratis setelah pembelian. Halaman lisensinya menyatakan bahwa add-on ini &quot;tidak boleh didistribusikan secara bebas dalam bentuk aslinya&quot;, dan binary AI milik alat Smart melarang redistribusi. Jadi, situs yang menawarkan unduhan gratis sebenarnya membagikan salinan bajakan tanpa pembaruan dan tanpa file AI yang berfungsi. Karakter gratis Mike dari Artell memungkinkan Anda mencoba rig yang dihasilkan, sedangkan cara legal dan gratis untuk memperoleh rig adalah Rigify, <a href="/id/tools/rigger">Auto Rigger</a> berbasis web dari Cinevva untuk karakter pertama Anda, dan Mixamo dengan Adobe ID.</p>
<h3>Adakah alternatif gratis untuk Auto-Rig Pro?</h3>
<p>Rigify, yang disertakan dalam setiap salinan Blender dan dapat diaktifkan di Preferences. Rigify menghasilkan rig kontrol lengkap dari metarig yang Anda posisikan secara manual, lalu melakukan skinning dengan Automatic Weights milik Blender. Untuk karakter game humanoid, Anda juga dapat melakukan rigging karakter pertama secara gratis melalui <a href="/id/tools/rigger">Auto Rigger</a> berbasis web dari Cinevva, yang menempatkan bone dan weight secara otomatis serta mengembalikan GLB yang sudah di-rig.</p>
<h3>Rigify vs Auto-Rig Pro, mana yang sebaiknya saya gunakan?</h3>
<p>Gunakan Rigify jika anggaran Anda nol, Anda membuat animasi di dalam Blender, dan Anda dapat meluangkan dua puluh menit untuk menempatkan bone. Gunakan Auto-Rig Pro jika Anda menginginkan penempatan marker Smart, rig wajah, anggota tubuh makhluk, retargeting mocap dengan Remap, atau exporter game yang menangani konvensi Unity, Unreal Mannequin, dan Godot untuk Anda. Rig Rigify memerlukan perbaikan deform bone sebelum dapat diekspor dengan bersih ke engine, sedangkan exporter Auto-Rig Pro menangani pekerjaan itu sendiri.</p>
<h3>Apa itu ARP Quick Rig?</h3>
<p>Quick Rig adalah ekstensi seharga $12.50 untuk Auto-Rig Pro yang mengubah skeleton dengan skinning menjadi rig kontrol Auto-Rig Pro, mempertahankan weight dan secara opsional melakukan baking animasi yang ada ke kontrol baru. Ekstensi ini menyertakan preset pemetaan untuk Mixamo, Reallusion Character Creator, DAZ, Human Generator, Unreal Mannequin, dan VRoid. Quick Rig tidak dapat digunakan sendiri karena Auto-Rig Pro harus diinstal terlebih dahulu.</p>
<h3>Apa add-on rigging terbaik untuk Blender?</h3>
<p>Untuk kelengkapan fitur, Auto-Rig Pro, dan lebih dari 68.700 penjualannya di Superhive menunjukkan bahwa sebagian besar pengguna Blender setuju. Untuk harga, Rigify, karena gratis dan sudah terinstal. Untuk karakter game humanoid yang mencakup animasi dan ekspor ke engine, <a href="/blender-addon/">add-on Cinevva Rig</a> dengan sekali bayar $29 mencakup lebih banyak kebutuhan pipeline khusus tersebut dibandingkan keduanya. Pilihan terbaik bergantung pada apakah Anda seorang animator, seniman game, atau keduanya.</p>
<h3>Apakah add-on Cinevva Rig menggantikan Auto-Rig Pro?</h3>
<p>Tidak untuk animator. Auto-Rig Pro membuat rig wajah, melakukan rigging untuk makhluk dan karakter dengan banyak anggota tubuh, me-retarget mocap, serta menyediakan rig kontrol animator, sedangkan add-on Cinevva tidak melakukan semua itu. Add-on ini menggantikan pipeline game humanoid: penempatan bone dan weight otomatis di komputer Anda, 260 klip CC0 yang di-retarget di Blender, serta preset ekspor untuk Unity, Unreal, Godot, dan web, dengan sekali pembelian $29 untuk Blender 4.2 dan yang lebih baru.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/automatic-rigging-explained">Cara Kerja Rigging Otomatis (dan Cara Menyiapkan Model untuknya)</a>: pengertian rig, cara auto-rigger menempatkan sendi, dan persiapan mesh sepuluh menit agar semuanya berfungsi</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Auto-Rigging Gratis: Mixamo dan Alternatifnya</a>: status dan lisensi Mixamo pada 2026, beserta koleksi klip CC0</li>
<li><a href="/id/guides/free-rigged-3d-character-models">Model Karakter 3D Gratis dengan Rig Terbaik untuk Game</a>: lewati rigging sepenuhnya dengan karakter yang sudah memiliki skeleton</li>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: add-on, harga peluncuran $29, dan cara kerja key</li>
<li><a href="/id/tools/rigger">Auto Rigger</a>: lakukan rigging humanoid pertama Anda secara gratis di browser, mendukung GLB, FBX, atau OBJ hingga 50 MB</li>
<li><a href="/id/tools/animations">Koleksi Animasi Karakter</a>: pratinjau 260 klip CC0 yang sama pada model Anda sendiri yang sudah di-rig</li>
<li><a href="/id/guides/how-to-rig-a-character-in-blender">Cara Melakukan Rigging Karakter di Blender (2026)</a>: Rigify, armature manual, dan metode sekali klik, langkah demi langkah</li>
<li><a href="/id/guides/blender-weight-painting-problems">Weight Painting Blender: 7 Masalah yang Dialami Semua Orang</a>: memperbaiki weight secara manual, atau melewati langkah tersebut</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Kerja Rigging Otomatis (dan Cara Menyiapkan Model untuknya)]]></title>
            <link>https://app.cinevva.com/id/guides/automatic-rigging-explained</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/automatic-rigging-explained</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara kerja rigging otomatis: bagaimana auto rigger menempatkan sendi dan bobot skin, cara menyiapkan model 3D untuknya, dan cara menilai rig dalam 30 detik.]]></description>
            <content:encoded><![CDATA[<h1>Cara Kerja Rigging Otomatis (dan Cara Menyiapkan Model untuknya)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/automatic-rigging-explained-hero.jpg?v=1" alt="Karakter low-poly dalam T-pose dengan penanda sendi di samping kerangka wireframe bercahaya" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img, .guide-fig svg { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { border: 0; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Rigging otomatis memasang kerangka di dalam karakter 3D statis dan menghitung seberapa besar setiap tulang menarik setiap verteks, sehingga mesh menekuk saat tulang bergerak. Setiap auto rigger, baik yang menyesuaikan kerangka templat dengan penanda (Mixamo, Auto-Rig Pro) maupun yang memprediksi sendi menggunakan model terlatih (RigNet, UniRig, <a href="/id/tools/rigger">Auto Rigger</a> Cinevva), menginginkan input yang sama: satu mesh tersambung dalam T-pose atau A-pose, dengan skala manusia, menghadap ke depan, dan tanpa objek lain dalam berkas. Berikan itu dan humanoid akan selesai di-rig dalam waktu kurang dari satu menit. Berikan model berpose dengan beberapa shell dan properti, maka hasilnya adalah siku terlipat dan topi melayang.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Apa itu rig:</strong> hierarki sendi ditambah, untuk setiap verteks, hingga empat indeks dan bobot sendi yang jumlahnya satu. Dalam glTF, ini adalah array <code>skins</code> serta atribut verteks <code>JOINTS_0</code> dan <code>WEIGHTS_0</code>.</li>
<li><strong>Cara auto rigger menempatkan sendi:</strong> dengan menyesuaikan kerangka templat ke landmark pada mesh Anda, atau dengan memprediksi posisi sendi dari geometri menggunakan model terlatih.</li>
<li><strong>Apa yang perlu diberikan:</strong> satu mesh watertight, T-pose atau A-pose, origin di kaki, tinggi sekitar 1,8 meter, transform telah diterapkan, normal mengarah keluar, tanpa armature, tanpa properti.</li>
<li><strong>Cara memeriksanya:</strong> tekuk siku dan lutut, periksa ketiak dan pinggul, putar pergelangan tangan dan amati apakah terjadi jepitan seperti bungkus permen.</li>
<li><strong>Jalur tercepat pada 2026:</strong> unggah GLB, FBX, atau OBJ ke <a href="/id/tools/rigger">Auto Rigger</a>, lalu dapatkan kembali GLB yang telah di-rig dengan animasi yang sudah di-bake.</li>
</ul>
<h2>Referensi singkat</h2>
<table>
<thead>
<tr>
<th>Jalur</th>
<th>Penempatan sendi</th>
<th>Input</th>
<th>Output</th>
<th>Non-humanoid</th>
<th>Biaya</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="/id/tools/rigger">Cinevva Auto Rigger</a></td>
<td>Berbasis pembelajaran, biped dan quadruped</td>
<td>GLB, FBX, OBJ hingga 50 MB</td>
<td>GLB yang telah di-rig dengan klip yang di-bake</td>
<td>Quadruped pada mesin Pro</td>
<td>Rig pertama gratis, lalu paket Standard atau Pro</td>
</tr>
<tr>
<td><a href="/blender-addon/">Cinevva Rig untuk Blender</a></td>
<td>Mesin yang sama, di komputer Anda</td>
<td>Mesh apa pun, Blender 4.2+</td>
<td>Kerangka dengan penamaan Mixamo</td>
<td>Melalui mesin Pro daring</td>
<td>Harga peluncuran $29, tanpa batas</td>
</tr>
<tr>
<td>Mixamo</td>
<td>Templat, penanda yang Anda tempatkan</td>
<td>FBX, OBJ, ZIP</td>
<td>FBX atau DAE</td>
<td>Tidak</td>
<td>Gratis dengan Adobe ID</td>
</tr>
<tr>
<td>Blender Rigify</td>
<td>Penempatan metarig secara manual</td>
<td>Mesh apa pun di Blender</td>
<td>Control rig, Automatic Weights</td>
<td>Metarig Cat, Wolf, Horse, Shark</td>
<td>Gratis, sudah disertakan</td>
</tr>
<tr>
<td>Auto-Rig Pro</td>
<td>Penanda pintar, AI opsional</td>
<td>Mesh apa pun di Blender</td>
<td>Control rig plus ekspor game</td>
<td>Berfokus pada humanoid</td>
<td>Add-on berbayar, sekali bayar</td>
</tr>
<tr>
<td>Tripo Auto Rig</td>
<td>Berbasis pembelajaran, <code>rig-check</code> terlebih dahulu</td>
<td>GLB, GLTF, FBX, OBJ, STL hingga 150 MB</td>
<td>GLB atau FBX</td>
<td>Enam rancangan makhluk pada v2.5</td>
<td>Kredit API</td>
</tr>
<tr>
<td>UniRig</td>
<td>Prediksi autoregresif</td>
<td>OBJ, FBX, GLB, VRM</td>
<td>FBX</td>
<td>Manusia, hewan, objek</td>
<td>Gratis, kode MIT, di-host sendiri</td>
</tr>
</tbody>
</table>
<h2>Apa sebenarnya rig itu</h2>
<p><strong>Kerangka.</strong> Sebuah pohon sendi, masing-masing berupa transform relatif terhadap induknya. Gerakkan bahu dan siku, pergelangan tangan, serta jari-jari akan ikut bergerak. Dalam glTF, kerangka bukanlah struktur terpisah: <a href="https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html#skins">bagian Skins dalam spesifikasi glTF 2.0</a> menyatakan bahwa “hierarki sendi yang digunakan untuk mengendalikan pose mesh ber-skin hanyalah hierarki node”, dengan array <code>skin.joints</code> yang menentukan node mana yang merupakan sendi. Itulah sebabnya <a href="/id/tools/glb-viewer">penampil GLB</a> menampilkan tulang sebagai node biasa dalam scene graph.</p>
<p><strong>Bind pose.</strong> Pose yang dipertahankan karakter saat skin dipasangkan. glTF menyimpannya sebagai <code>inverseBindMatrices</code>, satu <code>MAT4</code> per sendi, yang “digunakan untuk membawa koordinat yang sedang di-skin ke ruang yang sama dengan setiap sendi”. Saat animasi yang diunduh membuat lengan karakter terlipat menembus dadanya, biasanya bagian inilah yang tidak selaras.</p>
<p><strong>Bobot skin.</strong> Untuk setiap verteks, sendi mana yang menggerakkannya dan seberapa besar pengaruhnya. glTF menempatkan data ini dalam atribut <code>JOINTS_n</code> dan <code>WEIGHTS_n</code>, keduanya berupa <code>VEC4</code>, sehingga setiap set memuat hingga empat pengaruh per verteks. Bobot “TIDAK BOLEH negatif” dan jumlahnya “SEBAIKNYA sedekat mungkin dengan 1,0”. Verteks di tengah lengan bawah dipengaruhi 100% oleh lengan bawah. Verteks pada lipatan siku mungkin dipengaruhi 55% oleh lengan atas dan 45% oleh lengan bawah, dan perpaduan inilah yang membuat lipatan menekuk alih-alih robek. Ini disebut linear blend skinning, perhitungan matematis yang dijalankan setiap mesin dalam vertex shader-nya, dan teknik ini memiliki satu kelemahan terkenal yang akan kita temui di pergelangan tangan.</p>
<p>Berikut lokasi setiap bagian pada karakter.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 410" role="img" aria-label="Anatomi rig: humanoid dalam T-pose dengan hierarki 15 sendi dari pinggul ke kepala, bahu ke pergelangan tangan, dan pinggul ke pergelangan kaki, serta gradien bobot skin pada satu lengan yang membentang dari 0,0 di lengan atas hingga 1,0 di lengan bawah melintasi siku">
  <defs>
    <linearGradient id="rigw" gradientUnits="userSpaceOnUse" x1="242" y1="0" x2="360" y2="0">
      <stop offset="0" stop-color="#7dd3fc"/>
      <stop offset="0.4" stop-color="#7dd3fc"/>
      <stop offset="0.6" stop-color="#fb7185"/>
      <stop offset="1" stop-color="#fb7185"/>
    </linearGradient>
    <linearGradient id="rigw2" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#7dd3fc"/>
      <stop offset="0.4" stop-color="#7dd3fc"/>
      <stop offset="0.6" stop-color="#fb7185"/>
      <stop offset="1" stop-color="#fb7185"/>
    </linearGradient>
  </defs>
  <rect width="720" height="410" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Anatomi rig</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Kerangka, bind pose, dan bobot skin pada satu humanoid</text>
    <g fill="#121a31" stroke="#2a3655" stroke-width="1.5">
      <circle cx="210" cy="88" r="20"/>
      <rect x="178" y="112" width="64" height="126" rx="14"/>
      <rect x="60" y="130" width="120" height="20" rx="10"/>
      <rect x="240" y="130" width="120" height="20" rx="10"/>
      <rect x="183" y="236" width="26" height="134" rx="12"/>
      <rect x="211" y="236" width="26" height="134" rx="12"/>
    </g>
    <rect x="240" y="130" width="120" height="20" rx="10" fill="url(#rigw)" opacity="0.85"/>
    <g stroke="#c8a8ff" stroke-width="3" stroke-linecap="round" fill="none">
      <path d="M210 232 L210 200 L210 160 L210 120 L210 92"/>
      <path d="M178 140 L210 160 L242 140"/>
      <path d="M178 140 L120 140 L68 140"/>
      <path d="M242 140 L300 140 L352 140"/>
      <path d="M210 232 L196 300 L196 360"/>
      <path d="M210 232 L224 300 L224 360"/>
    </g>
    <g fill="#7dd3fc" stroke="#0b1020" stroke-width="2">
      <circle cx="210" cy="92" r="5"/>
      <circle cx="210" cy="120" r="5"/>
      <circle cx="210" cy="160" r="5"/>
      <circle cx="210" cy="200" r="5"/>
      <circle cx="210" cy="232" r="6"/>
      <circle cx="178" cy="140" r="5"/>
      <circle cx="120" cy="140" r="5"/>
      <circle cx="68" cy="140" r="5"/>
      <circle cx="242" cy="140" r="5"/>
      <circle cx="300" cy="140" r="5"/>
      <circle cx="352" cy="140" r="5"/>
      <circle cx="196" cy="300" r="5"/>
      <circle cx="196" cy="360" r="5"/>
      <circle cx="224" cy="300" r="5"/>
      <circle cx="224" cy="360" r="5"/>
    </g>
    <g font-size="11" fill="#e8edf5">
      <text x="238" y="96">kepala</text>
      <text x="218" y="124">leher</text>
      <text x="218" y="164">dada</text>
      <text x="218" y="204">tulang belakang</text>
      <text x="220" y="236">pinggul (root)</text>
      <text x="178" y="166" text-anchor="middle">bahu</text>
      <text x="120" y="166" text-anchor="middle">siku</text>
      <text x="68" y="166" text-anchor="middle">pergelangan</text>
      <text x="172" y="304" text-anchor="end">lutut</text>
      <text x="172" y="364" text-anchor="end">pergelangan kaki</text>
    </g>
    <text x="210" y="394" font-size="11" fill="#9aa7b4" text-anchor="middle">bind pose: T-pose saat skin dipasangkan</text>
    <rect x="430" y="80" width="266" height="296" rx="10" fill="#121a31"/>
    <text x="446" y="106" font-size="13" font-weight="700" fill="#e8edf5">Bobot skin</text>
    <text textLength="268" lengthAdjust="spacingAndGlyphs" x="446" y="124" font-size="11" fill="#9aa7b4">Seberapa besar sendi lengan bawah menggerakkan setiap verteks</text>
    <rect x="446" y="140" width="234" height="32" rx="16" fill="url(#rigw2)"/>
    <line x1="563" y1="136" x2="563" y2="176" stroke="#e8edf5" stroke-width="1" stroke-dasharray="3 3"/>
    <circle cx="563" cy="156" r="5" fill="#e8edf5" stroke="#0b1020" stroke-width="2"/>
    <text x="446" y="192" font-size="12" font-weight="700" fill="#7dd3fc">0.0</text>
    <text x="563" y="192" font-size="11" fill="#e8edf5" text-anchor="middle">siku</text>
    <text x="680" y="192" font-size="12" font-weight="700" fill="#fb7185" text-anchor="end">1.0</text>
    <text x="446" y="208" font-size="11" fill="#9aa7b4">lengan atas</text>
    <text x="680" y="208" font-size="11" fill="#9aa7b4" text-anchor="end">lengan bawah</text>
    <line x1="446" y1="226" x2="680" y2="226" stroke="#2a3655" stroke-width="1"/>
    <text x="446" y="252" font-size="13" font-weight="700" fill="#c8a8ff">Hierarki sendi</text>
    <text x="446" y="268" font-size="11" fill="#9aa7b4">pohon sendi, anak mengikuti induk</text>
    <text x="446" y="294" font-size="13" font-weight="700" fill="#6ee7b7">Bind pose</text>
    <text x="446" y="310" font-size="11" fill="#9aa7b4">pose saat skin dipasangkan</text>
    <text x="446" y="336" font-size="13" font-weight="700" fill="#fb7185">Bobot skin</text>
    <text x="446" y="352" font-size="11" fill="#9aa7b4">per verteks, hingga 4 sendi, jumlahnya 1,0</text>
  </g>
</svg>
<figcaption>Satu pohon yang berakar di pinggul, sehingga rotasi bahu ikut menggerakkan siku dan pergelangan tangan. Lengan kanan menunjukkan bobot sendi lengan bawah per verteks, dari biru 0,0 hingga koral 1,0, dan perpaduan pendek di sekitar siku memungkinkan lipatan menekuk alih-alih robek.</figcaption>
</figure>
<p>Rigging berarti menempatkan sendi dan menghitung bobot. Jika dilakukan secara manual, proses ini memakan waktu satu sore per karakter. Secara otomatis, prosesnya hanya membutuhkan beberapa detik hingga menit.</p>
<h2>Cara auto rigger menempatkan sendi</h2>
<p><strong>Penyesuaian templat.</strong> Alat ini memiliki satu kerangka humanoid dan perlu mengetahui letak landmark Anda. Mixamo meminta Anda menentukannya: <a href="https://helpx.adobe.com/creative-cloud/help/mixamo-rigging-animation.html">halaman bantuan rigging Adobe</a> meminta Anda mengunggah FBX, OBJ, atau ZIP, “menempatkan penanda pada titik-titik utama (pergelangan tangan, siku, lutut, dan selangkangan)”, lalu mengonfirmasi, setelah itu rigging “biasanya memerlukan waktu beberapa menit”. (Mixamo masih tersedia daring dan gratis dengan Adobe ID per September 2026, tetapi halaman bantuannya berasal dari September 2021 dan layanan tersebut sempat mengalami gangguan selama beberapa hari pada Juni 2025, jadi simpan berkas yang telah di-rig.) Mode Smart Auto-Rig Pro melakukan hal yang sama di dalam Blender, dan “model AI telah diterapkan sebagai opsi untuk menyiapkan penanda secara otomatis”. Rigify adalah opsi yang sepenuhnya manual: menurut <a href="https://docs.blender.org/manual/en/latest/addons/rigging/rigify/basics.html">halaman dasar-dasar Rigify</a>, “tulang meta-rig harus dipindahkan ke posisi yang tepat” sebelum Anda menekan Generate Rig. Penyesuaian templat memberikan hasil yang dapat diprediksi dan menghasilkan set tulang standar, yang dibutuhkan oleh retargeting. Metode ini gagal saat karakter tidak cocok dengan templat: anggota tubuh tambahan, tanpa leher, atau memiliki ekor.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/LLnXBvEnG7o" title="Rigify: masa lalu, masa kini, dan masa depan rigging Blender (Blender Conference 2024)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">Presentasi Blender sendiri di Blender Conference 2024 tentang Rigify, sisi manual dari penyesuaian templat: Anda menempatkan metarig, lalu Rigify menghasilkan control rig dan bobotnya.</div>
**Prediksi sendi berbasis pembelajaran.** Alat ini telah mempelajari ribuan karakter yang sudah diberi rig dan memprediksi letak sendi pada karakter Anda. [RigNet](https://github.com/zhan-xu/RigNet) (SIGGRAPH 2020) menjadi tonggak penting: sebuah jaringan mengelompokkan verteks menjadi kandidat sendi, lalu jaringan terpisah memilih akar, menentukan konektivitas, dan memprediksi bobot. Model ini dilatih pada 2.703 model ber-rig dan memerlukan input yang di-remesh menjadi antara 1.000 hingga 5.000 verteks, yang menunjukkan betapa sensitifnya model-model ini terhadap kepadatan mesh. [UniRig](https://github.com/VAST-AI-Research/UniRig) (SIGGRAPH 2025, Tsinghua University dan Tripo) menyatukan semua itu dalam satu transformer autoregresif yang menuliskan kerangka sebagai urutan token, sehingga struktur pohonnya valid sejak awal, lalu memprediksi bobot menggunakan cross-attention tulang-ke-titik. Set pelatihan Rig-XL-nya memiliki lebih dari 14.000 model ber-rig yang mencakup manusia, hewan, dan objek, sehingga mampu menangani naga yang tidak dapat diproses oleh alat berbasis templat. Kodenya berlisensi MIT, sementara checkpoint Rig-XL lengkap dicantumkan akan segera tersedia. Prediksi berbasis pembelajaran tidak memerlukan penanda dan dapat menangani lebih banyak rancangan tubuh, tetapi sendi ditempatkan berdasarkan posisi sendi yang umum dalam data pelatihan, sehingga proporsi yang tidak biasa cenderung dirata-ratakan menuju bentuk normal.
<p><a href="/id/tools/rigger">Auto Rigger</a> Cinevva termasuk dalam kelompok kedua. Alat ini mendeteksi apakah unggahan berupa biped atau kuadruped, menyesuaikan kerangka, dan mengikat verteks tanpa perlu menempatkan penanda. Mesin Fast menangani humanoid dan digunakan untuk unduhan pertama gratis. Kuadruped dan humanoid dengan bentuk yang sulit akan diproses oleh mesin Pro pada paket Standard dan Pro. <a href="/blender-addon/">Add-on Blender</a> menjalankan mesin Fast yang sama secara lokal dan melaporkan jumlah tulang serta jari yang ditemukan.</p>
<h2>Mengapa pose dan satu mesh itu penting</h2>
<p><a href="https://helpx.adobe.com/creative-cloud/faq/mixamo-faq.html">FAQ Mixamo</a> dari Adobe menjelaskan asumsi yang digunakan semua alat rigging: karakter harus memiliki &quot;area kepala, tubuh, lengan, dan kaki yang dapat dibedakan&quot;, berada &quot;dalam pose bawaan atau netral&quot;, &quot;tidak memiliki konten lain di dalam file&quot;, &quot;tidak memiliki celah di antara bagian-bagiannya&quot;, dan &quot;berada di tengah scene&quot;. Berikut alasannya.</p>
<p><strong>T-pose atau A-pose.</strong> Penempatan penanda maupun prediksi berbasis pembelajaran menemukan anggota tubuh dengan mencari bentuk geometri menyerupai tabung yang menonjol dari torso. Lengan yang menempel di sisi tubuh menyatu dengan badan dan bobotnya merembes ke area lain, sehingga mengangkat lengan ikut menarik tulang rusuk. A-pose (lengan turun sekitar 45 derajat) sering kali menghasilkan skinning bahu yang sedikit lebih baik daripada T-pose ketat karena ketiak tidak terlalu teregang. Lengan bersilang atau pose heroik tidak dapat digunakan, dan rig akan dibuat seolah-olah pose tersebut merupakan pose netral.</p>
<p><strong>Satu mesh yang tersambung.</strong> Bobot dihitung berdasarkan jarak melalui volume mesh, bukan melalui udara. Manual Blender menjelaskan bahwa <a href="https://docs.blender.org/manual/en/latest/animation/armatures/skinning/parenting.html">Automatic Weights</a> bekerja &quot;berdasarkan jarak dari verteks tersebut ke tulang tertentu (algoritma 'bone heat')&quot;, dan alat rigging berbasis pembelajaran menggunakan fitur geodesik serupa. Kepala yang melayang satu milimeter di atas leher atau sarung tangan yang merupakan cangkang terpisah akan menjadi pulau tersendiri, sehingga solver harus menebak cara menghubungkannya. Sering kali sarung tangan tertinggal saat lengan bergerak.</p>
<p>Jika dibandingkan berdampingan, perbedaannya mudah dikenali sebelum Anda mengunggah.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 350" role="img" aria-label="Pose baik dibandingkan pose buruk: di sebelah kiri terdapat satu mesh tersambung dalam A-pose dengan lengan menjauh dari tubuh dan kaki terpisah, ditandai centang hijau; di sebelah kanan terdapat figur dengan lengan menempel pada tubuh, topi melayang, sarung tangan terpisah, dan kaki yang saling bersentuhan, ditandai silang berwarna koral, masing-masing dengan tiga keterangan kegagalan">
  <rect width="720" height="350" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Pose baik vs pose buruk</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Karakter yang sama, dua ekspor. Hanya yang kiri menghasilkan rig bersih.</text>
    <rect x="24" y="76" width="324" height="252" rx="10" fill="#121a31"/>
    <rect x="372" y="76" width="324" height="252" rx="10" fill="#121a31"/>
    <circle cx="48" cy="100" r="9" fill="#6ee7b7"/>
    <path d="M43.5 100 l3 3 l6 -6" stroke="#0b1020" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
    <text x="64" y="105" font-size="14" font-weight="700" fill="#6ee7b7">Rig bersih</text>
    <circle cx="396" cy="100" r="9" fill="#fb7185"/>
    <path d="M392 96 l8 8 M400 96 l-8 8" stroke="#0b1020" stroke-width="2" fill="none" stroke-linecap="round"/>
    <text x="412" y="105" font-size="14" font-weight="700" fill="#fb7185">Rig buruk</text>
    <g fill="#3b4a75" stroke="#3b4a75" stroke-linecap="round">
      <circle cx="90" cy="130" r="13" stroke="none"/>
      <line x1="90" y1="140" x2="90" y2="150" stroke-width="12"/>
      <line x1="90" y1="150" x2="90" y2="228" stroke-width="34"/>
      <line x1="78" y1="160" x2="42" y2="208" stroke-width="14"/>
      <line x1="102" y1="160" x2="138" y2="208" stroke-width="14"/>
      <line x1="83" y1="228" x2="80" y2="300" stroke-width="15"/>
      <line x1="97" y1="228" x2="100" y2="300" stroke-width="15"/>
      <line x1="80" y1="304" x2="68" y2="304" stroke-width="10"/>
      <line x1="100" y1="304" x2="112" y2="304" stroke-width="10"/>
    </g>
    <g fill="#3b4a75" stroke="#3b4a75" stroke-linecap="round">
      <circle cx="440" cy="134" r="13" stroke="none"/>
      <line x1="440" y1="144" x2="440" y2="154" stroke-width="12"/>
      <line x1="440" y1="154" x2="440" y2="233" stroke-width="34"/>
      <line x1="434" y1="233" x2="434" y2="308" stroke-width="14"/>
      <line x1="446" y1="233" x2="446" y2="308" stroke-width="14"/>
      <line x1="434" y1="312" x2="422" y2="312" stroke-width="10"/>
      <line x1="446" y1="312" x2="458" y2="312" stroke-width="10"/>
    </g>
    <line x1="440" y1="242" x2="440" y2="308" stroke="#121a31" stroke-width="2"/>
    <g stroke="#121a31" stroke-linecap="round" fill="none">
      <line x1="427" y1="166" x2="423" y2="228" stroke-width="17"/>
      <line x1="453" y1="166" x2="457" y2="228" stroke-width="17"/>
    </g>
    <g stroke="#fb7185" stroke-linecap="round" fill="none" opacity="0.9">
      <line x1="427" y1="166" x2="423" y2="228" stroke-width="13"/>
      <line x1="453" y1="166" x2="457" y2="228" stroke-width="13"/>
    </g>
    <circle cx="423" cy="240" r="10" fill="#121a31"/>
    <circle cx="423" cy="240" r="8" fill="#fb7185" opacity="0.9"/>
    <rect x="427" y="108" width="26" height="9" rx="3" fill="#fb7185" opacity="0.9"/>
    <rect x="420" y="117" width="40" height="3" rx="1.5" fill="#fb7185" opacity="0.9"/>
    <g font-size="12" font-weight="700" fill="#e8edf5">
      <text x="184" y="150">Satu mesh tersambung</text>
      <text x="184" y="212">Lengan terbuka dalam A-pose</text>
      <text x="184" y="274">Kaki terpisah dan simetris</text>
      <text x="514" y="150">Topi berupa cangkang terpisah</text>
      <text x="514" y="212">Lengan menempel pada tubuh</text>
      <text x="514" y="274">Kaki dan sarung tangan bersentuhan</text>
    </g>
    <g font-size="11" fill="#9aa7b4">
      <text x="184" y="167">tanpa cangkang atau pulau terpisah</text>
      <text x="184" y="229">anggota tubuh terlihat sebagai tabung terpisah</text>
      <text x="184" y="291">kedua sisi tercermin dengan rapi</text>
      <text x="514" y="167">diam saat tubuh bergerak</text>
      <text x="514" y="229">bobot merembes ke dada</text>
      <text x="514" y="291">terikat ke sendi yang salah</text>
    </g>
    <g fill="#6ee7b7">
      <circle cx="168" cy="146" r="7"/>
      <circle cx="168" cy="208" r="7"/>
      <circle cx="168" cy="270" r="7"/>
    </g>
    <g stroke="#0b1020" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round">
      <path d="M164.5 146 l2.5 2.5 l5 -5"/>
      <path d="M164.5 208 l2.5 2.5 l5 -5"/>
      <path d="M164.5 270 l2.5 2.5 l5 -5"/>
    </g>
    <g fill="#fb7185">
      <circle cx="498" cy="146" r="7"/>
      <circle cx="498" cy="208" r="7"/>
      <circle cx="498" cy="270" r="7"/>
    </g>
    <g stroke="#0b1020" stroke-width="1.8" fill="none" stroke-linecap="round">
      <path d="M495 143 l6 6 M501 143 l-6 6"/>
      <path d="M495 205 l6 6 M501 205 l-6 6"/>
      <path d="M495 267 l6 6 M501 267 l-6 6"/>
    </g>
  </g>
</svg>
<figcaption>Ekspor di sebelah kiri merupakan satu cangkang dengan lengan menjauh dari tubuh dan kaki terpisah. Ekspor di sebelah kanan memiliki tiga kegagalan dari tabel di bawah: topi yang tetap diam saat tubuh bergerak, bobot lengan yang merembes ke dada, serta sarung tangan dan kaki yang bersentuhan sehingga terikat ke sendi yang salah.</figcaption>
</figure>
<p><strong>Skala dan origin.</strong> Rigify menyatakannya secara langsung: &quot;Rigify mengasumsikan bahwa 1 unit sama dengan 1 meter. Jadi, tinggi manusia sekitar 2 unit.&quot; Alat rigging berbasis pembelajaran juga dilatih pada karakter dengan skala yang kurang lebih setara manusia. Karakter yang diekspor dari alat berbasis sentimeter dengan tinggi 180 unit berada di luar ukuran yang diharapkan alat rigging mana pun, begitu pula karakter yang origin-nya berada di pinggul.</p>
<h2>Hal yang menyebabkan kegagalan dan alasannya</h2>
<table>
<thead>
<tr>
<th>Masalah</th>
<th>Yang terlihat</th>
<th>Alasannya</th>
</tr>
</thead>
<tbody>
<tr>
<td>Beberapa mesh atau cangkang terpisah</td>
<td>Topi atau sarung tangan tetap diam saat tubuh bergerak</td>
<td>Setiap pulau diberi bobot secara terpisah dan bagian kecil terikat ke sendi yang salah</td>
</tr>
<tr>
<td>Geometri non-manifold (lubang, face internal, verteks ganda)</td>
<td>Verteks mencuat tajam, bobot terbalik di sepanjang sambungan</td>
<td>Pembobotan berbasis volume memerlukan permukaan tertutup untuk mengetahui bagian dalam</td>
</tr>
<tr>
<td>Skala atau unit salah</td>
<td>Unggahan ditolak, atau hanya ada satu sendi untuk seluruh tubuh</td>
<td>Ukuran model 100x atau 1000x di luar rentang yang diharapkan</td>
</tr>
<tr>
<td>Normal terbalik</td>
<td>Area hitam atau tembus pandang, bobot di sekitarnya kacau</td>
<td>Pengujian bagian dalam/luar menggunakan normal untuk menentukan sisi tubuh</td>
</tr>
<tr>
<td>Properti dan aksesori di dalam file</td>
<td>Pedang dianggap sebagai anggota tubuh</td>
<td>FAQ Mixamo: &quot;anggota tubuh tambahan, sayap, ekor, atau rambut dan pakaian berukuran besar mungkin tidak berfungsi&quot;</td>
</tr>
<tr>
<td>Pakaian sebagai cangkang terpisah</td>
<td>Rok atau mantel menembus kaki</td>
<td>Pakaian dan tubuh mendapat bobot yang sedikit berbeda lalu bergeser menjauh</td>
</tr>
<tr>
<td>Asimetri</td>
<td>Satu lengan berhasil diberi rig, sedangkan lengan lainnya tidak</td>
<td>Alat rigging berbasis templat mencerminkan satu sisi, sehingga asimetri besar menggagalkan proses pencerminan</td>
</tr>
<tr>
<td>Kuadruped dikirim ke alat rigging humanoid</td>
<td>Kaki depan menjadi lengan, ekor diabaikan</td>
<td>Templat humanoid memiliki dua lengan dan dua kaki</td>
</tr>
</tbody>
</table>
<p>Cangkang pakaian merupakan kegagalan yang paling umum dalam penggunaan nyata karena karakter hasil generatif dan dari marketplace biasanya dibuat dengan cara tersebut. Auto-Rig Pro menyediakan mode skinning Voxelized untuk &quot;beberapa lapisan pakaian, properti, dan topologi kompleks&quot; khusus untuk mengatasi masalah ini. Jika alat Anda hanya memiliki satu mode, gabungkan pakaian ke tubuh terlebih dahulu. Kuadruped merupakan persoalan rancangan tubuh: Mixamo hanya diperuntukkan bagi &quot;humanoid bipedal&quot;, sedangkan <a href="https://developers.tripo3d.ai/en/docs/animations-rig">API rigging</a> Tripo memiliki model <code>v2.5-20260210</code> untuk rig &quot;kuadruped, heksapod, oktopod, serpentin, akuatik, dan avian&quot;, sementara alat rigging Cinevva mengirim kuadruped ke mesin Pro.</p>
<h2>Siapkan model Anda dalam 10 menit</h2>
<p>Semua langkah dilakukan di Blender pada salinan model.</p>
<p><strong>Hapus semua yang bukan bagian dari karakter.</strong> Kamera, lampu, lantai, armature lama, dan semua animasi. FAQ Mixamo: &quot;objek pembantu tambahan, kamera, atau objek scene menyebabkan auto-rigger tidak berfungsi.&quot;</p>
<p><strong>Gabungkan dan satukan.</strong> Pilih setiap mesh yang harus ikut terdeformasi bersama tubuh dan gabungkan semuanya (Ctrl-J). Dalam Edit Mode, pilih semua lalu jalankan Mesh, Merge, By Distance, yang menggabungkan &quot;setiap kelompok verteks yang jaraknya lebih dekat satu sama lain daripada jarak tertentu&quot;. Mulai dengan Merge Distance sebesar 0.0001 m dan naikkan hanya jika sambungan masih terbuka. Jangan sertakan pedang: beri rig pada tubuh, lalu parent properti ke tulang tangan, yang diperbolehkan oleh spesifikasi glTF karena &quot;sebuah node sendi BOLEH memiliki node lain yang terpasang padanya&quot;.</p>
<p><strong>Hitung ulang normal.</strong> Mesh, Normals, Recalculate Outside (Shift-N), yang &quot;membalik orientasi face terpilih jika diperlukan, sehingga semuanya mengarah keluar&quot;. Aktifkan overlay Face Orientation terlebih dahulu: warna merah berarti terbalik ke dalam.</p>
<p><strong>Atur pose netral.</strong> Jika karakter dibuat dalam keadaan berpose, pindahkan lengan ke T-pose atau A-pose dan luruskan kaki menggunakan armature sementara atau proportional editing. Lengan yang berjarak 20 hingga 30 derajat dari tubuh tetap menghasilkan rig yang jauh lebih baik daripada lengan yang menempel di sisi tubuh.</p>
<p><strong>Atur origin dan skala.</strong> Tempatkan origin di bagian bawah telapak kaki dan karakter pada titik nol dunia. Periksa Dimensions di panel N: tinggi manusia seharusnya terbaca 1,7 hingga 1,9 meter. Jika terbaca 180 atau 1800, perkecil skalanya.</p>
<p><strong>Terapkan transformasi.</strong> Object, Apply, All Transforms (Ctrl-A). <a href="https://docs.blender.org/manual/en/latest/scene_layout/object/editing/apply.html">Peringatan dari manual</a>: &quot;Disarankan untuk menerapkan transformasi sebelum rigging dan animasi.&quot; Langkah ini memasukkan rotasi dan skala ke dalam verteks, sehingga alat rigging tidak melihat objek berskala 0,01 yang diputar 90 derajat pada sumbu X, seperti yang biasanya terjadi pada sebagian besar impor FBX.</p>
<p><strong>Ekspor GLB.</strong> File, Export, glTF 2.0, dengan format glTF Binary (.glb), yang dijelaskan dalam <a href="https://docs.blender.org/manual/en/5.0/addons/import_export/scene_gltf2.html">dokumentasi eksportir</a> sebagai &quot;satu file .glb dengan seluruh data mesh, tekstur gambar, dan informasi terkait yang dikemas ke dalam satu file biner&quot;. Centang Include, Selected Objects. Biarkan Transform, +Y Up tetap aktif. Di bawah Data, Mesh, centang Apply Modifiers, UVs, dan Normals. Biarkan Animation nonaktif. Buka hasilnya di <a href="/id/tools/glb-viewer">penampil GLB</a> untuk memastikan hanya ada satu mesh, belum ada kerangka, dan ukurannya berada di bawah batas 50 MB <a href="/id/tools/rigger">Auto Rigger</a>. Alat rigging ini juga menerima FBX dan OBJ secara langsung, termasuk bundel OBJ ZIP dengan tekstur.</p>
<h2>Nilai rig dalam 30 detik</h2>
<p>Pose istirahat menyembunyikan semua masalah. Ubah pose atau putar klip animasi sebagai gantinya (<a href="/id/tools/glb-viewer">penampil GLB</a> memiliki overlay Bones dan dapat memutar klip yang sudah di-bake).</p>
<p><strong>Tekuk siku dan lutut hingga 90 derajat.</strong> Bagian dalam harus membentuk lipatan, bukan terlipat rata, sementara bagian luar harus mempertahankan volumenya. Lutut yang terjepit rata berarti transisi bobot hanya melewati satu loop verteks, bukan tiga atau empat; ini lebih merupakan masalah kepadatan mesh daripada masalah alat rigging.
<strong>Angkat lengan ke atas kepala dan perhatikan ketiak, lalu berjongkok dan perhatikan pinggul.</strong> Tiga sendi bertemu di setiap bagian tersebut. Kebocoran pengaruh bobot terlihat saat dada ikut terangkat bersama lengan, sedangkan lapisan pakaian yang bermasalah tampak ketika paha menembus kaki celana.</p>
<p><strong>Putar pergelangan tangan 90 derajat dan perhatikan lengan bawah.</strong> Jika bagian tengahnya menyempit seperti terjepit, itu adalah artefak bungkus permen dari linear blend skinning: sebuah verteks yang bobotnya terbagi rata ke dua sendi menerima perpaduan matriks yang diputar dan tidak diputar, lalu perpaduan tersebut menyusut ke arah sumbu. Setiap auto rigger menghasilkan artefak ini dalam kadar tertentu. Bone pemutar lengan bawah atau dual quaternion skinning di engine dapat menyembunyikannya.</p>
<p><strong>Putar animasi berjalan.</strong> Kaki seharusnya menapak pada saat kontak. Kaki yang bergeser biasanya berarti klip dibuat berjalan di tempat dan game Anda yang harus menggerakkan karakter. Kaki yang tenggelam atau melayang berarti skala rig tidak sesuai dengan skala klip.</p>
<p>Jika empat pengujian pertama berhasil, rig tersebut sudah cukup baik untuk game. Jika dua pengujian gagal, perbaiki mesh lalu buat rig lagi daripada mengecat bobot: percobaan kedua hanya memerlukan satu menit, sedangkan pengecatan bobot memerlukan satu jam.</p>
<h2>Cara memasang animasi ke rig</h2>
<p>Animasi hampir selalu berasal dari sumber lain: pustaka, mocap, atau model text-to-motion. Retargeting menyalin klip yang dibuat untuk satu skeleton ke skeleton lain dengan nama bone, proporsi, dan bind pose yang berbeda.</p>
<p>Penamaan bone adalah kendala pertama, sehingga konvensi humanoid sangat penting. Mixamo menamai bone-nya <code>mixamorig:Hips</code>, <code>mixamorig:LeftArm</code>, dan seterusnya. Karena begitu banyak klip dibuat untuknya, &quot;kompatibel dengan Mixamo&quot; menjadi standar de facto: API Tripo menawarkan spesifikasi <code>mixamo</code> untuk &quot;penamaan bone yang kompatibel dengan Mixamo&quot;, sedangkan add-on Blender Cinevva menghasilkan skeleton dengan penamaan Mixamo. <a href="https://github.com/vrm-c/vrm-specification/blob/master/specification/VRMC_vrm-1.0/humanoid.md">Spesifikasi humanoid VRM</a> menetapkan peran alih-alih nama: 15 bone wajib (pinggul, tulang belakang, kepala, serta paha, tungkai bawah, kaki, lengan atas, lengan bawah, dan tangan di setiap sisi), ditambah dada, leher, mata, rahang, jari kaki, dan jari tangan yang bersifat opsional. <a href="https://docs.unity3d.com/Manual/ConfiguringtheAvatar.html">Avatar Humanoid</a> Unity memerlukan &quot;setidaknya 15 bone&quot; yang sama dan T-pose. Jika rig Anda memiliki kelima belas bone tersebut, rig dapat di-retarget ke hampir semua sistem.</p>
<p>Proporsi dan bind pose adalah kendala kedua. Menyalin rotasi lokal antara dua skeleton yang bone-nya mengarah sepanjang sumbu lokal berbeda dapat membuat posisi lengan melenceng 90 derajat. <a href="/id/tools/animations">Pustaka Animasi</a> Cinevva menghindari masalah ini dengan melakukan penyelesaian di world space: pada setiap frame, sistem &quot;menentukan posisi sebenarnya sendi sumber relatif terhadap bind pose-nya sendiri, lalu menempatkan sendi Anda di posisi yang sepadan relatif terhadap bind pose Anda&quot;. Sistem mencocokkan nama secara fleksibel (<code>mixamorig:LeftArm</code>, <code>LeftArm</code>, dan <code>left_arm</code> semuanya dikenali), menganggap jari sebagai bagian opsional, dan me-retarget 260 klip CC0 ke humanoid apa pun yang Anda unggah. <a href="/id/tools/animate">Animasi dari Prompt</a> melakukan hal yang sama untuk gerakan hasil generasi, dengan memetakan 22 bone tubuh dari skeleton sumber yang memiliki 77 bone ke karakter Anda, serta mendeteksi penamaan Mixamo, Tripo, Reallusion CC4, UE5, dan generik secara otomatis.</p>
<p>Karakter berkaki empat tidak mendapatkan kemudahan ini. Tidak ada pemetaan yang masuk akal dari tulang belakang bipedal ke tulang belakang anjing, sehingga rig berkaki empat yang dihasilkan rigger Cinevva dilengkapi siklus berjalan yang sudah di-bake dan tidak memiliki pustaka untuk dijelajahi.</p>
<h2>Bagian yang masih sering gagal pada auto rigging</h2>
<p><strong>Jari tangan.</strong> Dua puluh bone kecil dalam jarak beberapa sentimeter, yang sering kali dimodelkan seperti sarung tangan atau dengan jari-jari saling bersentuhan. Rigger berbasis pembelajaran dapat menemukan tiga jari pada satu tangan dan lima pada tangan lainnya, atau menyatukan ibu jari dengan telapak tangan. Karena itulah add-on Cinevva melaporkan jumlah jari dan <a href="/id/tools/animations">Pustaka Animasi</a> menganggap jari sebagai bagian opsional. Panduan Auto-Rig Pro untuk pendeteksian jari adalah &quot;jari-jari direnggangkan&quot; dengan &quot;telapak tangan harus menghadap lantai&quot;.</p>
<p><strong>Wajah.</strong> Tidak ada body rigger yang menangani animasi wajah. Ekspresi berasal dari blend shape (morph target glTF) atau rig wajah terpisah, dan karakter hasil generasi biasanya tidak memiliki keduanya.</p>
<p><strong>Rok, jubah, mantel, dan rambut panjang.</strong> Semua ini memerlukan fisika atau rantai bone tersendiri. Body rigger memberikan bobotnya ke bone kaki atau tulang belakang terdekat, sehingga rok menekuk bersama paha dan jubah menggantung kaku. Buat rig tubuh terlebih dahulu, lalu tambahkan simulasi kain atau rantai bone di engine Anda.</p>
<p><strong>Sayap dan ekor.</strong> Template humanoid tidak menyediakan tempat untuk keduanya. Rigger berbasis pembelajaran yang dilatih menggunakan hewan (UniRig, model v2.5 Tripo, dan engine Pro Cinevva) dapat menempatkan sendi pada ekor, tetapi membran sayap tetap kaku karena merupakan lembaran tipis dengan sendi di tepinya. Untuk mech atau objek lain yang bentuknya tidak menyerupai tubuh, memasangkan bagian-bagian kaku ke bone secara manual masih lebih baik daripada meminta solver melakukan skinning pada piston.</p>
<h2>Jika Anda bekerja di Blender</h2>
<p>Proses rigging yang sama tersedia langsung di Blender melalui <a href="/blender-addon/">add-on Cinevva Rig</a>: pilih mesh, tentukan tampak depan, tekan Rig, lalu armature dengan skin dan penamaan Mixamo akan muncul pada model Anda sendiri tanpa mengubah material dan modifier. Proses rigging dilakukan secara offline di komputer Anda dengan sekali pembelian seharga $29 (harga peluncuran), dapat memutar 260 klip CC0 pada hasilnya, serta mengekspor dengan preset untuk Unity, Unreal, Godot, dan web. Mendukung Blender 4.2 dan versi lebih baru di Windows, macOS, dan Linux. <a href="/id/guides/how-to-rig-a-character-in-blender">Panduan rigging Blender</a> juga membahas Rigify dan armature manual.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa itu rigging dalam 3D?</h3>
<p>Rigging adalah proses menambahkan skeleton ke model 3D dan mengikat mesh ke skeleton tersebut agar model dapat diberi pose dan dianimasikan. Skeleton merupakan hierarki sendi, sedangkan pengikatannya berupa sekumpulan skin weight yang menentukan seberapa besar setiap sendi menggerakkan setiap verteks. Dalam glTF, data ini berupa entri <code>skins</code> serta atribut <code>JOINTS_0</code> dan <code>WEIGHTS_0</code> pada mesh.</p>
<h3>Bagaimana cara kerja rigging otomatis?</h3>
<p>Auto rigger menentukan lokasi sendi karakter berdasarkan geometrinya, baik dengan menyesuaikan skeleton template ke landmark maupun dengan memprediksi posisi sendi menggunakan model yang dilatih pada ribuan karakter yang telah di-rig. Setelah itu, sistem menghitung skin weight berdasarkan posisi setiap verteks relatif terhadap bone. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva melakukan semua ini di browser untuk humanoid dan karakter berkaki empat, tanpa perlu menempatkan bone atau mengecat bobot.</p>
<h3>Bagaimana cara menyiapkan model untuk auto rigging?</h3>
<p>Gunakan satu mesh yang tersambung, T-pose atau A-pose, tinggi sekitar 1,8 meter, origin di kaki dan tepat pada world origin, menghadap ke depan, transform telah diterapkan, normal mengarah keluar, dan tidak ada objek lain dalam file. Di Blender: gabungkan objek, gunakan Merge by Distance, Recalculate Outside, dan Apply All Transforms, lalu ekspor GLB dengan Selected Objects dan Apply Modifiers diaktifkan.</p>
<h3>Bisakah saya melakukan rigging model 3D secara online?</h3>
<p>Bisa. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva dapat me-rig file GLB, FBX, atau OBJ hingga 50 MB di browser dan menghasilkan GLB yang telah di-rig. Karakter pertama Anda dapat diunduh secara gratis, termasuk hingga enam animasi yang telah di-bake. Mixamo melakukan rigging humanoid secara online dengan gratis menggunakan Adobe ID dan mengekspor FBX atau DAE. Rigger daring Tripo menggunakan kredit API.</p>
<h3>Apa itu skin weight?</h3>
<p>Skin weight adalah nilai per verteks yang menentukan seberapa kuat setiap sendi menggerakkan verteks tersebut. glTF mengizinkan hingga empat sendi per verteks untuk setiap kumpulan atribut, bobot tidak boleh negatif, dan jumlahnya seharusnya 1.0. Verteks di tengah lengan bawah diberi bobot sepenuhnya ke sendi lengan bawah. Verteks siku dibagi antara lengan atas dan lengan bawah, sehingga siku dapat tertekuk dengan mulus tanpa membuat mesh robek.</p>
<h3>Apakah auto rigging dapat digunakan pada hewan dan karakter berkaki empat?</h3>
<p>Hanya jika rigger mendukung struktur tubuh berkaki empat. Menurut FAQ Adobe, Mixamo hanya mendukung &quot;humanoid bipedal&quot;. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva mendeteksi karakter berkaki empat dan me-rig-nya menggunakan engine Pro dengan siklus berjalan yang telah di-bake. Model v2.5 Tripo mendukung enam struktur tubuh makhluk, sedangkan Rigify menyediakan metarig Cat, Wolf, Horse, dan Shark yang harus Anda sesuaikan secara manual. Bersiaplah menganimasikan hasilnya sendiri karena pustaka klip gratis yang besar umumnya ditujukan untuk humanoid.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter Gratis dan Auto-Rigging: Mixamo serta Alternatifnya</a>: rangkuman rigger gratis dan pustaka animasi CC0, lengkap dengan pemeriksaan lisensi</li>
<li><a href="/id/guides/free-rigged-3d-character-models">Model Karakter 3D dengan Rig Gratis Terbaik</a>: lewati proses rigging dengan karakter yang sudah memiliki skeleton</li>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik</a>: alat text-to-3D dan image-to-3D yang menghasilkan mesh yang mudah di-rig</li>
<li><a href="/id/guides/ai-animation-generators-3d">Generator Animasi AI Terbaik untuk Karakter 3D</a>: alat text-to-motion untuk memasang klip pada rig baru Anda</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a>: tempat menemukan karakter yang layak di-rig</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a>: apa saja yang boleh Anda distribusikan dari setiap rigger dan pustaka</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Add-on Blender Terbaik untuk Pengembang Game pada 2026 (Gratis dan Berbayar)]]></title>
            <link>https://app.cinevva.com/id/guides/best-blender-addons-game-developers</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/best-blender-addons-game-developers</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Add-on Blender terbaik untuk pengembang game pada 2026: alat rigging, skinning, animasi, ekspor, UV, baking, dan LOD, dengan harga serta versi Blender yang telah diverifikasi.]]></description>
            <content:encoded><![CDATA[<h1>Add-on Blender Terbaik untuk Pengembang Game pada 2026 (Gratis dan Berbayar)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/best-blender-addons-game-developers-hero.jpg?v=1" alt="Viewport Blender dengan karakter game yang telah di-rig, dikelilingi panel add-on dan dialog ekspor" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Add-on Blender yang sepadan dengan biayanya dalam pengerjaan game adalah add-on yang menangani langkah berulang untuk setiap aset: rigging, weight painting, pengemasan UV, baking, dan dialog ekspor. Bagi kebanyakan tim indie, pilihan utama per September 2026 adalah Rigify (bawaan) atau Auto-Rig Pro ($50) untuk rig, Voxel Heat Diffuse Skinning ($30) saat weight gagal, Animation Layers ($30) untuk mengedit gerakan, Better FBX Importer &amp; Exporter ($25) saat berkas FBX bermasalah, UVPackmaster 4 ($55) dan TexTools (gratis) untuk UV, SimpleBake ($20) untuk tekstur, serta eksportir glTF bawaan Blender untuk apa pun yang akan dirilis ke web atau Godot. Semua yang tercantum di bawah telah diperiksa bulan ini berdasarkan halaman Superhive atau <a href="http://extensions.blender.org">extensions.blender.org</a>, repositori GitHub, atau halaman resmi vendornya.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Rigging, gratis:</strong> Rigify, disertakan bersama Blender, diaktifkan melalui <code>Edit &gt; Preferences &gt; Add-ons</code>. Meta-rig untuk manusia, hewan berkaki empat, kucing, serigala, kuda, dan hiu.</li>
<li><strong>Rigging, control rig lengkap:</strong> Auto-Rig Pro, $50 untuk versi lengkap, lebih dari 65.000 penjualan di Superhive, Blender 2.93 hingga 5.1.</li>
<li><strong>Rigging, sekali beli termasuk animasi dan ekspor:</strong> <a href="/blender-addon/">add-on Cinevva Rig</a>, harga peluncuran $29, melakukan rigging secara offline di perangkat Anda sendiri, untuk Blender 4.2 dan yang lebih baru di Windows, macOS, dan Linux.</li>
<li><strong>Skinning:</strong> Voxel Heat Diffuse Skinning, $30, mengatasi galat &quot;bone heat weighting: failed to find solution&quot; pada mesh yang tidak kedap air.</li>
<li><strong>Pengeditan animasi:</strong> Animation Layers, $30, menambahkan layer di atas NLA Blender.</li>
<li><strong>Ekspor yang tidak lagi bermasalah:</strong> Better FBX Importer &amp; Exporter, $25, dibuat menggunakan FBX SDK resmi.</li>
<li><strong>UV:</strong> UVPackmaster 4 PRO, $55, pengemasan dengan GPU. TexTools, gratis, untuk kerapatan texel dan tata letak.</li>
<li><strong>Baking:</strong> SimpleBake, $20 untuk satu pengguna. Bake Wrangler, $25 untuk indie, jika Anda menginginkan grafik node.</li>
<li><strong>LOD:</strong> modifier Decimate ditambah LODGen (gratis, Blender 4.5+) atau LODify (gratis, Blender 4.2+).</li>
</ul>
<h2>Referensi cepat</h2>
<p>Harga berikut adalah harga untuk satu lisensi pengguna yang ditampilkan saat kami membaca halamannya, sebelum diskon dan pajak. Versi Blender mengikuti rentang yang disebutkan pada halaman tersebut. Jika suatu halaman lebih lama daripada bulan ini, kami menyatakannya.</p>
<table>
<thead>
<tr>
<th>Add-on</th>
<th>Kegunaan</th>
<th>Harga (USD)</th>
<th>Sumber dan lisensi</th>
<th>Versi Blender</th>
</tr>
</thead>
<tbody>
<tr>
<td>Rigify</td>
<td>Rigging</td>
<td>Gratis, bawaan</td>
<td>Disertakan bersama Blender, GPL</td>
<td>Blender versi saat ini</td>
</tr>
<tr>
<td>Auto-Rig Pro</td>
<td>Rigging, retargeting, ekspor</td>
<td>$50 lengkap, $25 Lite</td>
<td>Superhive, kode GPL ditambah berkas AI terpisah</td>
<td>2.93 hingga 5.1</td>
</tr>
<tr>
<td><a href="/blender-addon/">Cinevva Rig</a></td>
<td>Rigging, 260 klip, ekspor</td>
<td>Harga peluncuran $29, separuh fitur ekspor gratis</td>
<td><a href="http://cinevva.com">cinevva.com</a>, Python GPL-3.0</td>
<td>4.2 dan yang lebih baru</td>
</tr>
<tr>
<td>Mixamo Rig (komunitas)</td>
<td>Control rig untuk skeleton Mixamo</td>
<td>Gratis</td>
<td><a href="http://extensions.blender.org">extensions.blender.org</a>, GPL-3.0</td>
<td>4.2 dan yang lebih baru</td>
</tr>
<tr>
<td>Voxel Heat Diffuse Skinning</td>
<td>Weight skin</td>
<td>$30</td>
<td>Superhive, Python GPL ditambah komponen biner</td>
<td>3.6 hingga 5.1</td>
</tr>
<tr>
<td>Animation Layers</td>
<td>Pengeditan animasi</td>
<td>$30</td>
<td>Superhive, GPL</td>
<td>3.2 hingga 5.1</td>
</tr>
<tr>
<td>Rokoko Studio Live</td>
<td>Streaming mocap, retargeting</td>
<td>Gratis</td>
<td>GitHub, LGPL-3.0</td>
<td>2.80 dan yang lebih baru menurut README</td>
</tr>
<tr>
<td>MotionGen</td>
<td>Video menjadi animasi</td>
<td>$29 Pro, $1 Lite</td>
<td>Superhive, tercantum sebagai MIT</td>
<td>3.6 hingga 5.2, khusus Windows dengan NVIDIA</td>
</tr>
<tr>
<td>Eksportir glTF 2.0</td>
<td>Ekspor (web, Godot)</td>
<td>Gratis, bawaan</td>
<td>Disertakan bersama Blender</td>
<td>Blender versi saat ini</td>
</tr>
<tr>
<td>Eksportir FBX</td>
<td>Ekspor (Unity, Unreal)</td>
<td>Gratis, bawaan</td>
<td>Disertakan bersama Blender</td>
<td>Blender versi saat ini</td>
</tr>
<tr>
<td>Better FBX Importer &amp; Exporter</td>
<td>Impor dan ekspor</td>
<td>$25 indie</td>
<td>Superhive, Python GPL ditambah komponen biner</td>
<td>3.6 hingga 5.1</td>
</tr>
<tr>
<td>Send to Unreal</td>
<td>Blender ke Unreal</td>
<td>Gratis</td>
<td>GitHub (Epic), MIT</td>
<td>3.3 dan yang lebih baru menurut bl_info</td>
</tr>
<tr>
<td>Paket Hard Ops / Boxcutter</td>
<td>Pemodelan hard-surface</td>
<td>Paket $38, masing-masing $19 di Gumroad</td>
<td>Superhive dan Gumroad, GPL</td>
<td>3.5 hingga 5.2</td>
</tr>
<tr>
<td>UVPackmaster 4 PRO</td>
<td>Pengemasan UV</td>
<td>$55 ($44 di Gumroad)</td>
<td>Superhive dan Gumroad, tercantum sebagai GPL</td>
<td>2.93 hingga 5.1</td>
</tr>
<tr>
<td>TexTools</td>
<td>Tata letak UV, kerapatan texel, baking</td>
<td>Gratis</td>
<td>GitHub</td>
<td>3.2 dan yang lebih baru menurut README</td>
</tr>
<tr>
<td>MACHIN3tools</td>
<td>Menu pie dan alat pemodelan</td>
<td>$8 Prime, $20 DeusEx</td>
<td>Superhive, GPL</td>
<td>4.2 hingga 5.2</td>
</tr>
<tr>
<td>Quad Remesher</td>
<td>Retopologi otomatis</td>
<td>$109,90 Pro, $59,90 Indie</td>
<td><a href="http://exoside.com">exoside.com</a>, proprietari</td>
<td>Tidak disebutkan pada halaman yang kami baca</td>
</tr>
<tr>
<td>SimpleBake</td>
<td>Baking PBR</td>
<td>$20 untuk satu pengguna</td>
<td>Superhive, GPL (halaman dibaca Nov 2025)</td>
<td>4.2 hingga 4.5 pada halaman tersebut</td>
</tr>
<tr>
<td>Bake Wrangler</td>
<td>Baking berbasis node</td>
<td>$40 komersial, $25 indie</td>
<td>Superhive, GPL</td>
<td>4.2 hingga 5.0</td>
</tr>
<tr>
<td>Add-on Substance 3D</td>
<td>Material Substance di Blender</td>
<td>Add-on gratis, memerlukan material Substance</td>
<td><a href="http://adobe.com">adobe.com</a></td>
<td>Windows, macOS, Linux</td>
</tr>
<tr>
<td>Modifier Decimate</td>
<td>LOD</td>
<td>Gratis, bawaan</td>
<td>Disertakan bersama Blender</td>
<td>Blender versi saat ini</td>
</tr>
<tr>
<td>LODGen</td>
<td>Rangkaian LOD</td>
<td>Gratis</td>
<td><a href="http://extensions.blender.org">extensions.blender.org</a>, GPL-3.0</td>
<td>4.5 dan yang lebih baru</td>
</tr>
<tr>
<td>LODify</td>
<td>LOD, pengurangan ukuran tekstur, culling</td>
<td>Gratis</td>
<td><a href="http://extensions.blender.org">extensions.blender.org</a>, GPL-3.0</td>
<td>4.2 dan yang lebih baru</td>
</tr>
<tr>
<td>Asset Browser</td>
<td>Manajemen aset</td>
<td>Gratis, bawaan</td>
<td>Disertakan bersama Blender sejak 3.0</td>
<td>Blender versi saat ini</td>
</tr>
<tr>
<td>Blendkit (sebelumnya BlenderKit)</td>
<td>Pustaka aset</td>
<td>Paket gratis, $9,90/bulan untuk Full</td>
<td>GitHub, GPL-2.0-or-later</td>
<td>3.0 dan yang lebih baru</td>
</tr>
</tbody>
</table>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 616" role="img" aria-label="Peta kategori add-on Blender untuk pengembang game: delapan kartu pekerjaan (rigging, skinning, animasi, ekspor, pemodelan dan UV, baking, LOD, aset) yang masing-masing mencantumkan add-on yang dibahas, dengan kode warna hijau untuk gratis atau bawaan dan kuning untuk berbayar, beserta harga satu lisensi seperti Auto-Rig Pro $50, Cinevva Rig $29, Voxel Heat Diffuse Skinning $30, UVPackmaster 4 $55, SimpleBake $20">
  <rect width="720" height="616" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Add-on untuk setiap jenis pekerjaan</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Alat dalam panduan ini dikelompokkan menurut langkah yang dipersingkat, harga satu lisensi, September 2026</text>
    <g fill="#121a31" stroke="#2a3655" stroke-width="1">
      <rect x="24" y="80" width="330" height="118" rx="10"/>
      <rect x="366" y="80" width="330" height="118" rx="10"/>
      <rect x="24" y="206" width="330" height="118" rx="10"/>
      <rect x="366" y="206" width="330" height="118" rx="10"/>
      <rect x="24" y="332" width="330" height="118" rx="10"/>
      <rect x="366" y="332" width="330" height="118" rx="10"/>
      <rect x="24" y="458" width="330" height="118" rx="10"/>
      <rect x="366" y="458" width="330" height="118" rx="10"/>
    </g>
    <g font-size="14" font-weight="700" fill="#e8edf5">
      <text x="40" y="104">Rigging</text>
      <text x="382" y="104">Skinning</text>
      <text x="40" y="230">Animasi</text>
      <text x="382" y="230">Ekspor dan penyerahan ke engine</text>
      <text x="40" y="356">Pemodelan dan UV</text>
      <text x="382" y="356">Baking dan tekstur</text>
      <text x="40" y="482">LOD dan optimasi</text>
      <text x="382" y="482">Aset</text>
    </g>
    <g font-size="12" fill="#e8edf5">
      <circle cx="46" cy="122" r="4" fill="#6ee7b7"/><text x="58" y="126">Rigify, bawaan</text>
      <circle cx="46" cy="140" r="4" fill="#fbbf24"/><text x="58" y="144">Auto-Rig Pro, $50 lengkap, $25 Lite</text>
      <circle cx="46" cy="158" r="4" fill="#fbbf24"/><text x="58" y="162">Cinevva Rig, $29, separuh ekspor gratis</text>
      <circle cx="46" cy="176" r="4" fill="#6ee7b7"/><text x="58" y="180">Ekstensi Mixamo Rig, gratis</text>
      <circle cx="388" cy="122" r="4" fill="#6ee7b7"/><text x="400" y="126">Automatic Weights, bawaan</text>
      <circle cx="388" cy="140" r="4" fill="#fbbf24"/><text x="400" y="144">Voxel Heat Diffuse Skinning, $30</text>
      <circle cx="388" cy="158" r="4" fill="#6ee7b7"/><text x="400" y="162">Modifier Corrective Smooth, bawaan</text>
      <circle cx="46" cy="248" r="4" fill="#fbbf24"/><text x="58" y="252">Animation Layers, $30</text>
      <circle cx="46" cy="266" r="4" fill="#6ee7b7"/><text x="58" y="270">Rokoko Studio Live, gratis, LGPL</text>
      <circle cx="46" cy="284" r="4" fill="#fbbf24"/><text x="58" y="288">MotionGen, $29 Pro (video ke gerakan)</text>
      <circle cx="46" cy="302" r="4" fill="#6ee7b7"/><text x="58" y="306">Klip Mixamo, gratis dengan Adobe ID</text>
      <circle cx="388" cy="248" r="4" fill="#6ee7b7"/><text x="400" y="252">Eksportir glTF 2.0 dan FBX, bawaan</text>
      <circle cx="388" cy="266" r="4" fill="#fbbf24"/><text x="400" y="270">Better FBX Importer and Exporter, $25</text>
      <circle cx="388" cy="284" r="4" fill="#6ee7b7"/><text x="400" y="288">Send to Unreal, gratis, MIT</text>
      <circle cx="388" cy="302" r="4" fill="#6ee7b7"/><text x="400" y="306">Godot membaca .blend langsung, tanpa add-on</text>
      <circle cx="46" cy="374" r="4" fill="#fbbf24"/><text x="58" y="378">Hard Ops + Boxcutter, paket $38</text>
      <circle cx="46" cy="392" r="4" fill="#fbbf24"/><text x="58" y="396">UVPackmaster 4 PRO, $55</text>
      <circle cx="46" cy="410" r="4" fill="#6ee7b7"/><text x="58" y="414">TexTools, gratis</text>
      <circle cx="46" cy="428" r="4" fill="#fbbf24"/><text x="58" y="432">MACHIN3tools $8, Quad Remesher $109,90</text>
      <circle cx="388" cy="374" r="4" fill="#fbbf24"/><text x="400" y="378">SimpleBake, $20</text>
      <circle cx="388" cy="392" r="4" fill="#fbbf24"/><text x="400" y="396">Bake Wrangler, $25 indie, $40 komersial</text>
      <circle cx="388" cy="410" r="4" fill="#6ee7b7"/><text x="400" y="414">Add-on Substance 3D, add-on gratis</text>
      <circle cx="46" cy="500" r="4" fill="#6ee7b7"/><text x="58" y="504">Modifier Decimate, bawaan</text>
      <circle cx="46" cy="518" r="4" fill="#6ee7b7"/><text x="58" y="522">LODGen, gratis, Blender 4.5+</text>
      <circle cx="46" cy="536" r="4" fill="#6ee7b7"/><text x="58" y="540">LODify, gratis, Blender 4.2+</text>
      <circle cx="388" cy="500" r="4" fill="#6ee7b7"/><text x="400" y="504">Asset Browser, bawaan sejak 3.0</text>
      <circle cx="388" cy="518" r="4" fill="#6ee7b7"/><text x="400" y="522">Blendkit, paket gratis, Full $9,90/bulan</text>
    </g>
    <g font-size="12" fill="#9aa7b4">
      <circle cx="30" cy="598" r="4" fill="#6ee7b7"/><text x="42" y="602">gratis atau bawaan</text>
      <circle cx="160" cy="598" r="4" fill="#fbbf24"/><text x="172" y="602">berbayar, pembelian satu kali</text>
    </g>
  </g>
</svg>
<figcaption>Semua add-on dalam panduan ini, diurutkan berdasarkan langkah pipeline yang dipersingkat. Entri hijau tidak memerlukan biaya. Entri kuning adalah pembelian satu kali berdasarkan harga satu lisensi yang ditampilkan pada September 2026.</figcaption>
</figure>
<h2>Cara kerja add-on di Blender 4.2 dan yang lebih baru</h2>
<p>Blender 4.2 LTS memperkenalkan Extensions Platform, yang mengubah sumber add-on dan cara pembaruannya. <a href="https://developer.blender.org/docs/release_notes/4.2/">Catatan rilis 4.2</a> menjelaskan ekstensi sebagai arsip zip yang berisi berkas serta manifes dengan &quot;lisensi, hak cipta, izin, dan tautan berguna&quot;. Direktori resminya adalah <a href="https://extensions.blender.org/about/">extensions.blender.org</a>, yang &quot;hanya menawarkan perangkat lunak yang mematuhi GNU GPL&quot;. Satu aturan ini menjelaskan pemisahan yang akan Anda lihat di bawah: alat gratis tersedia di <a href="http://extensions.blender.org">extensions.blender.org</a> dan dapat dipasang dengan menyeretnya, sedangkan alat berbayar dengan engine biner (berkas AI milik Auto-Rig Pro, packer milik UVPackmaster, dan penghubung SDK milik Better FBX) dijual di Superhive atau Gumroad dan dipasang dari berkas zip.</p>
<p><strong>Izin akses online.</strong> Saat pertama kali membuka <code>Edit &gt; Preferences &gt; Get Extensions</code>, Blender meminta Anda untuk &quot;Mengizinkan Akses Online&quot;. Halaman <a href="https://docs.blender.org/manual/en/4.2/editors/preferences/system.html">preferensi System</a> menjelaskan pengaturan tersebut: &quot;Add-on yang mengikuti pengaturan ini hanya akan terhubung ke internet jika diaktifkan. Namun, Blender tidak dapat mencegah add-on pihak ketiga melanggar aturan ini.&quot; Jadi, tombol tersebut merupakan konvensi, bukan firewall. Manifes ekstensi menyatakan izin yang dibutuhkannya (Blendkit meminta <code>network</code> dan <code>files</code>), dan halaman add-on menampilkannya di bagian Permissions. Add-on yang berjalan di perangkat Anda sendiri sama sekali tidak memerlukan izin jaringan.
<strong>Menginstal dan memperbarui.</strong> <a href="https://docs.blender.org/manual/en/4.2/editors/preferences/extensions.html">Preferensi Extensions</a> mencantumkan tiga cara: seret tombol Get dari situs web ke Blender, cari di dalam Blender lalu klik Install, atau gunakan menu tarik-turun di kanan atas dan pilih <code>Install from Disk</code> untuk berkas zip. Extension dari berkas zip masuk ke Local Repository &quot;dan tidak akan tersedia pembaruan&quot;, jadi add-on berbayar diperbarui melalui pemutakhir milik vendornya atau dengan mengunduh ulang. Bahkan extension dari platform &quot;tidak diperbarui secara otomatis&quot;, menurut halaman About: Anda memeriksa pembaruan dari menu tarik-turun yang sama, atau mengaktifkan <code>Check for Updates on Startup</code> untuk repositori jarak jauh.</p>
<p><strong>Add-on lama masih berfungsi.</strong> Catatan rilis menyatakannya dengan jelas: &quot;Add-on yang belum dikonversi menjadi extension masih didukung sebagai add-on lama dan dapat diinstal dari disk seperti biasa.&quot; Halaman <a href="https://docs.blender.org/manual/en/4.2/editors/preferences/addons.html">preferensi Add-ons</a> membahasnya di bagian Installing Legacy Add-ons: klik <code>Install from Disk</code>, pilih <code>.py</code> atau <code>.zip</code>, lalu centang kotaknya untuk mengaktifkannya. Sebagian besar add-on dalam panduan ini sekarang didistribusikan sebagai extension, dan Superhive menandainya dengan baris &quot;Blender Extension Compatible: Yes&quot;.</p>
<h2>Rigging</h2>
<p><strong>Rigify</strong> (gratis, disertakan). <a href="https://docs.blender.org/manual/en/4.2/addons/rigging/rigify/index.html">Panduan Rigify</a> mendeskripsikannya sebagai &quot;Rigging otomatis dari komponen penyusun&quot;, berlisensi GPL dan disertakan bersama Blender. Anda menambahkan meta-rig melalui <code>Add &gt; Armature</code> (Basic Human, Basic Quadruped, Human, Cat, Wolf, Horse, Shark), memindahkan tulangnya agar sesuai dengan mesh dalam Edit Mode, lalu menekan <code>Generate Rig</code> di properti armature. Rigify menganggap satu unit sama dengan satu meter, jadi karakter manusia sebaiknya memiliki tinggi sekitar dua unit sebelum Anda mulai. Anda memperoleh control rig lengkap untuk animator secara gratis, dengan konsekuensi waktu yang harus dihabiskan untuk menempatkan tulang dan melukis weight. Untuk ekspor gim, Anda memerlukan skeleton khusus deformasi; di sinilah Better FBX (di bawah) dan tahap ekspor Auto-Rig Pro sangat berguna.</p>
<p><strong>Auto-Rig Pro</strong> ($50 versi lengkap, $25 Lite, $162 untuk 10 lisensi). Ini adalah pemimpin dalam kategorinya, dengan lebih dari 65.000 penjualan di <a href="https://superhivemarket.com/products/auto-rig-pro">Superhive</a> dan dukungan yang tercantum untuk Blender 2.93 hingga 5.1. Alat Smart menempatkan tulang pada humanoid berdasarkan beberapa marker, dan sejak versi 3.74, paket berkas AI opsional sebesar 400 MB (<a href="https://lucky3d.fr/auto-rig-pro/doc/install.html">diinstal secara terpisah</a>) dapat menempatkan marker tersebut untuk Anda. Alat Remap memindahkan animasi armature apa pun ke armature lain, sedangkan modul Game Engine Export menghasilkan FBX atau glTF dengan &quot;pengaturan khusus untuk Unity, Unreal Engine, dan Godot&quot;. FAQ-nya jujur tentang keterbatasannya: &quot;Ini bukan solusi rigging ajaib sekali klik&quot;; seniman tetap harus menyesuaikan posisi dan weight tulang. Jika Anda membuat animasi di Blender dan menginginkan satu alat untuk rigging, retargeting, dan ekspor, inilah yang patut dibeli.</p>
<p><strong>Cinevva Rig</strong> (harga peluncuran $29, fitur ekspornya gratis). <a href="/blender-addon/">Add-on Cinevva Rig</a> mengambil pendekatan lain: pilih mesh, tekan Rig, lalu dapatkan skeleton humanoid yang sudah di-skin dengan penamaan Mixamo. Rigging berjalan secara luring di komputer Anda sendiri setelah satu kali mengunduh engine berukuran sekitar 2,4 GB, tanpa biaya per rig dan tanpa batas jumlah. Add-on ini mendukung Blender 4.2 dan yang lebih baru di Windows, macOS, serta Linux, diinstal sebagai extension standar, dan kode Python-nya berlisensi GPL-3.0 (pembelian mencakup akses engine, aktivasi hingga di tiga komputer, katalog animasi, serta pembaruan). Yang membuatnya layak masuk daftar ini adalah fitur yang menyertai rig: 260 klip animasi CC0 (berjalan, berlari, diam, bertarung, memanjat, merangkak, dan emote) yang di-retarget ke karakter Anda di dalam Blender dan dipratinjau melalui browser yang tertambat di viewport, ditambah preset ekspor siap gim yang dibahas di bawah. CC0 berarti Anda tidak perlu mencantumkan baris lisensi dalam gim yang dirilis. Anda tidak mendapatkan control rig untuk animator, jadi jika ingin membuat keyframe secara manual, Anda tetap memerlukan Rigify atau Auto-Rig Pro di atasnya. Tersedia pengembalian dana selama 14 hari.</p>
<p><strong>Add-on Mixamo.</strong> Adobe masih menyediakan halaman <a href="https://www.adobe.com/products/substance3d/plugins/mixamo-in-blender.html">add-on Mixamo Blender</a>: sebuah &quot;add-on control rig otomatis&quot; berlisensi GPL-3.0 yang membuat control rig IK pada skeleton Mixamo serta melakukan bake animasi ke dan dari rig tersebut. Halaman Adobe tidak menyebutkan versi Blender yang didukung. Fork komunitas di <a href="http://extensions.blender.org">extensions.blender.org</a>, <a href="https://extensions.blender.org/add-ons/mixamo-rig/">Mixamo Rig</a> (versi 1.2.2, GPL-3.0, Blender 4.2 dan yang lebih baru, sekitar 69.700 unduhan), mendeskripsikan dirinya sebagai &quot;peningkatan pihak ketiga untuk add-on resmi karena add-on tersebut tidak lagi didukung&quot; dan menyatakan bahwa build resmi ditujukan untuk Blender 3.6. Jika Anda menggunakan klip Mixamo pada 2026, instal extension komunitas tersebut. Mixamo sendiri tetap gratis dengan Adobe ID, dan <a href="https://helpx.adobe.com/creative-cloud/faq/mixamo-faq.html">FAQ</a>-nya menyatakan bahwa Anda dapat menggunakan karakter serta animasi bebas royalti dalam proyek komersial, termasuk gim video, dengan catatan bahwa &quot;auto-rigger dan pustaka animasinya hanya ditujukan untuk humanoid berkaki dua&quot;.</p>
<h2>Skinning</h2>
<p><strong>Voxel Heat Diffuse Skinning</strong> ($30 indie, $180 untuk 10 lisensi). Automatic Weights bawaan Blender berfungsi dengan baik pada satu mesh kedap air, tetapi sering gagal pada cara seniman sebenarnya membuat karakter: rambut, mata, zirah, dan pakaian sebagai lapisan terpisah. <a href="https://superhivemarket.com/products/voxel-heat-diffuse-skinning">Daftar Superhive</a> menyebutkan tiga masalah yang diatasinya, dimulai dengan pesan galat persis &quot;bone heat weighting: failed to find solution for one or more bones&quot;. Add-on ini melakukan voxelisasi karakter agar weight menyebar melalui volume, bukan melintasi permukaan yang terputus, serta menyertakan mode Surface Heat Diffuse Skinning, Corrective Smooth Baker, dan Joint Alignment Tool. Lebih dari 12.500 orang telah membelinya, bukti paling jelas dalam daftar ini bahwa melewatkan proses weight painting sepadan dengan $30. Tercantum untuk Blender 3.6 hingga 5.1, dengan Python berlisensi GPL dan solver terkompilasi terpisah.</p>
<p>Jika tidak ingin mengeluarkan uang, modifier <code>Corrective Smooth</code> bawaan dapat menghaluskan tekukan terburuk setelah Automatic Weights, sedangkan auto-rigger di atas menghasilkan weight-nya sendiri sehingga Anda jarang perlu menyentuh kuas sama sekali.</p>
<h2>Animasi</h2>
<p><strong>Animation Layers</strong> ($30 untuk satu pengguna, $200 untuk 10 lisensi). Add-on buatan Tal Hershko ini membungkus editor NLA Blender dalam panel layer yang berperilaku seperti panel di Maya atau DAW: tambahkan layer, buat keyframe di atas mocap atau siklus dasar, sesuaikan influence, mute atau solo, lalu gabungkan atau bake. <a href="https://superhivemarket.com/products/animation-layers">Daftarnya</a> menyatakan dukungan untuk Blender 3.2 hingga 5.1 (dengan catatan bahwa add-on ini telah diperbarui untuk action Slots versi 4.4), 9.600 penjualan, dan lisensi GPL. Gunakan untuk membersihkan mocap atau menambahkan gerakan kepala menoleh ke siklus berjalan tanpa menyentuh kurva aslinya.</p>
<p><strong>Rokoko Studio Live</strong> (gratis, LGPL-3.0). <a href="https://github.com/Rokoko/rokoko-studio-live-blender">Repositori GitHub</a> milik Rokoko menyalurkan motion capture dari Rokoko Studio ke Blender secara waktu nyata, melakukan retargeting antar-armature, dan menangani 52 blendshape wajah. Rilis bertag terbaru adalah 1.4.3 dari September 2025, repositorinya masih aktif pada Mei 2026, dan README meminta Blender 2.80 atau yang lebih baru. Anda tidak memerlukan perangkat keras Rokoko untuk menggunakan panel retargeting.</p>
<p><strong>MotionGen</strong> ($29 Pro, $57 Gold, $1 Lite yang dibatasi untuk klip tiga detik). Terlepas dari namanya, ini adalah alat video-ke-animasi, bukan teks-ke-gerakan. <a href="https://superhivemarket.com/products/motiongen">Daftar Superhive</a> menyatakan bahwa alat ini mengekstrak gerakan dari rekaman MP4 atau AVI sepenuhnya di komputer Anda (dengan satu kali pemeriksaan lisensi secara daring) dan melakukan retargeting sekali klik ke rig Rigify, Unreal Mannequin atau MetaHuman, serta Mixamo. Tercantum untuk Blender 3.6 hingga 5.2 dengan lisensi MIT, sekitar 100 penjualan, dan satu persyaratan mutlak: &quot;Saat ini, hanya Windows dan GPU NVIDIA yang didukung&quot;.</p>
<p><strong>Klip Mixamo</strong> tetap menjadi pilihan gratis standar untuk humanoid, dan extension Mixamo Rig komunitas di atas mengubahnya menjadi sesuatu yang dapat Anda edit.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/sd5Ow20J2Z8" title="Add-on Blender Wajib Saya untuk 2026" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">Rangkuman SouthernShotty pada Januari 2026 tentang add-on yang selalu ia instal. Daftar ini lebih condong ke pemodelan dan animasi daripada ekspor, sehingga menjadi penyeimbang yang berguna terhadap fokus pipeline dalam panduan ini.</div>
<h2>Ekspor dan pipeline</h2>
<p><strong>Eksportir glTF 2.0</strong> (gratis, disertakan). Akses melalui <code>File &gt; Export &gt; glTF 2.0 (.glb/.gltf)</code>. <a href="https://docs.blender.org/manual/en/4.2/addons/import_export/scene_gltf2.html">Panduan</a> membahas hal yang dibutuhkan pengembang gim: satu berkas <code>.glb</code> &quot;dengan seluruh data mesh, tekstur gambar, dan informasi terkait dikemas dalam satu berkas biner&quot;, kompresi mesh Draco di bawah <code>Data &gt; Compression</code> dengan tingkat kompresi dan bit kuantisasi, keluaran gambar WebP dengan slider kualitas (&quot;Jika WebP dipilih, semua tekstur akan disimpan sebagai WebP, tanpa cadangan png/jpg&quot;), serta <code>Optimize Animation Size</code>, yang menghapus keyframe duplikat. Inilah eksportir yang dibutuhkan three.js, Babylon.js, dan Godot.</p>
<p><strong>Eksportir FBX</strong> (gratis, disertakan). <code>File &gt; Export &gt; FBX (.fbx)</code>. <a href="https://docs.blender.org/manual/en/4.2/addons/import_export/scene_fbx.html">Halaman panduan FBX</a> berterus terang tentang keterbatasannya: &quot;Dukungan animasi saat ini masih terbatas&quot;, tulang memerlukan koreksi orientasi karena tulang FBX sejajar dengan -X sedangkan tulang Blender sejajar dengan Y, dan action yang diimpor tidak ditautkan ke objek. Eksportir ini berfungsi untuk kasus umum Unity dan Unreal jika Anda mengatur sumbu depan dan atas dengan benar, menerapkan skala, serta menghapus centang <code>Add Leaf Bones</code>. Ketika tidak berhasil, entri berikutnya menjadi solusinya.</p>
<p><strong>Better FBX Importer &amp; Exporter</strong> ($25 indie, $150 untuk 10 lisensi). Mesh Online menulis ulang impor dan ekspor FBX di atas FBX SDK resmi, dan 12.600 orang telah membelinya karena &quot;ketika kami mengimpor beberapa berkas FBX versi lama dan baru, prosesnya sering gagal&quot; merupakan pengalaman sehari-hari. <a href="https://superhivemarket.com/products/better-fbx-importer--exporter">Daftarnya</a> mengklaim kompatibilitas dengan setiap versi FBX dari 5.3 hingga 2020, dapat mengimpor FBX, DAE, OBJ, DXF, dan 3DS, mengekspor LOD mesh untuk Unreal dan Unity (versi 6.2.0), mendukung fitur seret dan lepas serta Collection Exporters Blender 4.2 (versi 6.1.0), dan mengekspor &quot;armature ramah gim dari Rigify&quot;. Add-on ini tidak mendukung tulang IK. Tercantum untuk Blender 3.6 hingga 5.1, dengan Python berlisensi GPL dan penghubung SDK terkompilasi. Jika Anda menerima berkas FBX dari seniman Maya atau 3ds Max, beli ini terlebih dahulu.</p>
<p><strong>Send to Unreal</strong> (gratis, MIT). Repositori <a href="https://github.com/EpicGamesExt/BlenderTools">BlenderTools</a> milik Epic mendeskripsikannya sebagai &quot;Solusi sekali klik untuk mengirim aset dari Blender ke Unreal Engine&quot;, dengan add-on pendamping bernama UE to Rigify yang melakukan retargeting animasi Marketplace ke rig Rigify. Rilis bertag terakhir adalah Send to Unreal 2.4.3 (November 2023) dan <code>bl_info</code>-nya meminta Blender 3.3 atau yang lebih baru, tetapi repositorinya masih menerima push pada September 2026, jadi proyek ini belum ditinggalkan.</p>
<p><strong>Godot tidak memerlukan add-on.</strong> <a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/importing_3d_scenes/available_formats.html">Dokumentasi impor Godot</a> menyatakan bahwa editor tersebut &quot;dapat langsung mengimpor berkas .blend dengan memanggil fungsi ekspor glTF Blender secara transparan&quot;, yang memerlukan Blender 3.0 atau lebih baru terinstal (3.5 atau lebih baru direkomendasikan) dan, jika Godot tidak dapat menemukannya, path yang ditetapkan di <code>Editor Settings &gt; Filesystem &gt; Import &gt; Blender &gt; Blender Path</code>. Godot Blender Exporter lama yang menghasilkan berkas <code>.escn</code> &quot;tidak dipelihara atau didukung di Godot 4.x&quot;. FBX diimpor melalui ufbx sejak Godot 4.3.</p>
<p><strong>Unity dan berkas .blend.</strong> <a href="https://docs.unity3d.com/Manual/3D-formats.html">Halaman format model</a> Unity menyatakan bahwa berkas <code>.blend</code> &quot;gagal diimpor kecuali perangkat lunak pemodelan 3D yang sesuai telah terinstal&quot;, jadi setiap rekan tim memerlukan Blender. Ekspor sebagai FBX sebagai gantinya.</p>
<p><strong>Preset ekspor Cinevva Rig</strong> (gratis, tanpa kunci, tanpa akun, tanpa jaringan). Fitur ekspor dari <a href="/blender-addon/">add-on Cinevva Rig</a> dapat digunakan tanpa pembelian. Fitur ini terlebih dahulu menampilkan analisis ukuran yang membagi perkiraan ukuran berkas menjadi geometri, tekstur, animasi, dan shape key, lalu menerapkan preset untuk setiap engine: Web (GLB, Y-up, tekstur dibatasi hingga 1024 px dan dienkode ulang sebagai WebP dengan kualitas 85, Draco level 6), Unity (FBX, depan -Z, atas Y, FBX_SCALE_ALL, tanpa leaf bone, tekstur disematkan pada 2048 px), Unreal (FBX, depan -Y, atas Z, FBX_SCALE_NONE, sumbu tulang primer Y dan sekunder X), serta Godot (GLB, Y-up, tanpa Draco karena Godot 4 mengimpor glTF biasa dengan baik). Dibandingkan dengan ekspor GLB Blender biasa, preset tersebut menghasilkan berkas yang 68%, 89%, 92%, dan 98% lebih kecil pada empat model nyata. Jika Anda hanya menginginkan rincian ukuran dan pengaturan sumbu yang tepat, instal add-on ini tanpa perlu membeli kuncinya.</p>
<h2>Pemodelan dan UV untuk aset gim</h2>
<p><strong>Hard Ops dan Boxcutter</strong> ($38 untuk bundel di Superhive, masing-masing $19 di Gumroad). Pasangan buatan TeamC ini merupakan perangkat standar untuk hard-surface: Boxcutter menggambar potongan boolean langsung di viewport, sementara Hard Ops mengelola tumpukan modifier, bevel, pencerminan, dan penajaman yang dihasilkan melalui satu menu Q. <a href="https://superhivemarket.com/products/hard-ops--boxcutter-ultimate-bundle">Daftar bundelnya</a> menunjukkan 47.800 penjualan dan dukungan untuk Blender 3.5 hingga 5.2, dengan lisensi GPL. Untuk properti, senjata, dan kendaraan, ini adalah jalur tercepat dari block-out menuju high-poly siap bake, tetapi keluaran boolean tetap berupa kumpulan segitiga sampai Anda melakukan retopologi atau decimate untuk mesh gim.</p>
<p><strong>UVPackmaster 4 PRO</strong> ($55 untuk satu pengguna di Superhive, $44 di Gumroad, $199 untuk studio dengan 2 hingga 5 lisensi). Packer berakselerasi GPU yang menggunakan CUDA dan Vulkan, tetapi juga dapat berjalan di CPU dan semua GPU sekaligus, dilengkapi grouping, stacking, alignment, serta engine yang dapat diskripkan dengan Python. <a href="https://superhivemarket.com/products/uvpackmaster">Daftarnya</a> menyatakan dukungan untuk Blender 2.93 hingga 5.1 dan 18.600 penjualan. Efisiensi packing berdampak langsung pada memori tekstur, sehingga inilah alat UV berbayar yang paling cepat memberikan manfaat dalam proyek dengan banyak properti.
<strong>TexTools</strong> (gratis, GitHub). <a href="https://github.com/franMarz/TexTools-Blender">README</a>-nya menyebutnya &quot;Sepenuhnya kompatibel dengan Blender 3.2 dan yang lebih baru&quot; serta mencantumkan fitur penyelarasan, pelurusan, pengurutan, dan pengacakan UV, pengambilan dan pengaturan kepadatan texel, alat ID warna, serta beberapa mode baking. Kode sumbernya menyatakan versi 1.6.2, rilis bertag terakhir adalah 1.6.1 dari Maret 2024, dan commit terakhir yang kami lihat berasal dari Desember 2024, jadi pemeliharaannya berjalan lambat. Ini adalah cara gratis untuk memastikan bahwa setiap aset dalam sebuah scene memiliki kepadatan texel yang sama.</p>
<p><strong>MACHIN3tools</strong> ($8 Prime, $20 DeusEx, ditambah $2 atau $4 per tahun untuk terus mendapatkan pembaruan). Kumpulan menu pie dan alat kecil (operator smart vertex, edge, dan face, align, mirror, focus, clean up) yang mempercepat semuanya tanpa memaksakan alur kerja tertentu. <a href="https://machin3.gumroad.com/l/MACHIN3tools">Halaman Gumroad</a> pengembangnya menjelaskan bahwa versi dasar &quot;sebelumnya disebut Standard dan tersedia gratis/bayar sesuka Anda, tetapi hal ini terbukti tidak berkelanjutan setelah 6 tahun dan kurang dari 1% pengguna membayar secara sukarela&quot;, serta menyatakan bahwa versi 1.13.12 &quot;berfungsi di Blender 4.2 LTS hingga 5.2 LTS&quot;. <a href="https://superhivemarket.com/products/machin3tools">Daftar Superhive</a> menunjukkan 34.700 penjualan dan lisensi GPL. Jika Anda melihat artikel lama yang menyebutnya gratis, hal itu sudah berubah.</p>
<p><strong>Quad Remesher</strong> ($109,90 Pro permanen, $59,90 Indie permanen untuk penggunaan nonkomersial, $15,99 per langganan tiga bulan). Mesin retopologi otomatis dari Exoside mengubah hasil sculpt atau geometri boolean yang berantakan menjadi quad bersih yang terdeformasi dengan baik saat menggunakan rig. <a href="https://exoside.com/quadremesher/quadremesher-buy/">Halaman pembelian</a> mencantumkan harga tersebut per aplikasi host, dan tersedia uji coba nonkomersial selama 30 hari. Halaman yang dapat kami baca tidak menyebutkan rentang versi Blender yang didukung, jadi periksa area unduhan sebelum membeli.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 486" role="img" aria-label="Diagram batang horizontal harga satu lisensi dalam dolar AS untuk add-on Blender berbayar dalam panduan ini, September 2026: Quad Remesher Pro $109,90, UVPackmaster 4 PRO $55, Auto-Rig Pro lengkap $50, Bake Wrangler komersial $40, bundel Hard Ops dan Boxcutter $38, Voxel Heat Diffuse Skinning $30, Animation Layers $30, Cinevva Rig $29, MotionGen Pro $29, Better FBX Importer and Exporter $25, SimpleBake $20, MACHIN3tools Prime $8">
  <rect width="720" height="470" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Gratis versus berbayar: biaya satu lisensi</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Harga satu pengguna untuk setiap add-on berbayar dalam panduan ini, USD, daftar dibaca September 2026</text>
    <g font-size="12" fill="#e8edf5" text-anchor="end">
      <text x="222" y="98">Quad Remesher Pro</text>
      <text x="222" y="128">UVPackmaster 4 PRO</text>
      <text x="222" y="158">Auto-Rig Pro (lengkap)</text>
      <text x="222" y="188">Bake Wrangler (komersial)</text>
      <text x="222" y="218">Bundel Hard Ops + Boxcutter</text>
      <text x="222" y="248">Voxel Heat Diffuse Skinning</text>
      <text x="222" y="278">Animation Layers</text>
      <text x="222" y="308">Cinevva Rig (harga peluncuran)</text>
      <text x="222" y="338">MotionGen Pro</text>
      <text x="222" y="368">Better FBX Importer/Exporter</text>
      <text x="222" y="398">SimpleBake</text>
      <text x="222" y="428">MACHIN3tools Prime</text>
    </g>
    <g fill="#7dd3fc">
      <rect x="230" y="84" width="459" height="18" rx="4"/>
      <rect x="230" y="114" width="230" height="18" rx="4"/>
      <rect x="230" y="144" width="209" height="18" rx="4"/>
      <rect x="230" y="174" width="167" height="18" rx="4"/>
      <rect x="230" y="204" width="159" height="18" rx="4"/>
      <rect x="230" y="234" width="125" height="18" rx="4"/>
      <rect x="230" y="264" width="125" height="18" rx="4"/>
      <rect x="230" y="294" width="121" height="18" rx="4" fill="#6ee7b7"/>
      <rect x="230" y="324" width="121" height="18" rx="4"/>
      <rect x="230" y="354" width="105" height="18" rx="4"/>
      <rect x="230" y="384" width="84" height="18" rx="4"/>
      <rect x="230" y="414" width="33" height="18" rx="4"/>
    </g>
    <g font-size="12" font-weight="700" fill="#e8edf5">
      <text x="600" y="98" fill="#0b1020">$109.90</text>
      <text x="468" y="128">$55</text>
      <text x="447" y="158">$50</text>
      <text x="405" y="188">$40</text>
      <text x="397" y="218">$38</text>
      <text x="363" y="248">$30</text>
      <text x="363" y="278">$30</text>
      <text x="359" y="308">$29</text>
      <text x="359" y="338">$29</text>
      <text x="343" y="368">$25</text>
      <text x="322" y="398">$20</text>
      <text x="271" y="428">$8</text>
    </g>
    <text x="24" y="452" font-size="12" fill="#9aa7b4">Tidak ditampilkan karena harganya $0: Rigify, eksportir glTF dan FBX, Decimate, Asset Browser,</text>
    <text x="24" y="468" font-size="12" fill="#9aa7b4">Rokoko Studio Live, Send to Unreal, TexTools, LODGen, LODify, paket gratis Blendkit.</text>
  </g>
</svg>
<figcaption>Harga satu lisensi untuk add-on berbayar yang dibahas di sini. Separuh alat dalam panduan ini gratis atau sudah tersedia di dalam Blender, dan total seluruh daftar berbayar kurang dari 470 dolar AS jika Anda membeli satu lisensi untuk semuanya.</figcaption>
</figure>
<h2>Baking dan tekstur</h2>
<p><strong>SimpleBake</strong> ($20 untuk satu pengguna, $60 untuk 2 hingga 5 pengguna, $80 tanpa batas). Add-on baking yang paling banyak dibeli di Superhive dengan 16.100 penjualan. Add-on ini melakukan baking channel PBR dari setup Principled BSDF dan Emission apa pun, termasuk campurannya, menangani baking high-to-low dengan pencocokan otomatis berdasarkan nama atau posisi, mengemas channel, melakukan baking decal dan AOV, serta dapat mengirim hasilnya langsung ke Sketchfab. Satu catatan mengenai kompatibilitas: <a href="https://superhivemarket.com/products/simplebake---simple-pbr-and-other-baking-in-blender-2">daftar</a> yang dapat kami baca berasal dari November 2025 dan menyatakan dukungan Blender 4.2 hingga 4.5, jadi periksa rentang versi terbaru sebelum membeli untuk Blender 5.</p>
<p><strong>Bake Wrangler</strong> ($40 komersial, $25 indie). Alat baking berbasis node: Anda menghubungkan objek, bake pass, dan output ke dalam tree yang tersimpan di file dan dapat digunakan kembali di berbagai proyek. <a href="https://superhivemarket.com/products/bake-wrangler">Daftarnya</a> menunjukkan dukungan Blender 4.2 hingga 5.0, lisensi GPL, dan sekitar 800 penjualan. Jadi, komunitasnya lebih kecil daripada SimpleBake, tetapi bentuknya tepat untuk studio yang selalu melakukan baking dengan cara yang sama.</p>
<p><strong>Add-on Substance 3D untuk Blender</strong> (add-on gratis, membutuhkan material Substance). <a href="https://www.adobe.com/products/substance3d/plugins/substance-in-blender.html">Halaman add-on</a> Adobe menyatakan bahwa add-on ini memungkinkan Anda &quot;Memuat material Substance milik Anda sendiri atau dari platform Adobe Substance 3D Assets dan memasangnya langsung ke objek di Blender&quot;, menghasilkan set tekstur dan menghubungkannya ke BSDF di Windows, macOS, dan Linux. Add-on ini dapat diunduh secara gratis. Materialnya merupakan bagian berbayar, melalui paket Substance 3D atau file <code>.sbsar</code> yang dibeli, dan halaman Adobe tidak mencantumkan harga, jadi kami juga tidak akan menyebutkannya.</p>
<h2>LOD dan optimasi</h2>
<p><strong>Modifier Decimate</strong> (gratis, bawaan). <a href="https://docs.blender.org/manual/en/4.2/modeling/modifiers/generate/decimate.html">Manual</a> menjelaskan tiga mode: <code>Collapse</code> menggabungkan vertex secara bertahap dengan slider <code>Ratio</code> (0,5 mempertahankan sekitar separuh face, dihitung sebagai segitiga), <code>Un-Subdivide</code> membalikkan subdivisi grid, dan <code>Planar</code> menghapus detail pada permukaan datar. Centang <code>Symmetry</code> agar karakter tetap simetris dan <code>Triangulate</code> untuk melihat jumlah sebenarnya di game engine. Panel modifier menampilkan jumlah face yang tersisa, yaitu angka yang perlu Anda anggarkan.</p>
<p><strong>LODGen</strong> (gratis, GPL-3.0, Blender 4.5 dan yang lebih baru). Ekstensi berukuran 15 KB di <a href="https://extensions.blender.org/add-ons/lod-gen/">extensions.blender.org</a> yang mengambil mesh terpilih, menerapkan tahapan Decimate secara progresif (skala bawaan 0,5, enam iterasi), menyembunyikan objek asli, dan menempatkan hasilnya ke dalam koleksi LOD per objek. Versi 0.0.5 (Agustus 2025) membutuhkan 4.5 karena telah menghapus pemanggilan API yang usang, dan halaman tersebut menyarankan pengguna 4.4 untuk tetap memakai 0.0.4. Better FBX atau eksportir FBX standar kemudian dapat membawa rangkaian tersebut ke Unreal atau Unity.</p>
<p><strong>LODify</strong> (gratis, GPL-3.0, Blender 4.2 dan yang lebih baru). Cakupannya lebih luas daripada LODGen: <a href="https://extensions.blender.org/add-ons/lodify-optimizer/">daftarnya</a> mencakup pengecilan tekstur berdasarkan cakupan layar dari kamera aktif, sistem LOD geometri dengan Decimate atau Geometry Nodes, serta culling tampilan viewport berdasarkan jarak. Pemindai teksturnya saja sudah layak dijalankan sebelum Anda merilis sebuah level.</p>
<p>Untuk build web, proses GLB yang telah diekspor melalui <a href="/id/tools/glb-optimizer">pengoptimal GLB</a> atau ikuti panduan <a href="/id/guides/optimize-glb-for-web">mengoptimalkan GLB untuk web</a>, karena ukuran tekstur dan pengaturan Draco lebih berpengaruh daripada jumlah segitiga.</p>
<h2>Pengelolaan aset</h2>
<p><strong>Asset Browser</strong> (gratis, bawaan). Diperkenalkan di Blender 3.0 menurut <a href="https://docs.blender.org/manual/en/4.2/editors/asset_browser.html">manual</a>, Asset Browser menampilkan data-block apa pun yang telah Anda tandai sebagai aset (<code>Object &gt; Asset &gt; Mark as Asset</code>), yang diatur ke dalam katalog bertingkat melalui seret dan lepas, dengan pustaka khusus &quot;Current File&quot; yang selalu tersedia. Arahkan pustaka ke folder <code>assets/</code> proyek Anda, lalu setiap dinding modular, prop, dan material siap diseret, menjadikannya fitur bawaan yang paling jarang dimanfaatkan oleh tim pengembang game.</p>
<p><strong>Blendkit, sebelumnya BlenderKit</strong> (paket gratis, $9,90 per bulan untuk Full, $29 per bulan untuk Business). <a href="https://www.blendkit.com/plans/pricing/">Halaman harga</a> mencantumkan 23.190 model, 38.804 material, 4.995 HDRI, dan 1.271 brush pada tingkat gratis, yang dapat diseret dan dilepas dari panel di viewport. Add-on itu sendiri menggunakan <a href="https://github.com/BlenderKit/BlenderKit">GPL-2.0-or-later di GitHub</a>, membutuhkan Blender 3.0 atau yang lebih baru, serta mendeklarasikan izin <code>network</code> dan <code>files</code> dalam manifest-nya. Periksa lisensi setiap aset sebelum memasukkannya ke game komersial (panduan <a href="/id/guides/game-asset-licenses">lisensi aset game</a> kami menjelaskan apa yang perlu diperhatikan), dan baca rangkuman <a href="/id/guides/free-3d-model-sites">situs model 3D gratis</a> untuk alternatif CC0.</p>
<h2>Paket awal seharga $0</h2>
<p>Anda dapat menjalankan pipeline game Blender lengkap tanpa mengeluarkan biaya apa pun, dan sebaiknya ketahui secara persis bagian mana yang gratis sebelum membayar alat yang mempersingkat pekerjaan.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 436" role="img" aria-label="Kartu paket awal yang mencantumkan pipeline game Blender seharga nol dolar: Rigify untuk rigging, Automatic Weights ditambah Corrective Smooth untuk skinning, klip Mixamo melalui ekstensi Mixamo Rig atau Rokoko Studio Live untuk animasi, TexTools untuk UV, eksportir glTF dan FBX bawaan ditambah impor langsung .blend dari Godot untuk ekspor, Send to Unreal untuk Unreal, Decimate ditambah LODGen untuk LOD, Asset Browser ditambah paket gratis Blendkit untuk aset, total $0">
  <rect width="720" height="420" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Paket awal seharga $0</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Pipeline lengkap dari Blender ke engine yang hanya memakai fitur bawaan dan ekstensi gratis</text>
    <rect x="24" y="78" width="672" height="296" rx="10" fill="#121a31" stroke="#2a3655" stroke-width="1"/>
    <g font-size="13" fill="#9aa7b4">
      <text x="44" y="108">Rig</text>
      <text x="44" y="140">Skinning</text>
      <text x="44" y="172">Animasi</text>
      <text x="44" y="204">UV</text>
      <text x="44" y="236">Ekspor</text>
      <text x="44" y="268">Unreal</text>
      <text x="44" y="300">LOD</text>
      <text x="44" y="332">Aset</text>
    </g>
    <g font-size="13" fill="#e8edf5">
      <text x="140" y="108">Rigify, disertakan bersama Blender</text>
      <text x="140" y="140">Automatic Weights + modifier Corrective Smooth</text>
      <text x="140" y="172">Klip Mixamo melalui ekstensi Mixamo Rig, atau retargeting Rokoko Studio Live</text>
      <text x="140" y="204">TexTools untuk kepadatan texel, penyelarasan, dan pelurusan</text>
      <text x="140" y="236">Eksportir glTF 2.0 (web, Godot), eksportir FBX (Unity), atau biarkan Godot membaca .blend</text>
      <text x="140" y="268">Send to Unreal, MIT, dari Epic</text>
      <text x="140" y="300">Modifier Decimate, lalu LODGen (4.5+) atau LODify (4.2+) untuk rangkaian LOD</text>
      <text x="140" y="332">Asset Browser + paket gratis Blendkit</text>
    </g>
    <g stroke="#2a3655" stroke-width="1">
      <line x1="44" y1="120" x2="676" y2="120"/>
      <line x1="44" y1="152" x2="676" y2="152"/>
      <line x1="44" y1="184" x2="676" y2="184"/>
      <line x1="44" y1="216" x2="676" y2="216"/>
      <line x1="44" y1="248" x2="676" y2="248"/>
      <line x1="44" y1="280" x2="676" y2="280"/>
      <line x1="44" y1="312" x2="676" y2="312"/>
    </g>
    <rect x="24" y="386" width="672" height="1" fill="#2a3655"/>
    <text x="24" y="406" font-size="14" font-weight="700" fill="#6ee7b7">Total: $0. Upgrade berbayar pertama yang layak: Better FBX ($25) jika Anda memakai FBX,</text>
    <text x="24" y="424" font-size="14" font-weight="700" fill="#6ee7b7">atau Voxel Heat Diffuse Skinning ($30) jika weight terus bermasalah.</text>
  </g>
</svg>
<figcaption>Semua yang ada di kartu ini sudah tersedia di dalam Blender atau merupakan ekstensi gratis dengan lisensi terbuka. Setiap alat berbayar dalam panduan ini menggantikan satu baris, dan begitulah cara menentukan apa yang perlu dibeli terlebih dahulu.</figcaption>
</figure>
<p>Mulailah dengan Rigify dan Automatic Weights. Saat rig gagal pada karakter dengan bagian mesh terpisah, Voxel Heat Diffuse Skinning sepadan dengan harga $30. Saat FBX dari kontraktor diimpor dengan material yang hilang atau skeleton yang terlipat, belilah Better FBX. Saat Anda mengemas UV untuk prop keempat puluh, belilah UVPackmaster. Beli alat tersebut pada hari ketika cara gratis menghabiskan waktu kerja Anda sepanjang sore, bukan sebelumnya.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa add-on Blender terbaik untuk pengembangan game?</h3>
<p>Yang digunakan untuk langkah-langkah yang berulang: Auto-Rig Pro atau Rigify untuk rigging, Voxel Heat Diffuse Skinning untuk pemberian bobot, Animation Layers untuk mengedit gerakan, Better FBX Importer &amp; Exporter untuk berkas yang tidak dapat diimpor, UVPackmaster 4 untuk pengemasan UV, SimpleBake untuk tekstur, serta eksportir glTF bawaan untuk web dan Godot. Tabel referensi ringkas di atas mencantumkan harga dan versi Blender untuk masing-masing add-on per September 2026.</p>
<h3>Apakah add-on Blender gratis?</h3>
<p>Banyak yang gratis. Semua yang tersedia di <a href="http://extensions.blender.org">extensions.blender.org</a> bersifat gratis dan mematuhi GPL sesuai aturan platform tersebut, sementara Blender sudah menyertakan Rigify, eksportir glTF dan FBX, modifier Decimate, serta Asset Browser. Harga add-on berbayar dari Superhive dan Gumroad dalam panduan ini berkisar dari $8 (MACHIN3tools Prime) hingga $109.90 (Quad Remesher Pro), dan hampir semuanya merupakan pembelian satu kali, bukan langganan.</p>
<h3>Apa add-on animasi Blender terbaik?</h3>
<p>Untuk mengedit gerakan, Animation Layers ($30) adalah pilihan standar karena mengubah NLA menjadi alur kerja berbasis layer. Untuk memasukkan gerakan, Rokoko Studio Live bersifat gratis dan sumber terbuka, sedangkan klip Mixamo tersedia gratis melalui ekstensi komunitas Mixamo Rig. MotionGen ($29) mengubah video menjadi animasi, tetapi hanya berfungsi di Windows dengan GPU NVIDIA.</p>
<h3>Apa add-on rigging Blender terbaik?</h3>
<p>Auto-Rig Pro ($50) jika Anda menginginkan control rig lengkap untuk animator dengan fitur retargeting dan ekspor ke game engine. Reputasinya juga didukung oleh lebih dari 65.000 penjualan. Rigify tersedia gratis dan sudah disertakan dalam Blender jika Anda bersedia meluangkan waktu untuk menempatkan tulang. Sementara itu, auto-rigger sekali beli pada bagian rigging di atas adalah pilihan murah jika Anda memerlukan skeleton dengan skin dan animasi, bukan control rig untuk animasi manual.</p>
<h3>Apakah add-on lama masih berfungsi di Blender 4.2 dan versi yang lebih baru?</h3>
<p>Ya. Catatan rilis Blender 4.2 menyatakan bahwa add-on lama &quot;masih didukung sebagai add-on lawas dan dapat diinstal dari disk seperti biasa&quot;. Gunakan <code>Install from Disk</code> di preferensi Get Extensions atau Add-ons, lalu pilih berkas <code>.py</code> atau <code>.zip</code>. Hal yang berubah adalah distribusinya: <a href="http://extensions.blender.org">extensions.blender.org</a> hanya mencantumkan ekstensi yang mematuhi GPL dan memiliki manifest, sedangkan pembaruan untuk apa pun yang diinstal dari disk harus dilakukan secara manual.</p>
<h3>Apa add-on ekspor Blender terbaik untuk Unity atau Unreal?</h3>
<p>Better FBX Importer &amp; Exporter ($25) untuk kompatibilitas FBX yang akurat, karena menggunakan FBX SDK resmi dan dapat menangani versi yang ditolak oleh eksportir bawaan. Gunakan Send to Unreal (gratis, MIT) jika Anda ingin mengirim dari Blender ke editor Unreal yang sedang terbuka dengan sekali klik. Untuk Godot, Anda sama sekali tidak memerlukan add-on: Godot dapat mengimpor berkas <code>.blend</code> secara langsung jika Blender 3.0 atau versi yang lebih baru terinstal, dan glTF adalah format yang direkomendasikan.</p>
<h3>Apakah add-on Mixamo untuk Blender masih berfungsi?</h3>
<p>Adobe masih menyediakan add-on berlisensi GPL-3.0 tersebut, tetapi tidak mencantumkan versi Blender terbaru yang didukung. Ekstensi komunitas Mixamo Rig di <a href="http://extensions.blender.org">extensions.blender.org</a> menyatakan bahwa build resmi sudah tidak didukung dan ditujukan untuk Blender 3.6. Sebagai gantinya, instal Mixamo Rig (versi 1.2.2, untuk Blender 4.2 dan yang lebih baru). Layanan Mixamo dan lisensi bebas royalti untuk game tetap tidak berubah.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/auto-rig-pro-alternatives">Alternatif Auto-Rig Pro</a>: perbandingan rigging yang lebih mendalam, baik gratis maupun berbayar.</li>
<li><a href="/id/guides/blender-to-unity-export-checklist">Daftar periksa ekspor Blender ke Unity</a>: sumbu, skala, leaf bones, dan material, langkah demi langkah.</li>
<li><a href="/id/guides/optimize-glb-for-web">Mengoptimalkan GLB untuk web</a>: Draco, batas ukuran tekstur, dan pemangkasan animasi untuk game browser.</li>
<li><a href="/id/guides/free-3d-model-sites">Situs model 3D gratis</a>: tempat mendapatkan properti dan karakter CC0 untuk di-rig.</li>
<li><a href="/id/guides/game-asset-licenses">Lisensi aset game</a>: apa yang diizinkan oleh lisensi CC0, CC-BY, dan lisensi toko saat menerbitkan game.</li>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: add-on tersebut, fitur ekspor gratisnya, dan harga peluncurannya.</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Blender 5 untuk Seniman Game: Perubahan pada Rigging, Animasi, dan Ekspor (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/blender-5-for-game-artists</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/blender-5-for-game-artists</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Perubahan di Blender 5.0, 5.1, dan 5.2 LTS untuk seniman game: action berslot, pengimpor FBX C++, meshopt glTF, kerusakan add-on, dan versi yang sebaiknya diinstal.]]></description>
            <content:encoded><![CDATA[<h1>Blender 5 untuk Seniman Game: Perubahan pada Rigging, Animasi, dan Ekspor (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/blender-5-for-game-artists-hero.jpg?v=1" alt="Karakter game low-poly dengan rig di Blender 5 di samping linimasa lencana versi" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Jika Anda membuat karakter dan properti untuk sebuah game engine, instal Blender 5.2 LTS. Versi ini dirilis pada 14 Juli 2026, mendapat perbaikan bug hingga Juli 2028, dan merupakan rilis jangka panjang pertama yang memuat semua perubahan Blender 5 sekaligus: action berslot dengan Action API lama yang telah dihapus, pengimpor FBX C++ sebagai pilihan bawaan, kompresi meshopt di pengekspor glTF, serta runtime Python 3.13 yang mengharuskan add-on dibangun ulang. Blender 4.2 LTS berhenti menerima perbaikan pada Juli 2026, jadi jika Anda masih menggunakannya, beralihlah ke 5.2 LTS, dengan 4.5 LTS sebagai pilihan cadangan untuk Mac Intel dan GPU yang lebih lama.</p>
<p>Kami memperbarui halaman ini setiap kali Blender merilis versi baru. Revisi ini bertanggal 6 September 2026 dan mencakup 5.0, 5.1, 5.2 LTS, serta alfa 5.3.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Versi produksi saat ini:</strong> Blender 5.2 LTS (5.2.1, 25 Agustus 2026). Didukung hingga Juli 2028. Sumber: <a href="https://www.blender.org/download/lts/">halaman LTS</a>.</li>
<li><strong>Masih menggunakan 4.2 LTS?</strong> Masa dukungan dua tahunnya berakhir pada Juli 2026 (pembaruan terakhir 4.2.23). Beralihlah ke 5.2 LTS, atau ke 4.5 LTS jika Mac Anda menggunakan Intel atau GPU Anda lebih lama daripada GeForce 900, Radeon RX 400, atau Intel Kaby Lake.</li>
<li><strong>Perubahan animasi terbesar:</strong> Action memiliki slot (sejak 4.4), dan API lama <code>action.fcurves</code> serta <code>action.groups</code> dihapus pada 5.0. Semua skrip pengekspor atau retargeting yang dibuat sebelum 4.4 akan rusak. Animasi berlapis masih belum tersedia di UI hingga 5.2 LTS.</li>
<li><strong>Perubahan ekspor terbesar:</strong> pengimpor FBX C++ menjadi pilihan bawaan pada 5.0, Collada telah dihapus, dan pengekspor glTF memperoleh <code>EXT_meshopt_compression</code> serta <code>KHR_meshopt_compression</code> pada 5.2.</li>
<li><strong>Perubahan add-on terbesar:</strong> 5.1 beralih ke Python 3.13, sehingga semua extension yang menyertakan wheel terkompilasi memerlukan build <code>cp313</code>. 5.0 menghapus akses bergaya dict ke data <code>bpy.props</code> dan API drawing BGL.</li>
<li><strong>Blender 5.3</strong> berada dalam tahap alfa hingga 30 September 2026 dan dijadwalkan rilis pada 10 November 2026. Versi ini menjadikan Vulkan sebagai backend bawaan di Windows dan Linux.</li>
</ul>
<h2>Referensi cepat</h2>
<p>Tanggal bersumber dari <a href="https://developer.blender.org/docs/release_notes/">indeks catatan rilis Blender</a>, <a href="https://www.blender.org/download/lts/">halaman LTS</a>, dan <a href="https://projects.blender.org/blender/blender/milestone/34">milestone 5.3</a>.</p>
<table>
<thead>
<tr>
<th>Versi</th>
<th>Dirilis</th>
<th>Status pada September 2026</th>
<th>Artinya bagi aset game</th>
</tr>
</thead>
<tbody>
<tr>
<td>4.2 LTS</td>
<td>16 Juli 2024</td>
<td>Dukungan berakhir Juli 2026 (4.2.23)</td>
<td>Platform extension hadir. Action API lama masih tersedia</td>
</tr>
<tr>
<td>4.4</td>
<td>18 Maret 2025</td>
<td>Tidak didukung</td>
<td>Action berslot diperkenalkan, API lama mulai ditinggalkan</td>
</tr>
<tr>
<td>4.5 LTS</td>
<td>15 Juli 2025</td>
<td>Didukung hingga Juli 2027 (4.5.13)</td>
<td>Build terakhir untuk Mac Intel, versi terakhir dengan Collada, Vulkan didukung secara resmi</td>
</tr>
<tr>
<td>5.0</td>
<td>18 November 2025</td>
<td>Tidak didukung (5.0.1, 16 Desember 2025)</td>
<td>Action API lama dihapus, impor FBX C++ menjadi bawaan, format file baru</td>
</tr>
<tr>
<td>5.1</td>
<td>17 Maret 2026</td>
<td>Tidak didukung (5.1.2, 19 Mei 2026)</td>
<td>Python 3.13, evaluasi action 2x lebih cepat, normal shape key FBX</td>
</tr>
<tr>
<td>5.2 LTS</td>
<td>14 Juli 2026</td>
<td>Versi stabil saat ini, didukung hingga Juli 2028 (5.2.1)</td>
<td>meshopt glTF, Duplicate dan Rename tulang, perombakan ray tracing EEVEE</td>
</tr>
<tr>
<td>5.3</td>
<td>10 November 2026 (direncanakan)</td>
<td>Alfa hingga 30 September 2026</td>
<td>Vulkan menjadi bawaan di Windows dan Linux, konversi mode rotasi</td>
</tr>
<tr>
<td>6.0</td>
<td>November 2027 (direncanakan)</td>
<td>Belum dimulai</td>
<td>Tercantum di halaman kompatibilitas, belum ada detail</td>
</tr>
</tbody>
</table>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="Linimasa rilis Blender dari Juli 2024 hingga November 2027: 4.2 LTS pada 16 Juli 2024 didukung hingga Juli 2026, 4.4 pada 18 Maret 2025, 4.5 LTS pada 15 Juli 2025 didukung hingga Juli 2027, 5.0 pada 18 November 2025, 5.1 pada 17 Maret 2026, 5.2 LTS pada 14 Juli 2026 didukung hingga Juli 2028, 5.3 direncanakan pada 10 November 2026, 6.0 direncanakan pada November 2027. Rilis LTS ditandai warna amber dengan bilah dukungan.">
  <rect width="720" height="300" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="38" font-size="20" font-weight="800" fill="#e8edf5">Rilis Blender, Juli 2024 hingga November 2027</text>
    <text x="24" y="60" font-size="13" fill="#9aa7b4">Amber = LTS, dua tahun perbaikan. Abu-abu = rilis reguler, hanya didukung hingga rilis berikutnya.</text>
    <line x1="40" y1="160" x2="680" y2="160" stroke="#334155" stroke-width="3"/>
    <line x1="488" y1="150" x2="680" y2="150" stroke="#0b1020" stroke-width="0"/>
    <rect x="40" y="200" width="384" height="8" rx="4" fill="#fbbf24" opacity="0.35"/>
    <text x="44" y="224" font-size="11" fill="#fbbf24">Perbaikan 4.2 LTS: Jul 2024 hingga Jul 2026</text>
    <rect x="232" y="236" width="384" height="8" rx="4" fill="#fbbf24" opacity="0.55"/>
    <text x="236" y="260" font-size="11" fill="#fbbf24">Perbaikan 4.5 LTS: Jul 2025 hingga Jul 2027</text>
    <rect x="424" y="272" width="256" height="8" rx="4" fill="#fbbf24" opacity="0.9"/>
    <text x="428" y="294" font-size="11" fill="#fbbf24">Perbaikan 5.2 LTS: Jul 2026 hingga Jul 2028</text>
    <circle cx="40" cy="160" r="9" fill="#fbbf24"/>
    <text x="40" y="96" font-size="14" font-weight="700" fill="#fbbf24" text-anchor="middle">4.2 LTS</text>
    <text x="40" y="112" font-size="11" fill="#9aa7b4" text-anchor="middle">16 Jul 2024</text>
    <circle cx="168" cy="160" r="7" fill="#64748b"/>
    <text x="168" y="134" font-size="13" font-weight="700" fill="#cbd5e1" text-anchor="middle">4.4</text>
    <text x="168" y="185" font-size="11" fill="#9aa7b4" text-anchor="middle">18 Mar 2025</text>
    <circle cx="232" cy="160" r="9" fill="#fbbf24"/>
    <text x="232" y="96" font-size="14" font-weight="700" fill="#fbbf24" text-anchor="middle">4.5 LTS</text>
    <text x="232" y="112" font-size="11" fill="#9aa7b4" text-anchor="middle">15 Jul 2025</text>
    <circle cx="296" cy="160" r="7" fill="#7dd3fc"/>
    <text x="296" y="134" font-size="13" font-weight="700" fill="#7dd3fc" text-anchor="middle">5.0</text>
    <text x="296" y="185" font-size="11" fill="#9aa7b4" text-anchor="middle">18 Nov 2025</text>
    <circle cx="360" cy="160" r="7" fill="#7dd3fc"/>
    <text x="360" y="96" font-size="13" font-weight="700" fill="#7dd3fc" text-anchor="middle">5.1</text>
    <text x="360" y="112" font-size="11" fill="#9aa7b4" text-anchor="middle">17 Mar 2026</text>
    <circle cx="424" cy="160" r="9" fill="#fbbf24"/>
    <text x="424" y="134" font-size="14" font-weight="700" fill="#fbbf24" text-anchor="middle">5.2 LTS</text>
    <text x="424" y="185" font-size="11" fill="#9aa7b4" text-anchor="middle">14 Jul 2026</text>
    <circle cx="488" cy="160" r="7" fill="#c8a8ff" stroke="#c8a8ff" stroke-dasharray="3 2" fill-opacity="0.35" stroke-width="2"/>
    <text x="488" y="96" font-size="13" font-weight="700" fill="#c8a8ff" text-anchor="middle">5.3</text>
    <text x="488" y="112" font-size="11" fill="#9aa7b4" text-anchor="middle">10 Nov 2026 direncanakan</text>
    <circle cx="680" cy="160" r="7" fill="#c8a8ff" stroke="#c8a8ff" stroke-dasharray="3 2" fill-opacity="0.35" stroke-width="2"/>
    <text x="672" y="134" font-size="13" font-weight="700" fill="#c8a8ff" text-anchor="middle">6.0</text>
    <text x="668" y="185" font-size="11" fill="#9aa7b4" text-anchor="middle">Nov 2027 direncanakan</text>
    <line x1="584" y1="150" x2="584" y2="170" stroke="#fb7185" stroke-width="2"/>
    <text x="584" y="144" font-size="10" fill="#fb7185" text-anchor="middle">hari ini</text>
  </g>
</svg>
<figcaption>Tiga rilis per tahun, salah satunya LTS. Rilis reguler (abu-abu dan biru) hanya didukung hingga rilis berikutnya, sehingga 5.0 dan 5.1 sudah tidak didukung. Tanggal 5.3 dan 6.0 adalah jadwal rencana dari milestone dan halaman kompatibilitas Blender, bukan janji.</figcaption>
</figure>
<h2>Versi yang sebaiknya digunakan untuk produksi, dan alasannya</h2>
<p><a href="https://developer.blender.org/docs/handbook/release_process/release_cycle/">Siklus rilis</a> Blender menargetkan versi baru setiap empat bulan, dan <a href="https://developer.blender.org/docs/release_notes/">indeks catatan rilis</a> menyatakan aturan dukungannya dengan jelas: setiap rilis didukung hingga penerusnya hadir, dan setahun sekali sebuah versi LTS dipelihara selama dua tahun. <a href="https://www.blender.org/download/lts/">Halaman LTS</a> menambahkan bagian yang penting bagi pipeline: versi LTS &quot;tidak akan mendapatkan fitur baru, perubahan API, atau peningkatan apa pun&quot;, hanya perbaikan kritis yang di-port dari rilis terkini.</p>
<p>Itulah seluruh alasan untuk memilih 5.2 LTS. Proyek game berlangsung lebih dari empat bulan. Jika membangun dengan 5.1, satu-satunya cara memperoleh perbaikan setelah Juli 2026 adalah beralih ke 5.2, beserta segala perubahan yang dibawanya. Jika membangun dengan 5.2 LTS, Anda dapat mempertahankan Python API, pengekspor, dan format file yang sama hingga Juli 2028, dengan masa dukungan 4.5 LTS yang bertumpang tindih hingga Juli 2027 jika studio yang bekerja sama dengan Anda belum beralih.</p>
<p>Dua kelompok sebaiknya memilih 4.5 LTS. Pertama, pemilik Mac Intel, karena <a href="https://www.blender.org/download/requirements/">halaman persyaratan</a> menyatakan bahwa 4.5 LTS adalah rilis terakhir yang mendukung Intel, sedangkan 5.0 dan versi setelahnya memerlukan Apple Silicon di macOS 13 atau yang lebih baru. Kedua, siapa pun yang menggunakan GPU lama, karena <a href="https://developer.blender.org/docs/release_notes/compatibility/">halaman kompatibilitas</a> menaikkan spesifikasi minimum 5.0 menjadi NVIDIA GeForce 900, AMD Radeon RX 400, dan Intel Kaby Lake. Kartu yang lebih lama mungkin masih dapat menjalankannya, tetapi bug pada kartu tersebut tidak akan diperbaiki.</p>
<p>Jangan mencampur versi sembarangan. Halaman kompatibilitas menyatakan bahwa file blend yang dibuat dengan 5.0 dan versi setelahnya &quot;hanya dapat dibuka oleh Blender 4.5 atau versi yang lebih baru&quot;, dan versi lama &quot;akan melaporkannya sebagai file yang tidak valid&quot;. Rekan satu tim yang menggunakan 4.2 sama sekali tidak dapat membuka file 5.2 Anda.</p>
<h2>Perubahan pada animasi</h2>
<p><strong>Action berslot adalah fondasinya, dan API lama telah dihapus.</strong> <a href="https://developer.blender.org/docs/release_notes/4.4/animation_rigging/">Catatan rilis 4.4</a> memperkenalkan slot: &quot;slot memungkinkan penyimpanan animasi beberapa 'hal' dalam Action yang sama&quot;. Sebuah siklus berjalan dapat memuat kurva tulang dalam satu slot dan kurva shape key dalam slot lain. Setiap action di setiap file kini memiliki slot, dan action lama ditingkatkan dengan satu &quot;Legacy Slot&quot;. <a href="https://docs.blender.org/manual/en/5.2/animation/actions.html">Manual 5.2</a> menjelaskannya secara sederhana: sebuah data-block &quot;menentukan action sekaligus slot di dalam action tersebut&quot;.</p>
<p>Untuk skrip, <a href="https://developer.blender.org/docs/release_notes/5.0/python_api/">catatan Python 5.0</a> menjadi titik perubahan yang merusak kompatibilitas: &quot;API <code>Action</code> lama telah dihapus. Ini mencakup properti <code>action.fcurves</code>, <code>action.groups</code>, dan <code>action.id_root</code>.&quot; Kami mengonfirmasinya pada build lokal 5.0.1: <code>bpy.data.actions.new('t').fcurves</code> sudah tidak ada, sedangkan <code>.slots</code> dan <code>.layers</code> tersedia. Pengekspor batch atau skrip bake dari era 4.2 akan gagal pada pemanggilan <code>action.fcurves</code> pertamanya. Perbaikannya terdapat dalam catatan yang sama: dapatkan channelbag dengan <code>bpy_extras.anim_utils.action_ensure_channelbag_for_slot(action, action_slot)</code>, lalu panggil <code>channelbag.fcurves.find()</code>, <code>.new()</code>, atau <code>.ensure()</code> yang baru. <a href="https://developer.blender.org/docs/release_notes/4.4/upgrading/slotted_actions/">Panduan upgrade 4.4</a> menyediakan contoh berdampingan.</p>
<p>Satu perubahan perilaku dapat membingungkan orang yang tidak pernah menyentuh Python. Sejak 4.4, menetapkan sebuah Action juga harus memilih slot, dan aturan penetapan otomatis sengaja tidak memilih &quot;satu-satunya slot&quot; untuk penetapan biasa. Dengan demikian, menetapkan action milik Cube ke Suzanne lalu membuat keyframe untuknya akan membuat slot baru, alih-alih menimpa Suzanne dengan gerakan Cube. Jika Anda menetapkan sebuah action tetapi tidak ada yang bergerak, periksa pemilih slot di sebelah nama action.</p>
<p><strong>Animasi berlapis masih belum tersedia di UI.</strong> Project Baklava, yang dijelaskan dalam <a href="https://code.blender.org/2024/02/animation-2025-progress-planning/">Animasi 2025: Kemajuan dan Perencanaan</a>, memiliki dua pilar: animasi multi-ID (yang kemudian menjadi slot) dan layer. Artikel <a href="https://code.blender.org/2025/01/layered-animation-workshop-2024/">Lokakarya Animasi Berlapis 2024</a> menetapkan rangkaian fitur minimal: layer bernama yang dapat dikunci dan diubah, dengan mode blend replace dan combine, influence yang dapat dianimasikan, serta bake-down. Hingga 5.2 LTS, belum ada satu pun yang dirilis. Manual menyatakan bahwa layer dan strip di bawah setiap action &quot;saat ini tidak ditampilkan di UI&quot;, catatan 5.0 hingga 5.2 tidak memuat editor layer, dan laporan <a href="https://code.blender.org/2026/02/winter-of-quality-2026/">Winter of Quality 2026</a> hanya mencantumkan pekerjaan dokumentasi untuk fitur tersebut. Layer aditif untuk animasi game masih dilakukan di NLA atau di dalam engine.
<strong>NLA tidak berubah secara struktural.</strong> Track dan strip bekerja seperti sebelumnya sesuai <a href="https://docs.blender.org/manual/en/5.2/editors/nla/introduction.html">manual NLA</a>. Yang berubah adalah cara exporter membacanya: manual glTF mencatat bahwa &quot;dengan Blender 4.4 dan diperkenalkannya action berslot, perilaku default ini telah berubah. Sekarang, track digabungkan berdasarkan action yang digunakannya&quot;, bukan berdasarkan nama. Selengkapnya di bagian ekspor.</p>
<p><strong>Performa: 5.1 meningkatkan evaluasi action hingga kira-kira dua kali lipat.</strong> <a href="https://developer.blender.org/docs/release_notes/5.1/animation_rigging/">Catatan animasi 5.1</a> menguji armature dengan 2.600 bone dan keyframe pada sekitar 1.000 frame, yang berjalan pada 32,8 fps di 5.0 dibandingkan 74,1 fps di 5.1 dengan 4 thread. Mesh shape key dengan sejuta vertex meningkat dari 39,2 menjadi 158,7 fps dengan 24 thread. File karakter produksi meningkat 4 hingga 14 persen, jadi manfaat utamanya terasa pada rig berat dan blend shape padat.</p>
<p><strong>Pustaka pose.</strong> Bentuk pustaka pose berbasis aset tidak berubah, dan karena aset pose merupakan action satu frame, aset tersebut dapat membawa slot. Namun, <a href="https://docs.blender.org/manual/en/5.2/animation/armatures/posing/editing/pose_library.html">manual</a> tidak menyarankannya untuk pose generik (&quot;gunakan action satu slot&quot;). Blender 5.0 menghapus konverter untuk pustaka pose era 2.93, jadi konversikan pustaka tersebut terlebih dahulu di 4.5. Blender 5.2 mengoreksi mode rotasi ketika aset pose dan bone menggunakan mode yang berbeda.</p>
<p><strong>Perubahan kecil lainnya.</strong> Blender 5.1 menambahkan operator Replace Action (<code>Object &gt; Animation</code> atau <code>Pose &gt; Animation</code>) yang mengganti action pada setiap objek yang menggunakannya. Blender 5.2 menambahkan <code>Select &gt; Select by Type</code> di Dope Sheet, mode loop pemutaran, dan mengaktifkan preferensi &quot;Only Insert Available&quot; secara default. Akibatnya, menekan I kini hanya memberikan keyframe pada channel yang sudah ada, kecuali Anda mengubahnya kembali. Blender 5.3 alpha menambahkan <code>anim.rotation_mode_convert</code> pada Ctrl+R dan menghentikan penggunaan <code>pos.convert_rotation</code> milik Rigify secara bertahap.</p>
<h2>Yang berubah untuk rigging</h2>
<p><strong>Bone pada armature instans.</strong> <a href="https://developer.blender.org/docs/release_notes/5.0/animation_rigging/">Catatan animasi dan rigging 5.0</a> memindahkan visibilitas dan pemilihan bone dalam mode Object dan Pose ke pose bone, sehingga dua instans dari armature yang sama dapat menyembunyikan dan memilih bone secara independen. Konsekuensinya adalah perubahan API yang tidak kompatibel: <code>bpy.data.armatures[...].bones[0].select</code> telah dihapus, <code>bones[0].hide</code> kini hanya memengaruhi visibilitas edit bone, sedangkan mode Pose menggunakan <code>object.pose.bones[0].hide</code> dan <code>.select</code>. Skrip UI rig yang mengubah visibilitas bone perlu memakai jalur baru, dan <code>anim.version_bone_hide_property</code> dapat memindahkan kurva hide beranimasi untuk Anda.</p>
<p><strong>Opsi constraint dan custom shape baru.</strong> Blender 5.0 menambahkan constraint Geometry Attribute, yang membaca atribut vektor, quaternion, atau matriks dari geometri dan menerapkannya ke transformasi bone, serta dua opsi Custom Shape: Affect Gizmo dan Use As Pivot.</p>
<p><strong>Alat weight.</strong> <a href="https://developer.blender.org/docs/release_notes/4.5/animation_rigging/">Catatan 4.5</a> membuat tombol Assign pada vertex group mematuhi auto-normalize, sedangkan catatan 5.1 menambahkan pemilihan loop dalam mode Weight Paint saat pemilihan vertex diaktifkan. Tidak ada algoritma skinning baru di seri 5.x: Automatic Weights masih menggunakan bone heat. Itulah sebabnya Voxel Heat Diffuse Skinning tetap laku di Superhive dengan harga sekitar $30, dan mengapa rigger sekali klik tersedia. Jika Anda tidak ingin melakukan weight painting sama sekali pada karakter humanoid, <a href="/blender-addon/">add-on Cinevva Rig</a> dapat memasang rig pada mesh menjadi skeleton ber-skin dengan penamaan Mixamo langsung di komputer Anda, secara offline, dengan harga peluncuran satu kali sebesar $29. Add-on ini menetapkan Blender 4.2.0 sebagai versi minimum, sehingga dapat berjalan pada 4.2, 4.5, dan semua rilis 5.x di Windows, macOS, dan Linux.</p>
<p><strong>Peningkatan kenyamanan pengeditan armature di 5.2.</strong> <a href="https://developer.blender.org/docs/release_notes/5.2/animation_rigging/">Catatan 5.2</a> menambahkan <code>Duplicate and Rename</code> ke menu Armature. Fitur ini menggandakan bone yang dipilih lalu menjalankan pencarian dan penggantian pada namanya, sehingga Anda tidak lagi mendapatkan akhiran <code>.001</code> saat mencerminkan rangkaian bone secara manual. Parenting bone memperoleh penggeser Head/Tail, penambahan bone kini menampilkan Space, Align, Length, dan Deform di panel redo, sementara Copy Constraints ditambahkan ke menu Ctrl+L Link/Transfer Data. Alat in-between (breakdowner dan lainnya) kini berfungsi dalam mode Object melalui <code>Object &gt; Animation &gt; In-Betweens</code>.</p>
<p><strong>Rigify.</strong> Rigify tetap menjadi generator gratis yang disertakan, dan <a href="https://docs.blender.org/manual/en/5.2/addons/rigify/introduction.html">manual</a> masih menjelaskan ketentuan yang sama: Rigify &quot;hanya mengotomatiskan pembuatan kontrol dan bone rig. Rigify tidak memasangkan rig ke mesh, jadi Anda tetap harus melakukan skinning dan sebagainya sendiri&quot;. Catatan rilis 5.x hampir tidak memuat perubahan khusus Rigify selain perbaikan UI di 5.1.x dan penghentian bertahap pada 5.3 yang disebutkan di atas. Auto-Rig Pro, pemimpin kategori berbayar, merupakan ekstensi pihak ketiga dan kompatibilitasnya dengan 5.x harus dinyatakan oleh pembuatnya sendiri. Kita akan membahas add-on sebentar lagi.</p>
<p><strong>Shape key.</strong> Blender 5.0 membangun ulang daftar shape key dengan dukungan pemilihan jamak serta seret dan lepas, sekaligus menambahkan Make Basis. Blender 5.1 menambahkan Apply to Basis, yang menerapkan shape key terpilih ke mesh dasar lalu menghapusnya. Ini merupakan langkah praktis sebelum ekspor jika generator menyisakan corrective shape yang tidak Anda inginkan di dalam GLB.</p>
<h2>Yang berubah untuk impor dan ekspor</h2>
<p><strong>FBX.</strong> <a href="https://developer.blender.org/docs/release_notes/5.0/pipeline_io/">Catatan pipeline 5.0</a> menjadikan importer FBX C++—yang masih eksperimental di 4.5—sebagai pilihan default dan menandai importer Python sebagai legacy: add-on yang menggunakan <code>bpy.ops.import_scene.fbx</code> &quot;disarankan untuk beralih ke <code>bpy.ops.wm.fbx_import</code>&quot;. <a href="https://docs.blender.org/manual/en/5.2/files/import_export/fbx.html">Manual FBX</a> menjelaskan cara importer baru menangani animasi: &quot;Setiap 'take' FBX diimpor sebagai Action terpisah, dengan setiap objek beranimasi ditempatkan pada Action Slot-nya sendiri.&quot; Mekanisme ekspor tidak berubah: <code>File &gt; Export &gt; FBX (.fbx)</code> masih menjalankan add-on Python dengan opsi Forward, Up, Apply Scalings, Add Leaf Bones, dan Bake Animation yang sama. Satu perbaikan ekspor nyata hadir di 5.1: exporter &quot;kini juga mengekspor normal shapekey ketika ekspor normal untuk mesh dasar diaktifkan&quot;. Menurut catatan rilis, perubahan ini mengatasi &quot;sejumlah masalah impor pada beberapa game engine&quot;. Better FBX Importer and Exporter tetap laku karena suatu alasan: daftar Missing milik exporter bawaan di manual mencakup vertex shape key dan tekstur material.</p>
<p><strong>glTF.</strong> Exporter ini memperoleh penambahan yang paling relevan untuk game. <a href="https://developer.blender.org/docs/release_notes/5.2/pipeline_io/">Catatan 5.2</a> mencantumkan ekspor dan impor <code>EXT_meshopt_compression</code> serta <code>KHR_meshopt_compression</code> melalui panel baru Data &gt; Meshopt Compression, atribut primitive KHR resmi, point cloud, material iridescence dan dispersion, serta hook yang dapat menghentikan ekspor. Draco tetap tersedia. Blender 5.3 alpha menambahkan Animation Pointer untuk properti kustom. <a href="https://docs.blender.org/manual/en/5.2/addons/scene_gltf2.html">Manual glTF</a> mendokumentasikan perilaku impor era slot: &quot;Setiap animasi akan diimpor sebagai satu action, dengan beberapa slot jika animasi tersebut memengaruhi beberapa objek.&quot; Saat ekspor, mode Actions default hanya mengekspor action jika action tersebut aktif atau disimpan ke track NLA (&quot;Jika Anda memiliki beberapa action yang ingin diekspor, pastikan semuanya disimpan!&quot;), dan Merge Animation kini dapat dilakukan &quot;berdasarkan Action (menggunakan slot), berdasarkan NLA Track Name, atau tanpa penggabungan&quot;. Jika klip Anda tiba-tiba tergabung setelah meningkatkan versi melewati 4.4, pengaturan inilah penyebabnya.</p>
<p><strong>USD.</strong> <a href="https://docs.blender.org/manual/en/5.2/files/import_export/usd.html">Manual USD</a> mengimpor skeleton USD sebagai armature dan blend shape sebagai shape key, serta mengekspor armature dan mesh dengan modifier Armature sebagai skeleton USD dan mesh ber-skin, dengan dua batasan yang disebutkan: &quot;Modifier selain modifier Armature tidak akan diterapkan&quot; dan &quot;Bendy bone tidak didukung&quot;. Blender 5.1 membuat ekspor mesh menuliskan UV terindeks agar aplikasi lain dapat membangun kembali UV island, sedangkan 5.2 menambahkan penandaan ruang warna saat ekspor dan konversi saat impor.</p>
<p><strong>Collada telah dihapus.</strong> Dihapus pada 5.0. Jika pipeline lama masih menghasilkan <code>.dae</code>, Blender 4.5 LTS adalah versi terakhir yang dapat membacanya. Blender 5.0 juga mengubah header file blend dan mengaktifkan kompresi secara default, sehingga hanya versi 4.5 dan yang lebih baru yang dapat membuka file 5.x.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 470" role="img" aria-label="Matriks perubahan menurut area di Blender 5.0, 5.1, 5.2 LTS, dan 5.3 alfa. Animasi: API Action lama dihapus pada 5.0, evaluasi dua kali lebih cepat dan Replace Action pada 5.1, mode loop dan Only Insert Available sebagai default pada 5.2, konversi mode rotasi pada 5.3. Rigging: visibilitas tulang per instans dan constraint Geometry Attribute pada 5.0, pemilihan loop weight paint pada 5.1, Duplicate and Rename serta penggeser Head/Tail pada 5.2, tidak ada perubahan besar pada 5.3. FBX: importir C++ menjadi default pada 5.0, normal shape key saat ekspor pada 5.1, tidak ada perubahan pada 5.2, tidak ada perubahan pada 5.3. glTF: pemeliharaan pada 5.0, perbaikan pada 5.1, meshopt dan atribut KHR pada 5.2, tambahan Animation Pointer pada 5.3. API add-on: akses dict bpy.props dan BGL dihapus pada 5.0, Python 3.13 dan tanpa paket situs pengguna pada 5.1, API modifier Geometry Nodes pada 5.2, perubahan instancing GPU pada 5.3. Viewport: dukungan Intel Mac dihentikan dan persyaratan minimum GPU dinaikkan pada 5.0, kompilasi shader lebih cepat dan penghematan memori Vulkan pada 5.1, perombakan ray tracing EEVEE pada 5.2, Vulkan menjadi default di Windows dan Linux pada 5.3.">
  <rect width="720" height="470" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="38" font-size="20" font-weight="800" fill="#e8edf5">Perubahan menurut area dan rilis</text>
    <text x="24" y="60" font-size="13" fill="#9aa7b4">Sel koral merusak fitur yang sudah ada. Sel hijau menambahkan fitur. Sel abu-abu tidak berubah.</text>
    <g font-size="13" font-weight="700" text-anchor="middle">
      <text x="230" y="92" fill="#7dd3fc">5.0</text>
      <text x="370" y="92" fill="#7dd3fc">5.1</text>
      <text x="510" y="92" fill="#fbbf24">5.2 LTS</text>
      <text x="650" y="92" fill="#c8a8ff">5.3 alfa</text>
    </g>
    <g font-size="12" font-weight="700" fill="#e8edf5">
      <text x="24" y="128">Animasi</text>
      <text x="24" y="188">Rigging</text>
      <text x="24" y="248">FBX</text>
      <text x="24" y="308">glTF</text>
      <text x="24" y="368">API add-on</text>
      <text x="24" y="428">Viewport, GPU</text>
    </g>
    <g font-size="10.5" fill="#e8edf5">
      <rect x="164" y="104" width="132" height="48" rx="6" fill="#fb7185" fill-opacity="0.22" stroke="#fb7185" stroke-opacity="0.6"/>
      <text x="170" y="122">API Action lama</text><text x="170" y="136">dihapus (fcurves,</text><text x="170" y="148">groups, id_root)</text>
      <rect x="304" y="104" width="132" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="310" y="122">Evaluasi Action 2x lebih cepat,</text><text x="310" y="136">Replace Action,</text><text x="310" y="148">Gaussian Smooth</text>
      <rect x="444" y="104" width="132" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="450" y="122">Mode loop, Select by</text><text x="450" y="136">Type, Only Insert</text><text x="450" y="148">Available aktif secara default</text>
      <rect x="584" y="104" width="118" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="590" y="122">Konversi mode</text><text x="590" y="136">rotasi dengan Ctrl+R,</text><text x="590" y="148">jeda saat scrubbing</text>
      <rect x="164" y="164" width="132" height="48" rx="6" fill="#fb7185" fill-opacity="0.22" stroke="#fb7185" stroke-opacity="0.6"/>
      <text x="170" y="182">Sembunyikan/pilih tulang</text><text x="170" y="196">per instans, bone.select</text><text x="170" y="208">dihapus, constraint baru</text>
      <rect x="304" y="164" width="132" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="310" y="182">Pilih loop di Weight</text><text x="310" y="196">Paint, driver tetap utuh</text><text x="310" y="208">saat tulang diganti nama</text>
      <rect x="444" y="164" width="132" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="450" y="182">Duplicate and Rename,</text><text x="450" y="196">parenting Head/Tail,</text><text x="450" y="208">Copy Constraints</text>
      <rect x="584" y="164" width="118" height="48" rx="6" fill="#334155" fill-opacity="0.5" stroke="#475569"/>
      <text x="590" y="182" fill="#9aa7b4">Operator konversi Rigify</text><text x="590" y="196" fill="#9aa7b4">digantikan oleh</text><text x="590" y="208" fill="#9aa7b4">operator inti</text>
      <rect x="164" y="224" width="132" height="48" rx="6" fill="#fb7185" fill-opacity="0.22" stroke="#fb7185" stroke-opacity="0.6"/>
      <text x="170" y="242">Importir C++ jadi default,</text><text x="170" y="256">import_scene.fbx kini</text><text x="170" y="268">lama, satu slot per take</text>
      <rect x="304" y="224" width="132" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="310" y="242">Eksportir menulis normal</text><text x="310" y="256">shape key (memperbaiki</text><text x="310" y="268">impor ke engine)</text>
      <rect x="444" y="224" width="132" height="48" rx="6" fill="#334155" fill-opacity="0.5" stroke="#475569"/>
      <text x="450" y="248" fill="#9aa7b4">Tidak ada perubahan FBX</text>
      <rect x="584" y="224" width="118" height="48" rx="6" fill="#334155" fill-opacity="0.5" stroke="#475569"/>
      <text x="590" y="248" fill="#9aa7b4">Tidak ada perubahan FBX</text>
      <rect x="164" y="284" width="132" height="48" rx="6" fill="#334155" fill-opacity="0.5" stroke="#475569"/>
      <text x="170" y="302" fill="#9aa7b4">Hanya pemeliharaan,</text><text x="170" y="316" fill="#9aa7b4">Collada dihapus</text><text x="170" y="328" fill="#9aa7b4">dari Blender</text>
      <rect x="304" y="284" width="132" height="48" rx="6" fill="#334155" fill-opacity="0.5" stroke="#475569"/>
      <text x="310" y="302" fill="#9aa7b4">Perbaikan animasi</text><text x="310" y="316" fill="#9aa7b4">cahaya dan alfa</text>
      <rect x="444" y="284" width="132" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="450" y="302">Kompresi Meshopt,</text><text x="450" y="316">atribut KHR, point</text><text x="450" y="328">cloud, iridesensi</text>
      <rect x="584" y="284" width="118" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="590" y="302">Animation Pointer</text><text x="590" y="316">untuk properti</text><text x="590" y="328">kustom</text>
      <rect x="164" y="344" width="132" height="48" rx="6" fill="#fb7185" fill-opacity="0.22" stroke="#fb7185" stroke-opacity="0.6"/>
      <text x="170" y="362">Akses dict bpy.props</text><text x="170" y="376">dan BGL dihapus,</text><text x="170" y="388">use_nodes usang</text>
      <rect x="304" y="344" width="132" height="48" rx="6" fill="#fb7185" fill-opacity="0.22" stroke="#fb7185" stroke-opacity="0.6"/>
      <text x="310" y="362">Python 3.13 (wheel</text><text x="310" y="376">cp313), paket situs</text><text x="310" y="388">pengguna tidak dimuat</text>
      <rect x="444" y="344" width="132" height="48" rx="6" fill="#fb7185" fill-opacity="0.22" stroke="#fb7185" stroke-opacity="0.6"/>
      <text x="450" y="362">Input modifier</text><text x="450" y="376">Geometry Nodes menjadi</text><text x="450" y="388">properti RNA nyata</text>
      <rect x="584" y="344" width="118" height="48" rx="6" fill="#334155" fill-opacity="0.5" stroke="#475569"/>
      <text x="590" y="362" fill="#9aa7b4">Perubahan indeks</text><text x="590" y="376" fill="#9aa7b4">draw_instanced</text>
      <rect x="164" y="404" width="132" height="48" rx="6" fill="#fb7185" fill-opacity="0.22" stroke="#fb7185" stroke-opacity="0.6"/>
      <text x="170" y="422">Intel Mac tak didukung,</text><text x="170" y="436">minimum GPU dinaikkan,</text><text x="170" y="448">kompilasi material 4x cepat</text>
      <rect x="304" y="404" width="132" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="310" y="422">Kompilasi pipeline</text><text x="310" y="436">paralel, Vulkan memakai</text><text x="310" y="448">RAM tekstur 40% lebih sedikit</text>
      <rect x="444" y="404" width="132" height="48" rx="6" fill="#6ee7b7" fill-opacity="0.16" stroke="#6ee7b7" stroke-opacity="0.5"/>
      <text x="450" y="422">Perombakan ray tracing</text><text x="450" y="436">EEVEE, instancing</text><text x="450" y="448">2x lebih cepat</text>
      <rect x="584" y="404" width="118" height="48" rx="6" fill="#fb7185" fill-opacity="0.22" stroke="#fb7185" stroke-opacity="0.6"/>
      <text x="590" y="422">Vulkan jadi default di</text><text x="590" y="436">Windows dan Linux,</text><text x="590" y="448">preferensi tak dimigrasikan</text>
    </g>
  </g>
</svg>
<figcaption>Setiap sel diambil dari catatan rilis versi tersebut. Kolom 5.3 adalah versi alfa per September 2026 dan akan berubah sebelum November.</figcaption>
</figure>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/g4OXlrxqIx0" title="Yang Baru di Blender 5.2 LTS! Ikhtisar Resmi" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">Ikhtisar resmi Blender 5.2 LTS. Sebagian besar durasinya membahas fisika Geometry Nodes dan pustaka aset jarak jauh, yang cukup menggambarkan fokus pengembangan rilis 5.x: perubahan rigging dan ekspor di atas adalah bagian yang tidak banyak disorot.</div>
<h2>Add-on: platform Extensions dan apa yang rusak</h2>
<p><strong>Extensions menggantikan add-on lama pada 4.2.</strong> Add-on kini didistribusikan sebagai extension dengan <code>blender_manifest.toml</code>, dipasang melalui <code>Preferences &gt; Get Extensions</code>, dan tersedia di <a href="https://extensions.blender.org/about/">extensions.blender.org</a>, yang &quot;hanya menawarkan perangkat lunak yang mematuhi GNU GPL&quot;. <a href="https://docs.blender.org/manual/en/5.2/advanced/extensions/getting_started.html">Manual</a> mewajibkan <code>blender_version_min</code> (minimal <code>4.2.0</code>) dan mengizinkan <code>blender_version_max</code> opsional, yaitu &quot;versi Blender yang tidak didukung extension&quot;. Add-on lama masih dapat dipasang melalui <code>Install from Disk</code> pada 5.2, tetapi cara lama sudah dinyatakan usang, dan situs extension memperingatkan bahwa &quot;Extension tidak diperbarui secara otomatis&quot;.</p>
<p><strong>Cara memeriksa apakah add-on berfungsi pada 5.2.</strong> Baca rentang versi Blender di halaman extension tersebut, atau cari di <code>Preferences &gt; Get Extensions</code>, tempat daftar menunjukkan apakah tersedia build untuk versi Anda. Pasang, buka <code>Window &gt; Toggle System Console</code> di Windows atau jalankan Blender dari terminal di macOS dan Linux, lalu aktifkan: tip dari manual menyatakan bahwa jika add-on tidak aktif, &quot;periksa jendela Console untuk melihat adanya error&quot;. Tiga jenis error menjadi penyebab sebagian besar kegagalan setelah upgrade.</p>
<p><code>AttributeError</code> pada <code>fcurves</code>, <code>groups</code>, atau <code>id_root</code> berarti add-on menggunakan API Action lama yang dihapus pada 5.0. Wheel yang gagal dimuat berarti extension menyertakan modul terkompilasi yang dibuat untuk Python 3.11, yang masih digunakan 5.0 (instalasi lokal 5.0.1 kami melaporkan 3.11.13), sedangkan <a href="https://developer.blender.org/docs/release_notes/5.1/python_api/">catatan Python 5.1</a> memindahkan Blender ke Python 3.13. Karena itu, semua extension yang menyertakan numpy atau runtime inferensi memerlukan wheel <code>cp313</code> mulai 5.1. Jika alat yang bergantung pada paket dari <code>pip install --user</code> tidak dapat menemukannya, penyebabnya adalah <a href="https://developer.blender.org/docs/release_notes/5.1/core/">perubahan inti 5.1</a>: &quot;Direktori situs pengguna Python tidak lagi dimuat secara default&quot;, yang dapat dipulihkan dengan <code>--python-use-user-env</code>.</p>
<p><strong>Perubahan lain pada 5.0 yang merusak alat pengembangan game.</strong> Catatan Python 5.0 menghapus akses bergaya dict ke penyimpanan <code>bpy.props</code> (&quot;<code>bpy.context.scene['cycles']</code> tidak akan memberikan akses ke pengaturan scene Cycles&quot;). Modul BGL dan <code>Image.bindcode</code> dihapus, sehingga semua alat yang menggambar di viewport dengan panggilan OpenGL mentah (bone picker dan visualisasi weight versi lama) perlu menggunakan modul <code>gpu</code>. <code>scene.node_tree</code> berubah menjadi <code>scene.compositing_node_group</code>, dan pengenal engine EEVEE berubah dari <code>BLENDER_EEVEE_NEXT</code> menjadi <code>BLENDER_EEVEE</code>, yang membuat skrip render yang memilih engine berdasarkan nama mengalami kegagalan. Pada 5.2, API modifier Geometry Nodes berubah dari <code>modifier[&quot;identifier&quot;] = 5.0</code> menjadi <code>modifier.properties.inputs.identifier.value = 5.0</code>, sehingga alat batch yang mengendalikan penyiapan decimation atau LOD berbasis GN menurut nama perlu diperbarui untuk versi LTS.</p>
<p><strong>Status add-on Cinevva Rig.</strong> Ini adalah extension standar dengan versi minimum <code>4.2.0</code>, versi 0.4.0 dari 5 September 2026, dan dapat berjalan pada 5.0, 5.1, serta 5.2 LTS. Rigging adalah bagian berbayar, dibuka dengan kunci seharga $29 dan dijalankan secara lokal setelah satu kali mengunduh engine berukuran sekitar 2,4 GB. Sebanyak 260 klip animasi CC0 dan preset ekspor untuk Unity, Unreal, Godot, serta web dapat digunakan tanpa kunci atau akun. Dibandingkan dengan ekspor GLB standar Blender, preset tersebut menghasilkan berkas berukuran 68 hingga 98 persen lebih kecil pada empat model yang kami ukur, terutama dengan membatasi dan mengodekan ulang tekstur.</p>
<h2>Viewport dan performa untuk pengerjaan aset</h2>
<p><strong>Backend GPU.</strong> <a href="https://docs.blender.org/manual/en/5.2/editors/preferences/system.html">Preferensi System</a> menyediakan OpenGL dan Vulkan, dengan keharusan memulai ulang untuk beralih, sementara Metal ditetapkan permanen di macOS. <a href="https://code.blender.org/2025/05/projects-update-q2-2025/">Pembaruan proyek Q2 2025</a> menyatakan Vulkan &quot;didukung secara resmi di Blender 4.5 LTS mendatang, dengan paritas fitur dan performa yang sebanding dengan OpenGL&quot;. <a href="https://developer.blender.org/docs/release_notes/5.1/eevee/">Catatan EEVEE</a> 5.1 mengukur waktu kompilasi material saat cold start dengan Vulkan pada scene Barbershop yang turun dari 24,87 menjadi 11,67 detik, serta memori kumpulan tekstur yang turun dari 406 menjadi 245 MB. <a href="https://developer.blender.org/docs/release_notes/5.3/eevee/">Catatan alfa 5.3</a> akhirnya mengubah default: &quot;Backend Vulkan kini menjadi default di Windows (kecuali ARM) dan Linux. Preferensi pengguna yang sudah ada tidak akan dimigrasikan.&quot; Pada 5.2 LTS, fitur ini harus diaktifkan sendiri. Cobalah, lalu kembali ke OpenGL jika add-on yang menggambar di viewport mengalami masalah. Rilis perbaikan 5.1.x mengatasi masalah Vulkan pada Intel Iris Xe dan driver NVIDIA 595, jadi pastikan driver selalu diperbarui.
<strong>Waktu kompilasi EEVEE dan material.</strong> <a href="https://developer.blender.org/docs/release_notes/5.0/eevee/">Catatan EEVEE 5.0</a> menyebutkan bahwa material sederhana dikompilasi sekitar empat kali lebih cepat pada NVIDIA OpenGL, dan 5.1 menambahkan kompilasi pipeline paralel pada setiap backend. Untuk look-dev karakter dengan belasan material, ini berarti viewport abu-abu selama beberapa detik, bukan satu menit. Perombakan raytracing screen-space pada 5.2 mengubah tampilan scene yang sudah ada (&quot;beberapa scene mungkin dirender lebih gelap daripada di 5.1&quot;), dan EEVEE mewarisi pengoptimalan instancing Workbench, hingga dua kali lebih cepat pada scene dengan banyak instance—tepat seperti karakteristik kit lingkungan modular.</p>
<p><strong>Curves dan rambut menjadi lebih berat.</strong> Satu hal yang perlu diwaspadai di 5.0 untuk karakter dengan particle hair: penggambaran curve kini mengikuti atribut <code>resolution</code>, dan catatan rilis memperingatkan bahwa sistem rambut default &quot;sekarang akan merender geometri 15 kali lebih banyak di 5.0&quot;. Jika file yang terbuka dengan lancar di 4.5 menjadi sangat lambat di 5.x, turunkan resolusi curve.</p>
<p><strong>Persyaratan minimum platform</strong> menentukan apakah Anda bisa memasang 5.x sama sekali: Apple Silicon pada macOS 13 atau yang lebih baru, serta pada Windows dan Linux, GPU dengan OpenGL 4.3 dan VRAM 2 GB dari generasi GeForce 900, Radeon RX 400, atau Kaby Lake dan yang lebih baru, menurut <a href="https://www.blender.org/download/requirements/">halaman persyaratan</a>.</p>
<h2>Daftar periksa upgrade untuk pipeline aset game</h2>
<p>Lakukan ini satu kali per proyek, sesuai urutan berikut, pada salinan file Anda.</p>
<ol>
<li><strong>Pilih versinya dan tetapkan.</strong> Pasang 5.2 LTS dari <a href="https://www.blender.org/download/lts/">halaman LTS</a>. Jika ada anggota tim yang menggunakan Mac Intel atau GPU sebelum 2016, tim sebaiknya menetapkan 4.5 LTS karena 4.2 tidak dapat membuka file 5.x dan 4.5 memotong nama yang panjang.</li>
<li><strong>Buka rig tertua Anda di 4.5 terlebih dahulu jika berasal dari 2.79 atau versi sebelumnya.</strong> 5.0 menghentikan pemuatan data animasi pra-2.50 dan konverter pose library era 2.93. Catatan rilis menyarankan untuk membuka dan menyimpan file tersebut di 4.5 sebelum melanjutkan.</li>
<li><strong>Inventarisasi add-on berdasarkan rentang versinya.</strong> Untuk setiap add-on, baca <code>blender_version_min</code> dan <code>blender_version_max</code> pada halaman extension-nya. Pasang ulang melalui <code>Preferences &gt; Get Extensions</code>, bukan dengan menyalin folder add-on lama, dan periksa console saat pertama kali mengaktifkannya.</li>
<li><strong>Lakukan grep pada skrip Anda.</strong> Cari <code>action.fcurves</code>, <code>action.groups</code>, <code>id_root</code>, <code>bones[...].select</code>, <code>import_scene.fbx</code>, <code>scene.node_tree</code>, <code>BLENDER_EEVEE_NEXT</code>, <code>bgl</code>, dan akses dengan tanda kurung siku seperti <code>modifier[&quot;Socket_</code>. Masing-masing merupakan perubahan yang merusak kompatibilitas di 5.x dan memiliki pengganti yang terdokumentasi.</li>
<li><strong>Impor ulang satu paket karakter FBX dan periksa action.</strong> Dengan importer C++, setiap take menjadi action dengan satu slot untuk setiap objek yang dianimasikan. Pastikan nama klip benar dan slot armature telah ditetapkan sebelum Anda memproses apa pun secara batch.</li>
<li><strong>Ekspor ulang satu GLB beranimasi dan periksa daftar animasinya.</strong> Atur <code>Animation &gt; Mode</code> ke Actions, stash setiap klip yang Anda inginkan ke track NLA, lalu atur Merge Animation ke mode yang Anda perlukan. Buka hasilnya di viewer dan hitung jumlah klipnya. Kemudian uji Meshopt Compression dibandingkan Draco pada aset nyata dan gunakan opsi yang dapat didekode oleh engine atau loader Anda.</li>
<li><strong>Ekspor ulang satu FBX untuk engine Anda dengan normals diaktifkan.</strong> Perbaikan shape key normals di 5.1 mengubah data yang diterima Unity dan Unreal untuk karakter dengan blend shape. Impor hasilnya dan periksa apakah ada sambungan shading pada bentuk wajah.</li>
<li><strong>Pilih backend GPU dengan sengaja.</strong> Tetap gunakan OpenGL untuk 5.2 LTS kecuali Anda sudah menguji Vulkan bersama add-on Anda. Saat 5.3 dirilis, Vulkan akan menjadi default di Windows dan Linux tanpa memigrasikan preferensi Anda, jadi catat pilihan tersebut sekarang.</li>
<li><strong>Simpan ulang aset yang menggunakan Node Tools atau aset Geometry Nodes.</strong> Menurut catatan kompatibilitas, 5.1 dan 5.2 sama-sama mengharuskan file aset dibuka dan disimpan ulang agar node tools berfungsi.</li>
<li><strong>Nonaktifkan kembali kompresi jika ada alat yang membaca file .blend secara langsung.</strong> 5.0 mengaktifkan kompresi file blend secara default saat menyimpan dan mengubah format block header, sehingga parser eksternal perlu diperbarui atau file harus disimpan tanpa kompresi.</li>
</ol>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 400" role="img" aria-label="Kartu daftar periksa upgrade dengan sepuluh butir: tetapkan 5.2 LTS atau 4.5 LTS, buka file pra-2.79 di 4.5 terlebih dahulu, inventarisasi add-on berdasarkan rentang versi, lakukan grep pada skrip untuk API yang dihapus, impor ulang satu paket FBX dan periksa slot, ekspor ulang satu GLB dan hitung klip, ekspor ulang satu FBX dengan normals, pilih backend GPU, simpan ulang aset node tool, tentukan kompresi blend.">
  <rect width="720" height="400" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="38" font-size="20" font-weight="800" fill="#e8edf5">Daftar periksa upgrade: pipeline 4.x ke Blender 5.2 LTS</text>
    <text x="24" y="60" font-size="13" fill="#9aa7b4">Satu kali per proyek, pada salinan. Kolom kiri untuk penyiapan, kolom kanan untuk uji pulang-pergi.</text>
    <g font-size="12.5" fill="#e8edf5">
      <rect x="24" y="86" width="16" height="16" rx="4" fill="none" stroke="#fbbf24" stroke-width="2"/>
      <text x="50" y="99">Tetapkan 5.2 LTS (atau 4.5 LTS untuk Mac Intel, GPU lama)</text>
      <rect x="24" y="126" width="16" height="16" rx="4" fill="none" stroke="#fbbf24" stroke-width="2"/>
      <text x="50" y="139">Buka rig era 2.79 di 4.5 dan simpan ulang lebih dahulu</text>
      <rect x="24" y="166" width="16" height="16" rx="4" fill="none" stroke="#fbbf24" stroke-width="2"/>
      <text x="50" y="179">Periksa blender_version_min / max setiap add-on</text>
      <rect x="24" y="206" width="16" height="16" rx="4" fill="none" stroke="#fbbf24" stroke-width="2"/>
      <text x="50" y="219">Grep skrip: action.fcurves, bones[].select,</text>
      <text x="50" y="235" fill="#9aa7b4">import_scene.fbx, scene.node_tree, bgl, modifier["Socket_"]</text>
      <rect x="24" y="262" width="16" height="16" rx="4" fill="none" stroke="#fbbf24" stroke-width="2"/>
      <text x="50" y="275">Simpan ulang aset Node Tool dan Geometry Nodes</text>
      <rect x="24" y="302" width="16" height="16" rx="4" fill="none" stroke="#fbbf24" stroke-width="2"/>
      <text x="50" y="315">Tentukan: kompresi blend aktif (default) atau nonaktif</text>
      <rect x="24" y="342" width="16" height="16" rx="4" fill="none" stroke="#fbbf24" stroke-width="2"/>
      <text x="50" y="355">Tentukan: OpenGL sekarang, Vulkan saat menjadi default di 5.3</text>
      <rect x="384" y="86" width="16" height="16" rx="4" fill="none" stroke="#6ee7b7" stroke-width="2"/>
      <text x="410" y="99">Impor satu paket FBX: satu action per take,</text>
      <text x="410" y="115" fill="#9aa7b4">satu slot per objek beranimasi, slot telah ditetapkan</text>
      <rect x="384" y="142" width="16" height="16" rx="4" fill="none" stroke="#6ee7b7" stroke-width="2"/>
      <text x="410" y="155">Ekspor satu GLB: mode Actions, klip telah di-stash</text>
      <text x="410" y="171" fill="#9aa7b4">ke NLA, Merge Animation diatur, hitung klip di viewer</text>
      <rect x="384" y="198" width="16" height="16" rx="4" fill="none" stroke="#6ee7b7" stroke-width="2"/>
      <text x="410" y="211">Uji Meshopt vs Draco pada aset nyata</text>
      <rect x="384" y="238" width="16" height="16" rx="4" fill="none" stroke="#6ee7b7" stroke-width="2"/>
      <text x="410" y="251">Ekspor satu FBX dengan normals, periksa shading</text>
      <text x="410" y="267" fill="#9aa7b4">blend shape di Unity atau Unreal (perbaikan normals 5.1)</text>
      <rect x="384" y="294" width="16" height="16" rx="4" fill="none" stroke="#6ee7b7" stroke-width="2"/>
      <text x="410" y="307">Putar satu klip hasil retarget pada satu rig</text>
      <text x="410" y="323" fill="#9aa7b4">tekuk siku, putar pergelangan, pijakkan kaki</text>
    </g>
    <line x1="360" y1="80" x2="360" y2="380" stroke="#334155" stroke-width="1"/>
    <text x="24" y="386" font-size="11" fill="#9aa7b4">Sumber: catatan rilis Blender 5.0, 5.1, 5.2 dan halaman kompatibilitas, September 2026.</text>
  </g>
</svg>
<figcaption>Daftar periksa yang sama dalam bentuk kartu yang bisa terus Anda buka di jendela kedua. Kolom kanan adalah bagian yang sering dilewati, padahal bagian itulah yang mendeteksi perubahan slot dan merge sebelum impor ke engine menemukannya.</figcaption>
</figure>
<h2>Pertanyaan Umum</h2>
<h3>Kapan Blender 5.0 dirilis dan apakah masih didukung?</h3>
<p>Blender 5.0 dirilis pada 18 November 2025, disusul rilis perbaikan 5.0.1 pada 16 Desember 2025. Versi ini tidak lagi didukung: Blender hanya mendukung rilis reguler hingga penerusnya hadir, dan 5.1 menggantikannya pada 17 Maret 2026. Jika Anda menggunakan 5.0, beralihlah ke 5.2 LTS, yang mempertahankan model slotted action yang sama dan menambahkan perbaikan hingga Juli 2028.</p>
<h3>Apa saja fitur baru Blender 5.0 untuk animator dan rigger?</h3>
<p>Fitur utama 5.0 adalah manajemen warna (ACES, HDR, working colour space) dan perombakan sequencer. Untuk animasi dan rigging, catatan rilis mencantumkan constraint Geometry Attribute, visibilitas dan pemilihan bone per instance, pembangunan ulang UI shape key dengan multi-select dan Make Basis, pemindahan Copy Global Transform ke core, Jump Time by Delta, serta pemilih slot yang menampilkan tipe slot. Fitur yang dihapus sama pentingnya: Action API lama, pemuatan animasi pra-2.50, dan konverter pose library lama.</p>
<h3>Apa itu Blender 5.1 dan apa yang berubah bagi kreator aset game?</h3>
<p>Blender 5.1 dirilis pada 17 Maret 2026. Untuk pembuatan game, perubahannya berfokus pada performa dan infrastruktur: evaluasi action menjadi sekitar dua kali lebih cepat pada rig berat, evaluasi shape key hingga empat kali lebih cepat, Python beralih ke 3.13, direktori site-packages pengguna tidak lagi dimuat, exporter FBX mulai menulis shape key normals, dan material EEVEE dikompilasi lebih cepat pada setiap backend. Versi ini digantikan oleh 5.2 LTS pada 14 Juli 2026.</p>
<h3>Apakah Blender 5.2 merupakan rilis LTS dan sampai kapan?</h3>
<p>Ya. Blender 5.2 LTS dirilis pada 14 Juli 2026 dan akan dipelihara hingga Juli 2028, dengan 5.2.1 dirilis pada 25 Agustus 2026. Masa dukungnya bertumpang tindih dengan 4.5 LTS, yang didukung hingga Juli 2027. Dukungan 4.2 LTS berakhir pada Juli 2026.</p>
<h3>Apa itu slotted action di Blender?</h3>
<p>Slot adalah sub-container bernama dan bertipe di dalam sebuah Action, sehingga satu Action dapat menganimasikan beberapa data-block sekaligus, misalnya bone milik armature dan shape key milik mesh. Slot hadir di 4.4 dan kini setiap action menggunakan slot. Bagi pengguna, perubahan yang terlihat adalah pemilih slot di sebelah nama action dan pilihan Merge Animation di exporter glTF. Untuk skrip, <code>action.fcurves</code> dihapus di 5.0 dan digantikan oleh channelbag per slot.</p>
<h3>Apakah Blender 5 memiliki animasi berlapis?</h3>
<p>Belum tersedia di antarmuka, hingga 5.2 LTS. Model datanya memiliki layer dan strip di balik setiap action, dan manual menyebutkan bahwa hal ini dibuat &quot;semata-mata sebagai persiapan untuk fitur animasi mendatang yang belum tersedia di Blender&quot;. Editor layer, blend mode, dan bake-down yang dijelaskan dalam posting Layered Animation Workshop 2024 belum dirilis di 5.0, 5.1, 5.2, maupun catatan alpha 5.3.</p>
<h3>Apakah add-on Blender 4.2 saya berfungsi di Blender 5?</h3>
<p>Sebagian berfungsi. Sebuah extension mendeklarasikan <code>blender_version_min</code> dan, secara opsional, <code>blender_version_max</code>, sementara add-on lama masih dapat dipasang dari disk. Yang rusak adalah kodenya, bukan kemasannya: Action API lama, <code>bones[].select</code>, penggambaran BGL, akses dict ke data <code>bpy.props</code>, dan compiled wheel yang dibuat untuk Python 3.11 alih-alih 3.13 (mulai 5.1). Periksa console saat mengaktifkan add-on dan periksa halaman extension untuk build 5.2 sebelum melakukan upgrade.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/automatic-rigging-explained">Cara Kerja Rigging Otomatis (dan Cara Menyiapkan Model untuknya)</a>: apa itu rig, cara rigger menempatkan joint, dan cara menyiapkan mesh agar tool weight 5.x tidak perlu memperbaiki terlalu banyak</li>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: rigging humanoid sekali klik di komputer Anda sendiri, 260 klip CC0, dan preset ekspor untuk Unity, Unreal, Godot, serta web, pada Blender 4.2 dan yang lebih baru</li>
<li><a href="/id/guides/how-to-rig-a-character-in-blender">Cara Melakukan Rigging Karakter di Blender (2026)</a>: Rigify, armature manual, dan metode sekali klik, langkah demi langkah di 5.2 LTS</li>
<li><a href="/id/guides/blender-to-unity-export-checklist">Daftar Periksa Ekspor Blender ke Unity</a>: pengaturan FBX serta pilihan skala dan sumbu yang tetap berfungsi setelah perubahan importer 5.x</li>
<li><a href="/id/guides/optimize-glb-for-web">Cara Mengoptimalkan GLB untuk Web</a>: dampak Draco, meshopt, dan batas tekstur terhadap file setelah keluar dari exporter glTF</li>
<li><a href="/id/tools/glb-viewer">Viewer GLB</a>: hitung klip animasi dalam GLB yang diekspor dan periksa skeleton sebelum dimasukkan ke engine</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Daftar Periksa Ekspor Blender ke Godot 4: Pengaturan glTF, Animasi, dan Petunjuk Impor (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/blender-to-godot-export-checklist</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/blender-to-godot-export-checklist</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara memasukkan model Blender ke Godot 4: pengaturan ekspor GLB, sumbu Y ke atas dan meter, petunjuk impor -col dan -rigid, animasi berulang, serta alasan tekstur bisa hilang.]]></description>
            <content:encoded><![CDATA[<h1>Daftar Periksa Ekspor Blender ke Godot 4: Pengaturan glTF, Animasi, dan Petunjuk Impor (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/blender-to-godot-export-checklist-hero.jpg?v=1" alt="Karakter low-poly berjalan dari viewport Blender menuju pohon adegan Godot" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Ekspor GLB dari Blender dengan <code>+Y Up</code> aktif, transformasi diterapkan, <code>Apply Modifiers</code> dicentang, <code>Materials</code> diatur ke <code>Export</code>, dan <code>Compression</code> dinonaktifkan, lalu masukkan ke folder proyek Godot Anda. Godot 4 akan membuat adegan, material, sebuah <code>Skeleton3D</code>, dan sebuah <code>AnimationPlayer</code> untuk Anda. Impor <code>.blend</code> secara langsung melakukan hal yang sama dengan memanggil Blender di balik layar, yang praktis pada satu mesin tetapi dapat menjadi masalah bagi tim. Hampir semua laporan &quot;tampilannya salah di Godot&quot; bermuara pada salah satu dari lima hal: transformasi yang belum diterapkan, karakter yang dimodelkan menghadap ke arah yang salah, action yang tidak pernah disimpan ke NLA, berkas yang dikompresi dengan Draco, atau tekstur yang tidak pernah keluar dari Blender.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Format:</strong> glTF 2.0 sebagai satu berkas <code>.glb</code>. Dokumentasi Godot menandainya sebagai &quot;(direkomendasikan)&quot;, dan format binernya &quot;menyertakan mesh dan tekstur yang disiapkan di Blender&quot;.</li>
<li><strong>Sumbu dan skala:</strong> biarkan <code>+Y Up</code> pada eksportir tetap aktif, modelkan karakter menghadap <code>-Y</code> di Blender, pertahankan 1 unit Blender sebagai 1 meter, dan jalankan <code>Object &gt; Apply &gt; All Transforms</code> (Ctrl-A) sebelum mengekspor.</li>
<li><strong>Kompresi:</strong> biarkan <code>Data &gt; Compression</code> nonaktif. Godot tidak dapat membuka glTF yang dikompresi dengan Draco.</li>
<li><strong>Animasi:</strong> setiap action yang Anda inginkan harus menjadi action aktif atau disimpan ke trek NLA. Beri nama klip berulang dengan <code>loop</code> atau <code>cycle</code> dalam nama action, tanpa tanda hubung, dan Godot akan mengaktifkan penanda pengulangan.</li>
<li><strong>Tumbukan dan fisika:</strong> tambahkan <code>-col</code>, <code>-convcol</code>, <code>-colonly</code>, atau <code>-rigid</code> ke nama objek Blender, dan Godot akan membuat body saat impor.</li>
<li><strong>Tekstur hilang:</strong> ekspor sebagai GLB, bukan glTF Separate, atur <code>Materials</code> ke <code>Export</code>, dan gunakan tekstur gambar pada Principled BSDF, bukan node prosedural.</li>
<li><strong>Tanpa dialog ekspor sama sekali:</strong> <a href="/blender-addon/">add-on Cinevva Rig</a> memiliki preset Godot yang menerapkan pengaturan ini dengan sekali klik. Fitur ekspornya gratis, berjalan secara luring di mesin Anda, dan berfungsi di Blender 4.2 atau yang lebih baru pada Windows, macOS, dan Linux. Fitur rigging adalah bagian berbayar, sekali bayar $29 pada harga peluncuran.</li>
</ul>
<h2>Referensi cepat</h2>
<p>Pengaturan eksportir glTF Blender yang penting untuk Godot 4, berdasarkan <a href="https://docs.blender.org/manual/en/latest/addons/import_export/scene_gltf2.html">manual Blender</a> dan <a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/importing_3d_scenes/available_formats.html">dokumentasi impor Godot</a>. Pengaturan lainnya dapat dibiarkan pada nilai bawaannya.</p>
<table>
<thead>
<tr>
<th>Pengaturan eksportir (<code>File &gt; Export &gt; glTF 2.0</code>)</th>
<th>Nilai untuk Godot</th>
<th>Alasan</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>Format</code></td>
<td>glTF Binary (.glb)</td>
<td>Satu berkas dengan tekstur di dalamnya. Godot: &quot;berkas biner glTF (.glb) adalah opsi yang lebih kecil&quot;</td>
</tr>
<tr>
<td><code>Include &gt; Selected Objects</code></td>
<td>Aktif</td>
<td>Mencegah kamera, lampu, dan mesh referensi masuk ke adegan</td>
</tr>
<tr>
<td><code>Transform &gt; +Y Up</code></td>
<td>Aktif (bawaan)</td>
<td>glTF dan Godot menggunakan sumbu Y ke atas, sedangkan Blender menggunakan sumbu Z ke atas. Eksportir akan mengonversinya</td>
</tr>
<tr>
<td><code>Data &gt; Mesh &gt; Apply Modifiers</code></td>
<td>Aktif</td>
<td>Menerapkan Triangulate, Mirror, dan Subdivision. Godot: lakukan triangulasi di Blender untuk &quot;hasil yang lebih konsisten&quot;</td>
</tr>
<tr>
<td><code>Data &gt; Mesh &gt; Normals</code>, <code>UVs</code></td>
<td>Aktif</td>
<td>Godot memerlukan UV untuk tekstur dan normal untuk shading</td>
</tr>
<tr>
<td><code>Data &gt; Mesh &gt; Tangents</code></td>
<td>Aktif jika Anda menggunakan normal map</td>
<td>Jika tidak, <code>Ensure Tangents</code> milik Godot akan membuatnya saat impor</td>
</tr>
<tr>
<td><code>Data &gt; Material &gt; Materials</code></td>
<td>Export</td>
<td><code>Placeholder</code> dan <code>No Export</code> menghasilkan model berwarna abu-abu</td>
</tr>
<tr>
<td><code>Data &gt; Material &gt; Images</code></td>
<td>Bawaan (PNG/JPEG)</td>
<td>glTF &quot;mengharuskan gambar menggunakan format PNG atau JPEG&quot;</td>
</tr>
<tr>
<td><code>Data &gt; Armature &gt; Export Deformation Bones only</code></td>
<td>Aktif</td>
<td>Diperlukan Godot ketika model memiliki shape key, sekaligus membuang tulang kontrol</td>
</tr>
<tr>
<td><code>Data &gt; Skinning &gt; Bone influences</code></td>
<td>4</td>
<td>Mode skin yang kompatibel di Godot adalah &quot;4 Influences&quot;</td>
</tr>
<tr>
<td><code>Data &gt; Compression</code></td>
<td>Nonaktif</td>
<td>Godot: &quot;ekstensi wajib 'KHR_draco_mesh_compression' tidak didukung&quot;</td>
</tr>
<tr>
<td><code>Animation &gt; Animation mode</code></td>
<td>Actions</td>
<td>Setiap action yang disimpan menjadi satu animasi Godot</td>
</tr>
<tr>
<td><code>Animation &gt; Reset pose bones between actions</code></td>
<td>Aktif</td>
<td>&quot;Diperlukan ketika beberapa tulang tidak memiliki keyframe pada animasi tertentu&quot;</td>
</tr>
<tr>
<td><code>Animation &gt; Optimize Animation Size</code></td>
<td>Aktif</td>
<td>&quot;Menghapus keyframe duplikat ketika semuanya identik&quot;</td>
</tr>
</tbody>
</table>
<h2>Dua jalur menuju Godot: .blend langsung atau GLB</h2>
<p>Godot 4 mendukung &quot;glTF 2.0 (direkomendasikan)&quot;, <code>.blend</code>, Collada, OBJ, dan FBX. Jalur <code>.blend</code> &quot;bekerja dengan memanggil Blender untuk mengekspor ke glTF secara transparan (mengharuskan Blender terinstal)&quot;, jadi kedua jalur berakhir di pengimpor yang sama.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 420" role="img" aria-label="Dua jalur impor menuju Godot 4. Kiri: berkas .blend disimpan dalam folder proyek, Godot memanggil eksportir glTF Blender, lalu pengimpor glTF Godot, kemudian menghasilkan adegan .tscn. Kanan: File Export glTF 2.0 di Blender menghasilkan .glb, pengimpor glTF Godot membacanya, kemudian menghasilkan adegan .tscn. Catatan: jalur .blend mengharuskan Blender terinstal untuk semua orang dan tidak tersedia pada editor Android atau web; jalur GLB berfungsi di mesin mana pun dengan dialog eksportir lengkap, tetapi memerlukan ekspor ulang secara manual.">
  <defs>
    <marker id="bgarrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 z" fill="#9aa7b4"/>
    </marker>
  </defs>
  <rect width="720" height="420" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Dua jalur menuju Godot 4</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Keduanya berakhir di pengimpor glTF Godot. Hanya jalur kanan yang berfungsi di mesin tanpa Blender.</text>
    <text x="186" y="94" font-size="13" font-weight="800" fill="#c8a8ff" text-anchor="middle">Impor .blend langsung</text>
    <text x="534" y="94" font-size="13" font-weight="800" fill="#6ee7b7" text-anchor="middle">Ekspor GLB</text>
    <g stroke="#9aa7b4" stroke-width="1.5" marker-end="url(#bgarrow)">
      <line x1="186" y1="140" x2="186" y2="154"/>
      <line x1="186" y1="196" x2="186" y2="210"/>
      <line x1="186" y1="252" x2="186" y2="266"/>
      <line x1="534" y1="140" x2="534" y2="154"/>
      <line x1="534" y1="196" x2="534" y2="210"/>
      <line x1="534" y1="252" x2="534" y2="266"/>
    </g>
    <g>
      <rect x="56" y="104" width="260" height="36" rx="8" fill="#121a31" stroke="#c8a8ff" stroke-width="1.5"/>
      <text x="186" y="127" font-size="12" font-weight="700" fill="#e8edf5" text-anchor="middle">Simpan .blend di dalam folder proyek</text>
      <rect x="56" y="160" width="260" height="36" rx="8" fill="#121a31" stroke="#c8a8ff" stroke-width="1.5"/>
      <text x="186" y="183" font-size="12" font-weight="700" fill="#e8edf5" text-anchor="middle">Godot memanggil eksportir glTF Blender</text>
      <rect x="56" y="216" width="260" height="36" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="186" y="239" font-size="12" font-weight="700" fill="#e8edf5" text-anchor="middle">Pengimpor glTF Godot</text>
      <rect x="56" y="272" width="260" height="36" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="186" y="295" font-size="12" font-weight="700" fill="#e8edf5" text-anchor="middle">Adegan .tscn yang diimpor</text>
    </g>
    <g>
      <rect x="404" y="104" width="260" height="36" rx="8" fill="#121a31" stroke="#6ee7b7" stroke-width="1.5"/>
      <text x="534" y="127" font-size="12" font-weight="700" fill="#e8edf5" text-anchor="middle">File &gt; Export &gt; glTF 2.0 di Blender</text>
      <rect x="404" y="160" width="260" height="36" rx="8" fill="#121a31" stroke="#6ee7b7" stroke-width="1.5"/>
      <text x="534" y="183" font-size="12" font-weight="700" fill="#e8edf5" text-anchor="middle">Satu .glb dengan tekstur di dalamnya</text>
      <rect x="404" y="216" width="260" height="36" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="534" y="239" font-size="12" font-weight="700" fill="#e8edf5" text-anchor="middle">Pengimpor glTF Godot</text>
      <rect x="404" y="272" width="260" height="36" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="534" y="295" font-size="12" font-weight="700" fill="#e8edf5" text-anchor="middle">Adegan .tscn yang diimpor</text>
    </g>
    <g font-size="11">
      <circle cx="62" cy="330" r="4" fill="#6ee7b7"/>
      <text x="72" y="334" fill="#e8edf5">Simpan di Blender, pindah jendela, Godot langsung memuat perubahan</text>
      <circle cx="62" cy="352" r="4" fill="#fb7185"/>
      <text x="72" y="356" fill="#e8edf5">Setiap anggota tim harus menginstal Blender</text>
      <circle cx="62" cy="374" r="4" fill="#fb7185"/>
      <text x="72" y="378" fill="#e8edf5">Tidak tersedia di editor Android dan web</text>
      <circle cx="62" cy="396" r="4" fill="#fbbf24"/>
      <text x="72" y="400" fill="#e8edf5">Opsi eksportir terbatas pada dok Impor</text>
      <circle cx="410" cy="330" r="4" fill="#6ee7b7"/>
      <text x="420" y="334" fill="#e8edf5">Dapat dibuka di mesin apa pun, tanpa memerlukan Blender</text>
      <circle cx="410" cy="352" r="4" fill="#6ee7b7"/>
      <text x="420" y="356" fill="#e8edf5">Dialog eksportir lengkap: Draco nonaktif, gambar, mode animasi</text>
      <circle cx="410" cy="374" r="4" fill="#6ee7b7"/>
      <text x="420" y="378" fill="#e8edf5">Satu berkas untuk diberi versi, dibagikan, atau diperiksa</text>
      <circle cx="410" cy="396" r="4" fill="#fbbf24"/>
      <text x="420" y="400" fill="#e8edf5">Anda mengekspor ulang secara manual setelah setiap perubahan</text>
    </g>
  </g>
</svg>
<figcaption>Jalur .blend hanya menghemat langkah ekspor: Godot menjalankan eksportir glTF milik Blender untuk Anda, lalu mengimpor hasilnya persis seperti saat mengimpor GLB. Hijau menunjukkan keunggulan, koral menunjukkan batas mutlak, dan kuning menunjukkan kompromi.</figcaption>
</figure>
<h3>Impor .blend langsung</h3>
<p><a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/importing_3d_scenes/available_formats.html">Halaman format yang tersedia</a> menjelaskan persyaratannya. Fitur ini &quot;memerlukan Blender 3.0 atau yang lebih baru&quot;, dengan versi 3.5 atau yang lebih baru direkomendasikan &quot;karena menyertakan banyak perbaikan untuk eksportir glTF&quot;, serta memerlukan &quot;rilis resmi Blender yang diunduh dari <a href="http://blender.org">blender.org</a>, bukan paket distribusi Linux atau Flatpak&quot;. Anda &quot;harus menginstal Blender sebelum membuka editor Godot&quot;. Jika Blender berada di lokasi bawaannya, Godot akan menemukannya. Jika tidak, atur <code>Editor Settings &gt; Filesystem &gt; Import &gt; Blender &gt; Blender Path</code>. Keuntungannya adalah kecepatan iterasi: &quot;Anda dapat menyimpan adegan di Blender, berpindah kembali ke Godot, lalu langsung melihat perubahan&quot;, dan Anda tidak perlu melakukan commit terhadap salinan hasil ekspor.</p>
<p>Dok Impor kemudian menampilkan bagian khusus Blender: <code>Nodes &gt; Visible</code> (<code>All</code>, <code>Visible Only</code>, atau <code>Renderable</code>), <code>Modifiers</code>, <code>Meshes &gt; Skins</code> (<code>4 Influences (Compatible)</code> atau <code>All Influences</code>, &quot;hingga 8 di Godot&quot;), <code>Materials &gt; Unpack Enabled</code>, yang menulis gambar asli ke sistem berkas Godot dan &quot;sebaiknya tetap dicentang&quot;, serta <code>Animation &gt; Group Tracks</code>, yang menjaga action tersimpan tetap terpisah. Hapus centang opsi terakhir tersebut dan &quot;semua action yang sedang ditetapkan akan menjadi satu animasi glTF&quot;.</p>
<p>Kapan sebaiknya dihindari: dokumentasinya menegaskan bahwa &quot;menggunakan berkas .blend dalam proyek akan mengharuskan semua anggota tim menginstal Blender&quot;, dan impor ini &quot;juga tidak tersedia pada editor Android dan web karena platform tersebut tidak dapat memanggil program eksternal&quot;. Clone baru tidak akan mengimpor apa pun hingga Blender tersedia, sehingga mesin build juga memerlukan Blender, dan Anda hanya mendapatkan opsi eksportir yang ditampilkan Godot di dok. Jika Anda tidak ingin Godot memproses berkas <code>.blend</code> yang berada dalam proyek, nonaktifkan <code>Filesystem &gt; Import &gt; Blender &gt; Enabled</code> di Project Settings lanjutan.</p>
<h3>Ekspor GLB</h3>
<p>Eksportir Blender menawarkan tiga format. <code>glTF Binary (.glb)</code> adalah &quot;satu berkas .glb dengan seluruh data mesh, tekstur gambar, dan informasi terkait yang dikemas dalam satu berkas biner&quot;. <code>glTF Separate</code> menghasilkan sebuah <code>.gltf</code>, sebuah <code>.bin</code>, dan berkas gambar terpisah, sedangkan manual memperingatkan bahwa &quot;membagikan format ini mengharuskan semua berkas terpisah tersebut dibagikan bersama-sama sebagai satu kelompok&quot;. <code>glTF Embedded</code> mengodekan semuanya ke dalam JSON menggunakan base64, dan manual menyebutnya sebagai &quot;format yang paling tidak efisien di antara pilihan yang tersedia&quot;. Dokumentasi Godot memberikan dua alasan untuk memilih Separate: adegan berbasis teks agar perbedaannya dapat ditinjau dalam kontrol versi, atau kebutuhan untuk memisahkan berkas tekstur dari material. &quot;Jika Anda tidak memerlukan salah satunya, berkas biner glTF sudah memadai.&quot; Pilih GLB.</p>
<h2>Mengapa bukan FBX, Collada, atau eksportir ESCN lama</h2>
<p>FBX di Godot 4 terbagi dalam dua era. Sebelum 4.3, pengimpornya adalah FBX2glTF, dan dokumentasinya mencatat bahwa ini &quot;mengharuskan pemasangan program eksternal yang ditautkan dengan FBX SDK proprietari&quot;, sehingga Godot tidak dapat menyertakannya dan Anda harus mengatur sendiri <code>Filesystem &gt; Import &gt; FBX &gt; FBX2glTFPath</code>. Sejak <a href="https://godotengine.org/article/introducing-the-improved-ufbx-importer-in-godot-4-3/">Godot 4.3</a> (Agustus 2024), pustaka ufbx bawaan membaca FBX secara langsung dan &quot;konverter FBX2glTF eksternal tidak perlu diunduh lagi&quot;. Jadi, FBX kini dapat digunakan, tetapi format ini menambahkan langkah konversi yang tidak diperlukan glTF, dan artikel yang sama memperingatkan bahwa pengekspor FBX Blender secara default menulis objek dengan skala 100x kecuali Anda mengatur <code>Apply Scalings</code> ke <code>FBX Units Scale</code>. Jika Anda harus tetap menggunakan FBX, <a href="https://superhivemarket.com/products/better-fbx-importer--exporter">Better FBX Importer &amp; Exporter</a> dari pihak ketiga (lebih dari 12.600 penjualan di Superhive, $25 untuk satu lisensi, Blender 3.6 hingga 5.1) tersedia karena, menurut pembuatnya, FBX bawaan Blender &quot;sering gagal&quot; pada berkas dari paket lain. Untuk Godot, Anda tidak memerlukan semua itu.</p>
<p>Collada berada satu tingkat di bawahnya: pengekspor bawaan Blender &quot;tidak bekerja dengan semestinya untuk kebutuhan mesin gim dan sebaiknya tidak digunakan apa adanya&quot;, meskipun adegan statis sederhana mungkin masih berhasil. OBJ &quot;tidak mendukung skinning, animasi, UV2, atau material PBR&quot;. Sementara itu, Godot Blender Exporter yang menulis berkas <code>.escn</code> untuk Godot 3 &quot;tidak dipelihara atau didukung di Godot 4.x&quot; menurut <a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/escn_exporter/index.html">halaman dokumentasinya</a> sendiri. Jika sebuah tutorial menyuruh Anda memasangnya, tutorial tersebut ditujukan untuk Godot 3.</p>
<h2>Sumbu, meter, dan transformasi yang diterapkan</h2>
<p>Tiga konvensi harus selaras, dan dua di antaranya sudah sama. <a href="https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html">Spesifikasi glTF 2.0</a> menyatakan bahwa &quot;glTF menetapkan +Y sebagai atas, +Z sebagai depan, dan -X sebagai kanan&quot;, bahwa &quot;bagian depan aset glTF menghadap +Z&quot;, dan bahwa &quot;satuan untuk semua jarak linear adalah meter&quot;. Halaman <a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/importing_3d_scenes/model_export_considerations.html">pertimbangan ekspor model</a> Godot menyatakan bahwa Godot &quot;menggunakan sistem koordinat tangan kanan dengan Y sebagai sumbu atas dan sumbu -Z sebagai arah depan kamera&quot;, sehingga aset yang memiliki orientasi menghadap <code>+Z</code>, dan &quot;Godot menggunakan sistem metrik untuk segala hal dalam 3D, dengan 1 unit setara dengan 1 meter&quot;. Blender menjadi pengecualian karena memakai Z sebagai sumbu atas, dan opsi <code>Transform &gt; +Y Up</code> milik pengekspor (&quot;Ekspor menggunakan konvensi glTF, +Y sebagai atas&quot;) melakukan konversinya. Biarkan opsi ini aktif. Menonaktifkannya adalah cara tercepat untuk membuat model tergeletak miring.</p>
<p>Arah depan adalah bagian yang harus Anda perhatikan saat membuat model. Dokumentasi Godot menerjemahkannya: &quot;Di Blender, ini berarti +Y adalah belakang dan -Y adalah depan bagi sebuah aset.&quot; Buat karakter Anda menghadap sepanjang sumbu <code>-Y</code> Blender (tampilan depan bawaan, Numpad 1, melihat wajah karakter), maka karakter akan menghadap <code>+Z</code> di Godot, sesuai dengan yang diharapkan oleh <code>look_at</code> dengan <code>use_model_front</code> serta konstanta <code>Vector3.MODEL_*</code>. Karakter yang dibuat menghadap <code>+Y</code> akan berjalan mundur saat pertama kali Anda memasang kode pergerakan.</p>
<p>Skala lebih sederhana daripada kelihatannya. Pengekspor tidak memiliki opsi satuan: satu unit Blender menjadi satu meter glTF. <code>Unit Scale</code> Blender di <code>Properties &gt; Scene &gt; Units</code> &quot;hanya memengaruhi nilai yang ditampilkan dalam antarmuka pengguna dan bukan cara kerja internal&quot;, sehingga adegan berskala sentimeter dengan <code>Unit Scale</code> sebesar 0.01 tetap mengekspor nilai mentahnya. Pertahankan pengaturan metrik bawaan, buat manusia dengan tinggi sekitar 1.8 unit, dan Godot akan sejalan dengan Anda. Jika model unduhan berukuran 100x terlalu besar, skalakan dalam Object Mode lalu terapkan, atau gunakan <code>Apply Root Scale</code> pada panel Import, yang &quot;akan diterapkan secara langsung pada mesh dan animasi, sementara skala node root tetap pada nilai bawaan (1, 1, 1)&quot;.</p>
<p>Terapkan transformasi setiap saat. <code>Object &gt; Apply &gt; All Transforms</code> (Ctrl-A) memasukkan rotasi dan skala ke dalam verteks, dan <a href="https://docs.blender.org/manual/en/latest/scene_layout/object/editing/apply.html">manual Blender</a> menyatakan bahwa &quot;Transformasi disarankan untuk diterapkan sebelum rigging dan animasi.&quot; Godot meminta hal yang sama &quot;untuk menghindari masalah pemilihan 3D di editor&quot;, dan dokumentasi retargeting-nya menyebutkan kegagalannya: &quot;glTF yang diekspor dari Blender tanpa menjalankan 'Apply Transform'&quot; memberi skeleton sebuah transformasi node yang harus dibatalkan oleh opsi impor <code>Apply Node Transform</code>. Pastikan juga bahwa &quot;skeleton dikembalikan ke T-pose atau pose istirahat bawaannya sebelum diekspor&quot;. Mesh yang diekspor saat berada di tengah pose akan memasukkan pose tersebut ke dalam skin.</p>
<h2>Pengaturan ekspor, sesuai urutan tampilannya di dialog</h2>
<p><code>File &gt; Export &gt; glTF 2.0 (.glb/.gltf)</code>, <code>Format</code> glTF Binary, aktifkan <code>Include &gt; Selected Objects</code>. Kamera dan <code>Punctual Lights</code> tetap nonaktif karena saran Godot adalah &quot;merancang pencahayaan adegan di editor Godot setelah mengimpor adegan&quot;. Tabel di atas memuat daftar lengkapnya. Empat pengaturan berikut perlu dijelaskan alasannya.</p>
<p><code>Data &gt; Mesh &gt; Apply Modifiers</code>. Godot &quot;dapat melakukan triangulasi mesh saat impor, tetapi hasilnya mungkin tidak dapat diprediksi atau keliru, terutama pada N-gon&quot;, dan solusinya adalah &quot;menambahkan modifier Triangulate ke objek Anda serta memastikan Apply Modifiers dicentang dalam dialog ekspor&quot;. Aktifkan <code>Tangents</code> jika ada material yang menggunakan normal map; jika tidak, opsi impor <code>Ensure Tangents</code> Godot akan membuatnya dengan Mikktspace saat impor.</p>
<p><code>Data &gt; Armature &gt; Export Deformation Bones only</code>. Dokumentasi Godot memuat kotak peringatan: jika model memiliki blend shape (shape key), opsi ini &quot;harus dikonfigurasi menjadi Enabled&quot;, karena &quot;tetap mengekspor bone nondeformasi akan menyebabkan shading yang keliru&quot;. Opsi ini juga membuang bone pembantu yang dibawa oleh control rig. Biarkan <code>Use Rest Position Armature</code> aktif agar pose istirahat, bukan frame saat ini, menjadi pose istirahat joint.</p>
<p>Nonaktifkan <code>Data &gt; Compression</code>. Opsi Draco menulis ekstensi <code>KHR_draco_mesh_compression</code>, dan pengimpor Godot menolaknya dengan pesan <code>GLTF: Can't import file, required extension 'KHR_draco_mesh_compression' is not supported</code> (<a href="https://github.com/godotengine/godot/issues/73738">isu #73738</a>). Godot memampatkan mesh dengan caranya sendiri saat impor, jadi Anda tidak kehilangan apa pun.</p>
<p>Aktifkan <code>Animation &gt; Reset pose bones between actions</code>. Manual menyatakan bahwa opsi ini &quot;diperlukan ketika beberapa bone tidak memiliki key pada animasi tertentu&quot;; jika tidak, bone tanpa key dalam animasi diam akan mewarisi pose terakhirnya dari animasi berjalan. <code>Set all glTF Animation starting at 0</code> &quot;dapat berguna untuk animasi berulang&quot; ketika action Anda dimulai pada frame 1.</p>
<p>Di sisi Godot, pengaturan bawaan panel Import sebagian besar sudah tepat. <code>Root Type</code> harus mewarisi dari <code>Node3D</code> atau Anda akan &quot;kehilangan kemampuan untuk memosisikan node secara langsung di editor 3D&quot;. <code>Animation &gt; FPS</code> memanggang kurva menjadi titik, dan &quot;biasanya tidak banyak manfaat dari nilai di atas 30 FPS&quot;. <code>glTF &gt; Embedded Texture Handling</code> menentukan apa yang terjadi pada gambar di dalam GLB Anda: <code>Extract Textures</code> mengeluarkannya sebagai berkas gambar, yang menurut dokumentasi menghasilkan &quot;ukuran berkas lebih kecil dan kendali lebih besar atas opsi impor&quot;, sedangkan kedua opsi <code>Embed</code> mempertahankannya di dalam adegan.</p>
<h2>Petunjuk impor: sufiks yang dibaca Godot dari nama objek</h2>
<p>Ini adalah trik tertua dan terbaik milik Godot. Nama node glTF adalah nama objek Blender, dan <a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/importing_3d_scenes/node_type_customization.html">halaman sufiks nama</a> mencantumkan sufiks yang ditindaklanjuti oleh pengimpor. Beri nama dinding <code>Wall-col</code>, maka proses impor akan menghasilkan mesh beserta anak collision statis. Tidak perlu mengeklik apa pun di sisi Godot, dan hasilnya tetap bertahan pada setiap impor ulang.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 470" role="img" aria-label="Kartu ringkas petunjuk impor Godot 4. -col: anak StaticBody3D dengan bentuk collision mesh segitiga. -convcol: sebagai gantinya, bentuk cembung. -colonly: mesh dihapus, collision dipertahankan. -convcolonly: mesh dihapus, dekomposisi cembung dipertahankan. -rigid: RigidBody3D. -noimp: node atau animasi dibuang. -navmesh: mesh navigasi. -occ dan -occonly: occluder. -vehicle dan -wheel: VehicleBody3D dan VehicleWheel3D. -alpha pada material: transparansi alfa. -vcol pada material: albedo dari warna verteks. loop atau cycle dalam nama animasi: flag perulangan, tanpa tanda hubung.">
  <rect width="720" height="470" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Petunjuk impor yang dibaca Godot 4 dari nama</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Ketikkan pada nama objek Blender. Dua dipasang pada nama material, satu pada nama action.</text>
    <g>
      <rect x="24" y="80" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="40" y="106" font-size="15" font-weight="800" fill="#7dd3fc">Wall-col</text>
      <text x="40" y="126" font-size="11" fill="#e8edf5">Anak StaticBody3D dengan bentuk mesh</text>
      <text x="40" y="141" font-size="11" fill="#e8edf5">segitiga. Presisi, untuk geometri level.</text>
      <rect x="252" y="80" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="268" y="106" font-size="15" font-weight="800" fill="#7dd3fc">Crate-convcol</text>
      <text x="268" y="126" font-size="11" fill="#e8edf5">Sama, tetapi berupa ConvexPolygonShape3D.</text>
      <text x="268" y="141" font-size="11" fill="#e8edf5">Ringan. Bukan untuk geometri level.</text>
      <rect x="480" y="80" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="496" y="106" font-size="15" font-weight="800" fill="#7dd3fc">Blocker-colonly</text>
      <text x="496" y="126" font-size="11" fill="#e8edf5">Mesh dihapus saat impor. Hanya collision</text>
      <text x="496" y="141" font-size="11" fill="#e8edf5">StaticBody3D yang dipertahankan.</text>
    </g>
    <g>
      <rect x="24" y="176" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="40" y="202" font-size="15" font-weight="800" fill="#7dd3fc">Hull-convcolonly</text>
      <text x="40" y="222" font-size="11" fill="#e8edf5">Mesh dihapus, collision dekomposisi</text>
      <text x="40" y="237" font-size="11" fill="#e8edf5">cembung dipertahankan.</text>
      <rect x="252" y="176" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="268" y="202" font-size="15" font-weight="800" fill="#f0abfc">Barrel-rigid</text>
      <text x="268" y="222" font-size="11" fill="#e8edf5">Diimpor sebagai RigidBody3D sehingga</text>
      <text x="268" y="237" font-size="11" fill="#e8edf5">objek jatuh dan terguling.</text>
      <rect x="480" y="176" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="496" y="202" font-size="15" font-weight="800" fill="#fb7185">Guide-noimp</text>
      <text x="496" y="222" font-size="11" fill="#e8edf5">Node atau animasi dihapus saat impor,</text>
      <text x="496" y="237" font-size="11" fill="#e8edf5">apa pun tipenya.</text>
    </g>
    <g>
      <rect x="24" y="272" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="40" y="298" font-size="15" font-weight="800" fill="#6ee7b7">Floor-navmesh</text>
      <text x="40" y="318" font-size="11" fill="#e8edf5">Mesh menjadi mesh navigasi</text>
      <text x="40" y="333" font-size="11" fill="#e8edf5">untuk dilintasi agen pencari jalur.</text>
      <rect x="252" y="272" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="268" y="298" font-size="15" font-weight="800" fill="#6ee7b7">Cliff-occ / -occonly</text>
      <text x="268" y="318" font-size="11" fill="#e8edf5">Occluder3D ditambahkan di samping mesh,</text>
      <text x="268" y="333" font-size="11" fill="#e8edf5">atau menggantikannya, untuk occlusion culling.</text>
      <rect x="480" y="272" width="216" height="84" rx="10" fill="#121a31"/>
      <text x="496" y="298" font-size="15" font-weight="800" fill="#6ee7b7">Car-vehicle / -wheel</text>
      <text x="496" y="318" font-size="11" fill="#e8edf5">Mesh dijadikan anak dari node VehicleBody3D</text>
      <text x="496" y="333" font-size="11" fill="#e8edf5">atau VehicleWheel3D.</text>
    </g>
    <g>
      <rect x="24" y="368" width="216" height="84" rx="10" fill="#121a31" stroke="#fbbf24" stroke-width="1"/>
      <text x="40" y="394" font-size="15" font-weight="800" fill="#fbbf24">Glass-alpha</text>
      <text x="40" y="414" font-size="11" fill="#e8edf5">Nama material. Diimpor dengan mode</text>
      <text x="40" y="429" font-size="11" fill="#e8edf5">TRANSPARENCY_ALPHA.</text>
      <rect x="252" y="368" width="216" height="84" rx="10" fill="#121a31" stroke="#fbbf24" stroke-width="1"/>
      <text x="268" y="394" font-size="15" font-weight="800" fill="#fbbf24">Paint-vcol</text>
      <text x="268" y="414" font-size="11" fill="#e8edf5">Nama material. Albedo dari warna</text>
      <text x="268" y="429" font-size="11" fill="#e8edf5">verteks, flag warna verteks sRGB aktif.</text>
      <rect x="480" y="368" width="216" height="84" rx="10" fill="#121a31" stroke="#c8a8ff" stroke-width="1"/>
      <text x="496" y="394" font-size="15" font-weight="800" fill="#c8a8ff">Walk_loop, Idle-cycle</text>
      <text x="496" y="414" font-size="11" fill="#e8edf5">Nama action. Flag perulangan diaktifkan. Bisa</text>
      <text x="496" y="429" font-size="11" fill="#e8edf5">sebagai prefiks atau sufiks, tanpa tanda hubung.</text>
    </g>
  </g>
</svg>
<figcaption>Petunjuk biru dan merah muda menambahkan atau mengganti node fisika, koral menghapus, sedangkan hijau menambahkan pembantu navigasi dan culling. Pasangan kuning dipasang pada nama material dan yang ungu pada nama action. Semua yang ada di kartu ini diatur di Blender dan bertahan pada setiap impor ulang.</figcaption>
</figure>
<p>Dua di antaranya melakukan lebih banyak daripada yang dapat dijelaskan kartu tersebut. <code>-colonly</code> &quot;akan menghapus mesh saat impor dan sebagai gantinya membuat collision StaticBody3D&quot;, yang merupakan cara menyertakan mesh collision low-poly buatan tangan di samping mesh yang terlihat: buat modelnya, beri nama <code>Room_collision-colonly</code>, dan hanya komponen fisikanya yang akan dipertahankan. Sementara itu, <code>-noimp</code> menghapus &quot;node dan animasi&quot; dari jenis apa pun, sehingga geometri referensi dan action percobaan dapat tetap berada di dalam <code>.blend</code> tanpa ikut masuk ke gim.
Petunjuk animasi adalah yang agak unik. “Klip animasi dalam file 3D sumber yang dimulai atau diakhiri dengan token loop atau cycle akan diimpor sebagai Animation Godot dengan flag loop yang diaktifkan. Tidak seperti sufiks lain yang dijelaskan di atas, token ini tidak memerlukan tanda hubung.” <code>Walk_loop</code>, <code>loop_walk</code>, dan <code>WalkCycle</code> semuanya dikenali.</p>
<p>Jika Anda tidak ingin mengubah nama, dialog <a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/importing_3d_scenes/advanced_import_settings.html">Advanced Import Settings</a> (klik dua kali file, atau pilih <code>Advanced…</code> di dock Import) menyediakan pengaturan yang sama untuk setiap node: <code>Skip Import</code>, <code>Generate &gt; Physics</code> dengan <code>Body Type</code> (<code>Static</code>, <code>Dynamic</code>, <code>Area</code>) dan <code>Shape Type</code> (<code>Trimesh</code> untuk geometri level statis, bentuk primitif atau <code>Decompose Convex</code> untuk body dinamis), <code>Generate &gt; NavMesh</code>, dan <code>Generate &gt; Occluder</code>. Penamaan lebih unggul jika model yang sama sering diimpor ulang atau dibagikan antarproyek, karena pengaturannya ikut terbawa bersama file.</p>
<h2>Animasi: action, track NLA, dan loop</h2>
<p>Mode <code>Actions</code> bawaan eksportir Blender memiliki satu aturan yang menjadi penyebab sebagian besar laporan animasi hilang. Menurut manual: “Sebuah action akan diekspor jika menjadi action aktif pada suatu objek, atau disimpan ke track NLA (misalnya dengan tombol Stash atau Push Down di Action Editor). Action yang tidak dikaitkan dengan objek melalui salah satu cara tersebut tidak akan diekspor. Jika Anda memiliki beberapa action yang ingin diekspor, pastikan semuanya disimpan!” Buka Action Editor di Dope Sheet, lalu untuk setiap action yang diinginkan, pilih action tersebut dan tekan <code>Stash</code> (atau <code>Push Down</code>). Setiap action akan ditempatkan di track NLA tersendiri dan menjadi satu animasi Godot dengan nama yang diambil dari action tersebut. Anda dapat mengganti nama track NLA untuk menimpa nama itu. Satu catatan versi: “Sebelum Blender 4.4, track digabungkan berdasarkan namanya. Dengan Blender 4.4 dan diperkenalkannya slotted actions, perilaku bawaan ini berubah. Sekarang, track digabungkan berdasarkan action yang digunakan, bukan berdasarkan namanya.”</p>
<p>Hanya tiga jenis animasi yang dapat melewati proses ekspor: “Transformasi objek (lokasi, rotasi, skala)”, “Bone pose”, dan “Nilai shape key”. Material, lampu, modifier, dan fisika yang dianimasikan tidak dapat diekspor, jadi bake semuanya atau buat ulang di Godot.</p>
<p>Looping ditentukan oleh Godot, bukan oleh file. Spesifikasi glTF “hanya mendefinisikan penyimpanan keyframe animasi, sehingga spesifikasi ini tidak menentukan perilaku runtime apa pun, seperti urutan pemutaran, pemutaran otomatis, atau loop”. Karena itu, Godot membaca namanya: “Di Blender, ini mengharuskan penggunaan NLA Editor dan pemberian prefiks atau sufiks loop atau cycle pada nama Action.” Jika Anda lupa, pilih animasi di panel <code>AnimationPlayer</code> lalu atur <code>Loop Mode</code>. <a href="https://docs.godotengine.org/en/stable/classes/class_animation.html">Class Animation</a> menyediakan <code>None</code> (“animasi akan berhenti diputar”), <code>Linear</code> (“diulang tanpa mengubah arah pemutaran”), dan <code>Ping-Pong</code> (“mengulangi pemutaran maju dan mundur pada kedua ujung”).</p>
<p>Godot menempatkan semuanya ke dalam satu <code>AnimationPlayer</code> di bawah root yang diimpor, dengan sebuah <code>AnimationLibrary</code> yang menyimpan setiap klip. Untuk membagikan satu set animasi kepada beberapa karakter, pilih GLB di dock FileSystem lalu ubah mode impornya menjadi <code>Animation Library</code>, yang “memungkinkan Anda menggunakan satu set animasi untuk beberapa karakter tanpa harus menduplikasi data animasi”. Padukan ini dengan opsi retargeting di bawah agar klip sesuai dengan skeleton yang tidak identik.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/qwz9aPdVoFg" title="Blender ke Godot: Alur Kerja Karakter dengan Rig (CGDive)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">Panduan karakter dengan rig dari CGDive dibuat pada 2021, jadi bagian Godot-nya masih menggunakan Godot 3. Bagian Blender-nya tetap relevan: rig game terpisah yang hanya berisi bone deformasi, action yang disimpan ke track NLA, ekspor glTF, lalu pengaturan loop dan blending di engine.</div>
<h2>Material dan tekstur</h2>
<p>Eksportir Blender hanya memahami satu shader. Menurut manual: “Eksportir mendukung material Metal/Rough PBR (glTF inti) dan Shadeless (KHR_materials_unlit). Eksportir akan membangun material glTF berdasarkan node yang dikenali dalam material Blender.” Warna dasar berasal dari input <code>Base Color</code> pada Principled BSDF, baik dari swatch warna maupun Image Texture yang terhubung ke input tersebut. Nilai metallic dan roughness berasal dari slider atau dari satu gambar dengan “nilai metallic yang dienkode di kanal biru (B), dan roughness yang dienkode di kanal hijau (G)”, dipisahkan menggunakan node Separate RGB, dengan <code>Color Space</code> milik Image Texture diatur ke <code>Non-Color</code>. Normal map melewati node Normal Map dalam <code>Tangent Space</code>, juga dengan <code>Non-Color</code>. Emission masuk ke input <code>Emission</code>. Hal lainnya—tekstur noise, color ramp, atau campuran dua shader—tidak tersedia dalam glTF, dan dokumentasi Godot menambahkan bahwa “material prosedural Blender mungkin tidak bekerja dengan benar”. Bake pekerjaan prosedural menjadi gambar terlebih dahulu.</p>
<p>Di sisi Godot, hasilnya menjadi <code>StandardMaterial3D</code>, yang dokumentasinya menjelaskan pengemasan yang sama: “Alih-alih pengaturan dan tekstur terpisah untuk occlusion, roughness, dan metallic, digunakan satu tekstur ORM.” Normal map harus memakai “gaya OpenGL” (<code>+Y</code> ke atas), sesuai dengan yang dihasilkan oleh glTF dan node Normal Map Blender, jadi tidak ada yang perlu dibalik. Ruang warna mengikuti aturan yang Anda tetapkan di Blender: gambar warna dasar tetap menggunakan sRGB, sedangkan data map menggunakan <code>Non-Color</code>. Jika pengaturannya terbalik, roughness map akan terkena pergeseran gamma sebelum Godot sempat membacanya.</p>
<p>“Tekstur hilang” biasanya disebabkan oleh beberapa hal. Anda mengekspor glTF Separate lalu hanya memindahkan file <code>.gltf</code>, sehingga file <code>.bin</code> dan gambar tertinggal. Anda menggunakan impor <code>.blend</code> dengan <code>Materials &gt; Export Materials</code> diatur ke <code>Named Placeholder</code> atau <code>Placeholder</code>, yang menurut dokumentasi berarti “tekstur harus ditetapkan ulang secara manual”. <code>Data &gt; Material &gt; Materials</code> dibiarkan pada <code>Placeholder</code> di eksportir. Node Image Texture menunjuk ke file yang bahkan tidak dapat ditemukan Blender (ditampilkan sebagai magenta di viewport), sehingga tidak ada yang dapat dikemas. Atau materialnya bersifat prosedural. Menggunakan GLB, opsi <code>Export</code>, dan tekstur gambar akan memperbaiki kelima masalah tersebut.</p>
<p>Ada dua kejutan lainnya. Backface culling: “Secara bawaan, backface culling dinonaktifkan pada material Blender dan Blender akan mengekspor material agar sesuai dengan tampilannya di Blender. Ini berarti material di Godot akan memiliki mode cull yang diatur ke Disabled”, sehingga setiap sisi belakang tetap dirender. Aktifkan <code>Backface Culling</code> di panel Settings material Blender untuk semua objek yang berupa permukaan tertutup. Lalu transparansi: eksportir memilih <code>Opaque</code>, <code>Mask</code>, atau <code>Blend</code> berdasarkan apa yang terhubung ke soket <code>Alpha</code>, dan Godot memetakannya ke mode <code>Transparency</code>. Untuk daun dan kisi-kisi, bulatkan nilai alpha menggunakan node Math agar diekspor sebagai <code>Mask</code>, yang jauh lebih murah untuk dirender oleh Godot dibandingkan alpha blending.</p>
<p>Jika ingin mengedit material di Godot tanpa kehilangan perubahan pada impor ulang berikutnya, gunakan <code>Actions… &gt; Extract Materials</code> dalam dialog Advanced Import Settings. Godot “tidak akan menimpa perubahan pada material yang telah diekstrak ketika scene 3D sumber diimpor ulang”, meskipun mengganti nama material di Blender akan memutus tautannya.</p>
<h2>Skeleton: Skeleton3D, nama bone, dan retargeting</h2>
<p>Sebuah armature diimpor sebagai <code>Skeleton3D</code>, yang “menyediakan antarmuka untuk mengelola hierarki bone, termasuk pose, rest, dan animasi”, dengan mesh yang telah di-skin sebagai child <code>MeshInstance3D</code> yang menunjuk kepadanya. <a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/retargeting_3d_skeletons.html">Dokumentasi retargeting</a> Godot menjelaskan masalah pada rig Blender: “bone dari model glTF yang dihasilkan Blender menggunakan ‘Edit Bone Orientation’ sebagai rotasi Bone Rest”, sehingga dua karakter Blender dengan nama bone yang sama masih dapat memiliki rest yang berbeda, dan animasi yang dibuat untuk salah satunya dapat membuat karakter lain terpelintir.</p>
<p>Solusinya sudah tersedia dalam importer. Di Advanced Import Settings, pilih node <code>Skeleton3D</code>, lalu panel sebelah kanan akan menampilkan bagian <code>Retarget</code> dengan satu properti <code>bone_map</code>. Buat sebuah <code>BoneMap</code>, tetapkan profil <code>SkeletonProfileHumanoid</code>, dan “pemetaan otomatis akan dilakukan saat SkeletonProfile ditetapkan”. Profil tersebut adalah humanoid standar Godot, terdiri atas 56 bone dalam empat grup (<code>Body</code>, <code>Face</code>, <code>LeftHand</code>, <code>RightHand</code>), bersifat baca-saja, dengan nama seperti <code>Hips</code>, <code>Spine</code>, <code>Chest</code>, <code>UpperChest</code>, <code>Neck</code>, <code>Head</code>, <code>LeftUpperArm</code>, <code>LeftLowerArm</code>, <code>LeftHand</code>, <code>LeftUpperLeg</code>, <code>LeftLowerLeg</code>, dan <code>LeftFoot</code>. Pose referensinya adalah T-pose yang menghadap ke <code>+Z</code>. Pemetaan otomatis “menggunakan pencocokan pola pada nama bone. Karena itu, kami menyarankan penggunaan nama bahasa Inggris yang umum untuk bone.” Beri nama bone <code>upper_arm.L</code> atau <code>LeftUpperArm</code>, bukan <code>Bone.014</code>, lalu periksa tombol magenta di map, yang menandai “pemetaan yang hilang, duplikat, atau memiliki relasi induk-anak yang salah”.</p>
<p>Berikutnya adalah opsi <code>Rest Fixer</code>. <code>Overwrite Axis</code> menulis ulang rest setiap bone agar sesuai dengan profil, dan dokumentasi menyebutnya sebagai “opsi terpenting untuk berbagi animasi di Godot 4”, disertai peringatan bahwa opsi tersebut “dapat menghasilkan tampilan yang sangat buruk jika Bone Rest asli yang ditetapkan secara eksternal memang penting”. <code>Fix Silhouette</code> menekuk model agar mengikuti T-pose profil, yang “tidak perlu diaktifkan untuk model T-pose, tetapi harus diaktifkan untuk model A-pose”. <code>Apply Node Transform</code> memperbaiki kasus transformasi yang belum diterapkan dari bagian sumbu. <code>Normalize Position Tracks</code> menskalakan root motion berdasarkan tinggi pinggul agar karakter tinggi dan pendek dapat berbagi animasi berjalan tanpa kaki bergeser. Di bawah <code>Remove Tracks</code>, dokumentasi menyarankan untuk mengaktifkan <code>Except Bone Transform</code>, <code>Unimportant Positions</code>, dan <code>Unmapped Bones</code> bagi <code>AnimationLibrary</code> bersama, serta membiarkannya nonaktif untuk scene yang aksesori-aksesornya dianimasikan.</p>
<p>Catatan rigging untuk pengguna Blender. Baik skeleton Anda berasal dari Rigify, Auto-Rig Pro, maupun auto-rigger lainnya, ekspor dengan <code>Export Deformation Bones only</code> agar bone kontrol tetap berada di Blender, lakukan ekspor dalam rest pose, dan pertahankan nama bone bahasa Inggris (<code>Hips</code>, <code>Spine</code>, <code>LeftArm</code>) yang digunakan rig bergaya Mixamo, karena nama-nama itulah yang dicocokkan oleh pemetaan otomatis.</p>
<h2>Gejala, penyebab, solusi</h2>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 440" role="img" aria-label="Matriks gejala, penyebab, dan solusi untuk impor Blender ke Godot. Model berbaring miring: rotasi tidak pernah diterapkan atau +Y Up dinonaktifkan, perbaiki dengan Ctrl-A All Transforms dan tetap aktifkan +Y Up. Seratus kali terlalu besar: dimodelkan dalam sentimeter, pertahankan 1 unit Blender sebagai 1 meter dan terapkan skala. Kesalahan Draco saat impor: Data Compression aktif, nonaktifkan. Animasi hilang: action tidak aktif atau tidak disimpan, simpan setiap action ke trek NLA. Diputar sekali lalu berhenti: tidak ada token loop, beri nama Walk_loop atau atur Loop Mode. Model abu-abu tanpa tekstur: glTF terpisah tanpa gambarnya atau material placeholder, ekspor GLB dengan Materials Export. Klip yang ditargetkan ulang membuat anggota tubuh terpuntir: pose istirahat tulang berbeda dari profil, gunakan Overwrite Axis dan Fix Silhouette.">
  <rect width="720" height="440" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Gejala, penyebab, solusi</text>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="62" font-size="13" fill="#9aa7b4">Tujuh masalah yang mencakup hampir semua pembahasan Blender-ke-Godot, beserta pengaturan di balik masing-masing masalah.</text>
    <g font-size="11" font-weight="700" fill="#9aa7b4">
      <text x="24" y="92">YANG TERLIHAT</text>
      <text x="252" y="92">PENYEBAB</text>
      <text x="480" y="92">SOLUSI</text>
    </g>
    <line x1="24" y1="100" x2="696" y2="100" stroke="#2a3655" stroke-width="1"/>
    <g font-size="12">
      <rect x="24" y="108" width="216" height="38" rx="6" fill="#121a31"/>
      <text x="34" y="132" font-weight="700" fill="#fb7185">Model berbaring miring</text>
      <text x="252" y="126" fill="#e8edf5">Rotasi belum diterapkan,</text>
      <text x="252" y="141" fill="#e8edf5">atau +Y Up dinonaktifkan</text>
      <text x="480" y="126" fill="#6ee7b7">Ctrl-A, All Transforms.</text>
      <text x="480" y="141" fill="#6ee7b7">Tetap aktifkan Transform &gt; +Y Up</text>
      <rect x="24" y="154" width="216" height="38" rx="6" fill="#121a31"/>
      <text x="34" y="178" font-weight="700" fill="#fb7185">100x terlalu besar atau kecil</text>
      <text x="252" y="172" fill="#e8edf5">Dimodelkan dalam sentimeter.</text>
      <text x="252" y="187" fill="#e8edf5">1 unit Blender = 1 meter glTF</text>
      <text x="480" y="172" fill="#6ee7b7">Skalakan ke ~1,8 unit, terapkan.</text>
      <text x="480" y="187" fill="#6ee7b7">Atau Apply Root Scale di Godot</text>
      <rect x="24" y="200" width="216" height="38" rx="6" fill="#121a31"/>
      <text x="34" y="224" font-weight="700" fill="#fb7185">Kesalahan Draco saat impor</text>
      <text x="252" y="218" fill="#e8edf5">Data &gt; Compression aktif.</text>
      <text x="252" y="233" fill="#e8edf5">Godot tidak punya dekoder Draco</text>
      <text x="480" y="218" fill="#6ee7b7">Nonaktifkan Compression dan</text>
      <text x="480" y="233" fill="#6ee7b7">ekspor ulang. Godot mengompres sendiri</text>
      <rect x="24" y="246" width="216" height="38" rx="6" fill="#121a31"/>
      <text x="34" y="270" font-weight="700" fill="#fb7185">Animasi hilang</text>
      <text x="252" y="264" fill="#e8edf5">Action tidak aktif maupun</text>
      <text x="252" y="279" fill="#e8edf5">disimpan, jadi tidak diekspor</text>
      <text x="480" y="264" fill="#6ee7b7">Action Editor &gt; Stash semuanya.</text>
      <text x="480" y="279" fill="#6ee7b7">Periksa Animation &gt; Import di Godot</text>
      <rect x="24" y="292" width="216" height="38" rx="6" fill="#121a31"/>
      <text x="34" y="316" font-weight="700" fill="#fb7185">Diputar sekali, lalu berhenti</text>
      <text x="252" y="310" fill="#e8edf5">Tanpa token loop atau cycle, dan</text>
      <text x="252" y="325" fill="#e8edf5">glTF tak menyimpan flag loop</text>
      <text x="480" y="310" fill="#6ee7b7">Ubah nama action menjadi Walk_loop,</text>
      <text x="480" y="325" fill="#6ee7b7">atau atur Loop Mode ke Linear</text>
      <rect x="24" y="338" width="216" height="38" rx="6" fill="#121a31"/>
      <text x="34" y="362" font-weight="700" fill="#fb7185">Model abu-abu, tanpa tekstur</text>
      <text x="252" y="356" fill="#e8edf5">.gltf terpisah dipindahkan sendiri,</text>
      <text x="252" y="371" fill="#e8edf5">atau material Placeholder</text>
      <text x="480" y="356" fill="#6ee7b7">Ekspor GLB dengan Materials: Export</text>
      <text x="480" y="371" fill="#6ee7b7">dan tekstur gambar, bukan prosedural</text>
      <rect x="24" y="384" width="216" height="38" rx="6" fill="#121a31"/>
      <text x="34" y="408" font-weight="700" fill="#fb7185">Klip retarget memuntir anggota tubuh</text>
      <text x="252" y="402" fill="#e8edf5">Pose istirahat tulang berbeda dari</text>
      <text x="252" y="417" fill="#e8edf5">pose SkeletonProfileHumanoid</text>
      <text x="480" y="402" fill="#6ee7b7">Bone Map + Overwrite Axis,</text>
      <text x="480" y="417" fill="#6ee7b7">Fix Silhouette untuk rig A-pose</text>
    </g>
  </g>
</svg>
<figcaption>Baca dari kiri ke kanan. Lima dari tujuh masalah diperbaiki melalui dialog ekspor Blender atau dengan Ctrl-A, sedangkan dua terakhir melalui dok Import dan Advanced Import Settings di Godot. Tak satu pun memerlukan skrip.</figcaption>
</figure>
<p>Berikut daftar yang lebih panjang, termasuk masalah yang tidak muat dalam satu kartu.</p>
<table>
<thead>
<tr>
<th>Gejala di Godot</th>
<th>Penyebab</th>
<th>Solusi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Model berbaring miring atau diputar 90 derajat</td>
<td>Rotasi belum diterapkan, atau <code>+Y Up</code> nonaktif</td>
<td><code>Object &gt; Apply &gt; All Transforms</code>, tetap aktifkan <code>+Y Up</code></td>
</tr>
<tr>
<td>Karakter berjalan mundur, <code>look_at</code> menghadap ke arah sebaliknya</td>
<td>Dimodelkan menghadap <code>+Y</code> di Blender</td>
<td>Model menghadap <code>-Y</code> (tampilan depan Blender). Godot: “-Y adalah arah depan untuk sebuah aset”</td>
</tr>
<tr>
<td>100x terlalu besar atau terlalu kecil</td>
<td>Pemodelan berskala sentimeter, <code>Unit Scale</code> diubah</td>
<td>1 unit Blender = 1 m, skalakan dan terapkan, atau gunakan <code>Apply Root Scale</code> di dok Import</td>
</tr>
<tr>
<td><code>required extension 'KHR_draco_mesh_compression' is not supported</code></td>
<td><code>Data &gt; Compression</code> aktif</td>
<td>Nonaktifkan dan ekspor ulang, atau dekompresi berkas yang ada dengan gltf-transform</td>
</tr>
<tr>
<td>Sebuah animasi hilang</td>
<td>Action tidak aktif atau tidak disimpan, namanya mengandung <code>-noimp</code>, atau <code>Animation &gt; Import</code> nonaktif</td>
<td>Simpan di Action Editor, periksa namanya, centang <code>Import</code></td>
</tr>
<tr>
<td>Animasi diputar sekali lalu berhenti</td>
<td>Tidak ada token <code>loop</code>/<code>cycle</code></td>
<td>Ubah nama action menjadi <code>Walk_loop</code>, atau atur <code>Loop Mode</code> pada animasi Godot</td>
</tr>
<tr>
<td>Pose diam mewarisi posisi anggota tubuh dari animasi berjalan</td>
<td>Tulang tanpa keyframe terbawa di antara action</td>
<td>Centang <code>Reset pose bones between actions</code></td>
</tr>
<tr>
<td>Model abu-abu, tanpa tekstur</td>
<td>glTF Separate dipindahkan tanpa gambarnya, material <code>Placeholder</code> atau <code>Named Placeholder</code>, node prosedural, gambar sumber hilang</td>
<td>GLB, <code>Materials: Export</code>, tekstur gambar pada Principled BSDF</td>
</tr>
<tr>
<td>Permukaan bagian dalam terlihat, atau performa menurun</td>
<td>Pengaturan bawaan Blender menonaktifkan backface culling, sehingga mode cull Godot adalah <code>Disabled</code></td>
<td>Centang <code>Backface Culling</code> dalam pengaturan material Blender</td>
</tr>
<tr>
<td>Shading shape key terlihat salah</td>
<td>Tulang nondeformasi ikut diekspor</td>
<td><code>Data &gt; Armature &gt; Export Deformation Bones only</code></td>
</tr>
<tr>
<td>Skeleton memiliki transformasi asing, animasi bergeser</td>
<td>Armature diekspor tanpa menerapkan transformasi</td>
<td>Ctrl-A di Blender, atau <code>Rest Fixer &gt; Apply Node Transform</code> saat impor</td>
</tr>
<tr>
<td>Animasi bersama memuntir anggota tubuh</td>
<td>Pose istirahat tulang berbeda dari profil</td>
<td><code>BoneMap</code> dengan <code>SkeletonProfileHumanoid</code>, <code>Overwrite Axis</code>, <code>Fix Silhouette</code> untuk A-pose</td>
</tr>
<tr>
<td>Kaki bergeser pada animasi berjalan bersama</td>
<td>Tinggi pinggul berbeda</td>
<td><code>Normalize Position Tracks</code></td>
</tr>
<tr>
<td>Shading bersudut atau normal map rusak</td>
<td>Modifier tidak diterapkan, atau tidak ada tangen</td>
<td><code>Apply Modifiers</code>, aktifkan <code>Tangents</code> saat ekspor atau <code>Ensure Tangents</code> saat impor</td>
</tr>
<tr>
<td>Tidak ada collision pada geometri level</td>
<td>Tidak ada hint dan physics tidak dibuat</td>
<td>Sufiks <code>-col</code>, atau <code>Generate &gt; Physics</code> dengan <code>Trimesh</code></td>
</tr>
<tr>
<td><code>.blend</code> sama sekali tidak dapat diimpor</td>
<td>Blender tidak terpasang atau tidak ditemukan</td>
<td>Instal dari <a href="http://blender.org">blender.org</a>, atur <code>Filesystem &gt; Import &gt; Blender &gt; Blender Path</code>, mulai ulang editor</td>
</tr>
</tbody>
</table>
<h2>Daftar periksa</h2>
<p>Jalankan dari atas ke bawah sebelum setiap ekspor. Sebagian besar langkah hanya memerlukan satu tombol.</p>
<ol>
<li>Di Blender, pilih semua yang harus disertakan dan jangan pilih yang lain. Hapus atau sembunyikan mesh referensi, atau beri nama dengan <code>-noimp</code>.</li>
<li>Arahkan karakter dan prop ke <code>-Y</code>. Numpad 1 seharusnya menampilkan wajah karakter.</li>
<li>Periksa bahwa <code>Properties &gt; Scene &gt; Units</code> menggunakan metrik dengan <code>Unit Scale</code> 1.0, dan tinggi karakter sekitar 1,8 unit.</li>
<li>Jalankan <code>Object &gt; Apply &gt; All Transforms</code> (Ctrl-A) pada setiap mesh dan armature.</li>
<li>Atur armature ke pose istirahat. Godot: “pastikan skeleton dikembalikan ke T-pose atau pose istirahat bawaannya sebelum diekspor”.</li>
<li>Tambahkan modifier Triangulate jika Anda memiliki n-gon. Pastikan setiap material merupakan Principled BSDF dengan tekstur gambar, <code>Non-Color</code> pada data map, dan <code>Backface Culling</code> dicentang untuk permukaan tertutup.</li>
<li>Buka Action Editor dan gunakan <code>Stash</code> pada setiap action yang Anda inginkan di Godot. Beri nama action berulang dengan <code>loop</code> atau <code>cycle</code>.</li>
<li>Ubah nama objek dengan hint impor: <code>-col</code> untuk geometri level, <code>-convcol</code> untuk prop, dan <code>-rigid</code> untuk benda yang dapat jatuh.</li>
<li><code>File &gt; Export &gt; glTF 2.0</code>. <code>Format</code>: glTF Binary. Aktifkan <code>Include &gt; Selected Objects</code>. Aktifkan <code>+Y Up</code>. Aktifkan <code>Apply Modifiers</code>. <code>Materials</code>: Export. Aktifkan <code>Export Deformation Bones only</code>. Nonaktifkan <code>Compression</code>. <code>Animation mode</code>: Actions, aktifkan <code>Reset pose bones between actions</code>.</li>
<li>Letakkan <code>.glb</code> ke dalam folder proyek Godot, lalu klik kembali editor. Godot mengimpor saat jendela memperoleh fokus.</li>
<li>Di dok Import, atur <code>Root Type</code> ke tipe <code>Node3D</code>, <code>Animation &gt; FPS</code> ke frame rate Blender Anda, dan <code>glTF &gt; Embedded Texture Handling</code> ke <code>Extract Textures</code> jika Anda menginginkan pengaturan kompresi per gambar.</li>
<li>Buka Advanced Import Settings. Periksa daftar animasi, atur mode loop yang belum ditentukan, tambahkan <code>BoneMap</code> pada <code>Skeleton3D</code> jika Anda akan berbagi animasi, dan gunakan <code>Extract Materials</code> jika Anda akan mengeditnya di Godot.</li>
<li>Buat instance scene, tekan play, lalu tekuk siku. Jika terlihat benar di sini, hasilnya juga akan terlihat benar dalam build.</li>
</ol>
<h2>Cara sekali klik: preset Godot di Cinevva Rig</h2>
<p>Langkah 9 hingga 11 adalah bagian yang sering keliru pada ekspor ketiga hari itu, ketika satu kotak centang berubah. <a href="/blender-addon/">Add-on Cinevva Rig</a> merangkumnya menjadi sebuah preset. Sebelum menulis apa pun, add-on ini menjalankan analisis ukuran yang membagi perkiraan berkas menjadi geometri, tekstur, animasi, dan shape key. Dengan begitu, Anda dapat melihat apakah ekspor 80 MB disebabkan oleh tekstur 4K atau animasi yang belum disampel sebelum Godot memuatnya. Preset Godot kemudian mengekspor GLB, <code>+Y Up</code>, tanpa Draco karena Godot 4 mengimpor glTF biasa dengan baik, tekstur dibatasi hingga 2048 px, dan pengoptimalan ukuran animasi diaktifkan. Dibandingkan ekspor GLB Blender biasa, preset ini menghasilkan berkas yang 68%, 89%, 92%, dan 98% lebih kecil pada empat model nyata, terutama berkat pembatasan tekstur, bukan trik mesh.</p>
<p>Fakta yang penting bagi pengguna Blender: fitur ekspor dan 260 klip animasi CC0 dapat digunakan tanpa kunci, akun, atau koneksi jaringan, langsung di komputer Anda. Rigging adalah fitur yang diaktifkan oleh kunci seharga $29 pada masa peluncuran, juga berjalan secara lokal dan offline setelah satu kali mengunduh engine berukuran sekitar 2,4 GB, tanpa batas jumlah rig. Add-on ini mendukung Blender 4.2 dan yang lebih baru di Windows, macOS, dan Linux, dipasang sebagai ekstensi standar, dan versi saat ini adalah 0.4.0 dari 5 September 2026. Jika Anda lebih memilih mempertahankan alur kerja sendiri, daftar periksa di atas persis seperti yang dilakukan preset tersebut, dan <a href="/id/tools/glb-viewer">penampil GLB</a> akan menampilkan scene graph, skeleton, serta daftar animasi hasilnya sebelum Anda menyerahkannya ke Godot.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara mengimpor berkas Blender ke Godot 4?</h3>
<p>Ada dua cara. Simpan <code>.blend</code> di dalam folder proyek Godot Anda dan Godot akan mengimpornya dengan memanggil pengekspor glTF Blender. Cara ini memerlukan Blender 3.0 atau lebih baru (disarankan 3.5+) yang telah terpasang dan ditemukan di <code>Editor Settings &gt; Filesystem &gt; Import &gt; Blender &gt; Blender Path</code>. Atau, ekspor <code>.glb</code> melalui <code>File &gt; Export &gt; glTF 2.0</code>, lalu letakkan berkas tersebut di dalam proyek. GLB dapat digunakan oleh rekan tim tanpa Blender dan di setiap platform editor.</p>
<h3>Haruskah saya menggunakan glTF atau FBX untuk Blender ke Godot?</h3>
<p>Gunakan glTF sebagai satu berkas <code>.glb</code>. Dokumentasi Godot mencantumkan glTF 2.0 sebagai format yang direkomendasikan, dan impor <code>.blend</code> juga menggunakan glTF di balik layar. FBX dapat digunakan sejak Godot 4.3 melalui importer ufbx bawaan, sedangkan versi sebelumnya memerlukan program eksternal FBX2glTF. Namun, FBX menambahkan satu langkah konversi dan pengekspor FBX Blender secara bawaan menerapkan skala 100x. Gunakan FBX hanya jika alat pada tahap berikutnya mewajibkannya.</p>
<h3>Mengapa ukuran model Blender saya salah di Godot?</h3>
<p>Godot memperlakukan 1 unit sebagai 1 meter, begitu pula glTF. Pengekspor Blender menulis satu unit Blender sebagai satu meter terlepas dari <code>Unit Scale</code> scene, yang hanya mengubah tampilan di antarmuka. Model yang dibuat menggunakan angka berskala sentimeter akan muncul 100x terlalu besar. Skalakan hingga sekitar 1,8 unit untuk manusia, terapkan skalanya dengan Ctrl-A, lalu ekspor ulang, atau gunakan <code>Apply Root Scale</code> di dok Import Godot.</p>
<h3>Bagaimana cara mengimpor animasi Blender ke Godot 4 dan membuatnya berulang?</h3>
<p>Simpan setiap action ke trek NLA melalui Action Editor karena pengekspor hanya menulis action yang aktif atau disimpan. Ekspor dengan <code>Animation mode</code> diatur ke <code>Actions</code>, lalu setiap action akan menjadi satu animasi dalam <code>AnimationPlayer</code> yang diimpor. Agar berulang, tempatkan <code>loop</code> atau <code>cycle</code> di awal atau akhir nama action (<code>Walk_loop</code>) dan Godot akan mengatur flag loop saat impor, atau atur <code>Loop Mode</code> ke <code>Linear</code> pada animasi setelahnya.</p>
<h3>Apa arti -col dan -rigid dalam impor Godot?</h3>
<p>Keduanya adalah hint impor yang dibaca Godot dari nama node. <code>-col</code> menambahkan child <code>StaticBody3D</code> dengan bentuk collision triangle-mesh yang sesuai dengan mesh, <code>-convcol</code> menggunakan bentuk convex, <code>-colonly</code> menghapus mesh dan hanya mempertahankan collision, sedangkan <code>-rigid</code> mengimpor mesh sebagai <code>RigidBody3D</code>. Tambahkan hint tersebut ke nama objek di Blender, dan pengaturan physics akan dipertahankan setiap kali impor ulang.</p>
<h3>Mengapa tekstur saya hilang ketika mengimpor dari Blender ke Godot?</h3>
<p>Biasanya karena salah satu dari lima hal: Anda mengekspor glTF Separate dan hanya menyalin <code>.gltf</code>, opsi <code>Materials</code> pada pengekspor diatur ke <code>Placeholder</code>, <code>Export Materials</code> pada impor <code>.blend</code> diatur ke <code>Named Placeholder</code>, material menggunakan node prosedural yang tidak dapat disimpan glTF, atau node Image Texture mengarah ke berkas yang tidak dapat ditemukan Blender. Ekspor GLB dengan <code>Materials: Export</code> dan tekstur gambar yang terhubung ke Principled BSDF.</p>
<h3>Apakah Godot 4 menggunakan Skeleton3D untuk armature Blender?</h3>
<p>Ya. Armature Blender diimpor sebagai node <code>Skeleton3D</code> dengan mesh yang telah diberi skin sebagai anak <code>MeshInstance3D</code>, dan action menjadi animasi pada <code>AnimationPlayer</code>. Untuk berbagi animasi antar-karakter, berikan <code>BoneMap</code> dengan profil <code>SkeletonProfileHumanoid</code> pada <code>Skeleton3D</code> melalui Advanced Import Settings, lalu aktifkan <code>Overwrite Axis</code>, karena pose rest tulang Blender berbeda pada setiap rig meskipun namanya sama.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/blender-to-unity-export-checklist">Daftar Periksa Ekspor Blender ke Unity</a>: sisi FBX dari masalah yang sama, termasuk skala 100x dan pemetaan Humanoid Avatar</li>
<li><a href="/id/guides/blender-to-unreal-export-checklist">Daftar Periksa Ekspor Blender ke Unreal</a>: sentimeter, Z-up, sumbu tulang, dan retargeting ke UE5 Mannequin</li>
<li><a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk Game Web (2026)</a>: jika Anda masih memilih engine</li>
<li><a href="/id/guides/optimize-glb-for-web">Cara Mengoptimalkan File GLB untuk Web</a>: batas tekstur, kuantisasi, dan kapan Draco atau Meshopt layak digunakan</li>
<li><a href="/id/tools/glb-viewer">Penampil GLB dan Inspektur glTF</a>: periksa hierarki scene, material, skeleton, dan animasi hasil ekspor sebelum diproses oleh Godot</li>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: buat rig, animasikan, dan ekspor ke Godot dari satu panel di Blender</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Daftar Periksa Ekspor Blender ke Unity: Skala, Sumbu, Tulang, dan Animasi yang Terimpor dengan Benar (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/blender-to-unity-export-checklist</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/blender-to-unity-export-checklist</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Daftar periksa ekspor Blender ke Unity: pengaturan FBX yang memperbaiki skala 0.01, rotasi X -90, tulang daun _end, pemetaan Humanoid, klip, dan material merah muda.]]></description>
            <content:encoded><![CDATA[<h1>Daftar Periksa Ekspor Blender ke Unity: Skala, Sumbu, Tulang, dan Animasi yang Terimpor dengan Benar (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/blender-to-unity-export-checklist-hero.jpg?v=1" alt="Karakter low-poly dengan rig yang berpindah dari viewport Blender ke scene Unity dengan ukuran yang sama" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Agar model Blender masuk ke Unity dengan ukuran dan arah hadap yang benar serta rig yang dapat dibaca Unity, ekspor FBX melalui <code>File &gt; Export &gt; FBX (.fbx)</code> dengan Apply Scalings diatur ke FBX Units Scale (atau FBX All), Forward -Z dan Up Y, Apply Unit aktif, Add Leaf Bones nonaktif, Smoothing diatur ke Face, serta Path Mode Copy dengan Embed Textures aktif. Jangan masukkan file .blend langsung ke Assets, dan gunakan glTF hanya untuk prop statis sampai importer glTFast milik Unity dapat menjalankan animasi tanpa langkah tambahan. Semua bagian di bawah menjelaskan mengapa setiap pengaturan penting, seperti apa gejalanya jika salah, dan cara memperbaikinya di kedua sisi.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Format:</strong> FBX untuk semua aset yang memiliki rig atau animasi. glTF (.glb) hanya untuk prop statis, dan hanya setelah memasang paket <code>com.unity.cloud.gltfast</code>. Jangan pernah menggunakan .blend mentah.</li>
<li><strong>Skala:</strong> Di Blender Scene Properties, atur Unit System ke Metric dan Unit Scale ke 1.0. Di exporter, gunakan Scale 1.00, Apply Scalings FBX Units Scale, dan centang Apply Unit. Di Unity, gunakan Scale Factor 1 dan centang Convert Units. Karakter setinggi 1,8 m seharusnya terbaca setinggi 1,8 unit dengan skala 1 pada setiap transform.</li>
<li><strong>Sumbu:</strong> Gunakan Forward -Z dan Up Y di exporter (nilai default). Di tab Model Unity, centang Bake Axis Conversion agar nilai -90 pada X menghilang dari transform root.</li>
<li><strong>Tulang:</strong> hapus centang Add Leaf Bones. Centang Only Deform Bones jika Anda mengekspor control rig Rigify atau Auto-Rig Pro. Buat model dalam T-pose dan beri nama tulang berdasarkan bagian tubuh agar Humanoid Avatar dapat memetakan dirinya sendiri.</li>
<li><strong>Animasi:</strong> satu Action per klip, atau satu strip NLA per klip. Biarkan NLA Strips dan All Actions aktif, Key All Bones aktif, serta Sampling Rate 1. Di Unity, klip akan muncul di tab Animation, satu klip untuk setiap FBX AnimStack.</li>
<li><strong>Tekstur:</strong> Path Mode Copy, Embed Textures aktif. Di tab Materials Unity, tekan Extract Textures, lalu Extract Materials. Warna merah muda berarti shader tidak cocok dengan render pipeline Anda, bukan berarti teksturnya hilang.</li>
</ul>
<h2>Referensi singkat</h2>
<p>Pengaturan exporter FBX Blender yang penting untuk Unity, beserta nilai yang perlu digunakan dan alasannya. Nama serta deskripsi opsi berasal dari <a href="https://docs.blender.org/manual/en/latest/addons/import_export/scene_fbx.html">manual Blender</a> dan <a href="https://projects.blender.org/blender/blender/src/branch/main/scripts/addons_core/io_scene_fbx/__init__.py">kode sumber</a> exporter.</p>
<table>
<thead>
<tr>
<th>Panel</th>
<th>Pengaturan</th>
<th>Untuk Unity</th>
<th>Alasan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Include</td>
<td>Selected Objects</td>
<td>Aktif</td>
<td>Kamera, lampu, dan bidang referensi tidak seharusnya ikut diekspor</td>
</tr>
<tr>
<td>Include</td>
<td>Object Types</td>
<td>Armature, Mesh (Empty jika Anda menggunakan locator)</td>
<td>Kamera dan lampu diimpor sebagai komponen Unity yang nantinya akan Anda hapus</td>
</tr>
<tr>
<td>Transform</td>
<td>Scale</td>
<td>1.00</td>
<td>Nilai lain akan menanamkan faktor pengali misterius ke dalam file</td>
</tr>
<tr>
<td>Transform</td>
<td>Apply Scalings</td>
<td>FBX Units Scale atau FBX All</td>
<td>Menempatkan faktor meter-ke-sentimeter di header file, bukan pada setiap objek</td>
</tr>
<tr>
<td>Transform</td>
<td>Forward / Up</td>
<td>-Z Forward, Y Up</td>
<td>Unity menggunakan Y sebagai atas dan Z sebagai depan</td>
</tr>
<tr>
<td>Transform</td>
<td>Apply Unit</td>
<td>Aktif</td>
<td>Mengikuti pengaturan unit Scene Anda</td>
</tr>
<tr>
<td>Transform</td>
<td>Use Space Transform</td>
<td>Aktif</td>
<td>Menuliskan konversi sumbu ke dalam rotasi objek</td>
</tr>
<tr>
<td>Transform</td>
<td>Apply Transform</td>
<td>Nonaktif</td>
<td>Exporter sendiri menyatakan opsi ini bermasalah dengan armature dan animasi</td>
</tr>
<tr>
<td>Geometry</td>
<td>Smoothing</td>
<td>Face</td>
<td>Unity memerlukan smoothing group untuk normal blend shape</td>
</tr>
<tr>
<td>Geometry</td>
<td>Apply Modifiers</td>
<td>Aktif</td>
<td>Mengekspor mesh yang telah dievaluasi (mirror, subdivision, triangulate)</td>
</tr>
<tr>
<td>Armature</td>
<td>Primary / Secondary Bone Axis</td>
<td>Y / X (default)</td>
<td>Unity tidak memedulikannya, tetapi alat retargeting memerlukannya</td>
</tr>
<tr>
<td>Armature</td>
<td>Armature FBXNode Type</td>
<td>Null</td>
<td>Nilai default, diimpor sebagai GameObject root kosong</td>
</tr>
<tr>
<td>Armature</td>
<td>Only Deform Bones</td>
<td>Aktif untuk control rig, nonaktif untuk armature biasa</td>
<td>Mencegah target IK dan widget masuk ke skeleton</td>
</tr>
<tr>
<td>Armature</td>
<td>Add Leaf Bones</td>
<td>Nonaktif</td>
<td>Jika tidak, setiap rantai berakhir dengan tulang <code>_end</code> yang ditampilkan Unity</td>
</tr>
<tr>
<td>Bake Animation</td>
<td>Key All Bones, NLA Strips, All Actions, Force Start/End Keying</td>
<td>Semuanya aktif</td>
<td>Satu AnimStack per klip, dengan key pada setiap tulang</td>
</tr>
<tr>
<td>Bake Animation</td>
<td>Sampling Rate / Simplify</td>
<td>1.0 / 1.0</td>
<td>Satu key per frame, dengan pembersihan kurva ringan</td>
</tr>
<tr>
<td>Main</td>
<td>Path Mode / Embed Textures</td>
<td>Copy / Aktif</td>
<td>Tekstur ikut tersimpan di dalam .fbx</td>
</tr>
</tbody>
</table>
<h2>Jangan masukkan .blend langsung ke Assets</h2>
<p>Unity memang menerima file .blend, dan justru itulah jebakannya. Halaman <a href="https://docs.unity3d.com/Manual/HOWTO-ImportObjectsFrom3DApps.html">format proprieter</a> Unity menjelaskan prosesnya: &quot;Anda harus memasang perangkat lunak pemodelan 3D agar dapat mengimpor file proprieter secara langsung ke Unity&quot;, dan &quot;saat pertama kali mengimpor file proprieter ke Unity, perangkat lunak pemodelan 3D harus dijalankan melalui proses command-line.&quot; Unity menjalankan exporter FBX Blender di latar belakang dengan pengaturan yang tidak dapat Anda kendalikan, sehingga Anda mendapatkan nilai default exporter, termasuk leaf bone dan susunan skala yang menyebabkan sebagian besar masalah di halaman ini.</p>
<p>Halaman yang sama mencantumkan hal-hal yang tidak dapat dilakukan melalui jalur .blend: &quot;Tekstur dan warna diffuse tidak ditetapkan secara otomatis&quot;, dan &quot;Blender tidak mengekspor nilai visibilitas di dalam animasi ke file FBX.&quot; Halaman <a href="https://docs.unity3d.com/Manual/3D-formats.html">format 3D</a> Unity menambahkan masalah bagi tim: aset yang disimpan sebagai .blend &quot;gagal diimpor kecuali perangkat lunak pemodelan 3D yang sesuai terpasang di komputer Anda&quot;, sehingga &quot;semua orang yang mengerjakan proyek Unity Anda harus memasang perangkat lunak yang benar&quot;, termasuk mesin build Anda. Kesimpulan Unity sendiri: &quot;Praktik terbaiknya adalah menggunakan format file .fbx jika memungkinkan dan tidak menggunakan format file model proprieter dalam produksi.&quot;</p>
<p>Simpan .blend di folder sumber di luar Assets (atau di folder yang namanya berakhiran <code>~</code>, yang diabaikan Unity), lalu ekspor FBX ke dalam Assets.</p>
<h2>FBX atau glTF untuk Unity pada 2026</h2>
<p>FBX. Importer Unity dapat membaca <code>.fbx</code>, <code>.dae</code>, <code>.dxf</code>, dan <code>.obj</code> secara native, sedangkan halaman format 3D-nya sama sekali tidak menyebut glTF. Dukungan glTF berasal dari <a href="https://docs.unity3d.com/Packages/com.unity.cloud.gltfast@latest">Unity glTFast</a>, paket yang dapat Anda tambahkan melalui Window &gt; Package Manager &gt; Add package by name dengan <code>com.unity.cloud.gltfast</code>. Paket ini menjadi paket resmi Unity sejak Desember 2023, berada di versi 6.17.0 per Maret 2026, dan <a href="https://docs.unity3d.com/Packages/com.unity.cloud.gltfast@6.17/manual/installation.html">halaman instalasinya</a> menyatakan bahwa Editor akan memasang versi terbaru beserta dependensinya. Setelah terpasang, memasukkan <code>.glb</code> ke Assets akan berfungsi melalui ScriptedImporter, dengan dukungan untuk Built-in, URP, dan HDRP.</p>
<p>Ada tiga hal yang mencegahnya menjadi pilihan default untuk karakter. <a href="https://docs.unity3d.com/Packages/com.unity.cloud.gltfast@6.17/manual/features.html">Halaman fiturnya</a> menyebut animasi hanya didukung sepenuhnya &quot;melalui Animation System lama&quot;, sedangkan untuk Mecanim tertulis &quot;Klip animasi dapat diimpor agar kompatibel dengan Mecanim, tetapi klip tersebut tidak akan ditetapkan dan tidak dapat diputar tanpa langkah tambahan.&quot; Draco, KTX2, dan Meshopt masing-masing memerlukan paket lain (<code>com.unity.cloud.draco</code>, <code>com.unity.cloud.ktx</code>, <code>com.unity.meshopt.decompress</code>). Selain itu, <a href="https://docs.unity3d.com/Manual/ImportingTextures.html">importer tekstur</a> Unity membaca BMP, EXR, GIF, HDR, IFF, JPG, PICT, PNG, PSD, TGA, dan TIFF, tetapi bukan WebP, sehingga glTFast 6.17 menambahkan pesan error khusus untuk gambar WebP. GLB yang dioptimalkan untuk web (tekstur WebP, Draco) bukanlah file yang tepat untuk Unity.</p>
<p>glTF tetap cocok untuk prop statis dan semua aset yang dimuat saat runtime dari server, karena glTFast sangat baik untuk kebutuhan tersebut. Untuk karakter dengan rig dan animasi yang akan dimasukkan ke Animator Controller, ekspor FBX. Jika Anda sudah memiliki GLB, <a href="/id/tools/glb-viewer">penampil GLB</a> dapat menunjukkan isi file tersebut, dan Blender dapat mengimpornya dengan baik untuk diekspor ulang.</p>
<h2>Skala: mengapa model masuk dengan ukuran 100x terlalu besar, atau memiliki nilai 0.01 di semua bagian</h2>
<p>FBX menggunakan sentimeter, sedangkan Blender menggunakan meter. <a href="https://projects.blender.org/blender/blender/src/branch/main/scripts/addons_core/io_scene_fbx/fbx_utils.py">Kode unit</a> exporter hanya terdiri dari satu baris: faktor Blender-ke-FBX adalah <code>100.0 * scene.unit_settings.scale_length</code>, dengan komentar bahwa FBX menyimpan &quot;unit 'referensi' suatu file di properti UnitScaleFactor miliknya (1.0 berarti sentimeter)&quot;. Jadi, setiap ekspor dalam meter membawa faktor 100 di suatu tempat, dan menu dropdown Apply Scalings menentukan tempatnya.</p>
<p>Nilai default, <strong>All Local</strong>, dijelaskan sebagai &quot;Menerapkan penskalaan khusus dan penskalaan unit ke setiap transformasi objek, sementara skala FBX tetap 1.0&quot;. Setiap objek di dalam file memperoleh skala 100 pada transform-nya. Tab Model Unity kemudian menerapkan Convert Units, yang &quot;mengonversi penskalaan model yang ditentukan dalam file model ke skala Unity&quot;, sehingga prefab terlihat berukuran benar, tetapi mesh memiliki skala 100 dan skala file 0.01 untuk menyeimbangkannya. Inilah nilai 0.01 yang terkenal itu. Cara ini berfungsi sampai Anda menjadikan sesuatu sebagai child dari tulang, mengendalikan transform melalui kode, atau melakukan retargeting, lalu faktor 100 yang tersembunyi muncul.</p>
<p><strong>FBX Units Scale</strong> berarti &quot;Menerapkan penskalaan khusus ke setiap transformasi objek, dan penskalaan unit ke skala FBX&quot;: faktor 100 dipindahkan ke header unit file dan setiap objek mempertahankan skala 1. <strong>FBX All</strong> menempatkan faktor unit dan nilai Scale khusus Anda di header, yang memberikan hasil sama selama Scale tetap 1.00. Keduanya tepat untuk Unity. Di sisi Unity, gunakan nilai default: <a href="https://docs.unity3d.com/Manual/FBXImporter-Model.html">tab Model</a> Unity menyatakan bahwa Scale Factor tersedia karena &quot;sistem fisika Unity mengharapkan 1 m di dunia game setara dengan 1 unit di file yang diimpor&quot;, jadi biarkan nilainya 1 dan biarkan Convert Units tetap dicentang.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 400" role="img" aria-label="Kubus 1 meter diekspor dari Blender dengan tiga cara: dengan Apply Scalings All Local, ukurannya tiba dengan benar tetapi objek memiliki skala 100 dan skala berkas 0.01; dengan FBX Units Scale atau FBX All, skala objek tiba sebagai 1 dan ukurannya 1 meter; dengan Convert Units dinonaktifkan di Unity, lebarnya tiba sebagai 100 meter.">
  <rect width="720" height="400" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Kubus satu meter, tiga hasil impor</text>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="62" font-size="13" fill="#9aa7b4">FBX menghitung dalam sentimeter, jadi setiap ekspor membawa faktor 100. Apply Scalings menentukan tempat faktor itu diterapkan.</text>
    <g>
      <rect x="24" y="84" width="150" height="292" rx="10" fill="#121a31"/>
      <text x="99" y="110" font-size="13" font-weight="700" fill="#e8edf5" text-anchor="middle">Blender</text>
      <text x="99" y="128" font-size="11" fill="#9aa7b4" text-anchor="middle">Unit Scale 1.0, meter</text>
      <rect x="64" y="180" width="70" height="70" rx="6" fill="none" stroke="#7dd3fc" stroke-width="2"/>
      <path d="M64 180 l14 -14 h70 v70 l-14 14 M134 180 l14 -14" fill="none" stroke="#7dd3fc" stroke-width="2" opacity="0.6"/>
      <text x="99" y="280" font-size="12" font-weight="700" fill="#7dd3fc" text-anchor="middle">Kubus 1 m</text>
      <text x="99" y="298" font-size="11" fill="#9aa7b4" text-anchor="middle">skala 1, 1, 1</text>
      <text x="99" y="350" font-size="11" fill="#9aa7b4" text-anchor="middle">File &gt; Export &gt; FBX</text>
    </g>
    <g stroke="#9aa7b4" stroke-width="1.5" fill="none">
      <path d="M174 230 C 200 230, 200 150, 226 150"/>
      <path d="M174 230 L 226 230"/>
      <path d="M174 230 C 200 230, 200 310, 226 310"/>
    </g>
    <g>
      <rect x="230" y="96" width="466" height="96" rx="10" fill="#121a31" stroke="#fbbf24" stroke-width="1.5"/>
      <text x="246" y="120" font-size="13" font-weight="700" fill="#fbbf24">All Local (bawaan)</text>
      <text x="246" y="140" font-size="11" fill="#9aa7b4">Faktor 100 diterapkan ke transform setiap objek. Unity membatalkannya dengan Convert Units.</text>
      <rect x="600" y="118" width="60" height="60" rx="5" fill="none" stroke="#fbbf24" stroke-width="2"/>
      <text x="246" y="164" font-size="12" font-weight="700" fill="#e8edf5">Terlihat benar. Transform menampilkan skala 100, skala berkas 0.01.</text>
      <text x="246" y="182" font-size="11" fill="#9aa7b4">Bermasalah saat Anda memasangkan prop ke tulang atau mengendalikan transform dari kode.</text>
    </g>
    <g>
      <rect x="230" y="200" width="466" height="76" rx="10" fill="#121a31" stroke="#6ee7b7" stroke-width="1.5"/>
      <text x="246" y="224" font-size="13" font-weight="700" fill="#6ee7b7">FBX Units Scale, atau FBX All</text>
      <text x="246" y="244" font-size="11" fill="#9aa7b4">Faktor 100 masuk ke header UnitScaleFactor berkas. Objek mempertahankan skala 1.</text>
      <rect x="600" y="208" width="60" height="60" rx="5" fill="none" stroke="#6ee7b7" stroke-width="2"/>
      <text x="246" y="266" font-size="12" font-weight="700" fill="#e8edf5">Terlihat benar. Transform menampilkan skala 1, 1, 1.</text>
    </g>
    <g>
      <rect x="230" y="284" width="466" height="92" rx="10" fill="#121a31" stroke="#fb7185" stroke-width="1.5"/>
      <text x="246" y="308" font-size="13" font-weight="700" fill="#fb7185">Convert Units mati, atau Scale Factor diubah, di Unity</text>
      <text x="246" y="328" font-size="11" fill="#9aa7b4">Tidak ada yang membatalkan faktor 100. Setiap sisi kubus berukuran 100 unit.</text>
      <rect x="592" y="290" width="100" height="82" rx="5" fill="none" stroke="#fb7185" stroke-width="2" stroke-dasharray="5 4"/>
      <text x="642" y="336" font-size="12" font-weight="800" fill="#fb7185" text-anchor="middle">100 m</text>
      <text x="246" y="352" font-size="12" font-weight="700" fill="#e8edf5">Perbaiki di Unity: Scale Factor 1, centang Convert Units. Lalu impor ulang.</text>
    </g>
  </g>
</svg>
<figcaption>Eksportir selalu menulis faktor 100 untuk scene bersatuan meter. All Local menyimpannya sebagai skala 100 pada setiap objek dan membiarkan Convert Units milik Unity membatalkannya. Itulah sebabnya objek Blender yang diimpor menampilkan 100 dan 0.01. FBX Units Scale dan FBX All menyimpannya di header berkas, sehingga transform masuk dengan bersih.</figcaption>
</figure>
<p>Dua kesalahan skala lain juga umum terjadi. Jika Anda mengubah Unit Scale di Scene Properties agar bekerja dalam sentimeter, eksportir mengalikan 100 dengan Unit Scale tersebut. Manual Blender mencatat bahwa pengaturan ini &quot;hanya memengaruhi nilai yang ditampilkan di antarmuka pengguna dan bukan cara kerja berbagai hal secara internal&quot;, sehingga Unit Scale 0.01 dengan Apply Unit aktif dapat menciutkan karakter setinggi 180 cm menjadi 1.8 cm. Selain itu, skala objek yang bukan 1.0 akan dipanggang ke dalam FBX. Pilih semuanya lalu jalankan <code>Object &gt; Apply &gt; All Transforms</code> (Ctrl-A). <a href="https://docs.blender.org/manual/en/latest/scene_layout/object/editing/apply.html">Manual Blender</a> juga menyarankan: &quot;Sebaiknya terapkan transform sebelum melakukan rigging dan animasi.&quot; Jangan terapkan skala pada armature yang sudah memiliki animasi karena tindakan itu akan mengubah skala keyframe.</p>
<h2>Sumbu: asal rotasi -90 pada X</h2>
<p>Blender menggunakan Z sebagai sumbu atas. Manual FBX menyatakannya dengan jelas: &quot;Blender menggunakan Y Forward, Z Up (karena tampilan depan melihat sepanjang arah +Y). Sebagai contoh, aplikasi umumnya menggunakan Y sebagai sumbu atas. Dalam hal ini, diperlukan -Z Forward, Y Up.&quot; Unity menggunakan Y sebagai sumbu atas dan Z sebagai arah depan. Tampilan depan Blender melihat sepanjang +Y, sehingga karakter yang dimodelkan menghadap kamera depan sebenarnya menghadap -Y, dan nilai bawaan eksportir berupa -Z Forward serta Y Up memetakannya ke arah depan Unity. Biarkan pengaturan ini tetap demikian.</p>
<p>Meskipun sumbunya sudah benar, objek akar FBX dari Blender menampilkan rotasi -90 (sering kali -89.98) pada X di Inspector Unity, dengan rotasi penyeimbang pada objek anak. Itu adalah konversi sumbu yang disimpan sebagai transform alih-alih dipanggang ke dalam verteks. Berikut tiga cara menghapusnya, sesuai urutan yang disarankan.</p>
<p><strong>Bake Axis Conversion di Unity.</strong> Opsi pada tab Model ini &quot;Memanggang hasil konversi sumbu langsung ke dalam data aset aplikasi Anda (misalnya, data verteks atau animasi) ketika Anda mengimpor model yang menggunakan sistem sumbu berbeda dari Unity.&quot; Centang opsi tersebut agar akar menampilkan 0, 0, 0 tanpa mengubah apa pun di Blender.</p>
<p><strong>Lakukan rotasi penyeimbang di Blender.</strong> Setelah semua transform diterapkan, putar objek -90 pada X, terapkan rotasinya, lalu putar +90 pada X dan ekspor tanpa menerapkannya. Use Space Transform milik eksportir (&quot;Terapkan transform ruang global ke rotasi objek&quot;) mengubah +90 tersebut menjadi rotasi nol di sisi Unity. Add-on komunitas mengotomatiskan hal ini: proyek <a href="https://github.com/EdyJ/blender-to-unity-fbx-exporter">blender-to-unity-fbx-exporter</a> memberi setiap objek yang diekspor &quot;rotasi +90 derajat mengelilingi sumbu X pada transform-nya tanpa benar-benar mengubah pose visual&quot;, lalu mengembalikannya setelah ekspor.</p>
<p><strong>Apply Transform di eksportir.</strong> Jangan gunakan untuk objek apa pun yang memiliki rig. Deskripsinya sendiri diakhiri dengan &quot;(PERINGATAN! opsi eksperimental, gunakan dengan risiko sendiri, diketahui bermasalah dengan armature/animasi)&quot;, dan eksportir menampilkan ikon kesalahan di sebelahnya. Opsi ini berfungsi pada prop statis, tetapi tetap aman untuk dilewati.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 340" role="img" aria-label="Perbandingan konvensi sumbu: Blender menggunakan sistem tangan kanan dengan Z sebagai sumbu atas, X ke kanan, dan bagian depan model menghadap minus Y; Unity menggunakan sistem tangan kiri dengan Y sebagai sumbu atas, X ke kanan, dan Z ke depan. Eksportir memetakannya dengan Forward minus Z dan Up Y, yang merupakan rotasi 90 derajat pada X, sedangkan Bake Axis Conversion milik Unity memanggang rotasi itu ke dalam mesh.">
  <defs>
    <marker id="axarrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 z" fill="#e8edf5"/>
    </marker>
  </defs>
  <rect width="720" height="340" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Sumbu Blender vs sumbu Unity</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Karakter yang sama, dua konvensi. Pengaturan -Z Forward, Y Up pada eksportir menjadi penghubungnya.</text>
    <rect x="24" y="84" width="292" height="232" rx="10" fill="#121a31"/>
    <rect x="404" y="84" width="292" height="232" rx="10" fill="#121a31"/>
    <text x="40" y="110" font-size="14" font-weight="700" fill="#e8edf5">Blender</text>
    <text x="40" y="128" font-size="11" fill="#9aa7b4">tangan kanan, Z ke atas, tampilan depan melihat sepanjang +Y</text>
    <text x="420" y="110" font-size="14" font-weight="700" fill="#e8edf5">Unity</text>
    <text x="420" y="128" font-size="11" fill="#9aa7b4">tangan kiri, Y ke atas, Z ke depan</text>
    <g stroke-width="2.5" fill="none" stroke-linecap="round">
      <line x1="150" y1="250" x2="150" y2="160" stroke="#7dd3fc" marker-end="url(#axarrow)"/>
      <line x1="150" y1="250" x2="240" y2="250" stroke="#fb7185" marker-end="url(#axarrow)"/>
      <line x1="150" y1="250" x2="90" y2="290" stroke="#6ee7b7" marker-end="url(#axarrow)"/>
      <line x1="150" y1="250" x2="204" y2="214" stroke="#6ee7b7" stroke-dasharray="4 4" opacity="0.5" marker-end="url(#axarrow)"/>
    </g>
    <g font-size="12" font-weight="700">
      <text x="156" y="156" fill="#7dd3fc">Z ke atas</text>
      <text x="246" y="254" fill="#fb7185">X</text>
      <text x="40" y="300" fill="#6ee7b7">-Y, bagian depan model</text>
      <text x="208" y="210" fill="#6ee7b7" opacity="0.6">+Y</text>
    </g>
    <g stroke-width="2.5" fill="none" stroke-linecap="round">
      <line x1="530" y1="250" x2="530" y2="160" stroke="#7dd3fc" marker-end="url(#axarrow)"/>
      <line x1="530" y1="250" x2="620" y2="250" stroke="#fb7185" marker-end="url(#axarrow)"/>
      <line x1="530" y1="250" x2="584" y2="214" stroke="#6ee7b7" marker-end="url(#axarrow)"/>
    </g>
    <g font-size="12" font-weight="700">
      <text x="536" y="156" fill="#7dd3fc">Y ke atas</text>
      <text x="626" y="254" fill="#fb7185">X</text>
      <text x="588" y="210" fill="#6ee7b7">Z ke depan</text>
    </g>
    <g fill="#c8a8ff" font-size="11" font-weight="700" text-anchor="middle">
      <rect x="322" y="150" width="76" height="100" rx="8" fill="#1a1a3a" stroke="#c8a8ff" stroke-width="1.5"/>
      <text x="360" y="176">Eksportir</text>
      <text x="360" y="194" fill="#e8edf5">-Z Forward</text>
      <text x="360" y="210" fill="#e8edf5">Y Up</text>
      <text x="360" y="236" fill="#9aa7b4">= 90 pada X</text>
    </g>
    <text x="360" y="300" font-size="11" fill="#9aa7b4" text-anchor="middle">Unity menyimpan rotasi 90 itu sebagai -90 pada transform akar kecuali Bake Axis Conversion dicentang.</text>
    <text x="360" y="272" font-size="11" fill="#9aa7b4" text-anchor="middle">Z Blender menjadi Y Unity. -Y Blender menjadi +Z Unity.</text>
  </g>
</svg>
<figcaption>Sumbu atas Blender adalah Z dan model yang menghadap ke depan melihat ke arah -Y. Sumbu atas Unity adalah Y dan arah depannya +Z. Nilai bawaan eksportir berupa Forward -Z, Up Y tepat merupakan putaran 90 derajat pada X yang memetakan sistem pertama ke sistem kedua. Unity dapat mempertahankan putaran tersebut sebagai rotasi -90 pada akar atau, jika Bake Axis Conversion diaktifkan, menuliskannya ke dalam verteks.</figcaption>
</figure>
<h2>Tulang: leaf bone, orientasi, dan Humanoid Avatar</h2>
<p><strong>Leaf bone.</strong> Add Leaf Bones aktif secara bawaan dan dideskripsikan sebagai &quot;Tambahkan tulang terakhir ke ujung setiap rantai untuk menentukan panjang tulang terakhir (gunakan ini jika Anda ingin menyunting armature dari data yang diekspor)&quot;. Eksportir menamai setiap tulang berdasarkan induknya dengan tambahan <code>_end</code>, sehingga hierarki Unity dipenuhi <code>Head_end</code>, <code>LeftHand_end</code>, dan <code>LeftToeBase_end</code>. Tulang-tulang ini tidak berbahaya untuk rig Generic, tetapi membingungkan pemetaan otomatis Humanoid dan alat retargeting. Nonaktifkan opsi ini. Jika Anda mengimpor ulang FBX milik orang lain, opsi Ignore Leaf Bones pada pengimpor akan menghapusnya.</p>
<p><strong>Rig kontrol.</strong> Rig Rigify atau Auto-Rig Pro memiliki ratusan tulang non-deformasi untuk kontrol, target IK, dan mekanisme. Only Deform Bones menulis &quot;Hanya tulang yang mendeformasi (serta tulang non-deformasi jika memiliki anak yang mendeformasi)&quot;, yaitu kerangka yang diperlukan Unity. Panggang animasi ke tulang deformasi terlebih dahulu karena constraint rig kontrol tidak ikut diekspor, hanya hasilnya sebagai keyframe.</p>
<p><strong>Orientasi tulang.</strong> Tulang Blender mengarah sepanjang sumbu Y lokalnya. Unity membaca bind pose dan bobot skin lalu memutar apa yang diberikan kepadanya, sehingga pengaturan Primary dan Secondary Bone Axis dapat tetap di Y dan X. Pengaturan ini penting ketika FBX yang sama dikirim ke alat yang mengasumsikan konvensi tertentu, seperti Unreal atau add-on retargeting.</p>
<p><strong>Humanoid Avatar.</strong> <a href="https://docs.unity3d.com/Manual/FBXImporter-Rig.html">Tab Rig</a> Unity menyediakan Generic (&quot;jika rig Anda bukan humanoid, misalnya hewan berkaki empat atau entitas apa pun yang akan dianimasikan&quot;) atau Humanoid (&quot;jika rig Anda berbentuk manusia, yaitu memiliki dua kaki, dua lengan, dan satu kepala&quot;). Humanoid memungkinkan retargeting antar-karakter dan memiliki aturan yang dijelaskan pada halaman <a href="https://docs.unity3d.com/Manual/ConfiguringtheAvatar.html">konfigurasi Avatar</a>. Kerangka membutuhkan &quot;setidaknya 15 tulang yang disusun dengan cara yang kurang lebih menyerupai kerangka manusia sebenarnya&quot;. &quot;Jika Unity tidak dapat membuat Avatar, tanda silang muncul di sebelah tombol Configure dan tidak ada sub-aset Avatar yang muncul.&quot; Di dalam Configure, tulang yang diterima Unity &quot;muncul dalam warna hijau di tab Avatar Mapping&quot;, sedangkan tulang yang ditolak &quot;muncul dalam warna merah&quot;. Begitu pula dengan posenya: &quot;Jika penetapan tulang sudah benar tetapi karakter tidak berada dalam pose yang tepat, Anda akan melihat pesan 'Character not in T-Pose'. Anda dapat mencoba memperbaikinya dengan memilih Enforce T-Pose dari menu Pose.&quot;
Jadi, buat rig dalam pose-T dengan rest pose yang juga berupa pose-T, lalu beri nama tulang berdasarkan bagian tubuh (panduan Unity untuk pemetaan otomatis menyarankan agar tulang dinamai &quot;dengan cara yang mencerminkan bagian tubuh yang diwakilinya&quot;). Nama Mixamo (<code>mixamorig:Hips</code>, <code>mixamorig:LeftArm</code>) dapat dipetakan otomatis dengan andal, yang menjadi salah satu alasan banyak pembuat rig menggunakannya. Jika beberapa tulang gagal dipetakan, seret tulang tersebut dari Hierarchy ke slot yang sesuai, lalu pilih Pose &gt; Enforce T-Pose, kemudian Apply, dan simpan hasilnya sebagai Human Template (<code>.ht</code>) untuk ekspor rig yang sama berikutnya.</p>
<p>Jika Anda belum memiliki rig, <a href="/id/guides/automatic-rigging-explained">panduan rigging otomatis</a> membahas persyaratan mesh bagi pembuat rig otomatis, sedangkan <a href="/blender-addon/">add-on Cinevva Rig</a> menghasilkan armature humanoid dengan penamaan Mixamo di dalam Blender, pada komputer Anda sendiri, secara offline, dengan harga peluncuran satu kali sebesar $29, untuk Blender 4.2 dan yang lebih baru di Windows, macOS, dan Linux.</p>
<h2>Root motion</h2>
<p>Root motion adalah pergerakan root karakter melintasi dunia, berbeda dengan anggota tubuh yang bergerak di tempat. Halaman <a href="https://docs.unity3d.com/Manual/RootMotion.html">root motion</a> Unity menggunakan Root Transform yang &quot;merupakan proyeksi Body Transform pada bidang Y dan dihitung saat runtime&quot;, dan untuk setiap klip Anda dapat memilih apakah rotasi, Y, dan XZ akan di-bake ke pose atau dipertahankan sebagai gerakan yang memindahkan GameObject. Bake Into Pose pada XZ adalah pengaturan normal untuk animasi idle &quot;agar delta Position (XZ) menjadi 0&quot; sehingga karakter tidak bergeser. Untuk rig Generic, halaman tersebut menyatakan bahwa &quot;alih-alih menggunakan Body Transform untuk menghitung/memproyeksikan Root Transform, transform yang ditetapkan dalam Root Node akan digunakan&quot;, dan Root Node secara default diatur ke None pada tab Rig. Karena itu, pilih tulang hips atau root di sana, atau root motion tidak akan bekerja tanpa memberikan tanda apa pun.</p>
<p>Di sisi Blender, aturannya adalah: animasikan perpindahan pada sebuah tulang, bukan pada objek armature. Eksportir menulis objek armature sebagai node Null (Armature FBXNode Type, &quot;mirip dengan Empty milik Blender&quot;), sedangkan pengaturan root motion Unity membaca tulang di bawah Avatar, bukan empty tersebut. Susunan yang dirancang untuk opsi Root Node Unity adalah tulang root khusus di lantai, sebagai induk Hips, dengan keyframe perpindahan. Klip yang dibuat untuk bergerak di tempat, sementara perpindahannya ditangani oleh kode, sama sekali tidak memerlukan tulang root, dan inilah format yang digunakan oleh sebagian besar pustaka animasi.</p>
<h2>Animasi: action, strip NLA, dan baking</h2>
<p>Unity membaca AnimStack FBX dan menampilkan masing-masing sebagai klip pada <a href="https://docs.unity3d.com/Manual/class-AnimationClip.html">tab Animation</a>, tempat Anda dapat membagi, mengganti nama, mengulang, dan memangkas klip. Panel Bake Animation Blender menentukan jumlah AnimStack yang dihasilkan.</p>
<p><strong>Satu Action per klip.</strong> Dengan All Actions diaktifkan, eksportir akan &quot;mengekspor setiap action sebagai AnimStack FBX terpisah, bukan sebagai animasi scene global (perhatikan bahwa objek beranimasi akan mendapatkan semua action yang kompatibel dengannya, sedangkan objek lainnya tidak akan mendapatkan animasi sama sekali)&quot;. Beri nama Action Anda <code>Idle</code>, <code>Walk</code>, <code>Run</code>, <code>Jump</code>, dan Unity akan mencantumkannya dengan nama tersebut. Namun, ada konsekuensi dari penjelasan itu: setiap Action yang channel-nya cocok dengan armature akan dianggap kompatibel, sehingga Action tersisa dari rig lain dapat ikut terpasang. Hapus Action yang tidak ingin Anda sertakan.</p>
<p><strong>Satu strip NLA per klip.</strong> Dengan NLA Strips diaktifkan, eksportir akan &quot;mengekspor setiap strip NLA yang tidak di-mute sebagai AnimStack FBX terpisah, jika ada, bukan sebagai animasi scene global&quot;. Dorong setiap Action ke track-nya sendiri, mute Action yang tidak ingin Anda sertakan, dan Anda akan mendapatkan kendali yang tepat atas rentang frame, serta cara mengekspor klip yang memadukan dua Action.</p>
<p><strong>Lakukan bake terlebih dahulu saat menggunakan constraint.</strong> Manual FBX Blender mencantumkan constraint sebagai salah satu hal yang tidak diekspor: &quot;Hasil penggunaan constraint diekspor sebagai animasi keyframe, tetapi constraint itu sendiri tidak disimpan dalam FBX.&quot; IK, Copy Rotation, dan Child Of akan diambil sampelnya berdasarkan Sampling Rate saat ekspor. Karena itu, Key All Bones (&quot;Memaksa ekspor setidaknya satu key animasi untuk semua tulang&quot;) dan Force Start/End Keying harus tetap diaktifkan. Opsi Bake Animations milik Unity sendiri &quot;hanya tersedia untuk file Autodesk Maya, Autodesk 3ds Max, dan Cinema 4D&quot;, sehingga proses baking harus dilakukan di Blender. <code>Object &gt; Animation &gt; Bake Action</code> dengan Visual Keying dan Clear Constraints pada sebuah salinan akan menghasilkan Action yang hanya menggunakan FK dan tidak akan disalahartikan oleh aplikasi lain.</p>
<p><strong>Simplify.</strong> Pengaturan Simplify pada eksportir (&quot;Seberapa banyak nilai hasil bake disederhanakan (0.0 untuk menonaktifkan; makin tinggi nilainya, makin besar penyederhanaannya)&quot;) memiliki nilai default 1.0 dan aman untuk klip gim. Jika klip bergoyang di Unity tetapi tidak di Blender, atur nilainya ke 0 dan biarkan Anim. Compression milik Unity mengurangi keyframe.</p>
<p>Dua kebiasaan di Unity melengkapi alur ini. File bernama <code>modelName@animationName.fbx</code> akan dikelompokkan secara otomatis: menurut halaman <a href="https://docs.unity3d.com/Manual/Splittinganimations.html">pemisahan animasi</a>, &quot;Unity secara otomatis mengimpor keempat file dan mengumpulkan semua animasi ke file yang namanya tidak memiliki tanda @&quot;. Jadi, <code>hero.fbx</code> bersama <code>hero@walk.fbx</code> menghasilkan satu karakter dengan klip Walk, dan Anda dapat mengekspor ulang satu klip tanpa menyentuh mesh. Selain itu, aktifkan Loop Time untuk animasi siklus pada tab Animation karena FBX tidak memiliki konsep perulangan.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/z3cdbYTl3Ms" title="Blender ke Unity - Penyiapan Karakter Generic: #1 Rigging &amp; Ekspor FBX (CGDive)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">CGDive menjelaskan proses pembuatan rig karakter Generic di Blender dan pengaturan ekspor FBX untuk Unity, termasuk pilihan tulang deform dan leaf bone yang dibahas di atas.</div>
<h2>Tekstur dan material merah muda</h2>
<p>Eksportir FBX Blender mereferensikan tekstur berdasarkan path kecuali Anda mengaturnya agar menyertakan tekstur tersebut. Atur Path Mode ke Copy, lalu opsi Embed Textures akan tersedia, dengan deskripsi &quot;Sematkan tekstur dalam file biner FBX (hanya untuk mode path 'Copy'!)&quot;. File .fbx sekarang berisi gambar-gambar tersebut. Di Unity, <a href="https://docs.unity3d.com/Manual/FBXImporter-Materials.html">tab Materials</a> secara default mempertahankan material sebagai sub-asset (&quot;Use Embedded Materials&quot;), dan tersedia dua tombol untuk mengekstraknya: Extract Textures menulis gambar yang disematkan ke sebuah folder, sedangkan Extract Materials mengubah sub-asset menjadi file <code>.mat</code> yang dapat diedit. Lakukan Textures terlebih dahulu, lalu Materials, agar material yang diekstrak mengarah ke tekstur yang telah diekstrak. Setelah diekstrak, &quot;impor baru atau perubahan pada asset asli tidak memengaruhi material yang telah diekstrak&quot;. Inilah yang Anda inginkan: Anda dapat mengekspor ulang mesh seratus kali tanpa kehilangan penyesuaian material yang dilakukan di Unity.</p>
<p>Yang terbawa adalah warna dasar dan beberapa slot. FBX tidak memiliki standar PBR yang dapat dipetakan satu banding satu dengan Principled BSDF Blender, jadi Anda perlu menetapkan peta roughness, metallic, dan normal secara manual di Unity. Material Creation Mode &quot;Import via MaterialDescription&quot; membaca deskripsi material yang disematkan dalam FBX dan memberikan hasil yang lebih mendekati dibandingkan mode Standard (Legacy).</p>
<p>Berikutnya, masalah warna merah muda. Menurut halaman <a href="https://docs.unity3d.com/Manual/shader-error.html">error shader</a> Unity: &quot;Unity merender objek menggunakan error shader default ketika ada masalah dengan material atau shader objek tersebut&quot;, misalnya shader yang gagal dikompilasi atau tidak didukung, dan &quot;error shader default berwarna magenta (merah muda cerah).&quot; Untuk kasus khusus pada hasil impor: &quot;Jika proyek Anda menggunakan Universal Rendering Pipeline (URP), Unity mungkin merender objek menggunakan error shader default apabila objek tersebut memakai shader dari Built-In Render Pipeline.&quot; Material FBX yang diimpor secara default menggunakan shader Built-in, sehingga dalam proyek URP atau HDRP material tersebut akan tampil merah muda. Tekstur yang hilang tidak membuat material menjadi merah muda, melainkan abu-abu atau putih.</p>
<p>Solusinya hanya memerlukan satu menu. Pilih material merah muda, lalu jalankan <code>Edit &gt; Rendering &gt; Materials &gt; Convert Selected Materials to URP</code>, atau buka <code>Window &gt; Rendering &gt; Render Pipeline Converter</code>, pilih Built-in Render Pipeline to URP, centang Material Upgrade, lalu jalankan prosesnya sesuai <a href="https://docs.unity3d.com/Manual/urp/features/rp-converter.html">dokumentasi converter</a>. Ada satu batasan: &quot;Converter ini tidak mendukung material dengan shader kustom&quot;, tetapi material FBX yang diimpor tidak pernah menggunakan shader kustom. HDRP memiliki opsi serupa di Edit &gt; Rendering &gt; Materials.</p>
<h2>Smoothing dan normal</h2>
<p>Dropdown Smoothing Blender memiliki empat opsi, dan salah satunya merusak sebuah fitur Unity. Normals Only mengekspor &quot;hanya normal, bukan menulis data smoothing edge atau face&quot;, dan manual menyebutkan bahwa &quot;jika importir mendukung custom split normals, penggunaan Normals Only umumnya memberikan hasil paling akurat&quot;. Face menulis smoothing face, Edge menulis smoothing edge, sedangkan Smoothing Groups menulis kelompok face yang diberi shading bersama. Unity mengimpor normal dengan benar dalam semua kasus tersebut (pengaturan Normals secara default adalah Import). Namun, pada bagian Import BlendShapes, tab Model Unity memperingatkan: &quot;Mengimpor normal blend shape memerlukan smoothing group dalam file FBX.&quot; Jika Anda mengekspor face dengan shape key menggunakan Normals Only, morph target akan tiba dengan shading datar atau rusak.</p>
<p>Face merupakan pilihan default yang aman untuk Unity, sedangkan Smoothing Groups cocok jika Anda juga mengirimkan file ke alat bergaya 3ds Max. Jika hard edge berasal dari modifier Smooth by Angle, centang Apply Modifiers atau efek tersebut akan hilang. Jika mesh terlihat bersegi di Unity tetapi halus di Blender, ubah Normals di Unity menjadi Calculate dan Smoothness Source menjadi From Angle sebagai pemeriksaan cepat, lalu perbaiki pengaturan ekspornya.</p>
<h2>Gejala, penyebab, solusi</h2>
<table>
<thead>
<tr>
<th>Gejala di Unity</th>
<th>Penyebab</th>
<th>Solusi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Model sangat kecil atau 100 kali terlalu besar</td>
<td>Scale Factor diubah, Convert Units dinonaktifkan, atau Blender Unit Scale bukan 1.0 saat Apply Unit diaktifkan</td>
<td>Unity: Scale Factor 1, Convert Units aktif. Blender: Unit Scale 1.0, Scale 1.00</td>
</tr>
<tr>
<td>Ukurannya benar, tetapi scale menunjukkan 100 dan File Scale 0.01</td>
<td>Apply Scalings dibiarkan pada All Local</td>
<td>Gunakan Apply Scalings FBX Units Scale atau FBX All, lalu impor ulang</td>
</tr>
<tr>
<td>Root diputar -90 (atau -89.98) pada sumbu X</td>
<td>Konversi sumbu disimpan sebagai transform</td>
<td>Centang Bake Axis Conversion pada tab Model</td>
</tr>
<tr>
<td>Karakter menghadap ke belakang atau ke samping</td>
<td>Model dibuat menghadap +Y atau +X di Blender</td>
<td>Hadapkan ke -Y di Blender (tampilan depan), pertahankan Forward -Z</td>
</tr>
<tr>
<td>Muncul tulang tambahan <code>Head_end</code>, <code>Hand_end</code></td>
<td>Add Leaf Bones dibiarkan aktif</td>
<td>Hapus centang Add Leaf Bones</td>
</tr>
<tr>
<td>Ada ratusan tulang, target IK, dan widget dalam hierarki</td>
<td>Seluruh control rig ikut diekspor</td>
<td>Centang Only Deform Bones, lalu bake ke tulang deform terlebih dahulu</td>
</tr>
<tr>
<td>Tanda silang di samping Configure, tidak ada Avatar</td>
<td>Kurang dari 15 tulang wajib yang cocok, atau tulang tidak dikenali</td>
<td>Ganti nama tulang berdasarkan bagian tubuh, periksa 15 tulang wajib, lalu petakan secara manual</td>
</tr>
<tr>
<td>&quot;Karakter tidak dalam pose-T&quot;</td>
<td>Rest pose berupa pose-A atau pose rileks</td>
<td>Pose &gt; Enforce T-Pose, atau perbaiki rest pose di Blender</td>
</tr>
<tr>
<td>Animasi diputar tetapi karakter tidak bergerak</td>
<td>Root Node adalah None pada rig Generic, atau perpindahan diberi keyframe pada objek armature</td>
<td>Atur Root Node pada tab Rig, beri keyframe perpindahan pada tulang root</td>
</tr>
<tr>
<td>Hanya satu klip yang diimpor</td>
<td>NLA Strips dan All Actions dinonaktifkan, atau Action tidak memiliki fake user</td>
<td>Aktifkan keduanya, gunakan satu Action atau strip per klip</td>
</tr>
<tr>
<td>Anggota tubuh bergeser atau tersentak di tempat IK berada</td>
<td>Constraint diekspor sebagai key hasil sampling dengan nilai Simplify terlalu tinggi</td>
<td>Bake Action di Blender, Simplify 0</td>
</tr>
<tr>
<td>Material berwarna merah muda cerah</td>
<td>Shader Built-in digunakan dalam proyek URP atau HDRP</td>
<td>Jalankan Convert Selected Materials to URP (atau HDRP)</td>
</tr>
<tr>
<td>Material abu-abu, tekstur hilang</td>
<td>Path Mode bukan Copy, Embed Textures dinonaktifkan</td>
<td>Gunakan Copy dan Embed Textures, lalu Extract Textures di Unity</td>
</tr>
<tr>
<td>Shading blend shape tampak datar atau salah</td>
<td>Smoothing diatur ke Normals Only</td>
<td>Gunakan Smoothing Face atau Smoothing Groups</td>
</tr>
<tr>
<td>Terlihat bersegi meski halus di Blender</td>
<td>Modifier Smooth by Angle tidak diterapkan</td>
<td>Centang Apply Modifiers</td>
</tr>
<tr>
<td>Semua anggota tim mendapat kesalahan impor</td>
<td>File .blend berada di Assets dan Blender tidak terpasang di komputer mereka</td>
<td>Ekspor FBX, jangan letakkan file .blend di dalam Assets</td>
</tr>
</tbody>
</table>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 460" role="img" aria-label="Alur keputusan untuk impor Blender ke Unity yang bermasalah: periksa ukuran terlebih dahulu, lalu rotasi, daftar tulang, Avatar, klip animasi, dan terakhir material. Setiap langkah menyebutkan satu pengaturan yang perlu diubah: Apply Scalings, Bake Axis Conversion, Add Leaf Bones, pose-T dan nama tulang, NLA Strips dan All Actions, Convert Materials to URP.">
  <defs>
    <marker id="flarrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 z" fill="#9aa7b4"/>
    </marker>
  </defs>
  <rect width="720" height="460" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Enam pertanyaan, dalam urutan yang menghemat waktu</text>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="62" font-size="13" fill="#9aa7b4">Perbaiki ukuran sebelum rotasi dan tulang sebelum animasi, karena setiap pemeriksaan berikutnya menganggap pemeriksaan sebelumnya berhasil.</text>
    <g stroke="#9aa7b4" stroke-width="1.5" marker-end="url(#flarrow)">
      <line x1="170" y1="132" x2="170" y2="146"/>
      <line x1="170" y1="192" x2="170" y2="206"/>
      <line x1="170" y1="252" x2="170" y2="266"/>
      <line x1="170" y1="312" x2="170" y2="326"/>
      <line x1="170" y1="372" x2="170" y2="386"/>
      <line x1="316" y1="108" x2="344" y2="108"/>
      <line x1="316" y1="168" x2="344" y2="168"/>
      <line x1="316" y1="228" x2="344" y2="228"/>
      <line x1="316" y1="288" x2="344" y2="288"/>
      <line x1="316" y1="348" x2="344" y2="348"/>
      <line x1="316" y1="408" x2="344" y2="408"/>
    </g>
    <g font-size="10" font-weight="700" fill="#fb7185" text-anchor="middle">
      <text x="330" y="101">tidak</text>
      <text x="330" y="161">tidak</text>
      <text x="330" y="221">tidak</text>
      <text x="330" y="281">tidak</text>
      <text x="330" y="341">tidak</text>
      <text x="330" y="401">tidak</text>
    </g>
    <g>
      <rect x="24" y="84" width="292" height="48" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="40" y="104" font-size="13" font-weight="700" fill="#e8edf5">Apakah ukurannya benar, dengan skala transformasi 1?</text>
      <text x="40" y="122" font-size="11" fill="#9aa7b4">Karakter 1,8 m terbaca setinggi 1,8 unit</text>
      <rect x="348" y="84" width="348" height="48" rx="8" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="362" y="104" font-size="12" font-weight="700" fill="#e8edf5">Apply Scalings: FBX Units Scale. Unity: aktifkan Convert Units.</text>
      <text x="362" y="122" font-size="11" fill="#9aa7b4">Unit Scale Blender 1.0, Scale eksportir 1.00</text>
    </g>
    <g>
      <rect x="24" y="144" width="292" height="48" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="40" y="164" font-size="13" font-weight="700" fill="#e8edf5">Apakah rotasi root 0, 0, 0?</text>
      <text x="40" y="182" font-size="11" fill="#9aa7b4">dan apakah menghadap +Z</text>
      <rect x="348" y="144" width="348" height="48" rx="8" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="362" y="164" font-size="12" font-weight="700" fill="#e8edf5">Centang Bake Axis Conversion di tab Model Unity.</text>
      <text x="362" y="182" font-size="11" fill="#9aa7b4">Pertahankan -Z Forward, Y Up. Hadapkan ke -Y di Blender.</text>
    </g>
    <g>
      <rect x="24" y="204" width="292" height="48" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="40" y="224" font-size="13" font-weight="700" fill="#e8edf5">Apakah daftar tulang hanya berisi kerangka deformasi?</text>
      <text x="40" y="242" font-size="11" fill="#9aa7b4">tanpa tulang _end, target IK, atau widget</text>
      <rect x="348" y="204" width="348" height="48" rx="8" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="362" y="224" font-size="12" font-weight="700" fill="#e8edf5">Matikan Add Leaf Bones. Aktifkan Only Deform Bones.</text>
      <text x="362" y="242" font-size="11" fill="#9aa7b4">Bake gerakan rig kontrol ke tulang deformasi terlebih dahulu</text>
    </g>
    <g>
      <rect x="24" y="264" width="292" height="48" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="40" y="284" font-size="13" font-weight="700" fill="#e8edf5">Apakah pemetaan Humanoid Avatar berwarna hijau?</text>
      <text x="40" y="302" font-size="11" fill="#9aa7b4">tanpa tanda silang di samping Configure, tanpa pesan pose-T</text>
      <rect x="348" y="264" width="348" height="48" rx="8" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="362" y="284" font-size="12" font-weight="700" fill="#e8edf5">Nama tulang bagian tubuh, 15 tulang wajib, pose istirahat T.</text>
      <text x="362" y="302" font-size="11" fill="#9aa7b4">Pose &gt; Enforce T-Pose, petakan tulang merah secara manual</text>
    </g>
    <g>
      <rect x="24" y="324" width="292" height="48" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="40" y="344" font-size="13" font-weight="700" fill="#e8edf5">Apakah semua klip tersedia dan bergerak?</text>
      <text x="40" y="362" font-size="11" fill="#9aa7b4">satu klip per Action atau strip, gerakan root berfungsi</text>
      <rect x="348" y="324" width="348" height="48" rx="8" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="362" y="344" font-size="12" font-weight="700" fill="#e8edf5">Aktifkan NLA Strips + All Actions dan Key All Bones.</text>
      <text x="362" y="362" font-size="11" fill="#9aa7b4">Rig Generic: atur Root Node. Bake IK sebelum ekspor.</text>
    </g>
    <g>
      <rect x="24" y="384" width="292" height="48" rx="8" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="40" y="404" font-size="13" font-weight="700" fill="#e8edf5">Apakah material bertekstur, bukan merah muda atau abu-abu?</text>
      <text x="40" y="422" font-size="11" fill="#9aa7b4">merah muda = pipeline salah, abu-abu = tanpa tekstur</text>
      <rect x="348" y="384" width="348" height="48" rx="8" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="362" y="404" font-size="12" font-weight="700" fill="#e8edf5">Convert Selected Materials to URP. Copy + Embed Textures.</text>
      <text x="362" y="422" font-size="11" fill="#9aa7b4">Lalu Extract Textures, kemudian Extract Materials</text>
    </g>
  </g>
</svg>
<figcaption>Ikuti kolom kiri dari atas ke bawah. Jawaban tidak mengarahkan Anda ke kanan, ke satu pengaturan yang menjadi penyebabnya. Ukuran diperiksa lebih dahulu karena skala 100 pada armature tersembunyi di balik semua masalah lain, dan tulang diperiksa sebelum animasi karena klip tidak dapat diputar pada kerangka yang tidak dikenali Unity.</figcaption>
</figure>
<h2>Daftar periksa 10 langkah</h2>
<p>Jalankan langkah-langkah ini di Blender pada salinan berkas, lalu di Unity.</p>
<ol>
<li><strong>Bersihkan scene.</strong> Hapus kamera, lampu, gambar referensi, dan apa pun yang tidak akan disertakan. Gabungkan mesh yang memakai material yang sama jika masuk akal, dan pastikan setiap mesh yang perlu berdeformasi menjadi child dari armature dengan modifier Armature.</li>
<li><strong>Periksa unit.</strong> Scene Properties, Units: Unit System Metric, Unit Scale 1.0, Length Meters. Lihat panel Dimensions (N) pada karakter Anda: 1,6 hingga 2,0 m untuk manusia.</li>
<li><strong>Terapkan transformasi.</strong> Pilih mesh, <code>Object &gt; Apply &gt; All Transforms</code>. Untuk armature tanpa animasi, terapkan juga. Untuk armature beranimasi, biarkan dan pastikan skalanya sudah menunjukkan 1.0.</li>
<li><strong>Perbaiki pose dan nama.</strong> Gunakan pose istirahat berupa pose-T, menghadap -Y (tampak depan). Gunakan nama tulang yang menggambarkan bagian tubuh, dengan pasangan <code>.L</code> dan <code>.R</code> atau <code>Left</code> dan <code>Right</code>. Jangan buat tulang <code>_end</code> sendiri.</li>
<li><strong>Siapkan klip.</strong> Satu Action per klip dengan fake user, atau satu strip NLA per klip. Bake semua gerakan yang digerakkan oleh IK atau constraint dengan <code>Object &gt; Animation &gt; Bake Action</code>, serta aktifkan Visual Keying.</li>
<li><strong>Ekspor.</strong> <code>File &gt; Export &gt; FBX (.fbx)</code>. Aktifkan Selected Objects. Object Types: Armature dan Mesh. Scale 1.00, Apply Scalings FBX Units Scale, Forward -Z, Up Y, Apply Unit aktif, Use Space Transform aktif, Apply Transform nonaktif. Smoothing Face, Apply Modifiers aktif. Untuk rig kontrol, aktifkan Only Deform Bones dan nonaktifkan Add Leaf Bones. Aktifkan Bake Animation beserta Key All Bones, NLA Strips, All Actions, dan Force Start/End Keying, dengan Sampling Rate 1.0 serta Simplify 1.0. Path Mode Copy, Embed Textures aktif. Simpan pengaturan ini sebagai preset operator (tanda + di bagian atas panel).</li>
<li><strong>Impor.</strong> Masukkan berkas .fbx ke Assets. Tab Model: Scale Factor 1, Convert Units aktif, Bake Axis Conversion aktif, dan Import BlendShapes aktif jika Anda memiliki shape key. Klik Apply.</li>
<li><strong>Rig.</strong> Tab Rig: Humanoid untuk karakter berkaki dua, selain itu gunakan Generic. Avatar Definition: Create From This Model. Tekan Configure dan pastikan tulang berwarna hijau serta tidak ada pesan pose-T. Untuk Generic, atur Root Node jika klip harus menggerakkan karakter. Klik Apply.</li>
<li><strong>Animasi.</strong> Tab Animation: pastikan ada satu klip per Action. Aktifkan Loop Time untuk animasi berulang. Aktifkan Bake Into Pose pada Root Transform Position (XZ) untuk animasi idle. Klik Apply.</li>
<li><strong>Material.</strong> Tab Materials: gunakan Extract Textures ke folder Textures, lalu Extract Materials ke folder Materials. Dalam proyek URP atau HDRP, pilih material yang diekstrak lalu gunakan <code>Edit &gt; Rendering &gt; Materials &gt; Convert Selected Materials to URP</code>. Seret prefab ke dalam scene dan bandingkan skala, arah hadap, serta shading-nya dengan Blender.</li>
</ol>
<h2>Cara sekali klik</h2>
<p>Jika Anda tidak ingin mengingat langkah 6, <a href="/blender-addon/">add-on Cinevva Rig</a> memiliki kartu ekspor dengan preset Unity yang menerapkan resep ini secara persis: FBX, Forward -Z, Up Y, skala unit diterapkan dengan FBX All, tanpa leaf bone, smoothing Face, tekstur disematkan dan dibatasi hingga 2048 px. Sebelum menekan Export, analisis ukurannya membagi estimasi berkas menjadi geometri, tekstur, animasi, dan shape key, sehingga Anda dapat melihat bahwa 60 MB berasal dari tiga tekstur 4K, bukan mesh. Dibandingkan dengan ekspor GLB Blender biasa, preset ini menghasilkan berkas yang 68%, 89%, 92%, dan 98% lebih kecil pada empat model nyata, hampir seluruhnya berkat pembatasan resolusi dan pengodean ulang tekstur. Ekspor berjalan secara lokal tanpa kunci, akun, atau jaringan. Bagian berbayar add-on ini adalah rigging: satu kali pembelian dengan harga peluncuran $29, rigging lokal tanpa batas setelah satu kali unduhan engine sekitar 2,4 GB, untuk Blender 4.2 dan yang lebih baru, ditambah 260 klip animasi CC0 yang di-retarget ke rig di dalam Blender, lalu diekspor sebagai Action yang dijelaskan di atas.</p>
<p>Solusi berbayar yang sudah mapan untuk alur bolak-balik FBX adalah <a href="https://superhivemarket.com/products/better-fbx-importer--exporter">Better FBX Importer &amp; Exporter</a> dari Mesh Online, dengan lebih dari 12.800 penjualan di Superhive. Ini adalah implementasi FBX yang dibuat dari awal menggunakan FBX SDK resmi Autodesk, &quot;kompatibel dengan semua versi FBX, dari ASCII hingga biner, dari FBX 5.3 hingga FBX 2020&quot;, dengan hasil ekspor yang &quot;diverifikasi di Unity Engine 2021, Unreal Engine 4/5, dan Godot Engine v4.1.1&quot; menurut halaman produknya. Dua fitur unggulannya adalah orientasi tulang otomatis saat impor (sumbu tulang yang dibiarkan terpuntir oleh importir Blender) dan ekspor &quot;Optimize For Game Engine&quot; yang menulis armature dengan &quot;skala unit dan rotasi nol&quot;. Jika Anda sering mengimpor FBX dari seniman lain atau melakukan alur bolak-balik melalui Maya atau 3ds Max, biayanya sudah sepadan pada minggu pertama. Jika Anda hanya mengekspor karya Blender sendiri ke Unity, pengaturan di halaman ini memberikan hasil yang sama secara gratis.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara mengekspor dari Blender ke Unity?</h3>
<p>Ekspor sebagai FBX, bukan .blend. Gunakan <code>File &gt; Export &gt; FBX (.fbx)</code> dengan Selected Objects aktif, Scale 1.00, Apply Scalings FBX Units Scale, Forward -Z, Up Y, Add Leaf Bones nonaktif, Smoothing Face, serta Path Mode Copy dengan Embed Textures aktif. Di tab Model Unity, centang Convert Units dan Bake Axis Conversion, lalu ekstrak tekstur dan material dari tab Materials.</p>
<h3>Mengapa skala model Blender saya menjadi 0.01 atau 100 di Unity?</h3>
<p>FBX menghitung dalam sentimeter, sehingga eksportir Blender mengalikan scene berbasis meter dengan 100. Dengan pengaturan default Apply Scalings berupa All Local, nilai 100 tersebut masuk ke transformasi setiap objek, lalu Convert Units Unity membatalkannya dengan skala berkas 0.01. Pilih FBX Units Scale atau FBX All agar faktor tersebut dimasukkan ke header berkas sehingga setiap transformasi tetap bernilai 1. Jika model 100 kali terlalu besar, berarti Convert Units nonaktif atau Scale Factor diubah di Unity.</p>
<h3>Mengapa FBX Blender saya memiliki rotasi -90 pada sumbu X di Unity?</h3>
<p>Blender menggunakan sumbu Z sebagai atas, sedangkan Unity menggunakan sumbu Y sebagai atas, dan eksportir menyimpan putaran 90 derajat di antara keduanya sebagai rotasi pada objek root, yang ditampilkan Unity sebagai -90 (sering kali -89.98). Centang Bake Axis Conversion di tab Model Unity agar rotasi di-bake ke vertex dan root terbaca nol. Jangan gunakan Apply Transform milik eksportir pada model yang memiliki rig, karena deskripsinya sendiri menyatakan bahwa fitur tersebut bermasalah dengan armature dan animasi.</p>
<h3>Bagaimana cara mengekspor animasi dari Blender ke Unity?</h3>
<p>Buat satu Action per klip (atau satu strip NLA per klip), bake semua gerakan yang digerakkan oleh IK atau constraint dengan Bake Action, lalu ekspor dengan Bake Animation aktif serta Key All Bones, NLA Strips, All Actions, dan Force Start/End Keying dicentang. Setiap Action akan muncul sebagai klip di tab Animation Unity dengan nama Blender-nya. Untuk rig Generic, atur Root Node di tab Rig jika Anda menginginkan gerakan root, dan aktifkan Loop Time untuk animasi berulang.</p>
<h3>Haruskah saya menggunakan FBX atau glTF untuk Unity?</h3>
<p>Gunakan FBX untuk semua aset yang memiliki rig atau animasi. Unity mengimpor FBX secara native, sedangkan glTF memerlukan paket <code>com.unity.cloud.gltfast</code>, yang impor animasinya hanya lengkap untuk sistem Animation lama dan masih memerlukan &quot;pengembangan lebih lanjut&quot; untuk Mecanim, serta Unity tidak dapat membaca tekstur WebP. glTF merupakan pilihan yang baik untuk prop statis dan model yang dimuat saat runtime dari server.</p>
<h3>Mengapa material saya berwarna merah muda di Unity setelah diimpor dari Blender?</h3>
<p>Warna merah muda adalah shader error Unity, dan pada aset impor hal ini hampir selalu berarti material menggunakan shader Built-in Render Pipeline dalam proyek URP atau HDRP. Pilih material tersebut lalu jalankan <code>Edit &gt; Rendering &gt; Materials &gt; Convert Selected Materials to URP</code>, atau gunakan <code>Window &gt; Rendering &gt; Render Pipeline Converter</code>. Tekstur yang hilang membuat material berwarna abu-abu, bukan merah muda: untuk mengatasinya, ekspor dengan Path Mode Copy dan Embed Textures, lalu tekan Extract Textures di Unity.</p>
<h3>Mengapa Unity tidak dapat membuat Humanoid Avatar dari rig Blender saya?</h3>
<p>Unity membutuhkan setidaknya 15 tulang wajib yang dapat dikenali dan pose-T. Tanda silang di sebelah Configure berarti pemetaan gagal, tulang merah pada tab Mapping adalah tulang yang tidak dapat ditempatkan, dan &quot;Character not in T-Pose&quot; berarti pose istirahatnya tidak tepat. Namai tulang berdasarkan bagian tubuh (nama Mixamo selalu dapat dipetakan), hapus centang Add Leaf Bones agar tulang <code>_end</code> tidak membingungkan Unity, seret setiap tulang merah secara manual ke tempatnya, lalu gunakan Pose &gt; Enforce T-Pose.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/blender-to-unreal-export-checklist">Daftar Periksa Ekspor Blender ke Unreal</a>: langkah yang sama untuk Unreal, dengan unit dan sumbu tulang yang arahnya berlawanan</li>
<li><a href="/id/guides/blender-to-godot-export-checklist">Daftar Periksa Ekspor Blender ke Godot</a>: glTF adalah jalur native di Godot 4, dan pengaturannya berbeda</li>
<li><a href="/id/guides/automatic-rigging-explained">Cara Kerja Rigging Otomatis</a>: hal-hal yang dibutuhkan pembuat rig dari mesh Anda sebelum semua ini relevan</li>
<li><a href="/id/guides/optimize-glb-for-web">Cara Mengoptimalkan File GLB untuk Web</a>: Draco, Meshopt, dan KTX2 untuk browser, tempat glTF menjadi format yang tepat</li>
<li><a href="/id/tools/glb-viewer">Penampil GLB</a>: periksa grafik scene, tulang, dan klip animasi glTF sebelum mengekspornya kembali untuk Unity</li>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: rigging, 260 klip CC0, dan preset ekspor Unity dalam satu add-on</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Checklist Ekspor Blender ke Unreal Engine: Pengaturan FBX, Sumbu Tulang, dan Skala (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/blender-to-unreal-export-checklist</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/blender-to-unreal-export-checklist</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Checklist ekspor Blender ke Unreal Engine: pengaturan FBX untuk skala, sumbu, sumbu tulang, tulang root, grup smoothing, dan animasi agar dapat diimpor dengan bersih ke UE5.]]></description>
            <content:encoded><![CDATA[<h1>Checklist Ekspor Blender ke Unreal Engine: Pengaturan FBX, Sumbu Tulang, dan Skala (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/blender-to-unreal-export-checklist-hero.jpg?v=1" alt="Karakter low-poly dengan rig yang berpindah dari viewport Blender ke sebuah level Unreal Engine" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Agar karakter dari Blender dapat masuk ke Unreal Engine dengan bersih, Anda perlu mengatur enam opsi eksportir FBX dan satu pengaturan scene. Di <code>File &gt; Export &gt; FBX (.fbx)</code>: aktifkan Selected Objects, aktifkan Apply Unit dengan Apply Scalings diatur ke FBX All (atau biarkan pada All Local dan atur Unit Scale scene ke 0.01), atur Smoothing ke Face, nonaktifkan Add Leaf Bones, gunakan Primary Bone Axis Y dengan Secondary X, lalu aktifkan Bake Animation dengan NLA Strips atau All Actions, tergantung cara Anda menyimpan klip. Ganti nama objek armature menjadi <code>root</code> sebelum menekan Export karena Unreal mengubah objek tersebut menjadi tulang root Anda. Semua bagian di bawah menjelaskan alasan pentingnya setiap pengaturan, seperti apa kegagalannya jika dilewatkan, dan cara melakukan retarget pada hasilnya ke UE5 Mannequin atau MetaHuman.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Skala:</strong> Unreal menggunakan sentimeter, sedangkan unit internal Blender adalah meter. Atur <code>Scene Properties &gt; Units &gt; Unit Scale</code> ke 0.01 dan buat model pada ukuran Unreal, atau pertahankan 1.0 dan ekspor dengan Apply Scalings: FBX All agar header berkas menyimpan konversinya. Membiarkan keduanya pada nilai default akan menghasilkan skala 100 pada tulang root Anda.</li>
<li><strong>Sumbu:</strong> biarkan Forward -Z dan Up Y (default Blender). Opsi impor Convert Scene milik Unreal membaca header FBX dan memutarnya ke kerangka Z-up, X-forward. Buat karakter menghadap -Y di Blender (menghadap ke arah Anda dalam tampilan depan Numpad 1), dan karakter tersebut akan menghadap +X di Unreal.</li>
<li><strong>Tulang:</strong> Primary Bone Axis Y, Secondary Bone Axis X. Ini adalah nilai default Blender dan juga pengaturan yang disertakan dalam add-on Send to Unreal milik Epic. Mengubahnya adalah penyebab umum masalah &quot;tulang saya diimpor dengan rotasi 90 derajat&quot;.</li>
<li><strong>Tulang root:</strong> objek armature menjadi tulang root di Unreal dengan menggunakan nama objek tersebut. Ganti namanya menjadi <code>root</code>, pertahankan hips sebagai anak pertamanya, dan jangan skin apa pun ke tulang tersebut.</li>
<li><strong>Leaf bones dan smoothing:</strong> nonaktifkan Add Leaf Bones (jika tidak, setiap rantai akan mendapatkan tulang <code>_end</code>), lalu atur Smoothing ke Face (jika tidak, Unreal akan memperingatkan bahwa grup smoothing tidak ditemukan).</li>
<li><strong>Animasi:</strong> gunakan satu Action per klip, aktifkan Bake Animation, aktifkan Key All Bones, dan atur Simplify ke 0. Impor ke aset Skeleton yang sudah ada dengan Import Mesh dinonaktifkan.</li>
<li><strong>Cara sekali klik:</strong> <a href="/blender-addon/">add-on Cinevva Rig</a> memiliki preset ekspor Unreal yang menerapkan konvensi ini untuk Anda dan terlebih dahulu menampilkan analisis ukuran. Add-on ini berjalan secara offline di komputer Anda sendiri, dengan sekali pembelian seharga $29 (harga peluncuran), pada Blender 4.2 dan versi yang lebih baru untuk Windows, macOS, dan Linux.</li>
</ul>
<h2>Referensi cepat</h2>
<p>Berikut matriksnya. Temukan gejala yang Anda lihat di Unreal, lalu baca barisnya.</p>
<table>
<thead>
<tr>
<th>Gejala di Unreal</th>
<th>Penyebab</th>
<th>Perbaikan di Blender</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tulang root menampilkan Scale 100, atau karakter menjadi sangat kecil setelah Anda meresetnya</td>
<td>Unit Scale 1.0 dengan Apply Scalings: All Local memasukkan faktor konversi meter ke sentimeter ke dalam transformasi objek armature</td>
<td>Atur Unit Scale ke 0.01 dan buat model pada ukuran Unreal, atau ekspor dengan Apply Scalings: FBX All</td>
</tr>
<tr>
<td>Karakter menghadap -X atau terbaring menyamping</td>
<td>Model dibuat menghadap +Y, atau Forward/Up diubah dari pasangan yang konsisten</td>
<td>Hadapkan karakter ke -Y di Blender dan terapkan rotasinya. Biarkan Forward -Z, Up Y</td>
</tr>
<tr>
<td>Tulang mengarah ke arah yang salah, animasi hasil retarget terpuntir</td>
<td>Primary/Secondary Bone Axis diubah dari Y/X</td>
<td>Atur Primary Y, Secondary X</td>
</tr>
<tr>
<td>Tulang bernama &quot;Armature&quot; berada di atas hips</td>
<td>Objek armature diekspor sebagai node Null dan Unreal menjadikannya tulang root</td>
<td>Ganti nama objek armature menjadi <code>root</code></td>
</tr>
<tr>
<td>Tulang tambahan dengan akhiran <code>_end</code> pada jari, kepala, dan kaki</td>
<td>Add Leaf Bones aktif (default eksportir)</td>
<td>Nonaktifkan Add Leaf Bones</td>
</tr>
<tr>
<td>&quot;Tidak ditemukan informasi grup smoothing dalam scene FBX ini&quot;</td>
<td>Smoothing dibiarkan pada Normals Only</td>
<td>Atur Smoothing ke Face</td>
</tr>
<tr>
<td>&quot;Ditemukan beberapa root. Importir hanya mendukung satu root per mesh.&quot;</td>
<td>Terdapat beberapa tulang tingkat teratas tanpa satu induk tunggal</td>
<td>Jadikan setiap tulang tingkat teratas sebagai anak dari <code>root</code></td>
</tr>
<tr>
<td>&quot;Scene tidak berisi Bind Pose&quot;</td>
<td>Data bind pose tidak terdapat dalam berkas</td>
<td>Impor dengan Use T0 As Ref Pose aktif, atau ekspor ulang dengan armature dalam rest pose</td>
</tr>
<tr>
<td>Material masuk dengan hanya Color dan Normal yang terhubung</td>
<td>Unreal hanya menghubungkan kedua input tersebut secara otomatis</td>
<td>Ekspor tekstur secara terpisah dan buat ulang roughness serta metallic di editor material</td>
</tr>
<tr>
<td>Satu animasi panjang, bukan klip terpisah</td>
<td>Klip disimpan dalam satu Action, atau NLA Strips dan All Actions sama-sama dinonaktifkan</td>
<td>Gunakan satu Action per klip dengan All Actions aktif, atau satu strip NLA per klip dengan NLA Strips aktif</td>
</tr>
<tr>
<td>Animasi diputar, tetapi mesh tidak bergerak</td>
<td>Mesh tidak dijadikan anak armature, atau Only Deform Bones menghapus tulang yang dibutuhkan skin</td>
<td>Jadikan mesh sebagai anak armature dengan modifier Armature, lalu periksa tanda deform</td>
</tr>
</tbody>
</table>
<h2>Unit dan skala: asal-usul &quot;skala 100&quot;</h2>
<p>Importir FBX Unreal bekerja dalam sentimeter. Opsi Convert Scene Unit dijelaskan dalam <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/fbx-import-options-reference-in-unreal-engine">Referensi Opsi Impor FBX</a> sebagai konversi &quot;dari unit pengukuran FBX ke unit pengukuran UE, yaitu sentimeter.&quot; Unit internal Blender adalah meter. Sumber kode eksportir menyatakannya dengan jelas: &quot;Unit default Blender setara dengan meter, sedangkan unit FBX adalah sentimeter&quot;. Jadi, harus ada sesuatu yang mengalikan dengan 100; satu-satunya pertanyaan adalah di mana nilai 100 tersebut ditulis.</p>
<p>Eksportir Blender (<a href="https://projects.blender.org/blender/blender/src/branch/blender-v4.2-release/scripts/addons_core/io_scene_fbx"><code>io_scene_fbx</code></a>, versi 5.12.4 di Blender 4.2) menyediakan dua pengaturan untuk hal tersebut. Apply Unit, yang aktif secara default, berarti &quot;memperhitungkan pengaturan unit Blender saat ini&quot;. Apply Scalings menentukan di mana faktor tersebut ditempatkan. Opsi pertamanya, All Local (<code>FBX_SCALE_NONE</code>), menerapkan &quot;penskalaan khusus dan penskalaan unit pada setiap transformasi objek, sementara skala FBX tetap 1.0&quot;. Opsi terakhirnya, FBX All (<code>FBX_SCALE_ALL</code>), menerapkan &quot;penskalaan khusus dan penskalaan unit pada skala FBX&quot;, yang berarti pada header berkas.</p>
<p>Baca kodenya dan penyebab gejala yang terkenal itu langsung terlihat. Dengan Unit Scale 1.0 dan All Local, eksportir mengalikan setiap transformasi objek tingkat teratas dengan 100 dan menulis <code>UnitScaleFactor</code> sebesar 1.0. Mesh masuk dengan ukuran yang benar karena transformasinya menyimpan faktor 100 tersebut. Objek armature juga demikian, dan Unreal mengubah objek itu menjadi tulang root. Itulah sebabnya root menampilkan Scale 100.0 dalam hierarki skeleton. Tooltip kolom Scale sendiri memperingatkan, &quot;Beberapa importir tidak mendukung armature berskala!&quot;, dan inilah kasus yang dimaksud.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 372" role="img" aria-label="Tiga jalur skala dari Blender ke Unreal. Unit Scale 1.0 dengan Apply Scalings All Local mengalikan transformasi objek dengan 100 dan menulis faktor header sebesar 1.0, sehingga tulang root masuk dengan skala 100. Unit Scale 0.01 dengan All Local mengalikan dengan 1 dan menulis 1.0, sehingga tulang root berskala 1 dan Anda membuat model pada ukuran 180 unit. Unit Scale 1.0 dengan FBX All tidak mengubah transformasi dan menulis faktor header sebesar 100, yang dikonversi oleh Convert Scene Unit milik Unreal, sehingga tulang root berskala 1.">
  <rect width="720" height="372" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Ke mana faktor x100 diterapkan</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Meter Blender ke sentimeter Unreal. Mesh yang sama, tiga jalur eksportir, satu hasil buruk.</text>
    <g font-size="11" font-weight="700" fill="#9aa7b4">
      <text x="24" y="96">Scene Blender</text>
      <text x="212" y="96">Apply Scalings</text>
      <text x="380" y="96">Ditulis ke FBX</text>
      <text x="566" y="96">Tulang root di Unreal</text>
    </g>
    <g stroke="#2a3655" stroke-width="1">
      <line x1="24" y1="104" x2="696" y2="104"/>
    </g>
    <g>
      <rect x="24" y="118" width="160" height="60" rx="8" fill="#121a31"/>
      <text x="36" y="142" font-size="13" font-weight="700" fill="#e8edf5">Unit Scale 1.0</text>
      <text x="36" y="162" font-size="11" fill="#9aa7b4">Karakter 1,8 m = 1,8 unit</text>
      <rect x="212" y="118" width="140" height="60" rx="8" fill="#121a31"/>
      <text x="224" y="142" font-size="13" font-weight="700" fill="#e8edf5">All Local</text>
      <text x="224" y="162" font-size="11" fill="#9aa7b4">FBX_SCALE_NONE</text>
      <rect x="380" y="118" width="160" height="60" rx="8" fill="#121a31"/>
      <text x="392" y="142" font-size="12" font-weight="700" fill="#fb7185">objek x100</text>
      <text x="392" y="162" font-size="11" fill="#9aa7b4">UnitScaleFactor 1.0</text>
      <rect x="566" y="118" width="130" height="60" rx="8" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="580" y="142" font-size="13" font-weight="800" fill="#fb7185">Skala 100</text>
      <text x="580" y="162" font-size="11" fill="#9aa7b4">bug klasik</text>
    </g>
    <g>
      <rect x="24" y="196" width="160" height="60" rx="8" fill="#121a31"/>
      <text x="36" y="220" font-size="13" font-weight="700" fill="#e8edf5">Unit Scale 0.01</text>
      <text x="36" y="240" font-size="11" fill="#9aa7b4">Karakter 1,8 m = 180 unit</text>
      <rect x="212" y="196" width="140" height="60" rx="8" fill="#121a31"/>
      <text x="224" y="220" font-size="13" font-weight="700" fill="#e8edf5">All Local</text>
      <text x="224" y="240" font-size="11" fill="#9aa7b4">FBX_SCALE_NONE</text>
      <rect x="380" y="196" width="160" height="60" rx="8" fill="#121a31"/>
      <text x="392" y="220" font-size="12" font-weight="700" fill="#6ee7b7">objek x1</text>
      <text x="392" y="240" font-size="11" fill="#9aa7b4">UnitScaleFactor 1.0</text>
      <rect x="566" y="196" width="130" height="60" rx="8" fill="#0f1f1c" stroke="#6ee7b7" stroke-width="1.5"/>
      <text x="580" y="220" font-size="13" font-weight="800" fill="#6ee7b7">Skala 1</text>
      <text x="580" y="240" font-size="11" fill="#9aa7b4">buat pada ukuran Unreal</text>
    </g>
    <g>
      <rect x="24" y="274" width="160" height="60" rx="8" fill="#121a31"/>
      <text x="36" y="298" font-size="13" font-weight="700" fill="#e8edf5">Unit Scale 1.0</text>
      <text x="36" y="318" font-size="11" fill="#9aa7b4">Karakter 1,8 m = 1,8 unit</text>
      <rect x="212" y="274" width="140" height="60" rx="8" fill="#121a31"/>
      <text x="224" y="298" font-size="13" font-weight="700" fill="#e8edf5">FBX All</text>
      <text x="224" y="318" font-size="11" fill="#9aa7b4">FBX_SCALE_ALL</text>
      <rect x="380" y="274" width="160" height="60" rx="8" fill="#121a31"/>
      <text x="392" y="298" font-size="12" font-weight="700" fill="#7dd3fc">objek x1</text>
      <text x="392" y="318" font-size="11" fill="#9aa7b4">UnitScaleFactor 100</text>
      <rect x="566" y="274" width="130" height="60" rx="8" fill="#0f1f1c" stroke="#6ee7b7" stroke-width="1.5"/>
      <text x="580" y="298" font-size="13" font-weight="800" fill="#6ee7b7">Skala 1</text>
      <text x="580" y="318" font-size="11" fill="#9aa7b4">Convert Scene Unit menanganinya</text>
    </g>
    <g stroke="#2a3655" stroke-width="1.5" fill="none">
      <line x1="184" y1="148" x2="212" y2="148"/>
      <line x1="352" y1="148" x2="380" y2="148"/>
      <line x1="540" y1="148" x2="566" y2="148"/>
      <line x1="184" y1="226" x2="212" y2="226"/>
      <line x1="352" y1="226" x2="380" y2="226"/>
      <line x1="540" y1="226" x2="566" y2="226"/>
      <line x1="184" y1="304" x2="212" y2="304"/>
      <line x1="352" y1="304" x2="380" y2="304"/>
      <line x1="540" y1="304" x2="566" y2="304"/>
    </g>
    <text x="24" y="358" font-size="11" fill="#9aa7b4">Faktor = 100 x Unit Scale saat Apply Unit aktif. All Local memasukkannya ke transformasi, FBX All menulisnya di header.</text>
  </g>
</svg>
<figcaption>Eksportir menghitung faktor unit sebagai 100 kali Unit Scale scene. All Local mengalikan transformasi objek dengan faktor tersebut dan menulis faktor header sebesar 1.0. Inilah yang menyebabkan objek armature, dan akibatnya tulang root di Unreal, memiliki skala 100. Dua jalur yang bersih adalah menjadikan faktornya 1 (Unit Scale 0.01) atau memindahkannya ke header (FBX All), tempat Convert Scene Unit milik Unreal akan menanganinya.</figcaption>
</figure>
<p>Ada dua cara yang sama-sama bersih untuk menghindari masalah ini, dan keduanya dapat digunakan.
<strong>Trik 0,01.</strong> Di <code>Properties &gt; Scene &gt; Units</code>, atur Unit Scale ke 0.01 dan Length ke Centimeters. <a href="https://projects.blender.org/blender/blender-manual/src/branch/blender-v4.2-release/manual/scene_layout/scene/properties.rst">Manual Blender</a> menjelaskan Unit Scale sebagai &quot;faktor skala yang digunakan saat mengonversi antara unit internal dan nilai yang ditampilkan di antarmuka pengguna&quot;, serta mencatat bahwa pengaturan ini &quot;hanya memengaruhi nilai yang ditampilkan di antarmuka pengguna dan bukan perilaku internal&quot;. Karakter setinggi 180 cm kini memiliki tinggi 180 unit Blender, faktor eksportir menjadi 100 dikali 0,01, yaitu 1, dan bone root diimpor dengan skala 1. Kekurangannya: aset lama berskala meter perlu diperbesar 100 kali, simulasi fisika dan cloth berjalan pada skala yang keliru (manual menyatakan hal ini secara eksplisit), dan jarak clipping viewport perlu dinaikkan. Pipeline yang mengutamakan Unreal cenderung memilih pengaturan ini karena semua yang dibuat setelahnya sudah menggunakan ukuran Unreal.</p>
<p><strong>FBX All.</strong> Pertahankan Unit Scale pada 1.0 dan atur Apply Scalings ke FBX All. Header kini memuat <code>UnitScaleFactor</code> 100, transform tetap pada 1, dan Convert Scene Unit milik Unreal mengubah meter menjadi sentimeter saat impor. Tooltip memperingatkan bahwa &quot;Blender menggunakan skala FBX untuk mendeteksi unit saat impor, tetapi banyak aplikasi lain tidak menanganinya dengan cara yang sama&quot;. Unreal menanganinya, jadi pengaturan ini memungkinkan Anda tetap membuat model dalam meter.</p>
<p>Apa pun yang Anda pilih, biarkan kolom Scale pada eksportir tetap 1.0. Nilai ini dikalikan lagi di atas faktor unit dan menjadi satu tempat tambahan bagi angka 100 yang tidak diinginkan untuk bersembunyi.</p>
<h2>Sumbu: sama-sama Z-up, tetapi bukan Z-up yang sama</h2>
<p>Kedua aplikasi menggunakan Z-up, sehingga banyak orang mengira bagian ini tidak memerlukan penyesuaian. Kenyataannya tidak demikian, karena sumbu depan dan handedness-nya berbeda. Manual Blender menyatakan bahwa &quot;Blender menggunakan Y Forward, Z Up (karena tampilan depan melihat sepanjang arah +Y)&quot;. Numpad 1 menempatkan kamera di sisi -Y menghadap ke +Y, jadi karakter yang dimodelkan menghadap tampilan depan sebenarnya menghadap -Y. Unreal menggunakan Z-up dengan X sebagai arah depan, dan opsi Force Front XAxis pada importirnya dijelaskan sebagai konversi scene &quot;dengan sumbu X depan alih-alih sumbu -Y&quot;, yang menunjukkan bahwa importir menganggap arah depan file FBX adalah -Y kecuali Anda menentukan sebaliknya.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 340" role="img" aria-label="Konvensi sumbu ditampilkan berdampingan. Blender: Z ke atas, X ke kanan, Y menjauhi pengamat, right-handed, karakter menghadap minus Y menuju kamera tampilan depan. Unreal: Z ke atas, X ke depan, Y ke kanan, left-handed, karakter menghadap plus X. Di antara keduanya, header FBX mendeklarasikan sumbu atas dan depan file, lalu opsi Convert Scene milik Unreal memutarnya ke kerangka koordinat Unreal.">
  <defs>
    <marker id="axArrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 z" fill="#e8edf5"/>
    </marker>
  </defs>
  <rect width="720" height="340" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Sumbu atas sama, arah depan berbeda</text>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="62" font-size="13" fill="#9aa7b4">Blender bersifat right-handed dengan tampilan depan melihat sepanjang +Y. Unreal bersifat left-handed dengan X ke depan.</text>
    <rect x="24" y="80" width="300" height="236" rx="10" fill="#121a31"/>
    <rect x="396" y="80" width="300" height="236" rx="10" fill="#121a31"/>
    <text x="40" y="106" font-size="14" font-weight="700" fill="#e8edf5">Blender</text>
    <text x="412" y="106" font-size="14" font-weight="700" fill="#e8edf5">Unreal Engine</text>
    <g stroke-width="2.5" fill="none" stroke-linecap="round">
      <line x1="140" y1="240" x2="140" y2="140" stroke="#7dd3fc" marker-end="url(#axArrow)"/>
      <line x1="140" y1="240" x2="250" y2="240" stroke="#fb7185" marker-end="url(#axArrow)"/>
      <line x1="140" y1="240" x2="200" y2="180" stroke="#6ee7b7" marker-end="url(#axArrow)"/>
    </g>
    <g font-size="12" font-weight="700">
      <text x="146" y="136" fill="#7dd3fc">Z ke atas</text>
      <text x="256" y="244" fill="#fb7185">X</text>
      <text x="206" y="176" fill="#6ee7b7">+Y (menjauh)</text>
    </g>
    <g fill="#3b4a75">
      <circle cx="90" cy="222" r="8"/>
      <rect x="84" y="230" width="12" height="26" rx="4"/>
    </g>
    <path d="M96 240 L118 240" stroke="#fbbf24" stroke-width="2" fill="none" stroke-linecap="round"/>
    <path d="M78 240 L58 240" stroke="#fbbf24" stroke-width="2.5" fill="none" stroke-linecap="round" marker-end="url(#axArrow)"/>
    <text x="40" y="286" font-size="11" fill="#fbbf24">karakter menghadap -Y, menuju kamera Numpad 1</text>
    <text x="40" y="304" font-size="11" fill="#9aa7b4">right-handed</text>
    <g stroke-width="2.5" fill="none" stroke-linecap="round">
      <line x1="512" y1="240" x2="512" y2="140" stroke="#7dd3fc" marker-end="url(#axArrow)"/>
      <line x1="512" y1="240" x2="622" y2="240" stroke="#6ee7b7" marker-end="url(#axArrow)"/>
      <line x1="512" y1="240" x2="452" y2="180" stroke="#fb7185" marker-end="url(#axArrow)"/>
    </g>
    <g font-size="12" font-weight="700">
      <text x="518" y="136" fill="#7dd3fc">Z ke atas</text>
      <text x="628" y="244" fill="#6ee7b7">Y (kanan)</text>
      <text x="404" y="176" fill="#fb7185">X ke depan</text>
    </g>
    <g fill="#3b4a75">
      <circle cx="600" cy="282" r="8"/>
      <rect x="594" y="290" width="12" height="20" rx="4"/>
    </g>
    <path d="M610 296 L640 296" stroke="#fbbf24" stroke-width="2.5" fill="none" stroke-linecap="round" marker-end="url(#axArrow)"/>
    <text x="412" y="304" font-size="11" fill="#fbbf24">karakter menghadap +X</text>
    <text x="412" y="286" font-size="11" fill="#9aa7b4">left-handed</text>
    <g>
      <line x1="324" y1="198" x2="396" y2="198" stroke="#c8a8ff" stroke-width="2" marker-end="url(#axArrow)"/>
      <text x="360" y="186" font-size="11" font-weight="700" fill="#c8a8ff" text-anchor="middle">Header FBX</text>
      <text x="360" y="216" font-size="10" fill="#9aa7b4" text-anchor="middle">Convert Scene</text>
    </g>
  </g>
</svg>
<figcaption>Eksportir menulis sumbu atas dan depan file ke header FBX berdasarkan pilihan Forward dan Up Anda, lalu Convert Scene milik Unreal membaca header tersebut dan memutarnya ke kerangka koordinat Unreal. Karena itulah pengaturan bawaan -Z Forward, Y Up berfungsi, dan hal yang benar-benar penting adalah arah hadap karakter di Blender.</figcaption>
</figure>
<p>Berikut bagian yang dilewatkan oleh sebagian besar tutorial. Dropdown Forward dan Up tidak dengan sendirinya memutar model Anda ke kerangka koordinat Unreal. Eksportir membuat matriks konversi berdasarkan kedua pengaturan tersebut dan, dalam proses yang sama, menulis nilai <code>UpAxis</code> dan <code>FrontAxis</code> yang sesuai ke GlobalSettings file. Convert Scene milik Unreal, yang dijelaskan sebagai konversi &quot;scene dari sistem koordinat FBX agar menggunakan sistem koordinat UE&quot;, membaca nilai tersebut, sehingga pasangan apa pun yang konsisten akan berfungsi. Pengaturan bawaan Blender, -Z Forward dan Y Up, menghasilkan file dengan Y-up. Send to Unreal milik Epic menggunakan Y Forward, Z Up, yaitu sumbu Blender apa adanya. Keduanya diimpor dengan arah hadap yang sama.</p>
<p>Hal yang mengubah hasil adalah arah hadap karakter di dalam Blender. Buat model menghadap -Y, terapkan rotasi (<code>Ctrl+A &gt; Rotation</code>), dan model akan tiba di Unreal menghadap +X, yaitu arah depan engine. Jika model unduhan menghadap +Y atau +X, putar model tersebut di Object Mode, terapkan rotasinya, lalu ekspor ulang. Jangan memperbaiki arah hadap melalui dropdown Forward, karena header dan geometri akan bertentangan dan ekspor animasi berikutnya tidak akan cocok.</p>
<p>Biarkan Use Space Transform aktif dan Apply Transform nonaktif. Apply Transform (<code>bake_space_transform</code>) diberi label dalam tooltip eksportir sebagai &quot;PERINGATAN! opsi eksperimental, gunakan dengan risiko sendiri, diketahui bermasalah dengan armature/animasi&quot;. Opsi ini ditujukan untuk prop statis ketika Anda ingin konversi sumbu diterapkan langsung ke data vertex. Jangan pernah menggunakannya pada karakter ber-rig.</p>
<h2>Sumbu bone: mengapa bone diimpor dalam keadaan terputar</h2>
<p>Bone Blender memiliki kerangka koordinat lokal yang tetap. <a href="https://projects.blender.org/blender/blender-manual/src/branch/blender-v4.2-release/manual/animation/armatures/bones/structure.rst">Halaman struktur bone</a> dalam manual menyatakan bahwa &quot;Sumbu Y selalu sejajar sepanjang bone, berorientasi dari root ke ujung; inilah 'sumbu roll' bone.&quot; Banyak rig yang dibuat di Maya, serta tutorial yang ditulis berdasarkan rig tersebut, menggunakan X sepanjang bone. FBX tidak memedulikan sumbu mana yang menunjuk sepanjang bone. Format ini menyimpan transform lengkap setiap bone. Yang penting adalah skin weight mesh, bind pose, dan setiap key animasi menggunakan kerangka koordinat yang sama.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="Dua kerangka koordinat bone. Kiri: bone Blender dengan sumbu Y lokal membentang dari pangkal ke ujung sepanjang bone dan X sebagai sumbu sekunder; pengaturan bawaan eksportir, Primary Y Secondary X, menuliskannya apa adanya. Kanan: bone yang sama dinyatakan ulang dengan X sepanjang bone, seperti yang terjadi ketika Primary Bone Axis diubah ke X, sehingga setiap kerangka koordinat bone dalam file berputar 90 derajat relatif terhadap kerangka Blender.">
  <defs>
    <marker id="bnArrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 z" fill="#e8edf5"/>
    </marker>
  </defs>
  <rect width="720" height="300" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Sumbu mana yang membentang sepanjang bone</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Primary Bone Axis menentukannya. Kerangka Blender sendiri menggunakan Y sepanjang bone.</text>
    <rect x="24" y="80" width="324" height="196" rx="10" fill="#121a31"/>
    <rect x="372" y="80" width="324" height="196" rx="10" fill="#121a31"/>
    <text x="40" y="106" font-size="14" font-weight="700" fill="#6ee7b7">Primary Y, Secondary X (bawaan)</text>
    <text x="388" y="106" font-size="14" font-weight="700" fill="#fb7185">Primary X (kebiasaan dari Maya)</text>
    <g fill="#3b4a75" stroke="#5b6b95" stroke-width="1.5" stroke-linejoin="round">
      <path d="M80 200 L110 186 L250 200 L110 214 Z"/>
      <path d="M428 200 L458 186 L598 200 L458 214 Z"/>
    </g>
    <circle cx="80" cy="200" r="4" fill="#e8edf5"/>
    <circle cx="250" cy="200" r="3" fill="#e8edf5"/>
    <circle cx="428" cy="200" r="4" fill="#e8edf5"/>
    <circle cx="598" cy="200" r="3" fill="#e8edf5"/>
    <g stroke-width="2.5" fill="none" stroke-linecap="round">
      <line x1="80" y1="200" x2="200" y2="200" stroke="#6ee7b7" marker-end="url(#bnArrow)"/>
      <line x1="80" y1="200" x2="80" y2="140" stroke="#fb7185" marker-end="url(#bnArrow)"/>
      <line x1="428" y1="200" x2="548" y2="200" stroke="#fb7185" marker-end="url(#bnArrow)"/>
      <line x1="428" y1="200" x2="428" y2="140" stroke="#6ee7b7" marker-end="url(#bnArrow)"/>
    </g>
    <g font-size="12" font-weight="700">
      <text x="206" y="196" fill="#6ee7b7">Y sepanjang bone</text>
      <text x="88" y="140" fill="#fb7185">X</text>
      <text x="554" y="196" fill="#fb7185">X sepanjang bone</text>
      <text x="436" y="140" fill="#6ee7b7">Y</text>
    </g>
    <text x="40" y="250" font-size="11" fill="#9aa7b4">Ditulis apa adanya. Skin, bind pose, dan key semuanya selaras.</text>
    <text x="388" y="250" font-size="11" fill="#9aa7b4">Setiap kerangka bone berputar 90 derajat relatif terhadap Blender.</text>
    <text textLength="326" lengthAdjust="spacingAndGlyphs" x="388" y="266" font-size="11" fill="#9aa7b4">Aman jika dibuat begitu sejak awal. Masalah jika diubah di tengah jalan.</text>
  </g>
</svg>
<figcaption>Pengaturan Primary dan Secondary Bone Axis pada eksportir menentukan kerangka koordinat yang digunakan untuk menulis setiap bone. Y dan X adalah konvensi Blender sendiri sekaligus pengaturan bawaan eksportir. Beralih ke X karena mengikuti tutorial berorientasi Maya akan menyatakan ulang setiap kerangka bone dalam file, yang terlihat sebagai bone terputar di tampilan skeleton Unreal dan sebagai anggota tubuh terpelintir saat Anda melakukan retargeting.</figcaption>
</figure>
<p>Pertahankan Primary Bone Axis pada Y dan Secondary Bone Axis pada X. Keduanya merupakan pengaturan bawaan eksportir dan juga pengaturan bawaan yang disertakan Epic dalam <a href="https://github.com/EpicGamesExt/BlenderTools/blob/main/send2ue/resources/settings.json">pengaturan FBX</a> Send to Unreal. Unreal mengimpor bone dalam kerangka apa pun yang dideklarasikan file, sehingga rig Blender dengan Y sepanjang bone akan berfungsi, beranimasi, dan dapat di-retarget dengan benar. Ketidakcocokan akan menimbulkan masalah ketika pengaturan dicampur: mengekspor mesh dengan satu sumbu primer dan animasi dengan sumbu lain, atau mengekspor animasi Blender untuk skeleton yang awalnya dibuat di Maya. Jika Anda menargetkan skeleton yang sudah ada di Unreal, selalu ekspor dari file Blender yang sama, atau impor skeleton Unreal ke Blender terlebih dahulu dan buat animasi pada skeleton tersebut.</p>
<h2>Persoalan bone root</h2>
<p>Halaman <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/fbx-skeletal-mesh-pipeline-in-unreal-engine">pipeline skeletal mesh</a> Unreal menyatakan bahwa pivot skeletal mesh &quot;selalu berada di bone/joint root skeleton&quot;, dan importirnya mengharuskan tepat satu root. Halaman <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/fbx-import-errors-in-unreal-engine">FBX Import Errors</a> mencantumkan pesan yang muncul jika tidak demikian: &quot;Ditemukan beberapa root. Importir hanya mendukung satu root per mesh.&quot;</p>
<p>Eksportir Blender menulis objek armature Anda sebagai node tersendiri di atas bone. Opsi Armature FBXNode Type mengatur jenis node tersebut: pengaturan bawaannya adalah Null, yang &quot;mirip dengan Empty milik Blender&quot;, sementara Root dan LimbNode tersedia sebagai alternatif yang menurut tooltip sebaiknya tidak digunakan kecuali &quot;Anda mengalami masalah dengan aplikasi lain&quot;. Unreal membaca node tersebut sebagai bagian teratas hierarki bone dan menjadikannya bone root, dengan nama yang mengikuti objek armature. Epic mendokumentasikan perilaku ini dalam <a href="https://epicgames.github.io/BlenderTools/send2ue/settings/export.html">pengaturan ekspor</a> Send to Unreal: opsi &quot;Export object name as root bone&quot; miliknya &quot;menggunakan nama objek armature di Blender sebagai nama bone root di Unreal; jika tidak, bone pertama dalam hierarki armature digunakan sebagai bone root&quot;.
Inilah alasan tulang bernama &quot;Armature&quot; muncul di atas pinggul Anda. Solusinya adalah mengganti nama objek armature, bukan blok data armature, menjadi <code>root</code> di Outliner. Pertahankan posisinya di titik asal dunia dengan skala satuan dan rotasi nol, jangan parent-kan pinggul (atau pelvis) ke apa pun agar menjadi anak pertama node tersebut, dan jangan skin vertex apa pun ke sana. Kini Anda memiliki struktur yang sama dengan skeleton Epic: <code>root</code> di lantai, dengan pelvis di atasnya. Struktur ini akan penting nanti karena <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/ik-rig-animation-retargeting-in-unreal-engine">IK Retargeter</a> milik Unreal meminta Anda menetapkan tulang pelvis pada kedua rig untuk mentransfer root motion antar-karakter.</p>
<p>Jika Anda lebih suka node armature menghilang sepenuhnya, itulah yang dilakukan mode &quot;first bone in the armature hierarchy&quot; pada Send to Unreal, dan Better FBX Importer &amp; Exporter melakukan hal yang setara. Eksportir bawaan Blender tidak dapat menghapusnya, jadi ganti namanya.</p>
<h2>Leaf bone dan deform bone</h2>
<p>Add Leaf Bones aktif secara default, dan kode sumber eksportir bahkan memuat komentar yang menandainya sebagai opsi yang seharusnya dinonaktifkan. Tooltip-nya berbunyi: &quot;Tambahkan tulang terakhir ke ujung setiap rantai untuk menentukan panjang tulang terakhir (gunakan ini jika Anda berniat mengedit armature dari data yang diekspor)&quot;. Kode tersebut menghasilkan satu tulang tersembunyi untuk setiap ujung rantai, bernama <code>&lt;bone&gt;_end</code>. Unreal menampilkan semuanya di pohon skeleton, pada setiap ujung jari, kepala, dan kedua ujung kaki. Tulang-tulang ini tidak berbahaya, tetapi mengotori hierarki, mengganggu pencocokan otomatis retarget chain, dan menambahkan track tulang ke setiap animasi. Nonaktifkan opsi ini untuk ekspor ke engine.</p>
<p>Only Deform Bones layak diaktifkan jika armature Anda memiliki tulang kontrol: target IK, target pole, dan layer kontrol Rigify. Tooltip-nya menyatakan bahwa opsi ini menulis &quot;hanya tulang yang melakukan deformasi (serta tulang non-deformasi jika memiliki anak yang melakukan deformasi)&quot;. Pengguna Rigify sebaiknya mengekspor rig yang dihasilkan dengan Only Deform Bones aktif agar tulang deformasi ikut diekspor sementara mekanisme kontrol tetap berada di Blender. Pastikan setiap tulang yang menerima weight dari mesh memiliki flag Deform yang dicentang, atau vertex yang diberi weight ke tulang tersebut akan membeku di tempatnya dalam Unreal.</p>
<h2>Smoothing group, normal, dan triangulasi</h2>
<p>Importir Unreal mengharapkan smoothing group. Jika tidak menemukannya, halaman FBX Import Errors menampilkan peringatan persis berikut: &quot;Tidak ditemukan informasi smoothing group dalam scene FBX ini. Pastikan untuk mengaktifkan opsi 'Export Smoothing Groups' pada plug-in FBX Exporter sebelum mengekspor file.&quot; Eksportir Blender secara default mengatur Smoothing ke Normals Only, yang dijelaskan sebagai &quot;Hanya ekspor normal, alih-alih menulis data smoothing edge atau face&quot;, dengan catatan agar &quot;mengutamakan opsi 'Normals Only' jika importir tujuan Anda memahami split normal&quot;. Atur Smoothing ke Face dan peringatannya akan hilang. Saat impor, Preserve Smoothing Groups dijelaskan sebagai opsi yang memisahkan &quot;segitiga dengan smoothing group yang tidak cocok&quot;, yang mempertahankan hard edge.</p>
<p>Halaman pipeline skeletal mesh menyatakan bahwa mesh &quot;harus ditriangulasi karena perangkat keras grafis hanya menangani segitiga&quot;. Mencentang Triangulate Faces pada eksportir memberi Anda kendali atas diagonal yang digunakan untuk membagi setiap quad, yang penting bagi normal map yang di-bake di Blender. Tangent Space bersifat opsional dan, menurut tooltip-nya, &quot;hanya akan berfungsi dengan benar pada mesh yang hanya terdiri dari tri/quad&quot;. Jika mesh Anda memiliki n-gon, nonaktifkan Tangent Space atau lakukan triangulasi terlebih dahulu.</p>
<h2>Tekstur dan material</h2>
<p>Path Mode yang diatur ke Copy dengan toggle Embed Textures dicentang akan mengemas gambar Anda ke dalam biner FBX, dan opsi Import Textures milik Unreal akan mengekstraknya menjadi aset tekstur. Jangan berharap material yang lengkap. Halaman <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/fbx-static-mesh-pipeline-in-unreal-engine">pipeline static mesh</a> menyatakan bahwa &quot;Hanya Color dan Normal yang akan terhubung secara otomatis&quot;, sementara halaman skeletal mesh menyampaikan hal yang sama dengan kata-kata berbeda, yaitu &quot;hanya diffuse dan normal map&quot;. Roughness, metallic, emissive, dan ambient occlusion masuk sebagai tekstur, tetapi tidak terhubung ke apa pun. Manual Blender juga mencantumkan &quot;Tekstur material&quot; sebagai kekurangan yang diketahui pada eksportir.</p>
<p>Pola yang praktis adalah tidak menyematkan apa pun dan memperlakukan FBX sebagai geometri plus skeleton. Ekspor tekstur Anda dari Image Editor Blender atau langsung dari Substance, impor ke Unreal bersama FBX, lalu buat satu master material dengan input Principled BSDF yang Anda gunakan dan buat Material Instance untuk setiap karakter. Material Import Method milik Unreal memiliki mode &quot;Create New Instanced Materials&quot; yang memungkinkan Anda memilih base material khusus untuk keperluan ini.</p>
<h2>Skeletal mesh versus static mesh</h2>
<p>Unreal menentukan apa yang Anda kirim dengan mencari skin deformer. Mesh yang di-parent ke armature dengan modifier Armature akan diimpor sebagai Skeletal Mesh, membuat aset Skeleton (opsi Skeleton dalam dialog impor menyatakan &quot;Jika tidak ada Skeleton yang dipilih, Skeleton baru akan dibuat&quot;), serta sebuah Physics Asset. Mesh tanpa armature akan diimpor sebagai Static Mesh. Opsi Import Content Type memungkinkan Anda memaksakan impor geometri saja atau skinning saja pada impor skeletal.</p>
<p>Untuk prop statis, dua konvensi di sisi Blender dari halaman pipeline static mesh dapat menghemat pekerjaan Anda. Collision: Unreal membaca mesh bernama <code>UBX_</code>, <code>UCP_</code>, <code>USP_</code>, dan <code>UCX_</code> yang diikuti nama render mesh sebagai collision berbentuk kotak, kapsul, bola, dan cembung, dalam format <code>[PREFIX]_[RenderMeshName]_##</code>. Jadi, prop bernama <code>Crate</code> dengan child mesh bernama <code>UCX_Crate_01</code> akan tiba dengan collision yang sudah dibuat. Halaman tersebut menambahkan satu peringatan: &quot;saat mengimpor beberapa mesh dengan collision khusus dalam satu file, hanya collision milik mesh pertama yang akan diimpor&quot;, jadi ekspor satu prop per file. Vertex color: &quot;Vertex color untuk Static Mesh dapat ditransfer menggunakan pipeline FBX. Tidak diperlukan pengaturan khusus&quot;, dan Blender menuliskannya dari Color Attribute yang aktif (default eksportir adalah sRGB).</p>
<p>Untuk skeletal mesh, halaman pipeline mengonfirmasi bahwa karakter dapat berupa &quot;satu mesh berkesinambungan atau beberapa mesh terpisah yang semuanya di-skin ke skeleton yang sama&quot;, jadi Anda tidak perlu menggabungkan semuanya, tetapi setiap bagian harus di-parent ke armature yang sama. Apply Modifiers aktif secara default dan tooltip-nya memperingatkan bahwa opsi ini &quot;mencegah ekspor shape key&quot;. Untuk shape key wajah, nonaktifkan opsi tersebut, terapkan modifier non-armature secara manual, lalu centang Import Morph Targets di Unreal.</p>
<h2>Animasi: action, NLA, dan aset Skeleton</h2>
<p>Eksportir Blender selalu melakukan bake: setiap tulang yang dianimasikan disampel pada Sampling Rate (1.0 berarti setiap frame), sementara constraint, IK, dan driver ditulis sebagai key biasa. Tiga toggle menentukan jumlah klip yang dihasilkan.</p>
<p>All Actions menulis &quot;setiap action sebagai AnimStack FBX yang terpisah&quot;, dan manual menjelaskan bahwa ini mencakup &quot;semua action yang kompatibel dengan armature terpilih&quot;. NLA Strips menulis &quot;setiap strip NLA yang tidak di-mute sebagai AnimStack FBX yang terpisah&quot;. Jika keduanya dinonaktifkan, Anda mendapatkan satu klip yang mencakup rentang frame scene dengan action armature saat ini. Unreal mengimpor setiap AnimStack sebagai Animation Sequence tersendiri, dan halaman <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/importing-animations-using-fbx-in-unreal-engine">impor animasi</a> mengonfirmasi bahwa &quot;Unreal memungkinkan kreator konten mengimpor beberapa animasi dalam satu file FBX&quot;. Jadi, simpan satu Action per klip, beri nama sesuai nama sequence yang Anda inginkan, lalu centang All Actions. Jika Anda menyusun klip di editor NLA, centang NLA Strips dan biarkan All Actions nonaktif, atau keduanya akan ikut diekspor.</p>
<p>Key All Bones memastikan &quot;setidaknya satu key animasi untuk semua tulang (diperlukan oleh beberapa aplikasi tujuan, seperti UE4)&quot;. Biarkan aktif. Force Start/End Keying menambahkan key pada frame pertama dan terakhir agar Animation Length di Unreal yang diatur ke Exported Time memperoleh rentang yang Anda maksud. Simplify memiliki nilai default 1.0 dan tooltip-nya menyatakan &quot;0.0 untuk menonaktifkan&quot;. Atur ke 0 untuk animasi game karena kurva yang disederhanakan dapat kehilangan frame kontak yang tepat.</p>
<p>Di sisi Unreal, lakukan dua kali impor. Pertama, impor karakter dengan Import Animations nonaktif, yang akan membuat Skeletal Mesh dan Skeleton. Kemudian impor FBX animasi (armature yang sama, sumbu tulang yang sama, pengaturan skala yang sama, mesh tidak diperlukan) dengan Import Mesh nonaktif dan dropdown Skeleton diarahkan ke skeleton yang baru saja Anda buat. Menurut referensi, Use Default Sample Rate menggunakan 30 frame per detik, sedangkan Custom Sample Rate menyatakan bahwa &quot;jika diatur ke 0, sample rate terbaik akan ditentukan secara otomatis&quot;. Samakan dengan frame rate Blender Anda. Jika proses impor melaporkan &quot;Scene does not contain a Bind Pose&quot;, lakukan impor dengan Use T0 As Ref Pose aktif, yang menggunakan frame 0 &quot;untuk menggantikan reference pose Skeletal Mesh&quot;.</p>
<p>Versi engine yang lebih baru mungkin menampilkan dialog berbeda. <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/interchange-framework-in-unreal-engine">Interchange Framework</a> dari Epic adalah &quot;framework impor dan ekspor. Framework ini tidak bergantung pada format file, berjalan secara asinkron, dapat disesuaikan, dan dapat digunakan saat runtime&quot;, sedangkan catatan rilis 5.5 menyebutnya &quot;siap produksi untuk impor aset dan berstatus beta untuk impor level&quot;. <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/interchange-import-reference-in-unreal-engine">Referensi impornya</a> menggunakan nama berbeda untuk hal-hal yang sudah dikenal: Offset Uniform Scale, Use 30Hz to Bake Bone Animation, Import Only Animations untuk kasus memasukkan animasi ke skeleton yang sudah ada, serta Skeleton dengan keterangan &quot;Membiarkannya kosong akan membuat skeleton baru&quot;. Checklist di sisi Blender tetap sama dalam kedua kasus.</p>
<h2>Retargeting ke UE5 Mannequin atau MetaHuman</h2>
<p>Skeleton Blender Anda tidak akan memiliki nama tulang yang sama dengan milik Epic, dan memang tidak perlu. IK Retargeter Unreal 5 dibuat untuk &quot;mentransfer animasi antar-skeleton dengan jumlah tulang, nama tulang, dan orientasi yang berbeda&quot;. Prosesnya, berdasarkan halaman <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/ik-rig-animation-retargeting-in-unreal-engine">retargeting IK Rig</a> Epic:</p>
<ol>
<li>Buat aset IK Rig untuk Skeletal Mesh yang Anda impor (<code>Animation &gt; IK Rig</code> di Content Browser). Klik kanan tulang pelvis di hierarki, lalu pilih Set Pelvis. Tekan Auto Create Retarget Chains. Lakukan hal yang sama untuk karakter target jika belum memiliki IK Rig.</li>
<li>Buat IK Retargeter, atur Source IK Rig ke rig Anda dan Target IK Rig ke rig Mannequin (atau sebaliknya jika Anda memasukkan animasi Epic ke karakter Anda).</li>
<li>Periksa pemetaan chain. Epic menggunakan pencocokan string fuzzy, jadi chain bernama <code>ArmLeft</code> akan cocok dengan <code>left_arm</code> jika tidak ada pilihan yang lebih baik. Perbaiki chain yang dipetakan secara keliru.</li>
<li>Jika karakter Anda di-rig dalam A-pose sementara target menggunakan T-pose, buka Edit Retarget Pose dan sejajarkan lengan, atau gunakan opsi Auto Align.</li>
<li>Pilih animasi di Asset Browser, lalu klik Export Selected Animations. Anda akan memperoleh Animation Sequence baru pada skeleton target, dengan prefix atau suffix opsional.</li>
</ol>
<p>Dua detail di sisi Blender membuat proses ini lancar. Beri nama tulang berdasarkan sisi dan segmennya (<code>upperarm_l</code>, <code>lowerarm_l</code>, <code>hand_l</code>) agar pemetaan otomatis bekerja dengan baik, dan pertahankan hierarki root-lalu-pelvis dari bagian sebelumnya agar Set Pelvis memiliki tulang yang jelas dan root motion ditransfer &quot;secara proporsional antar-karakter&quot;, seperti yang dijelaskan halaman tersebut. Rig dengan penamaan Mixamo juga dapat dipetakan otomatis dengan baik karena nama chain berasal dari nama tulang seperti <code>LeftArm</code> dan <code>LeftForeArm</code>, dan pencocoknya membaca kata-kata. Itulah salah satu alasan <a href="/blender-addon/">add-on Cinevva Rig</a> menggunakan nama Mixamo untuk rig.</p>
<h2>Send to Unreal: hal-hal yang diotomatiskan add-on Epic dan statusnya pada 2026</h2>
<p>Repositori <a href="https://github.com/EpicGamesExt/BlenderTools">BlenderTools</a> milik Epic memuat Send to Unreal, yaitu &quot;solusi sekali klik untuk mengirim data dari Blender ke Unreal Engine&quot;, serta UE to Rigify. Send to Unreal membungkus eksportir FBX bawaan Blender (&quot;Semua pengaturan ekspor FBX standar yang tersedia di add-on FBX Blender dapat disesuaikan di bagian ini&quot;) dan menambahkan pipeline: add-on ini menulis FBX, lalu menggunakan eksekusi jarak jauh Python milik Unreal untuk mengimpornya ke proyek Anda yang sedang terbuka. Pengaturan di sisi Unreal mencakup Python Editor Script Plugin, remote execution di Project Settings, serta menonaktifkan &quot;Use Less CPU when in Background&quot; agar editor tetap mendengarkan ketika Blender memiliki fokus. Di Blender, pindahkan aset ke collection bernama <code>Export</code>, lalu jalankan <code>Pipeline &gt; Export &gt; Send to Unreal</code>.</p>
<p>Pengaturan default-nya adalah pilihan Epic, jadi dapat dijadikan pemeriksaan kewajaran yang baik: scaling All Local, Y Forward dan Z Up, smoothing Face, Primary Bone Axis Y dengan Secondary X, leaf bone nonaktif, serta nama objek armature sebagai root bone. Add-on ini juga melakukan hal-hal yang tidak dapat dilakukan eksportir bawaan: menghapus node armature, mengekspor LOD, dan menyimpan action aktif ke NLA agar setiap klip menjadi sequence tersendiri.</p>
<p>Pemeliharaan menjadi catatannya. Rilis terakhir adalah Send to Unreal 2.4.3 dari 9 November 2023, yang catatan rilisnya mencantumkan pengujian yang berhasil pada Blender 3.3 dan 3.6 dengan Unreal 5.3, sedangkan metadata add-on menetapkan Blender 3.3 sebagai versi minimum. Repositorinya tidak diarsipkan, memiliki sekitar 3.300 bintang, dan menerima commit dokumentasi pada September 2026, tetapi penggabungan kode terakhir terjadi pada Juli 2024 dan hampir seratus issue masih terbuka. Add-on ini dibuat sebelum sistem extension Blender 4.2, jadi ujilah pada versi Anda sebelum menjadikannya fondasi pipeline. Jika berfungsi, inilah pipeline gratis paling lengkap yang tersedia. Jika tidak, checklist di bawah ini akan menghasilkan file yang sama.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/y51-tXjKEzc" title="[Blender ke UE] Karakter Kustom #4 - Send to Unreal VS Ekspor FBX" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">CGDive membandingkan Send to Unreal dengan ekspor FBX manual pada karakter kustom yang sama, serta menunjukkan perbedaan root bone dan skala dalam pohon skeleton Unreal. Pengaturan manualnya sesuai dengan checklist ini.</div>
Di sisi impor, Better FBX Importer & Exporter memang layak mendapat pengakuan. Ini adalah add-on berbayar dari Mesh Online, sekitar \$25 untuk satu lisensi dan termasuk salah satu produk terlaris Superhive, dan add-on ini dibuat karena proses impor terus bermasalah. [Halaman produknya](https://mesh-online.net/fbx.html) menyebutkan bahwa add-on ini dibuat "dari nol dengan FBX SDK resmi", bahwa "armature dan model 3D yang diekspor memiliki skala unit dan rotasi nol", bahwa add-on ini "mendukung orientasi tulang otomatis" saat impor, dan bahwa hasilnya telah "diverifikasi di Unity Engine 2019, Unreal Engine 4/5, dan Godot Engine v3.2". Jika Anda membawa Mannequin atau animasi Marketplace milik Epic ke Blender lalu mengekspornya kembali, orientasi tulang otomatis itulah fitur yang Anda bayar. Untuk perjalanan satu arah dari Blender ke Unreal bagi karakter buatan Anda sendiri, eksportir bawaan dengan pengaturan di bawah ini sudah cukup.
<h2>Daftar periksa</h2>
<p>Lakukan langkah-langkah ini secara berurutan. Langkah 1 sampai 5 dilakukan sekali per proyek, sedangkan 6 sampai 13 dilakukan sekali per ekspor.</p>
<ol>
<li><code>Properties &gt; Scene &gt; Units</code>: Unit System Metric. Gunakan Unit Scale 0.01 dengan Length Centimeters (lalu skalakan aset yang sudah ada dan berukuran meter sebesar 100), atau Unit Scale 1.0 dan ingat untuk memilih FBX All pada langkah 9.</li>
<li>Modelkan karakter menghadap -Y, dengan kaki di lantai pada titik origin. Numpad 1 seharusnya menampilkan wajahnya.</li>
<li>Dalam Object Mode, pilih mesh dan armature, lalu <code>Ctrl+A &gt; All Transforms</code>. Keduanya harus menunjukkan lokasi 0, rotasi 0, dan skala 1.</li>
<li>Ubah nama objek armature menjadi <code>root</code> di Outliner. Pastikan hips adalah satu-satunya tulang tingkat teratas, atau setiap tulang tingkat teratas memiliki induk yang sebenarnya. Jangan berikan bobot apa pun pada <code>root</code>.</li>
<li>Pastikan Deform dicentang untuk setiap tulang deformasi (Bone Properties). Jika Anda menggunakan Rigify atau tulang kontrol, rencanakan ekspor dengan Only Deform Bones diaktifkan.</li>
<li>Satu Action per klip, dengan nama yang sama seperti nama Animation Sequence yang Anda inginkan. Atur frame rate scene sesuai yang akan digunakan di Unreal (30 adalah sample rate bawaan Unreal).</li>
<li>Pilih objek mesh dan armature. Jangan pilih yang lain. Kamera, lampu, dan empty akan menjadi node tambahan.</li>
<li><code>File &gt; Export &gt; FBX (.fbx)</code>. Include: aktifkan Selected Objects, lalu batasi Object Types hanya ke Armature dan Mesh.</li>
<li>Transform: Scale 1.00, Apply Scalings FBX All (atau All Local jika Unit Scale Anda 0.01), Forward -Z, Up Y, Apply Unit aktif, Use Space Transform aktif, Apply Transform nonaktif.</li>
<li>Geometry: Smoothing Face, Apply Modifiers aktif (nonaktifkan jika Anda memerlukan shape key), Triangulate Faces aktif, Tangent Space nonaktif kecuali seluruh mesh terdiri dari segitiga dan quad.</li>
<li>Armature: Primary Bone Axis Y, Secondary Bone Axis X, Armature FBXNode Type Null, Only Deform Bones sesuai keputusan pada langkah 5, Add Leaf Bones nonaktif.</li>
<li>Bake Animation: aktifkan untuk ekspor karakter hanya jika Anda menginginkan klip dalam berkas yang sama; jika tidak, nonaktifkan di sini dan aktifkan pada ekspor kedua yang hanya berisi animasi. Key All Bones aktif, NLA Strips nonaktif, All Actions aktif, Force Start/End Keying aktif, Sampling Rate 1.0, Simplify 0.</li>
<li>Gunakan Path Mode Copy dengan Embed Textures hanya jika Anda ingin Unreal membuat material placeholder; jika tidak, biarkan pengaturan tersebut dan impor tekstur secara terpisah.</li>
<li>Di Unreal, seret FBX ke Content Browser. Impor sebagai Skeletal Mesh dengan Skeleton kosong, Import Animations nonaktif, Convert Scene aktif, Convert Scene Unit aktif, dan Import Uniform Scale 1.0. Buka hasilnya dan pastikan tulang root menunjukkan Scale 1.0, karakter menghadap +X, dan jumlah tulangnya sama dengan jumlah tulang deformasi di Blender.</li>
<li>Impor FBX animasi dengan Import Mesh nonaktif dan Skeleton diatur ke skeleton dari langkah 14. Putar sebuah klip dan perhatikan kaki serta tangan.</li>
</ol>
<p>Jika langkah 14 menunjukkan Scale 100 pada root, kembali ke langkah 1 atau 9. Jika karakter menghadap ke arah yang salah, periksa langkah 2. Jika ada tulang bernama Armature, periksa langkah 4. Jika hierarki memiliki tulang <code>_end</code>, periksa langkah 11.</p>
<h2>Jalur sekali klik</h2>
<p>Setiap pengaturan di atas adalah sebuah konvensi, dan konvensi memang seharusnya ditangani oleh perangkat lunak. <a href="/blender-addon/">Add-on Cinevva Rig</a> menyediakan preset ekspor Unreal yang menulis FBX dengan forward -Y dan up Z, menerapkan skala unit dengan FBX_SCALE_NONE, menggunakan sumbu tulang utama Y dan sekunder X, tanpa leaf bone, dengan face smoothing, serta tekstur yang disematkan dan dibatasi hingga 2048 px. Dengan demikian, karakter yang di-rig menggunakan add-on ini dapat dikirim ke Unreal tanpa perlu menyentuh dialog eksportir. Sebelum mengekspor, analisis ukuran membagi perkiraan ukuran berkas menjadi geometri, tekstur, animasi, dan shape key. Dengan begitu, Anda dapat mengetahui bahwa karakter berukuran 40 MB ternyata terdiri dari 36 MB tekstur 4K pada mesh dengan 3.000 segitiga. Dibandingkan dengan ekspor GLB Blender biasa, preset ini menghasilkan berkas yang 68%, 89%, 92%, dan 98% lebih kecil pada empat model nyata. Ekspor tidak memerlukan kunci, akun, maupun jaringan. Fitur rigging-nya memasang rig pada mesh menggunakan armature humanoid ber-skin dengan penamaan Mixamo langsung di komputer Anda dan secara offline, setelah satu kali mengunduh engine berukuran sekitar 2,4 GB. Semuanya tersedia dengan satu kali pembelian seharga $29 (harga peluncuran), tanpa biaya per rig, dan berjalan di Blender 4.2 atau yang lebih baru pada Windows, macOS, dan Linux. Sebanyak 260 klip CC0 yang sama, yang dapat di-retarget di Blender, juga disertakan dalam FBX sebagai action terpisah dan siap digunakan pada langkah 15.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara mengekspor dari Blender ke Unreal Engine 5?</h3>
<p>Pilih mesh dan armature, lalu buka <code>File &gt; Export &gt; FBX (.fbx)</code>, centang Selected Objects, atur Apply Scalings ke FBX All (atau gunakan scene dengan Unit Scale 0.01 dan All Local), atur Smoothing ke Face, nonaktifkan Add Leaf Bones, tetapkan Primary Bone Axis ke Y dan Secondary ke X, lalu aktifkan Bake Animation dengan All Actions. Ubah dahulu nama objek armature menjadi <code>root</code>. Di Unreal, seret berkas ke Content Browser dan impor dengan Convert Scene serta Convert Scene Unit diaktifkan.</p>
<h3>Apa pengaturan ekspor FBX Blender yang benar untuk Unreal?</h3>
<p>Scale 1.0, Apply Unit aktif, Apply Scalings FBX All, Forward -Z, Up Y, Use Space Transform aktif, Apply Transform nonaktif, Smoothing Face, Apply Modifiers aktif, Primary Bone Axis Y, Secondary Bone Axis X, Armature FBXNode Type Null, Add Leaf Bones nonaktif, Key All Bones aktif, All Actions aktif, Simplify 0. Pengaturan ini sesuai dengan yang disediakan add-on Send to Unreal milik Epic, kecuali untuk pilihan skala. Send to Unreal menggunakan All Local dan mengharuskan Anda bekerja pada skala Unreal.</p>
<h3>Mengapa skala model Blender saya menjadi 100 di Unreal?</h3>
<p>Karena satuan meter Blender dan sentimeter Unreal berbeda sebesar faktor 100. Dengan pengaturan bawaan eksportir (Unit Scale 1.0, Apply Scalings All Local), faktor 100 tersebut dikalikan ke transformasi objek armature, yang kemudian dibaca Unreal sebagai tulang root. Atur Unit Scale scene ke 0.01 dan buat model pada ukuran Unreal, atau ekspor dengan Apply Scalings diatur ke FBX All agar faktor tersebut masuk ke header berkas dan diterapkan oleh Convert Scene Unit milik Unreal.</p>
<h3>Mengapa tulang saya diimpor dengan rotasi di Unreal?</h3>
<p>Tulang Blender selalu memanjang sepanjang sumbu Y lokalnya, dan pengaturan Primary Bone Axis Y serta Secondary X pada eksportir menulis kerangka koordinat tersebut apa adanya. Jika Anda mengubah Primary menjadi X karena mengikuti tutorial Maya, setiap kerangka tulang dalam berkas akan berputar 90 derajat relatif terhadap data skin dan animasi. Kembalikan sumbu ke Y dan X, lalu ekspor ulang mesh serta animasi dari berkas yang sama.</p>
<h3>Bagaimana cara menghilangkan tulang root Armature di Unreal?</h3>
<p>Anda tidak dapat menghapusnya dengan eksportir bawaan Blender, tetapi Anda dapat menamainya. Unreal mengubah objek armature menjadi tulang root dengan menggunakan nama objek tersebut. Jadi, ubah nama objek armature (bukan data armature) menjadi <code>root</code>, pertahankan posisinya di origin, dan jadikan hips sebagai anak pertamanya. Send to Unreal dan Better FBX Importer &amp; Exporter dapat menghapus node tersebut dan menjadikan tulang pertama sebagai penggantinya.</p>
<h3>Apakah add-on Blender Send to Unreal masih dipelihara pada 2026?</h3>
<p>Hampir tidak. Rilis terakhirnya adalah 2.4.3 dari November 2023, yang diuji pada Blender 3.3 dan 3.6 dengan Unreal 5.3, sedangkan penggabungan kode terakhir dilakukan pada Juli 2024. Repositorinya masih bersifat publik dan belum diarsipkan, serta menerima commit dokumentasi pada September 2026, tetapi belum ada rilis untuk Blender 4.x. Uji add-on tersebut pada versi Blender Anda sebelum membangun pipeline yang bergantung padanya, dan simpan daftar periksa manual sebagai cadangan.</p>
<h3>Bagaimana cara me-retarget animasi Blender ke UE5 Mannequin?</h3>
<p>Impor karakter Anda sebagai Skeletal Mesh, buat IK Rig untuknya, gunakan Set Pelvis pada tulang hips, lalu tekan Auto Create Retarget Chains. Buat IK Retargeter dengan IK Rig Anda sebagai Source dan IK Rig bawaan Mannequin sebagai Target, periksa pemetaan chain, perbaiki retarget pose jika rig Anda menggunakan A-pose, lalu pilih animasi dan klik Export Selected Animations. Langkah yang sama juga dapat dilakukan secara terbalik untuk memasang animasi Epic pada karakter Anda.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/automatic-rigging-explained">Cara Kerja Rigging Otomatis</a>: penjelasan tentang skeleton, bind pose, dan bobot skin, serta cara menyiapkan mesh untuk rigging</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter Gratis dan Auto-Rigging</a>: pustaka klip CC0 dan alat rigging gratis untuk mengisi Action yang akan Anda ekspor</li>
<li><a href="/id/guides/blender-to-unity-export-checklist">Daftar Periksa Ekspor Blender ke Unity</a>: proses yang sama untuk Unity, dengan jawaban berbeda untuk sumbu dan skala</li>
<li><a href="/id/guides/blender-to-godot-export-checklist">Daftar Periksa Ekspor Blender ke Godot</a>: menggunakan glTF alih-alih FBX, dan alasan Godot tidak memerlukan sebagian besar langkah ini</li>
<li><a href="/id/tools/glb-viewer">Penampil GLB</a>: periksa hierarki skeleton, jumlah tulang, dan animasi di browser sebelum mengimpor</li>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: add-on dengan preset ekspor Unreal dan analisis ukuran yang dijelaskan di atas</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Blender Weight Painting: 7 Masalah yang Dialami Semua Orang, Cara Memperbaikinya, dan Cara Melewati Langkah Ini]]></title>
            <link>https://app.cinevva.com/id/guides/blender-weight-painting-problems</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/blender-weight-painting-problems</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Perbaikan weight painting Blender: galat bone heat weighting, bobot merembes antaranggota tubuh, lebih dari 4 pengaruh, bobot tidak dinormalisasi atau asimetris, pergelangan tangan terpuntir.]]></description>
            <content:encoded><![CDATA[<h1>Blender Weight Painting: 7 Masalah yang Dialami Semua Orang, Cara Memperbaikinya, dan Cara Melewati Langkah Ini</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/blender-weight-painting-problems-hero.jpg?v=1" alt="Lengan karakter Blender dalam mode weight paint, dengan gradasi panas biru hingga merah di sekitar siku" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Hampir setiap masalah weight painting di Blender termasuk salah satu dari tujuh hal berikut: bobot otomatis tidak mau dijalankan, bobot merembes dari satu anggota tubuh ke anggota lainnya, sebuah verteks ditarik oleh lebih dari empat tulang, jumlah bobot tidak sama dengan satu, kedua sisi tidak cocok, pergelangan tangan mengempis saat dipuntir, atau jaket tertinggal ketika tubuh bergerak. Masing-masing memiliki alat khusus di menu <code>Weights</code> dalam Weight Paint Mode (Normalize All, Clean, Limit Total, Smooth, Mirror Vertex Group, Transfer Weights) atau pengaturan modifier, dan panduan ini memberikan jalur yang tepat untuk masing-masing masalah. Jika Anda sama sekali tidak ingin melakukan painting, ada dua add-on yang dapat melakukan skinning karakter untuk Anda, dan keduanya dibahas di bagian akhir.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Bobot otomatis gagal</strong> dengan pesan <code>Bone Heat Weighting: failed to find solution for one or more bones</code>: bersihkan mesh. <code>Mesh &gt; Clean Up &gt; Merge by Distance</code>, <code>Degenerate Dissolve</code>, <code>Delete Loose</code>, lalu <code>Select &gt; Select All by Trait &gt; Non Manifold</code>. Lakukan rigging pada satu tubuh yang tersambung, kemudian pasang pakaian setelahnya.</li>
<li><strong>Bobot merembes ke anggota tubuh yang salah:</strong> pilih face yang terdampak, lalu gunakan <code>Weights &gt; Assign Automatic from Bones</code> hanya untuk tulang yang seharusnya menguasainya, atau hapus bobot tersebut dengan painting lalu jalankan <code>Weights &gt; Smooth</code> dan <code>Weights &gt; Clean</code>.</li>
<li><strong>Terlalu banyak tulang per verteks:</strong> gunakan <code>Weights &gt; Limit Total</code> dengan Limit 4, lalu <code>Weights &gt; Normalize All</code>.</li>
<li><strong>Jumlah bobot tidak sama dengan satu:</strong> gunakan <code>Weights &gt; Normalize All</code> dengan Lock Active dimatikan, lalu aktifkan Auto Normalize dalam opsi alat.</li>
<li><strong>Satu sisi sudah benar, sisi lainnya belum:</strong> gunakan <code>Weights &gt; Mirror Vertex Group</code> dengan Mirror Weights dan Flip Group Names, atau lakukan painting dengan Mirror Vertex Groups diaktifkan dalam panel Symmetry.</li>
<li><strong>Pergelangan tangan seperti bungkus permen:</strong> aktifkan Preserve Volume pada modifier Armature untuk render, atau gunakan tulang twist untuk mesin game.</li>
<li><strong>Pakaian tidak mengikuti tubuh:</strong> gunakan modifier Data Transfer pada pakaian, pilih Vertex Groups dan Nearest Face Interpolated, lalu atur tubuh sebagai sumber.</li>
<li><strong>Lewati langkah ini:</strong> <a href="https://superhivemarket.com/products/voxel-heat-diffuse-skinning">Voxel Heat Diffuse Skinning</a> (sekitar $30) dapat melakukan skinning pada mesh yang ditolak solver Blender. <a href="/blender-addon/">Add-on Cinevva Rig</a> (harga peluncuran $29, berjalan secara offline di komputer Anda sendiri, untuk Blender 4.2+ di Windows, macOS, dan Linux) menempatkan kerangka sekaligus bobotnya.</li>
</ul>
<h2>Referensi singkat</h2>
<table>
<thead>
<tr>
<th>Masalah</th>
<th>Yang Anda lihat</th>
<th>Perbaikan</th>
<th>Lokasi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bobot otomatis gagal</td>
<td><code>Bone Heat Weighting: failed to find solution for one or more bones</code></td>
<td>Merge by Distance, Degenerate Dissolve, Delete Loose, perbaiki edge non-manifold, lakukan rigging hanya pada tubuh</td>
<td>Edit Mode, <code>Mesh &gt; Clean Up</code>, <code>Select &gt; Select All by Trait</code></td>
</tr>
<tr>
<td>Bobot merembes</td>
<td>Mengangkat lengan ikut mengangkat rusuk, tangan menyeret pinggul</td>
<td>Gunakan Assign Automatic from Bones pada pilihan face, lalu Smooth dan Clean</td>
<td>Weight Paint Mode, menu <code>Weights</code> dengan face masking</td>
</tr>
<tr>
<td>Lebih dari 4 pengaruh</td>
<td>Mesin atau viewer menghasilkan deformasi yang berbeda dari Blender</td>
<td>Limit Total 4, lalu Normalize All</td>
<td>Weight Paint Mode, menu <code>Weights</code></td>
</tr>
<tr>
<td>Bobot tidak dinormalisasi</td>
<td>Terlihat benar di Blender, tetapi salah setelah diekspor</td>
<td>Normalize All (Lock Active dimatikan), Auto Normalize diaktifkan</td>
<td>Menu <code>Weights</code>, panel Options alat</td>
</tr>
<tr>
<td>Bobot asimetris</td>
<td>Sisi kiri menekuk dengan baik, sisi kanan tidak</td>
<td>Mirror Vertex Group dengan Flip Group Names</td>
<td><code>Weights &gt; Mirror Vertex Group</code></td>
</tr>
<tr>
<td>Puntiran seperti bungkus permen</td>
<td>Lengan bawah mengerut hingga meruncing saat pergelangan tangan diputar</td>
<td>Preserve Volume, atau tulang twist</td>
<td>Modifier Armature, atau rig</td>
</tr>
<tr>
<td>Pakaian terpisah seperti cangkang</td>
<td>Jaket atau rok tertinggal, kaki menembus pakaian</td>
<td>Modifier Data Transfer, Vertex Groups, Nearest Face Interpolated</td>
<td>Modifier pada objek pakaian</td>
</tr>
</tbody>
</table>
<h2>Apa itu skin weight, dalam satu paragraf</h2>
<p>Setiap verteks pada karakter membawa sebuah daftar kecil: tulang mana yang menggerakkannya dan seberapa besar pengaruhnya. Blender menyimpan daftar tersebut sebagai <a href="https://docs.blender.org/manual/en/latest/modeling/meshes/properties/vertex_groups/vertex_groups.html">vertex group</a> yang dinamai sesuai tulang, dengan satu bobot per verteks untuk setiap grup, lalu <a href="https://docs.blender.org/manual/en/latest/modeling/modifiers/deform/armature.html">modifier Armature</a> membacanya: &quot;tulang bernama 'forearm' hanya akan memengaruhi verteks dalam vertex group 'forearm'. Pengaruh satu tulang terhadap verteks tertentu dikendalikan oleh bobot verteks tersebut dalam grup yang terkait.&quot; Weight Paint Mode adalah cara untuk melihat dan mengedit angka-angka tersebut sebagai warna. Menurut <a href="https://docs.blender.org/manual/en/latest/sculpt_paint/weight_paint/introduction.html">kode warna dalam manual</a>: &quot;area dengan nilai rendah (bobot mendekati 0.0) ditampilkan sebagai biru (dingin), sedangkan area dengan nilai tinggi (bobot mendekati 1.0) ditampilkan sebagai merah (panas)&quot;, dengan warna hijau dan kuning di antaranya.</p>
<p>Sendi yang baik memiliki gradasi pendek. Sendi yang buruk memiliki peralihan tajam yang membuatnya terlipat seperti kertas, atau gradasi yang menjangkau tempat yang seharusnya tidak terpengaruh.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 340" role="img" aria-label="Skin weight sebagai gradasi panas di sekitar siku, baik dibandingkan buruk: di sebelah kiri, bobot tulang lengan bawah meningkat dari biru 0.0 menjadi merah 1.0 sepanjang tiga edge loop yang berpusat pada siku; di sebelah kanan, bobot berubah dari biru menjadi merah dalam satu loop dan terdapat bercak merah yang tidak semestinya pada dada">
  <defs>
    <linearGradient id="wpGood" gradientUnits="userSpaceOnUse" x1="120" y1="0" x2="280" y2="0">
      <stop offset="0" stop-color="#7dd3fc"/>
      <stop offset="0.3" stop-color="#7dd3fc"/>
      <stop offset="0.5" stop-color="#6ee7b7"/>
      <stop offset="0.7" stop-color="#fb7185"/>
      <stop offset="1" stop-color="#fb7185"/>
    </linearGradient>
    <linearGradient id="wpBad" gradientUnits="userSpaceOnUse" x1="470" y1="0" x2="630" y2="0">
      <stop offset="0" stop-color="#7dd3fc"/>
      <stop offset="0.49" stop-color="#7dd3fc"/>
      <stop offset="0.51" stop-color="#fb7185"/>
      <stop offset="1" stop-color="#fb7185"/>
    </linearGradient>
  </defs>
  <rect width="720" height="340" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Bobot di sepanjang siku</text>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="62" font-size="13" fill="#9aa7b4">Vertex group tulang lengan bawah, ditampilkan dengan warna dingin-ke-panas Blender. Biru adalah 0.0, merah adalah 1.0.</text>
    <rect x="24" y="80" width="336" height="236" rx="10" fill="#121a31"/>
    <rect x="360" y="80" width="336" height="236" rx="10" fill="#121a31"/>
    <circle cx="48" cy="104" r="9" fill="#6ee7b7"/>
    <path d="M43.5 104 l3 3 l6 -6" stroke="#0b1020" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
    <text x="64" y="109" font-size="14" font-weight="700" fill="#6ee7b7">Menekuk seperti siku</text>
    <circle cx="384" cy="104" r="9" fill="#fb7185"/>
    <path d="M380 100 l8 8 M388 100 l-8 8" stroke="#0b1020" stroke-width="2" fill="none" stroke-linecap="round"/>
    <text x="400" y="109" font-size="14" font-weight="700" fill="#fb7185">Melipat dan menarik dada</text>
    <rect x="60" y="150" width="240" height="44" rx="22" fill="url(#wpGood)" opacity="0.9"/>
    <g stroke="#0b1020" stroke-width="1.5" opacity="0.8">
      <line x1="150" y1="150" x2="150" y2="194"/>
      <line x1="180" y1="150" x2="180" y2="194"/>
      <line x1="210" y1="150" x2="210" y2="194"/>
      <line x1="240" y1="150" x2="240" y2="194"/>
    </g>
    <circle cx="200" cy="172" r="6" fill="#e8edf5" stroke="#0b1020" stroke-width="2"/>
    <text x="200" y="216" font-size="11" fill="#e8edf5" text-anchor="middle">sendi siku</text>
    <text x="72" y="216" font-size="11" font-weight="700" fill="#7dd3fc">0.0</text>
    <text x="290" y="216" font-size="11" font-weight="700" fill="#fb7185" text-anchor="end">1.0</text>
    <text x="72" y="232" font-size="11" fill="#9aa7b4">lengan atas</text>
    <text x="290" y="232" font-size="11" fill="#9aa7b4" text-anchor="end">lengan bawah</text>
    <text x="40" y="266" font-size="12" fill="#e8edf5">Bobot bergradasi sepanjang tiga atau empat edge loop.</text>
    <text x="40" y="284" font-size="12" fill="#9aa7b4">Setiap loop berbagi tekukan sehingga lipatannya melengkung.</text>
    <text x="40" y="302" font-size="12" fill="#9aa7b4">Tidak ada bagian di luar lengan yang berwarna merah.</text>
    <rect x="396" y="150" width="240" height="44" rx="22" fill="url(#wpBad)" opacity="0.9"/>
    <line x1="516" y1="150" x2="516" y2="194" stroke="#0b1020" stroke-width="1.5" opacity="0.8"/>
    <circle cx="516" cy="172" r="6" fill="#e8edf5" stroke="#0b1020" stroke-width="2"/>
    <text x="516" y="216" font-size="11" fill="#e8edf5" text-anchor="middle">sendi siku</text>
    <text x="408" y="216" font-size="11" font-weight="700" fill="#7dd3fc">0.0</text>
    <text x="626" y="216" font-size="11" font-weight="700" fill="#fb7185" text-anchor="end">1.0</text>
    <rect x="600" y="92" width="76" height="46" rx="8" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
    <ellipse cx="638" cy="115" rx="18" ry="10" fill="#fb7185" opacity="0.85"/>
    <text x="638" y="150" font-size="10" fill="#fb7185" text-anchor="middle">rembesan di dada</text>
    <text x="376" y="266" font-size="12" fill="#e8edf5">Bobot melonjak dari 0 ke 1 dalam satu loop.</text>
    <text x="376" y="284" font-size="12" fill="#9aa7b4">Satu loop menanggung seluruh tekukan dan terjepit rata.</text>
    <text x="376" y="302" font-size="12" fill="#9aa7b4">Bercak merah di dada bergerak bersama lengan bawah.</text>
  </g>
</svg>
<figcaption>Tulang lengan bawah yang sama, dua vertex group. Di sebelah kiri, perpaduannya mencakup beberapa edge loop di sekitar siku sehingga lipatannya melengkung. Di sebelah kanan, perpaduannya hanya selebar satu loop sehingga terlipat seperti kertas, dan ada bercak bobot lengan bawah yang tidak semestinya pada dada—seperti inilah "rembesan" terlihat dalam Weight Paint Mode.</figcaption>
</figure>
<h2>Periksa kondisi yang ada sebelum memperbaiki apa pun</h2>
<p>Atur tampilan seperti yang dijelaskan dalam <a href="https://docs.blender.org/manual/en/latest/sculpt_paint/weight_paint/usage.html">alur kerja di manual</a>: pilih armature, tekan <code>Ctrl-Tab</code> untuk masuk ke Pose Mode, lalu pilih mesh dan beralihlah ke Weight Paint Mode. <code>Edit &gt; Lock Object Modes</code> pada topbar harus dinonaktifkan, atau langkah kedua akan gagal. Pada header viewport, centang Bone Selection, lalu tekan <code>Alt-LMB</code> pada sebuah tulang untuk menampilkan vertex group-nya pada mesh. Tulang tersembunyi di dalam tubuh, jadi aktifkan In Front untuk armature dalam pengaturan Viewport Display.</p>
<p>Kemudian buka Viewport Overlays dan atur Zero Weights ke All. Menurut <a href="https://docs.blender.org/manual/en/latest/editors/3dview/display/overlays.html">dokumentasi overlay</a>, verteks &quot;ditampilkan dalam warna hitam jika tidak memiliki bobot dalam vertex group mana pun&quot;. Verteks-verteks itulah yang akan tertinggal saat karakter bergerak.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/5SLlp3AwShM" title="[Blender] Weight Paint Karakter: #3 Alur Kerja Weight Paint (tutorial pemula)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">Tutorial alur kerja weight paint dari CGDive membahas penyiapan yang sama: posisikan armature, pilih tulang, lakukan painting, lalu periksa hasilnya dengan menggerakkan tulang.</div>
<h2>Masalah 1: Bobot otomatis gagal</h2>
<p>Anda menekan <code>Ctrl-P</code>, memilih <code>Armature Deform &gt; With Automatic Weights</code>, lalu Blender menampilkan:</p>
<blockquote>
<p>Bone Heat Weighting: failed to find solution for one or more bones</p>
</blockquote>
<p>Teks tersebut terdapat dalam kode sumber Blender, di <code>source/blender/editors/armature/meshlaplacian.cc</code>, dan fungsi di sekitarnya menunjukkan apa yang salah. Bobot otomatis memperlakukan setiap tulang sebagai sumber panas dan menyelesaikan masalah difusi di sepanjang permukaan mesh, yang dijelaskan oleh <a href="https://docs.blender.org/manual/en/latest/animation/armatures/skinning/parenting.html">manual</a> sebagai pengaruh yang &quot;didasarkan pada jarak dari verteks tersebut ke tulang tertentu (algoritme 'bone heat')&quot;. Ada dua detail penting dari kode tersebut: mesh terlebih dahulu ditriangulasi (&quot;bone heat membutuhkan face yang ditriangulasi&quot;), dan sebuah tulang hanya memanaskan verteks yang dapat dilihatnya, yang diuji menggunakan ray cast terhadap mesh. Galat muncul ketika penyelesaian linear untuk sebuah tulang gagal, dan kegagalan terjadi ketika mesh menghasilkan sistem yang degenerat. Dalam praktiknya, ini berarti salah satu dari hal berikut:</p>
<ol>
<li><strong>Verteks ganda dan bidang dengan luas nol.</strong> Umum terjadi setelah impor FBX atau OBJ, atau operasi Boolean. Dalam Edit Mode pilih semua, lalu <code>Mesh &gt; Clean Up &gt; Merge by Distance</code> (<a href="https://docs.blender.org/manual/en/latest/modeling/meshes/editing/mesh/cleanup.html">manual</a>: &quot;Menggabungkan verteks terpilih yang jaraknya lebih dekat satu sama lain daripada jarak tertentu&quot;), kemudian <code>Mesh &gt; Clean Up &gt; Degenerate Dissolve</code>, yang &quot;Menciutkan setiap edge terpilih yang lebih pendek daripada panjang tertentu. Ini juga menghapus bidang-bidang kecil.&quot;</li>
<li><strong>Geometri lepas.</strong> <code>Mesh &gt; Clean Up &gt; Delete Loose</code>.</li>
<li><strong>Edge non-manifold dan bidang interior.</strong> <code>Select &gt; Select All by Trait &gt; Non Manifold</code> memilih &quot;edge yang tidak termasuk dalam bidang mana pun&quot;, &quot;edge pada batas dan lubang&quot;, serta &quot;edge yang termasuk dalam tiga bidang atau lebih&quot;. <code>Select &gt; Select All by Trait &gt; Interior Faces</code> menemukan &quot;bidang yang mungkin tidak sengaja dibuat di dalam mesh, bukan pada permukaannya&quot;. Perbaiki semua yang disorot. Lubang yang ditembus tulang adalah masalah, dan <code>Mesh &gt; Clean Up &gt; Fill Holes</code> akan menutupnya.</li>
<li><strong>Banyak shell terpisah.</strong> Karakter yang dirakit dari tubuh, rambut, mata, gigi, sepatu bot, dan sabuk sebagai island terpisah adalah pemicu klasik, sekaligus alasan dibuatnya add-on Voxel Heat Diffuse Skinning. Rig tubuhnya saja terlebih dahulu, lalu pasang bagian lainnya dengan metode Data Transfer dalam Masalah 7, atau gabungkan bagian-bagiannya dengan <code>Ctrl-J</code> dan Merge by Distance.</li>
<li><strong>Skala.</strong> Dokumentasi Rigify menyatakan asumsinya dengan jelas: &quot;Rigify mengasumsikan bahwa 1 unit setara dengan 1 meter. Jadi tinggi manusia sekitar 2 unit.&quot; Karakter setinggi 180 unit jauh melampaui itu. Skalakan mesh dan armature, jalankan <code>Object &gt; Apply &gt; All Transforms</code>, lalu lakukan parenting lagi.</li>
</ol>
<p>Jika error berlanjut, pecah masalahnya: pilih sebagian mesh menggunakan masking pemilihan bidang, lalu jalankan <code>Weights &gt; Assign Automatic from Bones</code> untuk beberapa tulang sekaligus. Setiap alat pada <a href="https://docs.blender.org/manual/en/latest/sculpt_paint/weight_paint/editing.html">halaman alat Weight Paint</a> dapat digunakan &quot;dengan Vertex Selection Masking dan Face Selection Masking&quot;, sehingga Anda dapat menemukan satu bagian yang membuat proses penyelesaian gagal.</p>
<h2>Masalah 2: Bobot merembes ke anggota tubuh lain</h2>
<p>Lengan terangkat dan tulang rusuk ikut tertarik. Paha menekuk dan selangkangan celana terlipat ke dalam. Tulang tangan menarik sebagian pinggul karena tangan berada dekat pinggul dalam bind pose. Manual menjelaskan penyebabnya secara gamblang: bobot otomatis &quot;sering kali menghasilkan armature yang tidak mendeformasi objek anak sesuai keinginan Anda. Tumpang tindih dapat terjadi saat menentukan tulang mana yang seharusnya memengaruhi verteks tertentu&quot;.</p>
<p>Perbaikan paling bersih adalah menjalankan kembali solver pada sebagian mesh. Dalam Weight Paint Mode, aktifkan masking pemilihan bidang, pilih bidang yang seharusnya menjadi bagian lengan (dan hanya bidang tersebut), pilih tulang lengan dalam Pose Mode, lalu jalankan <code>Weights &gt; Assign Automatic from Bones</code>. Menurut manual, perintah ini menerapkan &quot;metode 'auto-weighting' yang sama seperti yang tersedia dalam menu Parent armature, dari tulang yang dipilih ke grup verteks&quot;, tetapi kini bidang dada tidak termasuk dalam pilihan sehingga tidak ada bobot yang dapat merembes ke sana. Ulangi untuk setiap anggota tubuh.</p>
<p>Untuk rembesan yang lebih kecil, gunakan painting. Atur Blend kuas ke Subtract dengan Strength rendah, atau tahan <code>Ctrl</code> saat memakai kuas Draw untuk mengurangi bobot, lalu sapukan kuas guna menghapus bobot liar dari dada saat tulang lengan aktif. Kemudian jalankan <code>Weights &gt; Smooth</code>, yang &quot;mencampur bobot verteks terpilih berdasarkan rata-rata verteks yang berdekatan&quot;. Factor 0,5 dan dua atau tiga Iterations adalah titik awal yang baik. Setelah itu, gunakan <code>Weights &gt; Clean</code> untuk menghapus sisa bobot mendekati nol yang ditinggalkan Smooth (rinciannya ada dalam daftar periksa ekspor di bawah).</p>
<p>Dua pemeriksaan yang mencegah rembesan sejak awal: posisikan karakter dengan anggota tubuh saling berjauhan (T-pose atau A-pose, dengan celah antara tangan dan pinggul), dan jangan melakukan rigging pada mesh yang lengannya menyentuh sisi tubuh. <a href="/id/guides/automatic-rigging-explained">Panduan rigging otomatis</a> kami membahas pose dan persiapan mesh tunggal secara mendetail.</p>
<h2>Masalah 3: Lebih dari empat tulang per verteks</h2>
<p>Blender tidak mempermasalahkan jumlah grup yang diikuti sebuah verteks. Game engine mempermasalahkannya. <a href="https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html#skins">Spesifikasi glTF 2.0</a> menyimpan skinning dalam atribut <code>JOINTS_0</code> dan <code>WEIGHTS_0</code>, serta menyatakan bahwa &quot;Jumlah sendi yang memengaruhi satu verteks dibatasi hingga 4 per set&quot;. Lebih dari empat memerlukan set kedua (<code>JOINTS_1</code>, <code>WEIGHTS_1</code>), yang diabaikan oleh banyak runtime. <a href="https://docs.unity3d.com/6000.2/Documentation/Manual/class-SkinnedMeshRenderer.html">Skinned Mesh Renderer</a> Unity menawarkan Skin Weights berupa 1 Bone, 2 Bones, 4 Bones, atau Auto, serta memperingatkan bahwa &quot;Jika Anda mengimpor jumlah skin weight khusus dan ingin mengizinkan pengaruh lebih dari empat tulang, Anda harus memilih opsi ini dan memastikan Skin Weights diatur ke Unlimited&quot;. <a href="https://docs.blender.org/manual/en/latest/addons/import_export/scene_gltf2.html">Eksportir glTF</a> bawaan Blender memiliki pengaturan Bone Influences dengan catatan &quot;Model mungkin tampil secara keliru di banyak penampil jika nilainya bukan 4 atau 8&quot;.</p>
<p>Jadi, verteks dengan enam pengaruh di Blender akan dipangkas tanpa pemberitahuan saat ekspor atau impor, sehingga deformasi karakter di engine berbeda dari yang terlihat di viewport. Bobot otomatis biasanya menghasilkan enam atau tujuh pengaruh di sekitar bahu, pinggul, dan jari.</p>
<p>Perbaikannya hanya membutuhkan dua klik. <code>Weights &gt; Limit Total</code>, Limit 4. Menurut manual: &quot;Mengurangi jumlah grup bobot per verteks hingga Limit yang ditentukan. Alat ini menghapus bobot terendah terlebih dahulu sampai batas tersebut tercapai.&quot; Kemudian jalankan <code>Weights &gt; Normalize All</code>, karena menghapus bobot terkecil membuat jumlah bobot yang tersisa menjadi kurang dari satu.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 330" role="img" aria-label="Satu verteks dengan enam pengaruh tulang (0,42, 0,31, 0,15, 0,07, 0,03, 0,02) diproses melalui Limit Total 4, yang membuang dua bobot terkecil dan menyisakan jumlah 0,95, lalu Normalize All menskalakan ulang keempat bobot yang tersisa menjadi 0,44, 0,33, 0,16, dan 0,07 dengan jumlah 1,0, yaitu nilai yang disimpan oleh atribut glTF WEIGHTS_0">
  <rect width="720" height="330" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Satu verteks, enam tulang, empat slot</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Verteks bahu setelah bobot otomatis, lalu Limit Total 4, kemudian Normalize All.</text>
    <g font-size="12" font-weight="700" fill="#e8edf5">
      <text x="24" y="98">Setelah bobot otomatis</text>
      <text x="264" y="98">Limit Total, Limit 4</text>
      <text x="504" y="98">Normalize All</text>
    </g>
    <g font-size="11" fill="#9aa7b4">
      <text x="24" y="114">6 pengaruh, jumlah 1,00</text>
      <text x="264" y="114">4 pengaruh, jumlah 0,95</text>
      <text x="504" y="114">4 pengaruh, jumlah 1,00</text>
    </g>
    <g font-size="11" fill="#e8edf5">
      <text x="24" y="146">lengan atas</text>
      <text x="24" y="172">bahu</text>
      <text x="24" y="198">dada</text>
      <text x="24" y="224">leher</text>
      <text x="24" y="250">tulang belakang</text>
      <text x="24" y="276">kepala</text>
    </g>
    <g>
      <rect x="96" y="134" width="92" height="16" rx="3" fill="#fb7185"/>
      <rect x="96" y="160" width="68" height="16" rx="3" fill="#fbbf24"/>
      <rect x="96" y="186" width="33" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="96" y="212" width="15" height="16" rx="3" fill="#7dd3fc"/>
      <rect x="96" y="238" width="7" height="16" rx="3" fill="#c8a8ff"/>
      <rect x="96" y="264" width="4" height="16" rx="3" fill="#f0abfc"/>
    </g>
    <g font-size="11" fill="#e8edf5">
      <text x="194" y="147">0.42</text>
      <text x="194" y="173">0.31</text>
      <text x="194" y="199">0.15</text>
      <text x="194" y="225">0.07</text>
      <text x="194" y="251">0.03</text>
      <text x="194" y="277">0.02</text>
    </g>
    <g>
      <rect x="336" y="134" width="92" height="16" rx="3" fill="#fb7185"/>
      <rect x="336" y="160" width="68" height="16" rx="3" fill="#fbbf24"/>
      <rect x="336" y="186" width="33" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="336" y="212" width="15" height="16" rx="3" fill="#7dd3fc"/>
      <rect x="336" y="238" width="60" height="16" rx="3" fill="none" stroke="#fb7185" stroke-width="1" stroke-dasharray="3 3"/>
      <rect x="336" y="264" width="60" height="16" rx="3" fill="none" stroke="#fb7185" stroke-width="1" stroke-dasharray="3 3"/>
    </g>
    <g font-size="11" fill="#e8edf5">
      <text x="434" y="147">0.42</text>
      <text x="434" y="173">0.31</text>
      <text x="434" y="199">0.15</text>
      <text x="434" y="225">0.07</text>
    </g>
    <g font-size="10" fill="#fb7185">
      <text x="342" y="250">dihapus</text>
      <text x="342" y="276">dihapus</text>
    </g>
    <g font-size="11" fill="#e8edf5">
      <text x="264" y="146">lengan atas</text>
      <text x="264" y="172">bahu</text>
      <text x="264" y="198">dada</text>
      <text x="264" y="224">leher</text>
      <text x="264" y="250" fill="#9aa7b4">tulang belakang</text>
      <text x="264" y="276" fill="#9aa7b4">kepala</text>
    </g>
    <g>
      <rect x="576" y="134" width="97" height="16" rx="3" fill="#fb7185"/>
      <rect x="576" y="160" width="72" height="16" rx="3" fill="#fbbf24"/>
      <rect x="576" y="186" width="35" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="576" y="212" width="16" height="16" rx="3" fill="#7dd3fc"/>
    </g>
    <g font-size="11" fill="#e8edf5">
      <text x="504" y="146">lengan atas</text>
      <text x="504" y="172">bahu</text>
      <text x="504" y="198">dada</text>
      <text x="504" y="224">leher</text>
    </g>
    <g font-size="11" fill="#e8edf5" text-anchor="end">
      <text x="696" y="147">0.44</text>
      <text x="696" y="173">0.33</text>
      <text x="696" y="199">0.16</text>
      <text x="696" y="225">0.07</text>
    </g>
    <g stroke="#9aa7b4" stroke-width="1.5" fill="none">
      <path d="M232 200 L252 200"/>
      <path d="M472 200 L492 200"/>
    </g>
    <g fill="#9aa7b4">
      <path d="M252 196 L258 200 L252 204 Z"/>
      <path d="M492 196 L498 200 L492 204 Z"/>
    </g>
    <rect x="504" y="240" width="192" height="60" rx="8" fill="#121a31" stroke="#6ee7b7" stroke-width="1.5"/>
    <text x="516" y="262" font-size="12" font-weight="700" fill="#6ee7b7">Muat dalam JOINTS_0 / WEIGHTS_0</text>
    <text x="516" y="280" font-size="11" fill="#9aa7b4">Empat sendi, empat bobot,</text>
    <text x="516" y="294" font-size="11" fill="#9aa7b4">jumlah 1,0, satu set atribut.</text>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="314" font-size="11" fill="#9aa7b4">Bobot diskalakan sebesar 1/0,95 pada langkah terakhir. Blender menormalisasi saat evaluasi, sehingga kolom tengah terlihat identik di viewport.</text>
  </g>
</svg>
<figcaption>Limit Total mempertahankan empat bobot terbesar dan membuang sisanya, sehingga jumlah bobot verteks menjadi 0,95. Normalize All menskalakan kembali bobot yang tersisa menjadi 1,0. Viewport Blender menampilkan ketiga kolom secara identik karena modifier Armature melakukan normalisasi saat evaluasi, sehingga masalah ini baru terlihat setelah ekspor.</figcaption>
</figure>
<h2>Masalah 4: Jumlah bobot tidak sama dengan satu</h2>
<p>Masalah ini tersembunyi. <a href="https://docs.blender.org/manual/en/latest/sculpt_paint/weight_paint/introduction.html">Alur kerja bobot ternormalisasi</a> dalam manual menjelaskan alasannya: &quot;Modifier Armature di Blender melakukan ini secara otomatis, sehingga secara teknis bobot tidak harus dinormalisasi pada tahap painting.&quot; Verteks yang jumlah bobotnya 0,6 atau 1,7 tetap terdeformasi dengan benar di Blender. Spesifikasi glTF menyatakan bahwa &quot;jumlah linear bobot SEBAIKNYA sedekat mungkin dengan 1,0 untuk suatu verteks&quot; dan menjelaskan risikonya: &quot;kesalahan sebesar 1/255 pada jumlah bobot akan menghasilkan perbedaan posisi sendi yang sangat besar dan tidak dapat diterima.&quot; Jangan mengandalkan eksportir untuk memperbaikinya secara diam-diam.</p>
<p><code>Weights &gt; Normalize All</code>. Menurut manual: &quot;Untuk setiap verteks, alat ini memastikan bahwa jumlah bobot di semua grup verteks sama dengan 1. Alat ini menormalisasi semua grup verteks, kecuali grup yang dikunci&quot;. Nonaktifkan Lock Active kecuali Anda ingin mempertahankan grup aktif dan menyeimbangkan ulang semua grup lain di sekitarnya. Kemudian, dalam pengaturan alat, aktifkan Auto Normalize, yang &quot;Memastikan bahwa semua grup verteks deformasi berjumlah satu saat painting.&quot; Sejak saat itu, setiap sapuan akan mendistribusikan ulang bobot di antara grup yang tidak dikunci, bukan menambahkan bobot di atas nilai yang sudah ada.</p>
<p>Jangan tertukar antara Normalize All dan <code>Weights &gt; Normalize</code>, yang &quot;hanya bekerja pada grup verteks aktif&quot; dan menskalakannya sehingga &quot;nilai bobot tertinggi menjadi 1,0&quot;.</p>
<p>Penguncian adalah keterampilan pendampingnya. Kunci grup dengan ikon gembok dalam panel Vertex Groups atau menu radial <code>K</code>, dan Auto Normalize akan &quot;mendistribusikan ulang hanya di antara grup yang tidak dikunci&quot;. Dengan cara itulah Anda dapat memperbaiki bahu tanpa mengganggu bobot dada yang sudah benar.</p>
<h2>Masalah 5: Kedua sisi tidak sama</h2>
<p>Anda sudah mengecat lengan kiri selama satu jam, sedangkan lengan kanan masih menggunakan hasil otomatis mentah. <code>Weights &gt; Mirror Vertex Group</code> menyalin satu sisi ke sisi lainnya, dengan dua syarat dari manual. Pertama, &quot;Mirroring hanya berfungsi jika rest pose objek benar-benar simetris terhadap sumbu X.&quot; Jika mesh Anda hanya mendekati simetris, aktifkan Topology Mirror, yang ditujukan &quot;untuk mesh yang tidak sepenuhnya simetris (pencerminan perkiraan)&quot;. Kedua, &quot;bobot tidak ditransfer ke grup bobot tulang lawan yang sesuai&quot; kecuali Anda memerintahkannya, yaitu melalui Flip Group Names: opsi ini menukar penetapan antara grup dengan nama simetris &quot;(dengan komponen seperti 'L', 'R', 'right', 'left')&quot;. Aktifkan Mirror Weights, Flip Group Names, dan All Groups untuk memproses seluruh karakter sekaligus.
Itu bergantung pada penamaan tulang Anda. <a href="https://docs.blender.org/manual/en/latest/animation/armatures/bones/editing/naming.html">Halaman konvensi penamaan</a> menerima <code>hand_L</code> dan <code>hand_R</code>, <code>hand.l</code> dan <code>hand.r</code>, <code>handLeft</code> dan <code>handRight</code>, serta pola yang sama dengan sisi sebagai awalan, tetapi tidak menerima <code>handL</code> tanpa pemisah. Gaya Mixamo seperti <code>LeftHand</code> dan <code>RightHand</code> dapat digunakan. Armature dengan nama seperti <code>Bone_012</code> harus diganti namanya terlebih dahulu karena pencerminan tidak dapat mengetahui tulang mana yang berpasangan.</p>
<p>Untuk menghindari masalah ini, lukis bobot secara simetris sejak awal. Di pengaturan Tool, panel Symmetry, centang Mirror Vertex Groups, yang dijelaskan manual sebagai &quot;melukis secara tercermin pada grup yang memiliki nama simetris&quot;. Sekarang setiap sapuan pada lengan kiri juga diterapkan ke grup lengan kanan.</p>
<h2>Masalah 6: Pergelangan tangan seperti bungkus permen</h2>
<p>Putar pergelangan tangan 90 derajat dan lengan bawah akan menyempit seperti terjepit di bagian tengah. Ini bukan kesalahan pelukisan. Ini adalah konsekuensi matematika linear blend skinning: vertex yang memiliki setengah bobot ke lengan bawah dan setengah ke tangan mendapatkan rata-rata dari transformasi yang diputar dan tidak diputar, dan rata-rata tersebut mengempis menuju sumbu. Opsi Preserve Volume pada modifier Armature menggantinya dengan quaternion blending, dan manual menjelaskan komprominya dengan tepat: &quot;Tanpa opsi ini, rotasi pada sendi cenderung memperkecil geometri di sekitarnya, hingga hampir nol pada sudut 180 derajat dari posisi istirahat. Dengan opsi ini, geometri tidak lagi diperkecil, tetapi muncul 'celah', yaitu diskontinuitas saat mencapai 180 derajat dari posisi istirahat.&quot;</p>
<p>Centang Preserve Volume untuk render di dalam Blender. Untuk game, pahami bahwa ini merupakan pengaturan modifier, bukan data mesh, dan glTF serta FBX tidak membawanya. Engine menggunakan linear skinning kecuali Anda menggantinya dengan metode lain, sehingga jepitan tersebut muncul kembali setelah impor. Solusi yang tetap bertahan setelah ekspor adalah cara-cara lama: satu atau dua tulang twist lengan bawah yang membagi rotasi menjadi beberapa tahap lebih kecil, masing-masing dengan gradiennya sendiri, atau menyebarkan bobot pergelangan tangan ke lebih banyak edge loop agar tidak ada vertex yang tepat berada pada rasio 50/50.</p>
<p>Modifier Smooth Corrective adalah alat lain di dalam Blender, &quot;biasanya berguna setelah modifier Armature, ketika distorsi di sekitar sendi mungkin sulit dihindari, bahkan dengan pelukisan bobot yang teliti.&quot; Peringatannya sama: modifier ini mendeformasi di Blender dan tidak diekspor sebagai bobot.</p>
<h2>Masalah 7: Lapisan pakaian tidak mengikuti tubuh</h2>
<p>Anda telah memasang rig pada tubuh dan gerakannya sudah baik. Jaket yang merupakan mesh terpisah mungkin mendapatkan bobot otomatisnya sendiri yang buruk (paha menembus kaki celana karena perpaduan tubuh dan kain sedikit berbeda), atau sama sekali tidak mendapatkan bobot sehingga menggantung di udara. Solusi yang tepat adalah memberikan bobot tubuh kepada pakaian, bukan membuat bobotnya sendiri.</p>
<p>Tambahkan modifier Data Transfer ke objek pakaian. Atur Source ke tubuh, centang Vertex Data, pilih Vertex Groups, atur pemetaan ke Nearest Face Interpolated, lalu klik Generate Data Layers. <a href="https://docs.blender.org/manual/en/latest/modeling/modifiers/modify/data_transfer.html">Manual</a> memperingatkan bahwa tombol ini penting: &quot;Modifier tidak melakukan ini secara otomatis, jadi pastikan Anda mengeklik tombol ini (atau menambahkan sendiri layer yang belum ada), karena jika tidak, transfer mungkin tidak bekerja.&quot; Nearest Face Interpolated mencari &quot;titik terdekat pada face sumber terdekat, lalu menggunakan titik tersebut untuk menginterpolasi nilai&quot; vertex pada face itu, persis seperti yang diperlukan untuk lapisan yang berada beberapa milimeter di atas kulit. Atur Layer Mapping ke By Name agar <code>LeftArm</code> pada tubuh diteruskan ke <code>LeftArm</code> pada jaket. Kemudian tambahkan modifier Armature di bawahnya yang mengarah ke armature yang sama. Terapkan modifier Data Transfer sebelum ekspor agar bobot tersebut menjadi grup vertex yang nyata.</p>
<p>Fungsi yang sama juga tersedia sebagai operator: dalam Weight Paint Mode, pilih tubuh, lalu pakaian (sebagai objek aktif), <code>Weights &gt; Transfer Weights</code>, dan pada panel Adjust Last Operation atur Source Layers Selection ke By Name. Manual mencatat bahwa objek &quot;harus berada di lokasi yang sama. Jika ditempatkan berdampingan, transfer bobot tidak akan bekerja.&quot;</p>
<p>Untuk lapisan yang tebal (mantel berat atau zirah), bukan pakaian ketat, bobot hasil transfer tetap lebih baik daripada bobot otomatis karena tidak mungkin berbeda dengan tubuh di bawahnya.</p>
<h2>Membersihkan bobot untuk ekspor game, secara berurutan</h2>
<p>Lakukan semua langkah ini dalam Weight Paint Mode tanpa masking face atau vertex yang aktif agar setiap alat memengaruhi seluruh mesh.</p>
<ol>
<li><strong>Hapus grup yang bukan tulang.</strong> Di panel Vertex Groups, hapus grup yang tidak cocok dengan tulang deformasi. Dokumentasi modifier Armature menyebutkan, &quot;Menghapus grup vertex kosong membantu mengurangi dependensi&quot;.</li>
<li><strong>Perbaiki bobot yang bocor dan asimetri terlebih dahulu</strong> (Masalah 2 dan 5). Alat-alat di bawah ini tidak dapat membedakan bobot liar dari bobot yang benar.</li>
<li><strong><code>Weights &gt; Limit Total</code>, Limit 4.</strong> Untuk glTF, three.js, Babylon.js, Unity dengan pengaturan bawaan, dan sebagian besar target perangkat seluler. Jika engine dan ekspor Anda sama-sama diatur untuk delapan, gunakan 8.</li>
<li><strong><code>Weights &gt; Normalize All</code>, Lock Active nonaktif.</strong> Total bobot kembali menjadi 1,0 setelah Limit Total membuang bobot-bobot terkecil.</li>
<li><strong><code>Weights &gt; Clean</code>, Limit 0.001, Keep Single aktif.</strong> Clean &quot;melepaskan vertex dari Vertex Groups yang bobotnya berada di bawah Limit&quot;. Bobot sebesar 0,0004 tidak menghasilkan perubahan yang terlihat, tetapi tetap menempati salah satu dari empat slot. Keep Single menjamin &quot;setiap vertex akan mempertahankan setidaknya satu bobot&quot;. glTF biasanya menyimpan bobot sebagai byte ternormalisasi, dengan langkah terkecil sebesar 1/255, sehingga nilai di bawah 0,004 akan dibulatkan menjadi nol.</li>
<li><strong>Jalankan <code>Weights &gt; Normalize All</code> lagi.</strong> Clean dapat menyisakan vertex dengan total 0,999.</li>
<li><strong>Periksa Zero Weights.</strong> Atur overlay ke All, lalu cari area berwarna hitam.</li>
<li><strong>Ekspor.</strong> Di eksportir glTF, pada Data, Skinning, biarkan Bone Influences bernilai 4 dan Include All Bone Influences tetap nonaktif. Pada Data, Armature, centang Use Rest Position Armature agar bind pose menggunakan rest pose, bukan frame saat ini.</li>
</ol>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 420" role="img" aria-label="Matriks masalah dan solusi: tujuh masalah pelukisan bobot dalam baris, masing-masing dengan alat Blender dan jalur menu untuk memperbaikinya: kesalahan bone heat ke alat Clean Up, kebocoran bobot ke Assign Automatic from Bones dengan masking face, lebih dari empat pengaruh ke Limit Total 4, bobot yang tidak ternormalisasi ke Normalize All serta Auto Normalize, bobot asimetris ke Mirror Vertex Group, efek bungkus permen ke Preserve Volume atau tulang twist, dan lapisan pakaian ke modifier Data Transfer">
  <rect width="720" height="420" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Tujuh masalah, tujuh alat</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Gunakan Weight Paint Mode kecuali jalurnya menyatakan lain. Setiap alat mematuhi masking face dan vertex.</text>
    <g font-size="11" font-weight="700" fill="#9aa7b4">
      <text x="24" y="92">Masalah</text>
      <text x="262" y="92">Alat</text>
      <text x="478" y="92">Jalur</text>
    </g>
    <line x1="24" y1="100" x2="696" y2="100" stroke="#2a3655" stroke-width="1"/>
    <g>
      <rect x="24" y="108" width="672" height="40" rx="6" fill="#121a31"/>
      <rect x="24" y="152" width="672" height="40" rx="6" fill="#0f1628"/>
      <rect x="24" y="196" width="672" height="40" rx="6" fill="#121a31"/>
      <rect x="24" y="240" width="672" height="40" rx="6" fill="#0f1628"/>
      <rect x="24" y="284" width="672" height="40" rx="6" fill="#121a31"/>
      <rect x="24" y="328" width="672" height="40" rx="6" fill="#0f1628"/>
      <rect x="24" y="372" width="672" height="40" rx="6" fill="#121a31"/>
    </g>
    <g>
      <rect x="32" y="120" width="6" height="16" rx="3" fill="#fb7185"/>
      <rect x="32" y="164" width="6" height="16" rx="3" fill="#fbbf24"/>
      <rect x="32" y="208" width="6" height="16" rx="3" fill="#7dd3fc"/>
      <rect x="32" y="252" width="6" height="16" rx="3" fill="#6ee7b7"/>
      <rect x="32" y="296" width="6" height="16" rx="3" fill="#c8a8ff"/>
      <rect x="32" y="340" width="6" height="16" rx="3" fill="#f0abfc"/>
      <rect x="32" y="384" width="6" height="16" rx="3" fill="#fbbf24"/>
    </g>
    <g font-size="12" font-weight="700" fill="#e8edf5">
      <text x="48" y="127">Kesalahan bone heat</text>
      <text x="48" y="171">Kebocoran antaranggota tubuh</text>
      <text x="48" y="215">Lebih dari 4 pengaruh</text>
      <text x="48" y="259">Total bobot bukan 1</text>
      <text x="48" y="303">Bobot asimetris</text>
      <text x="48" y="347">Pergelangan seperti bungkus permen</text>
      <text x="48" y="391">Lapisan pakaian</text>
    </g>
    <g font-size="10" fill="#9aa7b4">
      <text x="48" y="141">gagal menemukan solusi untuk satu atau beberapa tulang</text>
      <text x="48" y="185">lengan mengangkat rusuk, tangan menarik pinggul</text>
      <text x="48" y="229">deformasi engine berbeda dari Blender</text>
      <text x="48" y="273">baik di Blender, salah setelah diekspor</text>
      <text x="48" y="317">kiri benar, kanan salah</text>
      <text x="48" y="361">lengan bawah terjepit saat pergelangan diputar</text>
      <text x="48" y="405">jaket tertinggal, kaki menembus pakaian</text>
    </g>
    <g font-size="12" fill="#e8edf5">
      <text x="262" y="127">Merge by Distance, Degenerate</text>
      <text x="262" y="171">Assign Automatic from Bones</text>
      <text x="262" y="215">Limit Total 4, Normalize All</text>
      <text x="262" y="259">Normalize All, Auto Normalize</text>
      <text x="262" y="303">Mirror Vertex Group</text>
      <text x="262" y="347">Preserve Volume, tulang twist</text>
      <text x="262" y="391">Modifier Data Transfer</text>
    </g>
    <g font-size="10" fill="#9aa7b4">
      <text x="262" y="141">Dissolve, Delete Loose, Non Manifold</text>
      <text x="262" y="185">pada pilihan face, lalu Smooth, Clean</text>
      <text x="262" y="229">bobot terendah dibuang terlebih dahulu</text>
      <text x="262" y="273">Lock Active nonaktif, lalu lukis secara ternormalisasi</text>
      <text x="262" y="317">Mirror Weights, Flip Group Names</text>
      <text x="262" y="361">modifier untuk Blender, tulang untuk engine</text>
      <text x="262" y="405">Vertex Groups, Nearest Face Interpolated</text>
    </g>
    <g font-size="10" fill="#7dd3fc">
      <text x="478" y="127">Edit Mode, Mesh > Clean Up</text>
      <text x="478" y="141">Select > Select All by Trait</text>
      <text x="478" y="171">Weights > Assign Automatic from Bones</text>
      <text x="478" y="185">header: masking pilihan face aktif</text>
      <text x="478" y="215">Weights > Limit Total</text>
      <text x="478" y="229">Weights > Normalize All</text>
      <text x="478" y="259">Weights > Normalize All</text>
      <text x="478" y="273">Tool settings > Options > Auto Normalize</text>
      <text x="478" y="303">Weights > Mirror Vertex Group</text>
      <text x="478" y="317">Tool > Symmetry > Mirror Vertex Groups</text>
      <text x="478" y="347">Modifiers > Armature > Preserve Volume</text>
      <text x="478" y="361">atau tambahkan tulang twist ke armature</text>
      <text x="478" y="391">Modifiers > Add > Data Transfer</text>
      <text x="478" y="405">atau Weights > Transfer Weights</text>
    </g>
  </g>
</svg>
<figcaption>Tujuh masalah, alat untuk masing-masing masalah, dan lokasi yang perlu diklik. Baris pertama dan ketujuh dilakukan di luar Weight Paint Mode: pembersihan mesh dikerjakan dalam Edit Mode dan modifier Data Transfer berada pada objek pakaian.</figcaption>
</figure>
<h2>Lewati langkah ini</h2>
<p>Orang bersedia membayar agar tidak perlu melakukan semua ini. Dua produk membuktikannya dengan cara yang berbeda.</p>
<p><strong>Voxel Heat Diffuse Skinning</strong> dari Mesh Online adalah add-on yang dibeli pengguna Blender ketika bobot otomatis tidak berhasil. <a href="https://superhivemarket.com/products/voxel-heat-diffuse-skinning">Daftar produknya di Superhive</a> menampilkan lisensi Indie seharga $30, lebih dari 12.500 penjualan, dan dukungan untuk Blender 3.6 hingga 5.1 sebagai extension. Daftar tersebut langsung menyoroti masalah yang sama persis: &quot;Blender menampilkan pesan: 'bone heat weighting: failed to find solution for one or more bones'.&quot; Metodenya sesuai dengan namanya. Solver bawaan Blender menyebarkan panas di sepanjang permukaan, sehingga memerlukan permukaan yang bersih. Add-on ini mengubah karakter menjadi voxel berbentuk solid dan memungkinkan &quot;panas menyebar di dalam patung solid&quot;, sehingga karakter yang dibangun dari dua puluh lapisan yang saling tumpang tindih diproses sebagai satu tubuh. Pembuatnya menjelaskan komprominya secara jujur: metode permukaan bawaan &quot;dapat memberikan hasil yang jauh lebih baik pada area mendetail seperti jari tangan dan jari kaki&quot;, sehingga add-on ini menggabungkan kedua metode. Add-on ini memerlukan memori minimal 8 GB. Jika mesh Anda berantakan dan Anda tetap ingin menggunakan kerangka Blender sendiri, inilah produk yang tepat untuk dibeli.</p>
<p><strong>Add-on Cinevva Rig</strong> mengambil pendekatan lain: jangan perbaiki bobotnya dan jangan pula menempatkan tulangnya. Pilih sebuah mesh, tekan Rig, lalu alat ini akan menempatkan kerangka humanoid dengan penamaan Mixamo dan melakukan skinning dalam satu proses, dengan bobot yang sudah dibatasi, dinormalisasi, dan dibersihkan untuk engine. Alat ini berjalan secara offline di komputer Anda sendiri setelah satu kali mengunduh engine berukuran sekitar 2,4 GB, dengan harga peluncuran sekali bayar sebesar $29 tanpa biaya per rig, pada Blender 4.2 dan yang lebih baru untuk Windows, macOS, dan Linux. Alat ini juga menyertakan 260 klip animasi CC0 yang dapat di-retarget ke hasil rig di dalam Blender, serta preset ekspor Web, Unity, Unreal, dan Godot gratis yang mengatur Bone Influences, rest pose, sumbu, dan skala untuk Anda. Alat ini tidak menggantikan pelukisan bobot untuk kerangka kustom, ekor, atau rig wajah. Alat ini menggantikannya untuk karakter humanoid yang harus selesai masuk ke game pada hari Jumat. <a href="/blender-addon/">Halaman add-on Blender</a> memuat detail selengkapnya.</p>
<p>Untuk satu karakter tanpa membuka Blender, <a href="/id/tools/rigger">Auto Rigger</a> berbasis web menerima GLB, FBX, atau OBJ hingga 50 MB dan menghasilkan GLB yang sudah dipasangi rig. Karakter pertama gratis dan hasilnya sudah memiliki maksimal empat pengaruh dengan total bobot satu—keadaan yang baru dicapai panduan ini setelah sepertiga bagian tengahnya.</p>
<p>Rigify adalah opsi gratis yang disertakan bersama Blender, dan <a href="https://docs.blender.org/manual/en/latest/addons/rigging/rigify/basics.html">dokumentasinya</a> menetapkan ekspektasi dengan wajar: &quot;Biasanya deformasi armature dengan bobot otomatis langsung memberikan hasil yang sangat baik jika Anda menempatkan tulang dengan benar (dan tersedia cukup topologi untuk digunakan!).&quot; Bagian dalam tanda kurung itu merangkum seluruh isi artikel ini.</p>
<h2>Pertanyaan Umum</h2>
<h3>Mengapa weight paint Blender tidak bekerja?</h3>
<p>Biasanya penyebabnya salah satu dari tiga hal. Anda mengecat pada grup verteks yang salah, jadi lakukan <code>Alt-LMB</code> pada tulang dengan Bone Selection aktif, lalu periksa grup aktif di header. Armature tidak berada dalam Pose Mode, atau <code>Edit &gt; Lock Object Modes</code> dicentang. Atau masking pemilihan face aktif dan Anda mengecat di luar area yang dipilih. Overlay Zero Weights menunjukkan verteks mana yang memiliki bobot.</p>
<h3>Bagaimana cara memperbaiki &quot;Bone Heat Weighting: failed to find solution for one or more bones&quot;?</h3>
<p>Bersihkan mesh dalam Edit Mode: <code>Mesh &gt; Clean Up &gt; Merge by Distance</code>, <code>Degenerate Dissolve</code>, <code>Delete Loose</code>, lalu <code>Select &gt; Select All by Trait &gt; Non Manifold</code> dan perbaiki bagian yang disorot. Buat tinggi karakter sekitar 2 meter dengan transformasi yang sudah diterapkan, dan rig satu tubuh yang tersambung sebelum memasang pakaian. Jika masih gagal, add-on Voxel Heat Diffuse Skinning dapat melakukan skinning pada mesh yang tidak kedap tanpa menggunakan bone heat solver.</p>
<h3>Bagaimana cara mencerminkan weight paint di Blender?</h3>
<p>Gunakan <code>Weights &gt; Mirror Vertex Group</code> dengan Mirror Weights, Flip Group Names, dan All Groups dicentang, serta Topology Mirror jika mesh tidak simetris sempurna. Fitur ini memerlukan rest pose yang simetris pada sumbu X dan tulang yang diberi nama berpasangan seperti <code>hand.L</code> dan <code>hand.R</code>. Untuk mengecat kedua sisi sekaligus, centang Mirror Vertex Groups pada panel Symmetry di pengaturan alat.</p>
<h3>Bagaimana cara menormalisasi bobot di Blender?</h3>
<p><code>Weights &gt; Normalize All</code> membuat jumlah bobot setiap verteks menjadi 1 di semua grup yang tidak dikunci. Nonaktifkan Lock Active kecuali jika Anda ingin mempertahankan grup aktif. Kemudian aktifkan Auto Normalize pada Options alat agar goresan baru tetap mempertahankan jumlah bobot sebesar 1. <code>Weights &gt; Normalize</code> biasa berbeda: perintah ini hanya menskalakan grup aktif agar nilai maksimumnya menjadi 1.0.</p>
<h3>Bagaimana cara menghaluskan weight paint di Blender?</h3>
<p>Aktifkan masking pemilihan verteks, pilih verteks di sekitar sendi, lalu jalankan <code>Weights &gt; Smooth</code>. Factor mengatur sejauh mana setiap bobot bergerak menuju rata-rata bobot verteks di sekitarnya (0.5 adalah nilai awal yang baik), Iterations mengulangi proses, dan Expand/Contract memperluas atau memperkecil area yang terpengaruh. Setelah itu, jalankan <code>Weights &gt; Clean</code> dengan nilai Limit yang kecil, lalu <code>Normalize All</code>.</p>
<h3>Mengapa mesh saya mengalami deformasi yang salah di Blender saat tulang digerakkan?</h3>
<p>Penyebabnya bisa karena verteks yang salah termasuk dalam grup tulang tersebut (bobot merembes, yang dapat diperbaiki dengan <code>Weights &gt; Assign Automatic from Bones</code> pada face yang dipilih atau dengan menghapus bobot menggunakan kuas), transisi di sepanjang sendi terlalu tajam (<code>Weights &gt; Smooth</code>), atau posisi tulang di dalam mesh tidak tepat sehingga bobot otomatis sudah keliru sejak awal. Periksa juga Zero Weights: verteks yang tidak berada dalam grup mana pun akan tetap diam sementara semua bagian di sekitarnya bergerak.</p>
<h3>Apa perbedaan antara heat weighting dan voxel heat diffuse skinning?</h3>
<p>Bone heat weighting Blender menyebarkan pengaruh setiap tulang di sepanjang permukaan mesh, sehingga memerlukan permukaan yang bersih dan tersambung. Voxel heat diffuse skinning mengisi volume karakter dengan voxel dan menyebarkan pengaruh melalui bentuk padat tersebut, sehingga tidak mempermasalahkan apakah mesh kedap atau tersusun dari beberapa cangkang terpisah. Add-on Voxel Heat Diffuse Skinning (sekitar $30 di Superhive) menghadirkan metode tersebut ke Blender dan menggabungkan keduanya untuk detail halus seperti jari.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/automatic-rigging-explained">Cara Kerja Rigging Otomatis (dan Cara Menyiapkan Model untuknya)</a>: persiapan mesh yang mencegah sebagian besar masalah bobot sebelum terjadi</li>
<li><a href="/id/guides/how-to-rig-a-character-in-blender">Cara Melakukan Rigging Karakter di Blender</a>: panduan lengkap rigging yang dilengkapi oleh panduan ini</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Rigging Otomatis Gratis</a>: tempat mendapatkan klip CC0 untuk rig setelah deformasinya berfungsi dengan benar</li>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: tulang dan bobot dalam satu proses, secara lokal dan offline, dengan preset ekspor game</li>
<li><a href="/id/tools/rigger">Auto Rigger</a>: rig satu karakter di browser, karakter pertama gratis</li>
<li><a href="/id/tools/glb-viewer">Penampil GLB</a>: periksa skin hasil ekspor dan putar klip di luar Blender</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Memasang Rig Karakter di Blender (2026): Rigify, Armature Manual, dan Metode Sekali Klik]]></title>
            <link>https://app.cinevva.com/id/guides/how-to-rig-a-character-in-blender</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/how-to-rig-a-character-in-blender</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara memasang rig karakter di Blender: siapkan mesh, sesuaikan metarig Rigify dan buat rig, bangun armature IK manual, atau pasang rig otomatis dalam sekali klik.]]></description>
            <content:encoded><![CDATA[<h1>Cara Memasang Rig Karakter di Blender (2026): Rigify, Armature Manual, dan Metode Sekali Klik</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero"><img src="https://cdn.cinevva.com/guides/how-to-rig-a-character-in-blender-hero.jpg?v=1" alt="Viewport Blender dengan karakter bergaya dalam pose A dan metarig Rigify bercahaya yang telah disesuaikan di dalamnya" width="1216" height="640"></figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Untuk memasang rig karakter di Blender, Anda menempatkan kerangka (armature) di dalam mesh, mengikat mesh ke kerangka tersebut, lalu memeriksa apakah siku, lutut, pinggul, dan pergelangan tangan dapat menekuk tanpa membuat mesh robek. Untuk kebanyakan karakter humanoid, metode gratis tercepat adalah Rigify: tambahkan metarig Human dari <code>Add &gt; Armature</code>, pindahkan tulang-tulangnya agar sesuai dengan karakter, tekan Generate Rig, lalu parent mesh menggunakan <code>Ctrl-P &gt; With Automatic Weights</code>. Jika Anda tidak ingin menempatkan tulang sama sekali, auto-rigger di dalam Blender dapat menyelesaikan seluruh proses dalam sekali klik. Sementara itu, armature buatan tangan dengan constraint IK cocok jika Anda menginginkan kerangka kustom berukuran kecil dengan tulang yang benar-benar sesuai kebutuhan game Anda.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Untuk kebanyakan orang, gratis:</strong> Rigify, sudah disertakan bersama Blender. Sesuaikan metarig, gunakan Generate Rig, lalu terapkan automatic weights. Sisihkan waktu satu malam saat pertama kali mencobanya.</li>
<li><strong>Kerangka game terkecil atau bentuk nonmanusia:</strong> armature manual dengan IK. Sekitar 17 tulang untuk karakter bipedal, membutuhkan satu hingga tiga jam, dan Anda menamai sendiri setiap tulang.</li>
<li><strong>Tercepat:</strong> <a href="/blender-addon/">add-on Cinevva Rig</a>. Pilih mesh, tekan Rig, dan dapatkan armature yang sudah di-skin dengan penamaan Mixamo dalam waktu sekitar lima belas detik. Berjalan secara luring di komputer Anda sendiri dengan sekali pembelian seharga $29 (harga peluncuran), serta mendukung Blender 4.2 dan yang lebih baru di Windows, macOS, dan Linux.</li>
<li><strong>Opsi berbayar yang sudah mapan:</strong> Auto-Rig Pro, $50 untuk edisi Full atau $25 untuk Lite di Superhive, dengan penempatan tulang Smart untuk humanoid serta modul ekspor FBX dan glTF miliknya sendiri.</li>
<li><strong>Tanpa perlu menginstal apa pun:</strong> unggah GLB, FBX, atau OBJ ke <a href="/id/tools/rigger">Auto Rigger</a> web. Karakter pertama Anda dapat dipasangi rig secara gratis.</li>
<li><strong>Sebelum menggunakan metode mana pun:</strong> satu mesh, pose A atau pose T, origin di kaki, <code>Ctrl-A &gt; All Transforms</code>. Melewatkan langkah ini menyebabkan sebagian besar kegagalan rigging.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Metode</th>
<th>Waktu untuk rig pertama</th>
<th>Yang ditempatkan secara manual</th>
<th>Biaya</th>
<th>Hasil akhir</th>
</tr>
</thead>
<tbody>
<tr>
<td>Rigify</td>
<td>Satu malam, kurang dari satu jam setelah terbiasa</td>
<td>Setiap tulang metarig, lalu perbaikan weight</td>
<td>Gratis, disertakan bersama Blender</td>
<td>Rig kontrol lengkap dengan peralihan IK/FK, tulang <code>DEF-</code> untuk ekspor</td>
</tr>
<tr>
<td>Armature manual + IK</td>
<td>Satu hingga tiga jam</td>
<td>Setiap tulang, setiap constraint</td>
<td>Gratis</td>
<td>Tulang yang benar-benar Anda pilih, dengan penamaan Anda sendiri</td>
</tr>
<tr>
<td><a href="/blender-addon/">Add-on Cinevva Rig</a></td>
<td>Sekitar lima belas detik setelah mengunduh engine 2,4 GB satu kali</td>
<td>Tidak ada, Anda hanya memilih tampak depan dan bentuk tubuh</td>
<td>$29 sekali bayar, tanpa langganan</td>
<td>Armature yang sudah di-skin dengan penamaan Mixamo, 260 klip CC0, preset ekspor</td>
</tr>
<tr>
<td>Auto-Rig Pro</td>
<td>Beberapa menit untuk humanoid dengan Smart</td>
<td>Marker untuk dikonfirmasi, atau tulang referensi tanpa Smart</td>
<td>$50 Full, $25 Lite</td>
<td>Rig kontrol beserta ekspor FBX/glTF untuk Unity dan Unreal</td>
</tr>
<tr>
<td><a href="/id/tools/rigger">Auto Rigger</a> web</td>
<td>Kurang dari satu menit</td>
<td>Tidak ada</td>
<td>Karakter pertama gratis</td>
<td>GLB yang sudah dipasangi rig dengan klip yang telah di-bake</td>
</tr>
</tbody>
</table>
<h2>Siapkan mesh terlebih dahulu</h2>
<p>Setiap metode di bawah memerlukan input yang sama, dan sepuluh menit yang Anda gunakan di sini dapat menghemat satu jam weight painting nantinya. <a href="/id/guides/automatic-rigging-explained">Penjelasan rigging otomatis</a> kami membahas alasannya secara lebih mendalam.</p>
<ol>
<li><strong>Gabungkan menjadi satu objek.</strong> Pilih semua bagian tubuh lalu tekan <code>Ctrl-J</code>. Bagian terpisah untuk baju, celana, dan kulit boleh tetap menjadi satu objek. Yang bermasalah adalah topi, pedang, atau ransel yang mengambang: parent benda-benda tersebut ke tulang setelahnya, alih-alih melakukan skinning.</li>
<li><strong>Hapus armature yang sudah ada</strong> dan hapus modifier Armature lama serta vertex group dari mesh (Object Data Properties, Vertex Groups, menu panah kecil, Delete All Groups). Jika tidak, group lama yang menggunakan nama tulang akan ditimpa atau, lebih buruk lagi, dipertahankan sebagian.</li>
<li><strong>Rentangkan lengan.</strong> Gunakan pose A (lengan turun 30 hingga 45 derajat dari posisi horizontal) atau pose T. Lengan yang menggantung di sisi tubuh membuat tangan berdekatan dengan paha, sehingga setiap metode weighting akan membuat weight kaki merembes ke jari-jari.</li>
<li><strong>Atur skala.</strong> Dokumentasi Rigify sendiri menyatakan bahwa Rigify &quot;mengasumsikan 1 unit setara dengan 1 meter. Jadi, tinggi manusia sekitar 2 unit&quot;. Periksa Dimensions di panel N. Karakter yang terbaca setinggi 180 meter kemungkinan diimpor dari FBX dengan skala sentimeter, jadi perkecil ukurannya dalam Object Mode.</li>
<li><strong>Tempatkan origin di kaki</strong> dan letakkan kaki di lantai pada world origin: gunakan <code>Object &gt; Set Origin &gt; Origin to 3D Cursor</code> dengan kursor berada di titik nol dunia, lalu gerakkan mesh ke atas hingga telapak kaki berada pada Z=0.</li>
<li><strong>Hadapkan karakter ke arah -Y.</strong> Tampak depan Blender (<code>Numpad 1</code>) melihat sepanjang +Y, sehingga karakter yang orientasinya benar akan menghadap Anda dalam tampak depan.</li>
<li><strong>Terapkan transform:</strong> <code>Ctrl-A &gt; All Transforms</code>. <a href="https://docs.blender.org/manual/en/latest/scene_layout/object/editing/apply.html">Halaman Apply dalam manual</a> menyatakannya dengan jelas: &quot;Disarankan untuk menerapkan transform sebelum melakukan rigging dan animasi.&quot; Skala dan rotasi yang belum diterapkan adalah penyebab rig menjadi 100 kali terlalu besar atau berbaring telentang di dalam game engine.</li>
</ol>
<h2>Metode A: Rigify</h2>
<p>Rigify sudah disertakan di dalam Blender. Menurut Blender sendiri, Rigify &quot;membantu mengotomatiskan pembuatan rig karakter&quot; dari &quot;bagian-bagian rig yang lebih kecil (misalnya lengan, kaki, tulang belakang, jari-jari...)&quot;, dan setelah dibuat, &quot;rig tersebut tidak lagi memerlukan Rigify&quot;, sehingga Anda dapat menyerahkan file-nya kepada siapa saja (<a href="https://docs.blender.org/manual/en/latest/addons/rigify/introduction.html">pengantar Rigify</a>). Satu kalimat dari halaman yang sama memperjelas ekspektasi: &quot;Rigify hanya mengotomatiskan pembuatan kontrol dan tulang rig. Rigify tidak memasangkan rig ke mesh, jadi Anda tetap harus melakukan skinning dan sebagainya sendiri.&quot;</p>
<h3>Langkah 1: aktifkan Rigify</h3>
<p>Buka <code>Edit &gt; Preferences &gt; Add-ons</code>, cari &quot;Rigify&quot;, lalu centang kotaknya. Rigify sudah disertakan dalam add-on inti Blender, jadi tidak ada yang perlu diunduh.</p>
<h3>Langkah 2: tambahkan metarig</h3>
<p>Dalam Object Mode, pilih <code>Shift-A &gt; Armature</code>. Setelah Rigify diaktifkan, menu tersebut akan menampilkan metarig yang tercantum di <a href="https://docs.blender.org/manual/en/latest/addons/rigify/basics.html">halaman Basics</a>: &quot;Basic Human (tidak menyertakan wajah dan jari), Basic Quadruped, Human, Cat, Wolf, Horse, Shark&quot;. Untuk karakter game, pilih <strong>Basic Human</strong> kecuali Anda membutuhkan tulang jari. Jika demikian, pilih <strong>Human</strong> lalu hapus bagian wajahnya nanti. Rigify menyimpan semua yang diperlukan untuk membuat rig akhir di dalam armature yang lebih sederhana ini. Karena itulah metarig merupakan bagian yang Anda edit dan simpan.</p>
<h3>Langkah 3: sejajarkan tulang dengan mesh</h3>
<p>Langkah inilah yang paling memakan waktu sekaligus menentukan bagaimana rig akan mendeformasi mesh. Sebelum memulai, pilih metarig, buka Object Properties, Viewport Display, lalu atur Display As menjadi Wire dan centang In Front agar tulang tetap terlihat di dalam mesh. Dalam Edit Mode armature, aktifkan X-Axis Mirror (menu tarik turun Options pada header viewport, juga tersedia di tab Tool pada panel N), sehingga memindahkan sendi <code>.L</code> juga memindahkan pasangan <code>.R</code>-nya.</p>
<p>Kemudian sesuaikan setiap sendi satu per satu. <a href="https://docs.blender.org/manual/en/latest/addons/rigify/bone_positioning.html">Panduan Penempatan Tulang</a> dalam manual dan kiat penyelarasan di halaman Basics merupakan sumber untuk setiap petunjuk di sini.</p>
<p><strong>Pinggul dan tulang belakang.</strong> Tulang pinggul berada di tengah panggul. Pertahankan tulang belakang &quot;sedekat mungkin dengan pusat di dalam volume pembatas mesh, dengan sedikit pergeseran ke arah belakang&quot;. Buat tulang tersebut &quot;selurus mungkin dalam tampak depan&quot;. Rangkaiannya terdiri dari tulang belakang, dada, leher, dan kepala: halaman Basics menyebutkan bahwa &quot;tulang terakhir pada tulang belakang adalah kepala. Secara default, dua tulang berikutnya (dari atas ke bawah) dianggap sebagai tulang leher&quot;.</p>
<p><strong>Bahu.</strong> Tulang bahu merupakan &quot;deformer umum&quot;, jadi jangan mendorongnya ke depan hingga berada di tulang selangka karena hal tersebut &quot;dapat menyebabkan deformasi yang tidak diinginkan&quot;.</p>
<p><strong>Lengan.</strong> Pertama, buat &quot;garis lurus dari bahu ke tangan, baik dalam tampak depan maupun tampak atas&quot;, lalu tambahkan sedikit tekukan pada siku. Tekukan ini lebih penting daripada yang terlihat: &quot;Berikan sedikit sudut tekukan pada lutut dan siku (Rigify perlu mengetahui ke arah mana lutut/siku Anda menghadap).&quot; Siku mengarah ke belakang. Sejak Rigify 0.5, tekukan tersebut juga mengatur bone roll secara otomatis karena &quot;fungsi generate akan menanganinya dengan mengevaluasi sumbu tekukan&quot;.</p>
<p><strong>Kaki.</strong> Prinsipnya sama: buat garis lurus dari pinggul ke pergelangan kaki dalam tampak depan, lalu tambahkan sedikit tekukan ke depan pada lutut dalam tampak samping. Tempatkan tulang kaki dan jari kaki pada kaki sebenarnya, lalu atur tulang tumit dalam tampak depan agar memenuhi &quot;ukuran kaki dari sisi ke sisi&quot;. Setelah itu, dalam tampak samping, tempatkan tulang tersebut &quot;pada titik tempat tumit tepat menyentuh permukaan lantai&quot;. Jenis rig kaki memerlukan &quot;rantai empat tulang yang saling terhubung (paha, tulang kering, kaki, jari kaki), dengan satu child kaki yang tidak terhubung untuk digunakan sebagai pivot tumit&quot; (<a href="https://docs.blender.org/manual/en/latest/addons/rigify/rig_types/limbs.html">jenis rig Limbs</a>), jadi jangan hapus tulang tumit kecil yang tampak aneh tersebut.</p>
<p><strong>Jari-jari.</strong> Tempatkan tulang pada setiap ruas jari. Trik dari manual: dalam Edit Mode mesh, pilih edge loop di sekeliling ruas jari, gunakan <code>Shift-S &gt; Cursor to Selected</code>, lalu dalam Edit Mode armature pilih sendi tulang dan gunakan <code>Shift-S &gt; Selection to Cursor</code>. Setelah semua jari ditempatkan, pilih setiap tulang jari dan jalankan <code>Armature &gt; Bone Roll &gt; Recalculate Roll &gt; Global -Z Axis</code>. Ibu jari &quot;mungkin memerlukan lebih banyak penyesuaian&quot;, dengan <code>Global +Y Axis</code> sebagai titik awal yang disarankan. Pertahankan kepala tulang telapak tangan &quot;dengan sedikit jarak antara satu sama lain&quot; karena Rigify menggunakan celah tersebut untuk membuat kontrol telapak tangan.</p>
<p><strong>Wajah.</strong> Kecuali Anda akan menganimasikan ekspresi menggunakan tulang, hapus bagian ini. Tampilkan hanya koleksi tulang Face, pilih semuanya, lalu hapus dalam Edit Mode. Karakter game biasanya menggunakan shape key atau rig wajah terpisah. Manual itu sendiri juga menyatakan bahwa tulang wajah &quot;nyaris tidak berguna jika Anda berencana membuat animasi wajah melalui shape key&quot;.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 470" role="img" aria-label="Metarig Rigify yang digambar di atas karakter berpose A dengan tujuh titik penyelarasan bernomor: pinggul berada di tengah panggul dan sedikit ke belakang, tulang belakang lurus pada tampak depan dengan tulang terakhir sebagai kepala, tulang bahu tetap di belakang dan tidak menempel pada tulang selangka, siku berada dalam garis lurus dari bahu ke tangan dengan sedikit tekukan ke belakang, lutut sedikit menekuk ke depan, tulang tumit membentang sepanjang kaki di lantai, dan buku-buku jari di-snap ke edge loop dengan roll dihitung ulang ke Global -Z">
  <rect width="720" height="470" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Posisi tulang metarig</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Tampak depan. Metarig Rigify Human di atas karakter berpose A, 1 unit = 1 m.</text>
    <g fill="#121a31" stroke="#2a3655" stroke-width="1.5">
      <circle cx="230" cy="100" r="26"/>
      <rect x="190" y="130" width="80" height="130" rx="18"/>
      <path d="M198 142 L128 220 L92 296" stroke="#2a3655" stroke-width="30" stroke-linecap="round" fill="none"/>
      <path d="M262 142 L332 220 L368 296" stroke="#2a3655" stroke-width="30" stroke-linecap="round" fill="none"/>
      <path d="M198 142 L128 220 L92 296" stroke="#121a31" stroke-width="27" stroke-linecap="round" fill="none"/>
      <path d="M262 142 L332 220 L368 296" stroke="#121a31" stroke-width="27" stroke-linecap="round" fill="none"/>
      <path d="M212 262 L208 348 L206 428" stroke="#2a3655" stroke-width="34" stroke-linecap="round" fill="none"/>
      <path d="M248 262 L252 348 L254 428" stroke="#2a3655" stroke-width="34" stroke-linecap="round" fill="none"/>
      <path d="M212 262 L208 348 L206 428" stroke="#121a31" stroke-width="31" stroke-linecap="round" fill="none"/>
      <path d="M248 262 L252 348 L254 428" stroke="#121a31" stroke-width="31" stroke-linecap="round" fill="none"/>
    </g>
    <line x1="150" y1="446" x2="320" y2="446" stroke="#2a3655" stroke-width="2" stroke-dasharray="4 4"/>
    <g stroke="#c8a8ff" stroke-width="3" stroke-linecap="round" fill="none">
      <path d="M230 258 L230 228 L230 200 L230 166 L230 140 L230 128 L230 84"/>
      <path d="M230 160 L198 142 L128 216 L92 292"/>
      <path d="M230 160 L262 142 L332 216 L368 292"/>
      <path d="M214 258 L208 344 L206 424 L190 436"/>
      <path d="M246 258 L252 344 L254 424 L270 436"/>
      <path d="M188 436 L226 436" stroke="#fbbf24"/>
      <path d="M232 436 L270 436" stroke="#fbbf24"/>
    </g>
    <g fill="#7dd3fc" stroke="#0b1020" stroke-width="2">
      <circle cx="230" cy="258" r="6"/>
      <circle cx="230" cy="228" r="4"/>
      <circle cx="230" cy="200" r="4"/>
      <circle cx="230" cy="166" r="4"/>
      <circle cx="230" cy="140" r="4"/>
      <circle cx="230" cy="128" r="4"/>
      <circle cx="230" cy="84" r="4"/>
      <circle cx="198" cy="142" r="4"/>
      <circle cx="262" cy="142" r="4"/>
      <circle cx="128" cy="216" r="5"/>
      <circle cx="332" cy="216" r="5"/>
      <circle cx="92" cy="292" r="4"/>
      <circle cx="368" cy="292" r="4"/>
      <circle cx="208" cy="344" r="5"/>
      <circle cx="252" cy="344" r="5"/>
      <circle cx="206" cy="424" r="4"/>
      <circle cx="254" cy="424" r="4"/>
    </g>
    <g stroke="#3a4a6e" stroke-width="1" stroke-dasharray="3 3">
      <line x1="236" y1="258" x2="420" y2="258"/>
      <line x1="236" y1="200" x2="420" y2="200"/>
      <line x1="266" y1="140" x2="420" y2="140"/>
      <line x1="338" y1="216" x2="420" y2="216"/>
      <line x1="258" y1="344" x2="420" y2="344"/>
      <line x1="272" y1="436" x2="420" y2="436"/>
      <line x1="372" y1="292" x2="420" y2="292"/>
    </g>
    <g font-size="12" fill="#e8edf5">
      <g><circle cx="432" cy="140" r="9" fill="#6ee7b7"/><text x="432" y="144" font-size="11" font-weight="800" fill="#0b1020" text-anchor="middle">1</text>
        <text x="448" y="137" font-weight="700">Bahu</text><text x="448" y="152" fill="#9aa7b4">jaga di belakang, bukan di selangka</text></g>
      <g><circle cx="432" cy="200" r="9" fill="#7dd3fc"/><text x="432" y="204" font-size="11" font-weight="800" fill="#0b1020" text-anchor="middle">2</text>
        <text x="448" y="197" font-weight="700">Tulang belakang</text><text x="448" y="212" fill="#9aa7b4">lurus dari depan, di tengah, sedikit ke belakang</text></g>
      <g><circle cx="432" cy="216" r="0"/><circle cx="432" cy="236" r="9" fill="#c8a8ff"/><text x="432" y="240" font-size="11" font-weight="800" fill="#0b1020" text-anchor="middle">3</text>
        <text x="448" y="233" font-weight="700">Siku</text><text x="448" y="248" fill="#9aa7b4">bahu ke tangan, sedikit menekuk ke belakang</text></g>
      <g><circle cx="432" cy="258" r="0"/><circle cx="432" cy="272" r="9" fill="#f0abfc"/><text x="432" y="276" font-size="11" font-weight="800" fill="#0b1020" text-anchor="middle">4</text>
        <text x="448" y="269" font-weight="700">Pinggul</text><text x="448" y="284" fill="#9aa7b4">pusat panggul, akar rantai tulang belakang</text></g>
      <g><circle cx="432" cy="304" r="9" fill="#fb7185"/><text x="432" y="308" font-size="11" font-weight="800" fill="#0b1020" text-anchor="middle">5</text>
        <text x="448" y="301" font-weight="700">Jari</text><text x="448" y="316" fill="#9aa7b4">buku jari di-snap ke edge loop, roll Global -Z</text></g>
      <g><circle cx="432" cy="344" r="9" fill="#6ee7b7"/><text x="432" y="348" font-size="11" font-weight="800" fill="#0b1020" text-anchor="middle">6</text>
        <text x="448" y="341" font-weight="700">Lutut</text><text x="448" y="356" fill="#9aa7b4">pinggul ke pergelangan, sedikit menekuk ke depan</text></g>
      <g><circle cx="432" cy="436" r="9" fill="#fbbf24"/><text x="432" y="440" font-size="11" font-weight="800" fill="#0b1020" text-anchor="middle">7</text>
        <text x="448" y="433" font-weight="700">Tulang tumit</text><text x="448" y="448" fill="#9aa7b4">melintang di kaki, menyentuh lantai</text></g>
    </g>
    <text textLength="266" lengthAdjust="spacingAndGlyphs" x="448" y="392" font-size="12" fill="#9aa7b4">Kepala = tulang belakang terakhir; dua di bawah = leher.</text>
    <text x="448" y="408" font-size="12" fill="#9aa7b4">X-Axis Mirror aktif, armature sebagai Wire, In Front.</text>
  </g>
</svg>
<figcaption>Tujuh penempatan yang menentukan cara rig Rigify mendeformasi karakter. Sedikit tekukan pada siku dan lutut bukan sekadar kosmetik: Rigify membaca arah tekukan untuk mengorientasikan rantai IK dan mengatur bone roll.</figcaption>
</figure>
<h3>Langkah 4: Buat rig</h3>
<p>Kembali ke Object Mode dengan metarig dipilih, buka tab Armature di Properties, gulir ke bagian paling bawah, lalu klik <strong>Generate Rig</strong>. Menurut manual, proses pembuatan memerlukan waktu &quot;beberapa detik hingga satu menit&quot;. Armature baru bernama <code>rig</code> akan muncul dengan bentuk kontrol berwarna. Jangan hapus metarig. Rigify &quot;dirancang dengan asumsi alur kerja yang mempertahankan ketersediaan meta-rig&quot;, jadi jika lutut menekuk ke arah yang salah, Anda dapat memindahkan tulang metarig lalu menekan Generate Rig lagi, dan Rigify akan menimpa rig yang ada &quot;sambil mempertahankan semua modifier dan constraint Anda&quot;. Agar penimpaan tersebut berfungsi, &quot;rig dan meta-rig harus sama-sama terlihat sebelum membuatnya lagi&quot;.</p>
<h3>Langkah 5: Kaitkan mesh</h3>
<p>Pilih mesh, lalu <code>Shift</code>-klik <code>rig</code> yang telah dibuat agar armature menjadi objek aktif, kemudian pilih <code>Ctrl-P &gt; With Automatic Weights</code>. Halaman <a href="https://docs.blender.org/manual/en/latest/animation/armatures/skinning/parenting.html">Armature Deform Parent</a> Blender menjelaskan proses yang terjadi: fitur ini &quot;menghitung seberapa besar pengaruh tulang tertentu terhadap vertex berdasarkan jarak vertex tersebut dari tulang tertentu (algoritma &quot;bone heat&quot;)&quot;. Hanya tulang dengan opsi Deform yang dicentang yang mendapatkan vertex group, dan pada rig Rigify tulang tersebut berada dalam koleksi tulang <code>DEF</code>.</p>
<p>Penilaian Rigify sendiri mengenai langkah ini cukup meyakinkan: &quot;Biasanya armature deform dengan automatic weights langsung memberikan hasil yang sangat baik jika Anda menempatkan tulang dengan benar (dan tersedia cukup topologi untuk digunakan!)&quot;. Bagian dalam tanda kurung itulah persoalannya. Lutut dengan satu edge loop tidak akan dapat membentuk lipatan, sebaik apa pun weight-nya. Berikan tiga loop pada sendi.</p>
<h3>Langkah 6: Pahami hasilnya</h3>
<p>Rigify membuat tiga jenis tulang yang diberi nama berdasarkan prefiks dalam <a href="https://projects.blender.org/blender/blender/src/branch/main/scripts/addons_core/rigify/utils/naming.py">kode sumbernya</a>: <code>ORG-</code> untuk tulang asli yang disalin dari metarig, <code>MCH-</code> untuk tulang mekanisme, dan <code>DEF-</code> untuk tulang deformasi. Di atasnya terdapat tulang kontrol tanpa prefiks: kontrol utama anggota gerak berbentuk roda gigi, kontrol IK merah dan FK hijau, serta bola tweak biru. Pilih kontrol apa pun, lalu tab Item pada panel N akan menampilkan panel Rig Main Properties dengan slider IK-FK yang memadukan &quot;antara IK penuh pada 0 dan FK penuh pada 1&quot;, IK Stretch, tombol Toggle Pole, dan pengalihan parent (<a href="https://docs.blender.org/manual/en/latest/addons/rigify/rig_features.html">Fitur Rig yang Dihasilkan</a>).</p>
<p>Game engine tidak memerlukan semua itu. Game engine hanya membutuhkan tulang <code>DEF-</code> beserta weight-nya, tanpa yang lain, karena constraint dan driver tidak akan bertahan saat diekspor, sedangkan tulang kontrol hanya akan menambahkan ratusan transformasi yang tidak berguna. Eksportir glTF Blender memiliki kotak centang khusus untuk kebutuhan ini di bagian Data, Armature: &quot;Export Deformation Bones only: Hanya ekspor tulang deformasi, bukan tulang lainnya. Animasi untuk tulang deformasi akan di-bake&quot; (<a href="https://docs.blender.org/manual/en/latest/addons/scene_gltf2.html">eksportir glTF 2.0</a>). Panel Armature pada eksportir FBX memiliki opsi Only Deform Bones dan Add Leaf Bones (nonaktifkan opsi kedua) (<a href="https://docs.blender.org/manual/en/latest/files/import_export/fbx_legacy.html">eksportir FBX</a>).</p>
<p>Ada dua hal yang perlu diketahui sebelum Anda merencanakan ekspor game menggunakan Rigify. Pertama, Rigify membagi setiap anggota gerak menjadi &quot;beberapa segmen tulang deformasi dengan tweak&quot;, sehingga akan ada lebih banyak tulang deformasi per anggota gerak dibandingkan skeleton buatan tangan, dan namanya berupa <code>DEF-upper_arm.L</code>, <code>DEF-upper_arm.L.001</code>, dan seterusnya, bukan <code>mixamorig:LeftArm</code>. Avatar Humanoid Unity membutuhkan &quot;setidaknya 15 tulang yang tersusun dengan cara yang secara umum menyerupai skeleton manusia asli&quot; (<a href="https://docs.unity3d.com/Manual/ConfiguringtheAvatar.html">manual Unity</a>), dan Anda harus memetakannya secara manual dalam konfigurasi Avatar. Kedua, hierarki deformasi yang diekspor bukan struktur pohon sederhana dari pinggul hingga jari seperti yang diharapkan alat retargeting, jadi sebaiknya rencanakan untuk membuat animasi di Blender lalu melakukan bake, alih-alih memasang klip Mixamo pada skeleton yang diekspor.</p>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/RdTuAY23vzk" title="Rigging Mudah Menggunakan RIGIFY di Blender" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">Grant Abbitt mendemonstrasikan seluruh alur kerja Rigify dari awal hingga akhir: metarig, penyelarasan, Generate Rig, automatic weights, lalu pengujian dan perbaikan. Durasinya lima belas menit dan layak ditonton sekali sebelum percobaan pertama Anda.</div>
<h2>Jalur B: armature manual dengan IK</h2>
<p>Buat armature sendiri ketika Rigify memberikan lebih dari yang Anda butuhkan: karakter web low-poly yang harus dikirim dengan 17 tulang dan ukuran berkas 300 KB, makhluk dengan struktur tubuh yang tidak didukung metarig mana pun, mech dengan bagian-bagian kaku, atau skeleton yang nama tulangnya harus sama persis dengan set animasi yang sudah ada. Anda menukar kemudahan kontrol Rigify dengan pemahaman penuh atas setiap tulang.</p>
<h3>Biped minimal</h3>
<table>
<thead>
<tr>
<th>Rantai</th>
<th>Tulang</th>
<th>Catatan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tulang belakang</td>
<td><code>hips</code>, <code>spine</code>, <code>chest</code>, <code>neck</code>, <code>head</code></td>
<td><code>hips</code> adalah root dan satu-satunya tulang tanpa parent</td>
</tr>
<tr>
<td>Lengan (×2)</td>
<td><code>shoulder.L</code>, <code>upper_arm.L</code>, <code>forearm.L</code>, <code>hand.L</code></td>
<td><code>shoulder</code> dapat dihilangkan pada karakter dengan jumlah poligon sangat rendah</td>
</tr>
<tr>
<td>Kaki (×2)</td>
<td><code>thigh.L</code>, <code>shin.L</code>, <code>foot.L</code></td>
<td>tambahkan <code>toe.L</code> jika telapak kaki perlu ditekuk</td>
</tr>
<tr>
<td>Nondeformasi</td>
<td><code>foot_ik.L</code>, <code>knee_pole.L</code>, <code>hand_ik.L</code>, <code>elbow_pole.L</code></td>
<td>Deform tidak dicentang; ini adalah target, bukan tulang skin</td>
</tr>
</tbody>
</table>
<p>Jumlahnya 17 tulang deformasi jika menggunakan bahu dan 15 tanpa bahu, tepat sama dengan persyaratan minimum Humanoid Unity. Gunakan sufiks <code>.L</code> pada semua tulang di sisi kiri karakter. <a href="https://docs.blender.org/manual/en/latest/animation/armatures/bones/editing/naming.html">Konvensi penamaan</a> Blender menerima <code>.L</code>/<code>.R</code>, <code>_L</code>/<code>_R</code>, dan beberapa format lainnya; sufiks tersebut memungkinkan alat mirroring bekerja.</p>
<h3>Membuatnya</h3>
<ol>
<li><code>Shift-A &gt; Armature</code> dalam Object Mode dengan kursor 3D berada di titik asal dunia. Ubah nama objek dan data armature menjadi misalnya <code>Armature_Hero</code>. Atur Viewport Display ke In Front.</li>
<li>Tekan <code>Tab</code> untuk masuk ke Edit Mode. Pindahkan kepala tulang tunggal ke tengah panggul dan ekornya ke atas menuju perut: ini adalah <code>hips</code>. Pilih ekornya lalu tekan <code>E</code> untuk mengekstrusi <code>spine</code>, <code>chest</code>, <code>neck</code>, <code>head</code> ke atas sepanjang torso. Ekor setiap tulang menjadi sendi berikutnya.</li>
<li>Pilih ekor <code>chest</code>, ekstrusikan <code>shoulder.L</code> ke sendi bahu, lalu <code>upper_arm.L</code> ke siku, <code>forearm.L</code> ke pergelangan tangan, dan <code>hand.L</code> ke buku-buku jari. Untuk kaki, gunakan <code>Shift-A</code> guna menambahkan tulang baru pada sendi pinggul, beri nama <code>thigh.L</code>, atur Parent-nya ke <code>hips</code> di Bone Properties dengan Connected dinonaktifkan, lalu ekstrusikan <code>shin.L</code> ke pergelangan kaki dan <code>foot.L</code> ke jari-jari kaki. Beri siku sedikit tekukan ke belakang dan lutut sedikit tekukan ke depan, dengan alasan yang sama seperti yang dibutuhkan Rigify.</li>
<li>Tambahkan tulang yang tidak mendeformasi. <code>Shift-A</code> menambahkan tulang pada posisi kursor. Tempatkan <code>foot_ik.L</code> di pergelangan kaki dan <code>hand_ik.L</code> di pergelangan tangan sebagai tulang tanpa induk. Tempatkan <code>knee_pole.L</code> sekitar setengah meter di depan lutut dan <code>elbow_pole.L</code> sekitar setengah meter di belakang siku. Untuk masing-masing tulang, buka Bone Properties lalu hapus centang pada kotak <strong>Deform</strong>. Manual mencatat bahwa tindakan ini &quot;juga mengecualikan tulang aktif dari penghitungan bobot otomatis&quot; (<a href="https://docs.blender.org/manual/en/latest/animation/armatures/bones/properties/deform.html">panel Deform</a>), sehingga tulang-tulang ini tidak akan mengambil pengaruh skin.</li>
<li>Perbaiki roll. Pilih semua tulang, tekan <code>Shift-N</code> (<code>Armature &gt; Bone Roll &gt; Recalculate Roll</code>, lihat <a href="https://docs.blender.org/manual/en/latest/animation/armatures/bones/editing/bone_roll.html">halaman Bone Roll</a>), lalu pilih satu sumbu Global untuk seluruh rantai. Setelah itu, aktifkan overlay Axes di Armature Properties, Viewport Display, dan pastikan sumbu X lokal mengarah ke arah yang sama di sepanjang setiap tulang anggota gerak. Anggota gerak dengan roll tulang yang tidak konsisten akan terpuntir saat IK diselesaikan.</li>
<li>Cerminkan. Pilih setiap tulang <code>.L</code> lalu jalankan <code>Armature &gt; Symmetrize</code>. Blender &quot;mencerminkan tulang yang dipilih sepanjang sumbu X menggunakan konvensi penamaan tulang Blender&quot;, sehingga menghasilkan sisi <code>.R</code> dengan constraint dan penetapan collection yang ikut dicerminkan (<a href="https://docs.blender.org/manual/en/latest/animation/armatures/bones/editing/symmetrize.html">Symmetrize</a>). Lakukan ini setelah langkah 7 jika Anda juga ingin mencerminkan constraint IK.</li>
</ol>
<h3>Menambahkan IK</h3>
<p><a href="https://docs.blender.org/manual/en/latest/animation/armatures/posing/bone_constraints/inverse_kinematics/introduction.html">Pengantar IK</a> Blender menjelaskan manfaatnya: IK memungkinkan Anda &quot;memosisikan tulang terakhir dalam sebuah rantai tulang, sementara tulang-tulang lainnya diposisikan secara otomatis. Ini mirip dengan bagaimana menggerakkan jari seseorang akan membuat lengannya ikut bergerak.&quot;</p>
<ol>
<li>Tekan <code>Ctrl-Tab</code> untuk masuk ke Pose Mode. Klik <code>foot_ik.L</code>, lalu <code>Shift</code>-klik <code>shin.L</code> agar tulang kering menjadi aktif.</li>
<li>Tekan <code>Shift-I</code> lalu pilih <strong>Target Selected Bone</strong> (<a href="https://docs.blender.org/manual/en/latest/animation/armatures/posing/editing/inverse_kinematics.html">Menambahkan IK ke Tulang</a>). Tulang kering berubah menjadi kuning: kini tulang tersebut memiliki constraint Inverse Kinematics yang menargetkan kontrol kaki.</li>
<li>Di Bone Constraint Properties, atur <strong>Chain Length</strong> ke 2. <a href="https://docs.blender.org/manual/en/latest/animation/constraints/tracking/ik_solver.html">Halaman constraint</a> menjelaskan hitungannya: &quot;nilai 2 akan memutar tulang dan induknya&quot;, sehingga rantai mencakup tulang kering dan paha serta berhenti sebelum pinggul. Membiarkannya pada 0 &quot;akan menyertakan semua leluhur tulang (hingga ke root)&quot;, yang akan menarik seluruh tulang belakang saat Anda menggerakkan kaki.</li>
<li>Atur <strong>Pole Target</strong> ke armature dan <strong>Bone</strong> ke <code>knee_pole.L</code>. Pole &quot;menentukan roll rantai IK, atau dengan kata lain, posisi siku&quot;, atau dalam kasus ini, lutut. Kaki kemungkinan akan langsung berpindah menyamping: sesuaikan <strong>Pole Angle</strong> hingga lutut mengarah ke pole, yang biasanya berada pada -90 atau 90 derajat.</li>
<li>Ulangi untuk lengan: gunakan <code>hand_ik.L</code> sebagai target pada <code>forearm.L</code>, Chain Length 2, dan <code>elbow_pole.L</code> sebagai pole.</li>
<li>Berikan constraint Copy Rotation pada <code>foot.L</code> yang menargetkan <code>foot_ik.L</code> agar kaki ikut miring bersama kontrol, atau cukup buat keyframe pada kaki secara langsung.</li>
<li>Kunci bagian yang tidak semestinya menekuk. Di Bone Properties, Inverse Kinematics, centang <strong>Lock</strong> pada dua sumbu tulang kering yang tidak digunakan lutut untuk berputar, sehingga hanya sumbu engsel yang bebas. Perhatikan peringatan dalam manual bahwa &quot;jika Pole Target digunakan, penguncian IK tidak akan berfungsi pada tulang root&quot; dalam rantai.</li>
</ol>
<p>Kemudian lakukan bind persis seperti di Rigify: pilih mesh, <code>Shift</code>-klik armature, lalu <code>Ctrl-P &gt; With Automatic Weights</code>. Karena Deform dinonaktifkan pada tulang IK dan pole, keduanya tidak mendapatkan vertex group.</p>
<h2>Rute C: rigging otomatis di dalam Blender</h2>
<p>Rigging otomatis berarti perangkat lunak menemukan sendi dan menghitung bobot, sementara Anda memeriksa hasilnya alih-alih membangunnya sendiri. Tiga opsi cocok untuk pipeline Blender.</p>
<p><strong><a href="/blender-addon/">Add-on Cinevva Rig</a>.</strong> Instal sebagai ekstensi Blender standar (Blender 4.2 atau lebih baru, Windows, macOS, Linux). Pilih mesh, tentukan bagian depan karakter dari empat tampilan hasil render, pilih rancangan tubuh, lalu tekan <strong>Rig</strong>. Sekitar lima belas detik kemudian, karakter memiliki armature humanoid yang sudah di-skin dengan penamaan Mixamo dan sudah memainkan animasi Idle. Rigging berjalan secara offline di komputer Anda sendiri setelah satu kali mengunduh engine berukuran sekitar 2,4 GB, tanpa biaya per rig dan tanpa batas jumlah, yang dibuka dengan satu kunci seharga $29 (harga peluncuran) untuk mengaktifkan hingga tiga komputer. Panel menjelaskan hasil yang dibuatnya dengan bahasa sederhana, termasuk jumlah jari yang ditemukan. Dua komponen lainnya tersedia gratis dalam unduhan, tanpa memerlukan kunci atau akun: 260 klip animasi CC0 (berjalan, berlari, idle, bertarung, memanjat, merangkak, emote) yang dapat di-retarget ke karakter hasil rigging dari browser yang tertambat di viewport Blender, serta kartu Export yang menunjukkan ke mana byte dalam file akan dikirim, lalu menerapkan konvensi Web, Unity, Unreal, atau Godot dengan satu klik. Dibandingkan ekspor GLB Blender biasa, preset tersebut menghasilkan file yang 68%, 89%, 92%, dan 98% lebih kecil pada empat model nyata. Rigging online juga tersedia dan ditagih menggunakan kredit Cinevva, untuk komputer yang tidak seharusnya menyimpan unduhan engine.</p>
<p><strong>Auto-Rig Pro.</strong> Pemimpin kategori di Superhive, tercantum dengan lebih dari 65.000 penjualan, seharga $50 untuk edisi Full atau $25 untuk Lite, serta mendukung Blender 2.93 hingga 5.1 (<a href="https://superhivemarket.com/products/auto-rig-pro">halaman Superhive</a>). Alat Smart-nya &quot;hanya berfungsi untuk karakter bipedal, dan model harus berada dalam T-Pose atau A-Pose. Alat ini mendeteksi posisi telapak kaki, tungkai, tulang belakang, lengan, jari, dan secara opsional tulang wajah&quot; (<a href="https://www.lucky3d.fr/auto-rig-pro/doc/faq.html">FAQ Auto-Rig Pro</a>). Karakter nonhumanoid di-rig dengan menempatkan tulang referensi sendiri, menggunakan preset Human, Dog, Horse, dan Bird. Edisi Full menambahkan retargeter Remap dan modul ekspor FBX/glTF dengan pengaturan khusus untuk Unity, Unreal, dan Godot. Jika Anda melakukan rigging karakter setiap minggu dan membutuhkan control rig produksi dengan bendy bones serta picker, harganya sepadan. Namun, paket ini tidak menyertakan pustaka animasi.</p>
<p><strong><a href="/id/tools/rigger">Auto Rigger</a> berbasis web.</strong> Tidak perlu instalasi. Unggah GLB, FBX, atau OBJ hingga 50 MB, lalu dapatkan kembali GLB yang sudah di-rig dengan klip yang telah di-bake. Karakter hasil rigging pertama Anda dapat diunduh gratis, sehingga ini merupakan cara yang tepat untuk memeriksa kelayakan mesh sebelum menghabiskan satu malam mengerjakannya dengan Rigify.</p>
<p>Untuk rute Mixamo, ketahui statusnya pada 2026. <a href="https://helpx.adobe.com/creative-cloud/faq/mixamo-faq.html">FAQ Mixamo</a> dari Adobe menyatakan bahwa &quot;auto-rigger dan pustaka animasi hanya ditujukan untuk humanoid bipedal&quot;, sementara <a href="https://www.adobe.com/products/substance3d/plugins/mixamo-in-blender.html">add-on Mixamo Blender</a> resmi, yang membuat control rig IK pada skeleton Mixamo, ditawarkan dalam versi untuk Blender 3.6. <a href="https://extensions.blender.org/add-ons/mixamo-rig/">Ekstensi komunitas &quot;Mixamo Rig&quot;</a> di <a href="http://extensions.blender.org">extensions.blender.org</a> menyebut dirinya sebagai &quot;peningkatan pihak ketiga untuk add-on resmi karena add-on tersebut tidak lagi didukung&quot;, mengarahkan pengguna ke versi Adobe untuk Blender 3.6, serta mencantumkan kompatibilitas dengan Blender 4.2 LTS melalui rilis 1.2.2 pada April 2026.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 420" role="img" aria-label="Perbandingan tiga rute menuju karakter yang sudah di-rig berdasarkan waktu, apa yang ditempatkan secara manual, biaya, hasil yang diperoleh, dan ekspor game. Rigify: satu malam untuk pertama kali, setiap tulang metarig ditempatkan secara manual, gratis dan disertakan, control rig lengkap dengan tulang DEF, hanya mengekspor tulang deform. Armature manual dengan IK: satu hingga tiga jam, setiap tulang dan constraint dibuat secara manual, gratis, persis tulang yang Anda pilih, hierarki bersih dengan penamaan Anda sendiri. Add-on Cinevva Rig: sekitar lima belas detik per rig setelah satu kali mengunduh 2,4 GB, tidak ada yang ditempatkan secara manual, 29 dolar sekali bayar dan offline, armature dengan skin dan penamaan Mixamo beserta 260 klip CC0, preset Web Unity Unreal dan Godot. Catatan kaki: Auto-Rig Pro seharga 50 dolar untuk Full atau 25 dolar untuk Lite di Superhive, dengan penempatan Smart untuk humanoid serta modul ekspor FBX dan glTF.">
  <rect width="720" height="420" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Tiga rute menuju karakter yang sudah di-rig</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Biaya waktu, pekerjaan manual, dan uang untuk tiap opsi, serta hasil yang diperoleh.</text>
    <g fill="#121a31" stroke="#2a3655" stroke-width="1">
      <rect x="24" y="76" width="216" height="296" rx="12"/>
      <rect x="252" y="76" width="216" height="296" rx="12"/>
      <rect x="480" y="76" width="216" height="296" rx="12"/>
    </g>
    <rect x="24" y="76" width="216" height="6" rx="3" fill="#7dd3fc"/>
    <rect x="252" y="76" width="216" height="6" rx="3" fill="#c8a8ff"/>
    <rect x="480" y="76" width="216" height="6" rx="3" fill="#6ee7b7"/>
    <g font-size="15" font-weight="800" fill="#e8edf5">
      <text x="40" y="108">Rigify</text>
      <text x="268" y="108">Armature manual + IK</text>
      <text x="496" y="108">Add-on Cinevva Rig</text>
    </g>
    <g font-size="11" fill="#9aa7b4" font-weight="700">
      <text x="40" y="136">WAKTU HINGGA RIG PERTAMA</text><text x="268" y="136">WAKTU HINGGA RIG PERTAMA</text><text x="496" y="136">WAKTU HINGGA RIG PERTAMA</text>
      <text x="40" y="190">DIPASANG SECARA MANUAL</text><text x="268" y="190">DIPASANG SECARA MANUAL</text><text x="496" y="190">DIPASANG SECARA MANUAL</text>
      <text x="40" y="244">BIAYA</text><text x="268" y="244">BIAYA</text><text x="496" y="244">BIAYA</text>
      <text x="40" y="298">YANG ANDA DAPATKAN</text><text x="268" y="298">YANG ANDA DAPATKAN</text><text x="496" y="298">YANG ANDA DAPATKAN</text>
    </g>
    <g font-size="12.5" fill="#e8edf5">
      <text x="40" y="154">Satu malam untuk pertama kali,</text><text x="40" y="170">di bawah sejam setelah terbiasa</text>
      <text x="268" y="154">Satu hingga tiga jam</text><text x="268" y="170">untuk biped dengan 17 tulang</text>
      <text x="496" y="154">Sekitar 15 dtk per rig setelah</text><text x="496" y="170">sekali mengunduh 2,4 GB</text>
      <text x="40" y="208">Setiap tulang metarig,</text><text x="40" y="224">lalu perbaikan bobot</text>
      <text x="268" y="208">Setiap tulang,</text><text x="268" y="224">setiap constraint</text>
      <text x="496" y="208">Tidak ada. Pilih tampak depan,</text><text x="496" y="224">pilih rancangan tubuh, tekan Rig</text>
      <text x="40" y="262">Gratis, disertakan dengan Blender</text>
      <text x="268" y="262">Gratis</text>
      <text x="496" y="262">$29 sekali bayar, offline, tanpa langganan</text>
      <text x="40" y="316">Control rig lengkap, IK/FK,</text><text x="40" y="332">tulang DEF untuk ekspor</text>
      <text x="268" y="316">Persis tulang yang Anda pilih,</text><text x="268" y="332">dengan penamaan Anda</text>
      <text x="496" y="316">Armature ber-skin bernama Mixamo,</text><text x="496" y="332">260 klip CC0, preset ekspor</text>
    </g>
    <g font-size="11.5" fill="#9aa7b4">
      <text x="40" y="358">Ekspor: hanya tulang deform</text>
      <text x="268" y="358">Ekspor: hierarki bersih, engine apa pun</text>
      <text x="496" y="358">Ekspor: Web, Unity, Unreal, Godot</text>
    </g>
    <text textLength="690" lengthAdjust="spacingAndGlyphs" x="24" y="398" font-size="12" fill="#9aa7b4">Juga: Auto-Rig Pro, $50 Full atau $25 Lite di Superhive. Penempatan Smart, retargeting Remap, ekspor FBX/glTF. Tanpa pustaka klip.</text>
  </g>
</svg>
<figcaption>Pilih berdasarkan sumber daya yang paling Anda miliki. Waktu dan rasa ingin tahu mendukung Rigify atau rig manual. Tenggat waktu mendukung opsi sekali klik.</figcaption>
</figure>
<h2>Uji rig dalam 60 detik</h2>
<p>Rest pose menyembunyikan setiap masalah pembobotan. Sebelum menganimasikan apa pun, tekan <code>Ctrl-Tab</code> untuk masuk ke Pose Mode lalu jalankan empat pemeriksaan. Semuanya berlaku untuk ketiga rute.</p>
<p><strong>Tekuk siku dan lutut hingga 90 derajat.</strong> Pilih lengan bawah atau tulang kering (atau kontrol IK), lalu putar. Bagian dalam seharusnya berkerut dan bagian luar seharusnya mempertahankan volumenya. Sendi yang mengempis rata biasanya hanya memiliki satu edge loop padahal membutuhkan tiga; ini lebih merupakan masalah mesh daripada masalah bobot.</p>
<p><strong>Angkat kedua lengan ke atas kepala.</strong> Perhatikan ketiak dan sisi dada. Jika tulang rusuk ikut terangkat bersama lengan, vertex dada memiliki bobot terhadap lengan atas. Jika ketiak robek terbuka, bobot bahu tidak mencakup bagian bawah lengan.</p>
<p><strong>Berjongkok.</strong> Perhatikan pinggul dan selangkangan. Kaki celana yang ditembus paha berarti shell pakaian mendapatkan bobot yang berbeda dari tungkai di bawahnya.</p>
<p><strong>Puntir pergelangan tangan 90 derajat sepanjang lengan bawah.</strong> Jika lengan bawah menyempit menjadi bentuk terjepit di bagian tengah, itu adalah artefak bungkus permen dari linear blend skinning. <a href="https://docs.blender.org/manual/en/latest/modeling/modifiers/deform/armature.html">Modifier Armature</a> Blender memiliki kotak centang untuk mengatasinya: <strong>Preserve Volume</strong>, yang menggunakan quaternion karena tanpanya &quot;rotasi pada sendi cenderung memperkecil geometri di sekitarnya, hingga hampir nol pada sudut 180 derajat dari rest position&quot;. Game engine tidak dapat membaca kotak centang tersebut, sehingga rig yang dirilis mengatasi puntiran yang sama dengan tulang twist lengan bawah. Inilah sebabnya contoh IK dalam manual &quot;menggunakan dua tulang untuk mengatasi masalah puntiran pada lengan bawah&quot;.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 330" role="img" aria-label="Panel pemeriksaan rig dengan empat pengujian. Siku dan lutut ditekuk 90 derajat: hasil lulus mempertahankan volume di sisi luar, hasil gagal terlipat hingga rata. Lengan di atas kepala: hasil lulus hanya menggerakkan lengan, hasil gagal mengangkat tulang rusuk. Jongkok: hasil lulus mempertahankan celana di atas paha, hasil gagal membuat paha menembus celana. Pergelangan tangan diputar 90 derajat: hasil lulus mempertahankan bentuk silindris lengan bawah, hasil gagal membuatnya terjepit seperti bagian tengah bungkus permen.">
  <rect width="720" height="330" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="36" font-size="20" font-weight="800" fill="#e8edf5">Pemeriksaan rig 60 detik</text>
    <text x="24" y="58" font-size="13" fill="#9aa7b4">Pose Mode. Empat pose, tampilan hasil lulus dan gagal, serta yang perlu diperbaiki.</text>
    <g fill="#121a31" stroke="#2a3655" stroke-width="1">
      <rect x="24" y="76" width="160" height="230" rx="12"/>
      <rect x="196" y="76" width="160" height="230" rx="12"/>
      <rect x="368" y="76" width="160" height="230" rx="12"/>
      <rect x="540" y="76" width="156" height="230" rx="12"/>
    </g>
    <g font-size="13" font-weight="800" fill="#e8edf5">
      <text x="40" y="100">1. Siku dan lutut 90°</text>
      <text x="212" y="100">2. Lengan di atas kepala</text>
      <text x="384" y="100">3. Jongkok</text>
      <text x="556" y="100">4. Putaran pergelangan 90°</text>
    </g>
    <g fill="none" stroke-width="14" stroke-linecap="round" stroke-linejoin="round">
      <path d="M44 160 L84 160 L84 200" stroke="#6ee7b7"/>
      <path d="M116 160 L156 160 L156 200" stroke="#fb7185" stroke-width="14"/>
      <path d="M156 160 L150 174" stroke="#0b1020" stroke-width="10"/>
    </g>
    <g fill="none" stroke-width="12" stroke-linecap="round">
      <path d="M222 200 L238 150" stroke="#6ee7b7"/>
      <rect x="240" y="150" width="30" height="50" rx="8" fill="#121a31" stroke="#6ee7b7" stroke-width="3"/>
      <path d="M300 200 L316 150" stroke="#fb7185"/>
      <rect x="318" y="140" width="30" height="50" rx="8" fill="#121a31" stroke="#fb7185" stroke-width="3" transform="rotate(-8 333 165)"/>
    </g>
    <g fill="none" stroke-width="3">
      <rect x="392" y="150" width="34" height="50" rx="10" stroke="#6ee7b7"/>
      <path d="M400 156 L400 196" stroke="#6ee7b7" stroke-width="10" stroke-linecap="round"/>
      <rect x="466" y="150" width="34" height="50" rx="10" stroke="#fb7185"/>
      <path d="M474 156 L474 196" stroke="#fb7185" stroke-width="10" stroke-linecap="round"/>
      <path d="M464 168 L452 176 L464 184" stroke="#fb7185" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="#fb7185"/>
    </g>
    <g fill="none" stroke-width="3">
      <rect x="556" y="160" width="56" height="26" rx="13" stroke="#6ee7b7"/>
      <path d="M630 160 C650 160 654 173 660 173 C666 173 670 160 690 160 L690 186 C670 186 666 173 660 173 C654 173 650 186 630 186 Z" stroke="#fb7185"/>
    </g>
    <g font-size="11.5" fill="#9aa7b4">
      <text x="40" y="228">Lulus: sisi luar tetap bervolume.</text>
      <text x="40" y="244">Gagal: sendi terlipat rata.</text>
      <text x="40" y="266" fill="#e8edf5">Perbaikan: tiga edge loop di</text>
      <text x="40" y="282" fill="#e8edf5">sendi, lalu atur ulang weight.</text>
      <text x="212" y="228">Lulus: hanya lengan bergerak.</text>
      <text x="212" y="244">Gagal: tulang rusuk ikut naik.</text>
      <text x="212" y="266" fill="#e8edf5">Perbaikan: hapus weight dada</text>
      <text x="212" y="282" fill="#e8edf5">dari grup lengan atas.</text>
      <text x="384" y="228">Lulus: celana tetap menutupi.</text>
      <text x="384" y="244">Gagal: paha menembus kain.</text>
      <text x="384" y="266" fill="#e8edf5">Perbaikan: Transfer Weights dari</text>
      <text x="384" y="282" fill="#e8edf5">tubuh ke lapisan pakaian.</text>
      <text x="556" y="228">Lulus: lengan bawah tetap bulat.</text>
      <text x="556" y="244">Gagal: terjepit seperti permen.</text>
      <text x="556" y="266" fill="#e8edf5">Perbaikan: Preserve Volume di</text>
      <text x="556" y="282" fill="#e8edf5">Blender, tulang twist di engine.</text>
    </g>
  </g>
</svg>
<figcaption>Jalankan keempat pengujian sebelum menganimasikan. Jika dua di antaranya gagal pada karakter yang dibuat dengan auto-rig, perbaiki mesh dan rig ulang alih-alih mengecat weight. Percobaan kedua hanya membutuhkan satu menit.</figcaption>
</figure>
<p>Untuk memperbaiki weight secara manual, gunakan alur kerja yang dijelaskan manual pada halaman <a href="https://docs.blender.org/manual/en/latest/sculpt_paint/weight_paint/usage.html">Vertex Groups for Bones</a>: tempatkan armature dalam Pose Mode, pastikan <code>Edit &gt; Lock Object Modes</code> tidak dicentang, pilih mesh dan alihkan ke Weight Paint Mode, centang Bone Selection di header, lalu <code>Alt</code>-klik sebuah tulang untuk menampilkan weight-nya (biru adalah 0, merah adalah 1) dan mulailah mengecat. Aktifkan Auto Normalize dalam pengaturan Tool agar jumlah weight pada sendi selalu satu, dan gunakan kuas Blur sebelum mencoba alat lain. Sejak Blender 5.1, Anda juga dapat memilih loop vertex dalam Weight Paint mode dengan Vertex Selection aktif (<a href="https://developer.blender.org/docs/release_notes/5.1/animation_rigging/">catatan rilis 5.1</a>), sehingga loop lutut dapat diisolasi dengan cepat. Jika perbaikan membutuhkan waktu lebih dari sepuluh menit, <a href="/id/guides/blender-weight-painting-problems">panduan masalah weight painting</a> kami membahas tujuh kegagalan yang menjadi penyebab hampir semua masalah tersebut.</p>
<h2>Kegagalan umum dan cara memperbaikinya</h2>
<p><strong>&quot;Bone Heat Weighting: failed to find solution for one or more bones&quot;.</strong> Pesan persis ini berasal dari <a href="https://projects.blender.org/blender/blender/src/branch/main/source/blender/editors/armature/meshlaplacian.cc">kode Laplacian mesh</a> Blender, dan artinya solver heat tidak dapat menjangkau sebagian vertex dari sebagian tulang. Penyebabnya, dari yang paling mungkin: vertex duplikat yang saling bertumpuk (<code>Mesh &gt; Clean Up &gt; Merge by Distance</code>), face internal atau geometri non-manifold, tulang yang sepenuhnya berada di luar mesh, atau mesh yang begitu padat sehingga proses solve menyerah. Coba lagi pada salinan beresolusi lebih rendah, atau lakukan binding dengan modifier Decimate yang diterapkan sementara. Pesan ini cukup umum sehingga tersedia add-on berbayar untuk menghindarinya: Voxel Heat Diffuse Skinning ($30 di <a href="https://superhivemarket.com/products/voxel-heat-diffuse-skinning">Superhive</a>, lebih dari 12.500 penjualan) mencantumkan penyelesaian error ini sebagai keunggulan utamanya.</p>
<p><strong>Mesh tidak bergerak sama sekali.</strong> Modifier Armature tidak ada (periksa tab Modifier; kolom Object seharusnya berisi nama rig Anda), opsi Deform pada tulang dinonaktifkan, atau nama vertex group tidak cocok dengan nama tulang. Modifier Armature Blender melakukan binding berdasarkan nama: &quot;sebuah tulang bernama &quot;forearm&quot; hanya akan memengaruhi vertex dalam vertex group &quot;forearm&quot;&quot;.</p>
<p><strong>Sebuah anggota tubuh menarik bagian tubuh yang salah.</strong> Dua tulang berada terlalu dekat saat proses heat solve dijalankan (tangan menempel pada paha, jari-jari bersentuhan). Atur ulang pose mesh menjadi A-pose yang benar dan lakukan binding ulang, atau hapus weight yang menyimpang dengan mengecatnya.</p>
<p><strong>Jari Rigify menekuk pada sumbu yang salah.</strong> Roll tulang tidak konsisten. Pilih tulang-tulang jari dalam metarig, gunakan <code>Recalculate Roll &gt; Global -Z Axis</code>, buat ulang rig, dan jika rotasinya masih salah, ubah Bend Rotation Axis di bawah Rigify Type pada tulang jari pertama.</p>
<p><strong>Rigify mengatakan tidak dapat menimpa rig.</strong> Tampilkan metarig dan <code>rig</code> yang telah dibuat sebelum menekan Generate Rig. Manual secara tegas menyatakan bahwa keduanya harus terlihat.</p>
<p><strong>Karakter terlalu kecil atau terlalu besar di Blender.</strong> Anda mengimpornya dengan skala sentimeter. Ubah skala dalam Object Mode hingga Dimensions menunjukkan sekitar 1,8 m, lalu gunakan <code>Ctrl-A &gt; All Transforms</code>, dan lakukan rigging setelahnya, jangan pernah sebelumnya.</p>
<p><strong>Karakter terbaring telentang atau 100 kali terlalu besar di Unity atau Unreal.</strong> Blender menggunakan Z-up dan Y-forward. Sumbu Forward dan Up pada eksportir FBX tersedia untuk melakukan konversi: &quot;Blender menggunakan Y Forward, Z Up. Sebagai contoh, aplikasi umumnya menggunakan Y sebagai sumbu atas; dalam kasus tersebut diperlukan -Z Forward, Y Up.&quot; Unity memerlukan FBX dengan Forward -Z, Up Y, dan Apply Scalings diatur ke FBX All. Unreal memerlukan Forward -Y, Up Z, Apply Scalings All Local, Primary Bone Axis Y, dan Secondary Bone Axis X. Dokumentasi Godot sendiri merekomendasikan glTF: &quot;glTF 2.0 (direkomendasikan)&quot;, dengan FBX didukung melalui ufbx sejak 4.3 (<a href="https://docs.godotengine.org/en/stable/tutorials/assets_pipeline/importing_3d_scenes/available_formats.html">manual Godot</a>). Dalam semua kasus, centang Only Deform Bones dan hapus centang Add Leaf Bones. Jika pipeline Anda bergantung pada proses bolak-balik FBX dari Maya atau 3ds Max, patut diakui: Better FBX Importer and Exporter ($25 di <a href="https://superhivemarket.com/products/better-fbx-importer--exporter">Superhive</a>, lebih dari 12.600 penjualan) tersedia karena proses impor berhenti mengalami kerusakan, dan halaman produknya menyatakannya dengan jelas: &quot;Jika Anda mengerjakan semuanya di dalam Blender, Anda tidak memerlukan add-on ini.&quot;</p>
<p><strong>Animasi Anda menghilang setelah memperbarui Blender.</strong> Ini bukan bug rig. Blender 4.4 menjadikan setiap Action &quot;slotted&quot;, dan file lama ditingkatkan secara otomatis dengan setiap Action mendapatkan satu &quot;Legacy Slot&quot; (<a href="https://developer.blender.org/docs/release_notes/4.4/animation_rigging/">catatan rilis 4.4</a>). Jika Anda menetapkan Action yang sudah ada ke armature baru, Blender mungkin tidak otomatis memilih slot, sehingga rig tidak bergerak sampai Anda memilih slot di Action Editor. Blender 5.0 juga memindahkan status visibilitas dan pemilihan tulang ke pose bone agar instance armature tidak lagi berbagi status tersebut (<a href="https://developer.blender.org/docs/release_notes/5.0/animation_rigging/">catatan rilis 5.0</a>), sebuah perubahan yang ditandai dalam catatan tersebut sebagai perubahan yang merusak kompatibilitas API Python untuk skrip rig lama.</p>
<h2>Metode mana yang sebaiknya Anda pilih?</h2>
<p>Jika Anda sedang mempelajari Blender dan memiliki waktu satu malam, cobalah Rigify sekali. Anda akan memahami apa itu rig, dan control rig yang diberikannya merupakan rig animasi gratis terbaik yang tersedia. Simpan metarig dan buat ulang rig saat Anda menyempurnakannya.</p>
<p>Jika Anda membuat game web atau game seluler dan setiap tulang menambah waktu render, buat armature secara manual. Tujuh belas tulang, nama pilihan Anda, hierarki pilihan Anda, dan tidak ada apa pun dalam file yang tidak Anda tambahkan sendiri.</p>
<p>Jika Anda memiliki tenggat waktu, folder berisi banyak karakter, atau tidak tertarik mendalami rigging sebagai keterampilan, gunakan auto-rig. Di dalam Blender, <a href="/blender-addon/">add-on Cinevva Rig</a> melakukan rigging di komputer Anda dengan sekali pembelian seharga $29, memutar 260 klip CC0 pada hasil rig, dan mengekspornya untuk engine Anda. Auto-Rig Pro adalah pilihan tepat jika Anda menginginkan control rig produksi dengan retargeter dan tidak keberatan menempatkan marker. Dan jika Anda tidak yakin mesh Anda dapat di-rig dengan bersih, proses karakter pertama secara gratis melalui <a href="/id/tools/rigger">Auto Rigger</a> di web sebelum menghabiskan waktu semalaman.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara melakukan rigging karakter di Blender?</h3>
<p>Siapkan mesh (satu shell, A-pose, origin di kaki, <code>Ctrl-A &gt; All Transforms</code>), tambahkan skeleton, lakukan binding mesh, lalu uji. Metode bawaan gratisnya adalah Rigify: <code>Shift-A &gt; Armature &gt; Human (Meta-Rig)</code>, pindahkan tulang agar sesuai dengan karakter Anda dalam Edit Mode, tekan Generate Rig di tab Armature, lalu pilih mesh dan rig dan gunakan <code>Ctrl-P &gt; With Automatic Weights</code>. Alternatif satu klik adalah add-on auto-rigging yang menempatkan skeleton dan melakukan skinning untuk Anda.</p>
<h3>Bagaimana cara menggunakan Rigify di Blender?</h3>
<p>Aktifkan melalui <code>Edit &gt; Preferences &gt; Add-ons</code>, tambahkan metarig dari <code>Shift-A &gt; Armature</code>, sesuaikan tulang dengan mesh Anda sambil memberi sedikit tekukan pada siku dan lutut, lalu klik Generate Rig di bagian bawah properti Armature. Rigify membuat objek <code>rig</code> terpisah dengan kontrol IK/FK. Lakukan binding mesh ke rig tersebut, bukan ke metarig, dan simpan metarig agar Anda dapat membuat ulang rig.</p>
<h3>Apakah Rigify bagus untuk rig game?</h3>
<p>Ya, dengan satu langkah ekspor. Tulang kontrol, constraint, dan driver Rigify tidak ikut diekspor, jadi centang Export Deformation Bones only (glTF) atau Only Deform Bones (FBX) agar hanya tulang <code>DEF-</code> dan animasi yang telah di-bake yang dikirim. Jumlah deform bone akan lebih banyak dibandingkan skeleton buatan manual karena anggota tubuh dibagi menjadi beberapa segmen, dan Anda perlu memetakan avatar Humanoid Unity secara manual.</p>
<h3>Apa perbedaan antara armature dan rig di Blender?</h3>
<p>Armature adalah jenis objek: hierarki tulang dengan posisi rest yang Anda edit dalam Edit Mode dan atur posenya dalam Pose Mode. Rig adalah keseluruhan pengaturan yang dibangun di atasnya: armature, constraint dan kontrol yang menggerakkannya, serta mesh yang telah di-skin. Metarig Rigify adalah armature biasa, sedangkan objek yang dihasilkannya, bernama <code>rig</code>, adalah sebuah rig.</p>
<h3>Apakah Blender memiliki auto-rigging?</h3>
<p>Blender sendiri memiliki automatic weights, bukan penempatan tulang otomatis: Rigify tetap mengharuskan Anda menyesuaikan metarig. Add-on mengisi kekurangan tersebut. <a href="/blender-addon/">Add-on Cinevva Rig</a> menempatkan dan melakukan skinning pada skeleton humanoid dengan penamaan Mixamo dalam satu klik di komputer Anda dengan sekali pembayaran sebesar $29, sedangkan alat Smart milik Auto-Rig Pro menempatkan marker pada humanoid dalam T-pose atau A-pose.</p>
<h3>Apakah add-on Mixamo untuk Blender masih berfungsi?</h3>
<p>Add-on resmi Adobe tersedia untuk Blender 3.6, sedangkan ekstensi komunitas bernama Mixamo Rig di <a href="http://extensions.blender.org">extensions.blender.org</a>, yang menyebut versi resmi &quot;tidak lagi didukung&quot;, melanjutkan dukungannya dengan kompatibilitas Blender 4.2 LTS dan rilis 1.2.2 pada April 2026. Menurut FAQ Adobe, auto-rigger Mixamo sendiri tetap &quot;hanya untuk humanoid berkaki dua&quot;.</p>
<h3>Bagaimana cara melakukan rigging karakter di Blender untuk Unity?</h3>
<p>Lakukan rigging dengan salah satu metode di atas, pastikan skeleton memiliki 15 tulang yang diperlukan avatar Humanoid Unity, lalu ekspor FBX dengan Forward -Z, Up Y, Apply Scalings FBX All, Only Deform Bones aktif, dan Add Leaf Bones nonaktif. Di Unity, atur jenis Rig ke Humanoid dan periksa pemetaan avatar. Jika karakter diimpor dalam posisi terbaring atau berukuran 100 kali terlalu besar, berarti Anda melewatkan <code>Ctrl-A &gt; All Transforms</code> sebelum melakukan rigging.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/automatic-rigging-explained">Cara Kerja Rigging Otomatis (dan Cara Menyiapkan Model untuknya)</a>: penjelasan tentang sendi dan bobot skin, serta daftar periksa mesh yang dibutuhkan setiap rigger</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Auto-Rigging Gratis: Mixamo dan Alternatifnya</a>: pustaka klip CC0 dan rigger gratis, dengan lisensi yang telah diperiksa</li>
<li><a href="/id/guides/blender-weight-painting-problems">Weight Painting di Blender: 7 Masalah yang Sering Dihadapi Semua Orang</a>: error bone heat, pengaruh bobot yang merembet ke anggota tubuh lain, pergelangan tangan yang terpelintir, dan kapan sebaiknya melewati langkah ini</li>
<li><a href="/id/guides/auto-rig-pro-alternatives">Alternatif Auto-Rig Pro untuk Blender</a>: perbandingan Rigify, Quick Rig, Voxel Heat, dan auto-rigger sekali bayar berdasarkan harga dan batasannya</li>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: rigging sekali klik di komputer Anda sendiri, 260 klip CC0, dan preset ekspor siap pakai untuk game</li>
<li><a href="/id/tools/rigger">Auto Rigger</a>: rig GLB, FBX, atau OBJ di browser, karakter pertama gratis</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Mixamo ke Blender pada 2026: Add-on, Impor Manual, dan Alternatif yang Sebaiknya Digunakan]]></title>
            <link>https://app.cinevva.com/id/guides/mixamo-to-blender-2026</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/mixamo-to-blender-2026</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Mixamo ke Blender pada 2026: kondisi add-on Mixamo Blender pada versi 4.x dan 5.x, impor FBX manual dengan perbaikan skala dan T-pose, serta alternatif CC0.]]></description>
            <content:encoded><![CDATA[<h1>Mixamo ke Blender pada 2026: Add-on, Impor Manual, dan Alternatif yang Sebaiknya Digunakan</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/mixamo-to-blender-2026-hero.jpg?v=1" alt="Karakter Mixamo dalam T-pose di samping armature yang diimpor pada viewport Blender" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { width: 100%; height: auto; display: block; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin-top: 0.5rem; margin-bottom: 1.5rem; }
</style>
<p>Mixamo masih berfungsi pada September 2026 dan tetap gratis dengan Adobe ID, tetapi add-on Blender buatan Adobe sendiri dibuat untuk Blender 3.6, sedangkan build komunitas yang menggantikannya di Blender Extensions mencantumkan Blender 4.2 LTS sebagai versi kompatibel dan 5.5 ke atas sebagai tidak didukung. Jika Anda menggunakan Blender 4.2 hingga 5.4, instal ekstensi &quot;Mixamo Rig&quot; untuk mendapatkan kembali alur kerja control rig dan baking. Pada versi yang lebih baru, atau jika Anda tidak ingin bergantung pada add-on sama sekali, impor file FBX secara manual, perbaiki skala 0.01 dan nama tulang berawalan <code>mixamorig:</code> satu kali, lalu susun klip di editor NLA. Jika yang sebenarnya Anda inginkan adalah pustaka animasi untuk karakter Anda sendiri, pustaka CC0 yang di-retarget di dalam Blender akan menghilangkan kebutuhan untuk bolak-balik melalui Mixamo.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Blender 4.2 hingga 5.4 dan menginginkan control rig:</strong> instal <a href="https://extensions.blender.org/add-ons/mixamo-rig/">Mixamo Rig</a> dari Blender Extensions (versi 1.2.2, April 2026). Ini adalah kelanjutan komunitas dari add-on Adobe, berlisensi GPL, dan menyediakan control rig IK sekali klik serta proses bake masuk dan keluar yang sama.</li>
<li><strong>Blender 5.5 atau yang lebih baru, atau tanpa add-on:</strong> <code>File &gt; Import &gt; FBX (.fbx)</code>, biarkan Apply Transform nonaktif, aktifkan Automatic Bone Orientation pada importer lama, dan jangan mencoba memperbaiki skala armature 0.01 sampai semua klip selesai diimpor.</li>
<li><strong>Beberapa klip pada satu karakter:</strong> unduh karakter satu kali dengan opsi &quot;With Skin&quot;, setiap animasi dengan opsi &quot;Without Skin&quot;, impor semuanya, tetapkan action masing-masing ke armature utama berdasarkan nama, lakukan Push Down ke NLA, lalu hapus armature tambahan.</li>
<li><strong>Animasi tidak diputar, karakter tetap dalam T-pose:</strong> action belum ditetapkan, atau prefiks tulang pada action (<code>mixamorig:</code>) tidak cocok dengan armature. Periksa prefiks terlebih dahulu sebelum hal lainnya.</li>
<li><strong>Root motion:</strong> nonaktifkan &quot;In Place&quot; di Mixamo sebelum mengunduh, lalu bake gerakan horizontal pinggul ke tulang root. Ekstensi <a href="https://extensions.blender.org/add-ons/import-mixamo-root-motion/">Import Mixamo - Root Motion</a> mengotomatiskannya pada Blender 4.2 LTS.</li>
<li><strong>Ingin melewati Mixamo:</strong> retarget klip apa pun di dalam Blender dengan plugin Rokoko gratis atau Remap dari Auto-Rig Pro, ambil klip dari Universal Animation Library CC0 milik Quaternius, atau gunakan <a href="/blender-addon/">add-on Cinevva Rig</a>, yang me-retarget 260 klip CC0 ke karakter yang di-rig-nya di dalam Blender, berjalan secara offline pada komputer Anda sendiri dengan sekali pembelian seharga $29 pada harga peluncuran, serta mendukung Blender 4.2+ pada Windows, macOS, dan Linux.</li>
<li><strong>Juga ingin melewati proses instalasi:</strong> <a href="/id/tools/rigger">auto rigger gratis</a> melakukan pekerjaan yang sama seperti Mixamo di tab browser, menerima GLB, FBX, atau OBJ dan menghasilkan skeleton dengan skin weight. Tidak seperti Mixamo, alat ini juga dapat me-rig hewan berkaki empat, sehingga mencakup hewan yang ditolak Mixamo.</li>
</ul>
<h2>Referensi singkat</h2>
<table>
<thead>
<tr>
<th>Jalur</th>
<th>Versi Blender</th>
<th>Yang Anda dapatkan</th>
<th>Titik masalah</th>
</tr>
</thead>
<tbody>
<tr>
<td>Add-on asli Adobe</td>
<td>Dibuat untuk 3.6, menurut halaman plugin Adobe</td>
<td>Control rig IK, bake animasi masuk dan keluar</td>
<td>Blender 4.0 mengganti bone layer dengan bone collection, sehingga add-on gagal pada 4.x</td>
</tr>
<tr>
<td>Ekstensi Mixamo Rig (komunitas)</td>
<td>4.2 LTS tercantum, 5.5+ ditandai tidak didukung</td>
<td>Control rig dan proses bake yang sama, instalasi sebagai ekstensi, lebih dari 69.700 unduhan</td>
<td>Tidak didukung pada 5.5 dan versi lebih baru</td>
</tr>
<tr>
<td>Impor FBX manual</td>
<td>Semua versi</td>
<td>Kendali penuh, tidak perlu menginstal apa pun</td>
<td>Skala 0.01, ketidakcocokan prefiks <code>mixamorig:</code>, satu armature per file</td>
</tr>
<tr>
<td>Ekstensi Import Mixamo - Root Motion</td>
<td>4.2 LTS tercantum, 5.1+ ditandai tidak didukung</td>
<td>Impor batch, menghapus prefiks, melakukan bake root motion</td>
<td>Tidak didukung setelah 5.0</td>
</tr>
<tr>
<td>Retarget di dalam Blender (Rokoko, Auto-Rig Pro Remap)</td>
<td>Rokoko: plugin saat ini, ARP: 2.93 hingga 5.1</td>
<td>Klip apa pun ke rig apa pun</td>
<td>Perlu penyiapan untuk setiap pasangan skeleton</td>
</tr>
<tr>
<td>Pustaka CC0 pada rig Anda sendiri</td>
<td>Bergantung pada alat</td>
<td>Tidak ada baris atribusi lisensi dalam game yang dirilis</td>
<td>Anda tetap memerlukan karakter yang sudah di-rig</td>
</tr>
</tbody>
</table>
<h2>Kondisi Mixamo pada September 2026</h2>
<p>Semua yang dinyatakan Adobe secara publik terdapat pada satu halaman, yaitu <a href="https://helpx.adobe.com/creative-cloud/faq/mixamo-faq.html">FAQ Mixamo</a>, dan halaman tersebut terakhir diperbarui pada 14 September 2021. Halaman itu menyatakan bahwa Mixamo &quot;tersedia gratis bagi siapa pun yang memiliki Adobe ID dan tidak memerlukan langganan Creative Cloud&quot;, bahwa layanan ini tidak tersedia bagi Enterprise ID dan Federated ID, serta tidak tersedia bagi pengguna dengan kode negara dari Tiongkok. Karakter dan animasinya bebas royalti untuk proyek pribadi, komersial, dan nirlaba, termasuk video game. Auto-rigger dan pustaka animasinya hanya ditujukan untuk humanoid bipedal, dan FAQ tersebut ditutup dengan pernyataan &quot;Adobe tidak mendukung pemecahan masalah untuk program pihak ketiga&quot;, yang mencakup Blender. Batasan hanya untuk bipedal itulah yang perlu Anda pertimbangkan dalam perencanaan: jika pemeran Anda mencakup hewan, <a href="/id/tools/rigger">auto rigger</a> berbasis browser yang mendukung hewan berkaki empat akan menghindarkan Anda dari pembuatan skeleton tersebut secara manual.</p>
<p>Adobe tidak mengumumkan penghentian layanan di halaman-halaman tersebut, dan kami tidak akan berspekulasi melampaui informasi yang tersedia. Namun, halaman-halaman itu menunjukkan bahwa tidak ada yang berubah selama lima tahun. Perlakukan Mixamo sebagai layanan lawas yang masih berfungsi: cocok untuk mengunduh aset yang Anda perlukan, tetapi sebaiknya jangan dijadikan fondasi pipeline jika dapat dihindari. Pembahasan yang lebih luas, termasuk alternatif di luar Blender, tersedia dalam <a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Auto-Rigging Gratis</a>.</p>
<h2>Add-on resmi Mixamo Blender dan penggantinya</h2>
<p><a href="https://www.adobe.com/products/substance3d/plugins/mixamo-in-blender.html">Halaman add-on Mixamo Blender</a> milik Adobe masih menyediakan unduhannya dan menjelaskannya secara lugas: add-on control rig otomatis untuk karakter yang di-rig secara otomatis dengan Mixamo, yang &quot;menyediakan solusi sekali klik untuk membuat control rig IK serta melakukan bake animasi masuk dan keluar dari control rig dan skeleton karakter&quot;. Add-on ini dirilis di bawah GPL 3.0. Detail terakhir inilah yang membuatnya tetap bertahan setelah Adobe kehilangan minat.</p>
<p>Add-on tersebut tidak lagi berfungsi sejak Blender 4.0. <a href="https://developer.blender.org/docs/release_notes/4.0/animation_rigging/">Catatan rilis Blender 4.0</a> menjelaskan penyebabnya: &quot;Bone collection baru menggantikan layer bernomor lama dan bone group&quot;, dan operator bone layer digantikan oleh operator bone collection. Add-on Adobe mengatur rig-nya ke dalam layer bernomor, sehingga memunculkan error pada 4.0. Perbaikan komunitas oleh Xin, yang didokumentasikan oleh <a href="https://cgdive.com/mixamo-rig-in-blender-4-community-fix/">CGDive</a>, memindahkan rig ke tiga bone collection bernama Control, DEF, dan MCH. Repositori GitHub tersebut sekarang menyatakan bahwa proyeknya telah dihentikan dan mengarahkan pengguna ke halaman Blender Extensions.</p>
<p>Ini membawa kita ke versi yang sebaiknya benar-benar Anda instal. Ekstensi <a href="https://extensions.blender.org/add-ons/mixamo-rig/">Mixamo Rig</a> oleh tyler.tofu menyebut dirinya sebagai &quot;peningkatan pihak ketiga untuk add-on resmi karena add-on tersebut tidak lagi didukung&quot; dan menautkan halaman Adobe untuk versi asli Blender 3.6. Versi 1.2.2 dirilis pada 16 April 2026, halamannya mencantumkan Blender 4.2 LTS sebagai versi kompatibel dan menandai 5.5 ke atas sebagai tidak didukung, lisensinya GPL 3.0 atau yang lebih baru, dan telah diunduh 69.726 kali saat kami memeriksanya. Changelog menunjukkan bahwa seseorang masih memeliharanya untuk Blender versi terkini: rilis Desember 2025 memperbaiki error saat menerapkan animasi ke control rig pada Blender 4.4 dan merombak akses F-curve untuk layered action Blender 5.0, sedangkan rilis April 2026 memperbaiki snapping IK/FK dan penskalaan controller.</p>
<p>Instalasinya hanya memerlukan satu kali seret. Buka halaman tersebut di browser, seret tombol &quot;Get Add-on&quot; ke jendela Blender, lalu konfirmasikan. Atau buka <code>Edit &gt; Preferences &gt; Get Extensions</code>, cari &quot;Mixamo Rig&quot;, lalu klik Install. Untuk instalasi offline, unduh file zip dan gunakan <code>Install from Disk</code> dari menu dropdown di kanan atas jendela yang sama.</p>
<p>Alur kerjanya sesuai rancangan Adobe. Rig karakter Anda di Mixamo, unduh dengan opsi &quot;With Skin&quot; dalam T-pose atau dengan animasi apa pun, buka panel add-on pada sidebar viewport 3D (tekan <code>N</code>, lalu cari tab Mixamo), impor FBX melalui panel tersebut, dan tekan tombol yang membuat control rig. Impor klip Mixamo berikutnya melalui panel yang sama, dan klip-klip itu akan diterapkan ke control rig sebagai action yang dapat Anda bake masuk dan keluar.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 420" role="img" aria-label="Dua jalur dari Mixamo ke Blender. Jalur add-on: unduh FBX dengan skin, instal ekstensi Mixamo Rig pada Blender 4.2 hingga 5.4, impor melalui panel add-on, buat control rig, impor lebih banyak klip, lalu bake. Jalur manual: unduh T-pose dengan skin dan setiap klip tanpa skin, pilih File Import FBX, tetapkan setiap action ke armature utama berdasarkan nama, lakukan Push Down ke NLA, lalu ekspor. Catatan: pada Blender 5.5 dan yang lebih baru, ekstensi ditandai tidak didukung, jadi gunakan jalur manual.">
  <rect width="720" height="420" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Dua jalur dari Mixamo ke Blender</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Pilih berdasarkan versi Blender. Keduanya dimulai dengan karakter yang sudah di-rig di mixamo.com.</text>
    <rect x="24" y="84" width="328" height="34" rx="8" fill="#7dd3fc" fill-opacity="0.16"/>
    <text x="40" y="107" font-size="14" font-weight="700" fill="#7dd3fc">Jalur add-on (Blender 4.2 hingga 5.4)</text>
    <rect x="368" y="84" width="328" height="34" rx="8" fill="#6ee7b7" fill-opacity="0.16"/>
    <text x="384" y="107" font-size="14" font-weight="700" fill="#6ee7b7">Jalur manual (semua versi Blender)</text>
    <g fill="#e8edf5" font-size="13">
      <circle cx="44" cy="146" r="11" fill="#7dd3fc"/><text x="40" y="150" font-size="12" font-weight="800" fill="#0b1020">1</text>
      <text x="66" y="150">Unduh karakter, FBX Binary, With Skin</text>
      <circle cx="44" cy="186" r="11" fill="#7dd3fc"/><text x="40" y="190" font-size="12" font-weight="800" fill="#0b1020">2</text>
      <text x="66" y="190">Instal "Mixamo Rig" dari Blender Extensions</text>
      <circle cx="44" cy="226" r="11" fill="#7dd3fc"/><text x="40" y="230" font-size="12" font-weight="800" fill="#0b1020">3</text>
      <text x="66" y="230">Impor FBX melalui panel add-on (sidebar N)</text>
      <circle cx="44" cy="266" r="11" fill="#7dd3fc"/><text x="40" y="270" font-size="12" font-weight="800" fill="#0b1020">4</text>
      <text x="66" y="270">Buat control rig IK</text>
      <circle cx="44" cy="306" r="11" fill="#7dd3fc"/><text x="40" y="310" font-size="12" font-weight="800" fill="#0b1020">5</text>
      <text x="66" y="310">Impor klip lain, bake masuk dan keluar dari rig</text>
      <circle cx="388" cy="146" r="11" fill="#6ee7b7"/><text x="384" y="150" font-size="12" font-weight="800" fill="#0b1020">1</text>
      <text x="410" y="150">T-pose With Skin sekali, setiap klip Without Skin</text>
      <circle cx="388" cy="186" r="11" fill="#6ee7b7"/><text x="384" y="190" font-size="12" font-weight="800" fill="#0b1020">2</text>
      <text x="410" y="190">File &gt; Import &gt; FBX, Apply Transform nonaktif</text>
      <circle cx="388" cy="226" r="11" fill="#6ee7b7"/><text x="384" y="230" font-size="12" font-weight="800" fill="#0b1020">3</text>
      <text x="410" y="230">Tetapkan action setiap klip ke armature utama</text>
      <circle cx="388" cy="266" r="11" fill="#6ee7b7"/><text x="384" y="270" font-size="12" font-weight="800" fill="#0b1020">4</text>
      <text x="410" y="270">Push Down ke NLA, hapus armature tambahan</text>
      <circle cx="388" cy="306" r="11" fill="#6ee7b7"/><text x="384" y="310" font-size="12" font-weight="800" fill="#0b1020">5</text>
      <text x="410" y="310">Ekspor untuk engine Anda</text>
    </g>
    <line x1="24" y1="340" x2="696" y2="340" stroke="#1f2a44"/>
    <rect x="24" y="356" width="10" height="40" rx="3" fill="#fbbf24"/>
    <text x="46" y="374" font-size="13" fill="#e8edf5">Blender 5.5 dan yang lebih baru: halaman ekstensi menyatakan tidak didukung.</text>
    <text x="46" y="392" font-size="13" fill="#9aa7b4">Gunakan jalur manual, atau retarget pustaka CC0 di dalam Blender.</text>
  </g>
</svg>
<figcaption>Jalur add-on memberi Anda control rig untuk mengedit pose. Jalur manual memerlukan lebih banyak langkah, tetapi tidak memiliki batas versi.</figcaption>
</figure>
<div class="video-embed"><iframe src="https://www.youtube.com/embed/UNDXffLwtq4" title="[DIPERBAIKI] Add-on Mixamo untuk Blender 4!" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="video-caption">CGDive membahas add-on Mixamo untuk Blender 4 yang telah diperbaiki komunitas, termasuk apa yang sebelumnya rusak dan bagaimana rig hasil perbaikan diatur ke dalam koleksi tulang.</div>
<h2>Cara manual, langkah demi langkah</h2>
<p>Cara ini berfungsi pada setiap versi Blender dan tetap layak dipahami meskipun Anda menggunakan add-on, karena setiap diskusi &quot;animasi Mixamo tidak berfungsi&quot; pada akhirnya mengarah ke salah satu detail di bawah ini.</p>
<h3>1. Unduh file yang tepat</h3>
<p>Di Mixamo, pasang rig atau pilih karakter Anda, lalu unduh sekali dalam pose T dengan Format diatur ke FBX Binary dan Skin diatur ke With Skin. File itu adalah karakter Anda: mesh, material, dan skeleton. Kemudian, untuk setiap animasi yang Anda inginkan, terapkan animasinya dan unduh lagi dengan Skin diatur ke Without Skin. File-file tersebut hanya berisi skeleton dan gerakan, sehingga ukurannya kecil dan cepat diimpor. Untuk animasi berjalan atau berlari yang akan Anda kendalikan dari kode game, centang &quot;In Place&quot; agar karakter bergerak di tempat. Jika Anda menginginkan gerakan maju di dalam klip agar nantinya dapat melakukan bake pada root motion, jangan centang opsi tersebut. Biarkan keyframe reduction pada none karena importer lama Blender tetap membaca kurva FBX sebagai key yang telah di-bake.</p>
<h3>2. Impor dengan pengaturan yang tepat</h3>
<p><code>File &gt; Import &gt; FBX (.fbx)</code>. Pada Blender 4.2 hingga 4.4, item menu tersebut adalah importer Python. Blender 4.5 menambahkan item kedua bertanda eksperimental, yaitu importer C++ baru berbasis ufbx yang dalam <a href="https://developer.blender.org/docs/release_notes/4.5/pipeline_assets_io/">catatan rilis 4.5</a> disebut &quot;secara umum 3x–15x lebih cepat daripada importer lama&quot;. Dalam Blender 5.0, <a href="https://developer.blender.org/docs/release_notes/5.0/pipeline_io/">catatan rilis</a> menjadikan importer C++ sebagai opsi default dan menandai importer Python sebagai &quot;FBX (.fbx) (Legacy)&quot;. Keduanya dapat menangani file Mixamo, tetapi pengaturan yang penting sedikit berbeda.</p>
<p>Pada importer lama, <a href="https://docs.blender.org/manual/en/latest/addons/import_export/scene_fbx.html">manual Blender</a> mencantumkan opsi di bawah Transform dan Armature. Biarkan Manual Orientation tidak aktif karena importer membaca sumbu dari file. Biarkan Apply Transform tidak aktif. Manualnya menyampaikan peringatan dengan tegas mengenai kotak centang tersebut: &quot;Opsi eksperimental, gunakan dengan risiko sendiri, diketahui bermasalah dengan armature/animasi.&quot; Di bawah Armature, centang Ignore Leaf Bones agar Anda tidak mendapatkan tulang <code>_end</code> tambahan pada setiap ujung jari, lalu centang Automatic Bone Orientation. Panduan retargeting Rokoko juga meminta opsi ini karena menghasilkan bone roll yang dapat digunakan oleh constraint dan retargeter Blender.</p>
<p>Pada importer baru, <a href="https://docs.blender.org/manual/en/latest/files/import_export/fbx.html">halaman manual</a> lebih ringkas: nilai Scale, Custom Normals, opsi Material Name Collision (Make Unique atau Reference Existing), Offset animasi, dan Ignore Leaf Bones. Manual tersebut juga mencatat bahwa setiap take FBX &quot;diimpor sebagai Action terpisah, dengan setiap objek beranimasi ditetapkan ke Action Slot-nya sendiri&quot;, yang penting untuk langkah berikutnya.</p>
<h3>3. Periksa hasil impor</h3>
<p>Pilih armature dan tekan <code>N</code>. Tab Item menampilkan Scale 0.010 pada X, Y, dan Z. Itu bukan bug. Mixamo menggunakan sentimeter, file menyatakannya demikian, dan importer mempertahankan konversi unit pada objek armature alih-alih menulis ulang setiap tulang dan keyframe. Mesh menjadi child di bawahnya dan ditampilkan dengan ukuran yang tepat. Setiap tulang diberi nama <code>mixamorig:Hips</code>, <code>mixamorig:Spine</code>, <code>mixamorig:LeftArm</code>, dan seterusnya, lengkap dengan prefiks dan titik dua.</p>
<p>Anda mungkin tergoda untuk memilih semuanya dan menekan <code>Ctrl+A &gt; All Transforms</code> agar mendapatkan skala 1.0 yang rapi. Tunda sampai Anda mengimpor setiap klip, dan baca bagian skala di bawah sebelum benar-benar melakukannya.</p>
<h3>4. Masukkan klip lainnya</h3>
<p>Impor setiap FBX Without Skin dengan cara yang sama. Masing-masing masuk sebagai armature tersendiri, <code>Armature.001</code>, <code>Armature.002</code>, dengan sebuah action terpasang. Karena nama tulang di dalam action tersebut identik dengan nama tulang pada armature utama Anda, action-action itu dapat dipertukarkan: sebuah action hanyalah kumpulan F-curve yang merujuk berdasarkan nama tulang.</p>
<p>Pilih armature utama Anda, buka Dope Sheet, alihkan ke mode Action Editor, lalu pilih action yang diimpor dari menu tarik-turun di header. Karakter akan memainkannya. Pada Blender 4.4 dan yang lebih baru, action memiliki slot, dan slot milik action yang diimpor juga perlu ditetapkan ke armature. Header melakukannya untuk Anda ketika action dipilih. Setelah animasi berhasil diputar, klik Push Down. <a href="https://docs.blender.org/manual/en/latest/editors/nla/tracks.html">Manual</a> menjelaskan fungsinya: fitur tersebut &quot;membuat track baru di bawah Action Track dan memindahkan action aktif ke dalamnya sebagai strip, sehingga Action Track menjadi kosong&quot;. Ulangi untuk setiap klip, lalu hapus armature cadangan. Action-nya tetap berada di dalam file karena dirujuk oleh strip.</p>
<p>Jika Anda ingin setiap animasi tetap tersedia sebagai klip terpisah di Unity, Unreal, atau Godot, biarkan sebagai strip NLA terpisah dan centang NLA Strips di bawah Bake Animation pada exporter FBX, atau ekspor ke glTF. <a href="https://docs.blender.org/manual/en/latest/addons/import_export/scene_gltf2.html">Exporter</a> glTF menulis setiap action yang disimpan atau di-push down sebagai animasi tersendiri dalam mode Actions default dan, dalam mode NLA Tracks, mengekspor &quot;setiap NLA Track sebagai animasi glTF independen&quot;. Jika Anda menginginkan satu rangkaian panjang, susun strip secara berurutan dari ujung ke ujung pada satu track.</p>
<h3>5. Root motion</h3>
<p>Mixamo melakukan bake gerakan maju ke dalam tulang hips. Engine game mengharapkannya berada pada tulang root di titik asal karakter agar engine dapat membaca perpindahan karakter dan menggerakkan collider. Blender bawaan tidak menyediakan tombol untuk ini, jadi Anda perlu melakukannya secara manual atau menggunakan extension yang dibuat khusus untuk tugas tersebut.</p>
<p>Secara manual: tambahkan tulang bernama <code>root</code> pada titik asal armature, jadikan <code>mixamorig:Hips</code> sebagai child-nya, berikan root constraint Copy Location dari hips yang dibatasi ke X dan Y, bake root melalui <code>Object &gt; Animation &gt; Bake Action</code> (mode Pose, Visual Keying, Clear Constraints), lalu hapus key lokasi horizontal dari hips. Lakukan sekali untuk setiap klip.</p>
<p>Dengan extension: <a href="https://extensions.blender.org/add-ons/import-mixamo-root-motion/">Import Mixamo - Root Motion</a> karya DevilMayCry menambahkan <code>File &gt; Import &gt; Mixamo fbx (folder/*.fbx)</code>. Extension ini mengimpor satu folder penuh file FBX Mixamo sekaligus. Deskripsinya menyatakan bahwa extension akan &quot;menghapus prefiks nama mixamorig: secara massal&quot;, mengganti nama setiap action sesuai nama filenya, menerapkan transformasi, menghapus skeleton <code>Armature.00*</code> yang berlebihan, dan &quot;membuat tulang root secara massal untuk merekam informasi Root Motion&quot;, dengan beberapa cara untuk menghitung key hasil bake. Versi 1.0.4 dari November 2025 menambahkan opsi Copy Rotation agar root juga mengikuti putaran hips. Daftar kompatibilitasnya mencantumkan Blender 4.2 LTS dan menyatakan versi 5.1 ke atas tidak didukung, dengan 51.467 unduhan.</p>
<h2>Empat masalah yang sering terjadi</h2>
<h3>Karakter tetap diam dalam pose T</h3>
<p>Sembilan dari sepuluh kasus terjadi karena action tidak ditetapkan ke armature yang sedang Anda lihat. Periksa menu tarik-turun Action Editor. Kasus kesepuluh disebabkan oleh prefiks. Nama tulang Mixamo adalah <code>mixamorig:Hips</code>, dan jika F-curve pada action merujuk ke <code>mixamorig1:Hips</code> atau hanya <code>Hips</code>, tidak ada kurva yang menemukan tulangnya dan tidak ada yang bergerak, tanpa pesan kesalahan. Ini terjadi ketika klip diunduh menggunakan unggahan lain dari karakter yang sama, atau ketika salah satu file diproses melalui alat yang menghapus prefiks. Buka Graph Editor, perluas sebuah channel, lalu bandingkan nama tulang di data path dengan nama di armature Anda. Perbaiki dengan mengganti nama pada salah satu sisi. <a href="https://docs.blender.org/manual/en/latest/files/blend/rename.html">Batch Rename</a> (<code>Edit &gt; Batch Rename</code>, atau <code>Ctrl+F2</code>) dengan Data Type diatur ke Bones dapat menangani seluruh skeleton menggunakan Find <code>mixamorig:</code> dan Replace yang dibiarkan kosong. Extension root motion di atas juga dapat melakukan hal yang sama sebagai opsi impor massal.</p>
<h3>Karakter sangat kecil atau terlempar jauh</h3>
<p>Karakter yang sangat kecil disebabkan oleh skala objek 0.01 ketika mesh tidak menjadi child, atau karena file diimpor dengan nilai Scale selain 1.0. Karakter yang terlempar jauh adalah kasus yang lebih menarik. Jika Anda menerapkan skala pada armature utama hingga nilainya menjadi 1.0, tulang hips kini mengharapkan key lokasi dalam meter. Action yang Anda impor masih memiliki key lokasi dalam sentimeter, sehingga hips bergerak 100 kali terlalu jauh pada setiap langkah dan karakter meluncur keluar dari frame. Pertahankan skala 0.01 pada armature dan jangan pernah menerapkannya—semua importer engine dapat menanganinya—atau terapkan skala secara konsisten pada setiap armature sebelum Anda memindahkan action apa pun, sehingga kurva lokasi ikut diubah skalanya bersama tulang. Jangan pernah mencampurkan kedua keadaan tersebut dalam satu file.</p>
<h3>Tulang tambahan dan orientasi yang salah</h3>
<p>Tulang <code>_end</code> pada setiap jari tangan dan kaki berarti Ignore Leaf Bones tidak aktif saat impor. Tulang yang mengarah ke arah yang salah dengan bone roll berantakan berarti Automatic Bone Orientation tidak aktif. Keduanya hanya masalah visual saat playback, tetapi langsung menimbulkan masalah begitu Anda melakukan retargeting atau menambahkan constraint. Jadi, impor ulang dengan kotak-kotak tersebut dicentang daripada memperbaiki tulang secara manual. Jika Anda melakukan round-trip ke perangkat lunak lain, pengaturan Add Leaf Bones dan Primary/Secondary Bone Axis pada exporter di halaman manual yang sama merupakan kebalikan dari pengaturan tersebut.</p>
<h3>Tekstur tampil abu-abu atau merah muda</h3>
<p>Jika mesh dirender merah muda dalam Material Preview, path gambar terputus: gunakan <code>File &gt; External Data &gt; Find Missing Files</code> dan arahkan ke folder hasil ekstraksi. Jika tampil abu-abu polos, importer telah membuat material tetapi tidak menghubungkan gambar. Buka Shader Editor dan hubungkan tekstur ke Base Color.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 340" role="img" aria-label="Dua kegagalan impor Mixamo. Kiri, prefiks tulang tidak cocok: armature memiliki tulang bernama mixamorig:Hips, mixamorig:Spine, mixamorig:LeftArm, tetapi kurva action yang diimpor merujuk ke mixamorig1:Hips, sehingga tidak ada kurva yang menemukan tulang dan karakter tetap dalam pose T. Kanan, skala tidak cocok: armature diimpor dengan skala objek 0.010 dan key lokasi hips dalam sentimeter. Menerapkan skala menjadi 1.0 tanpa mengubah skala action membuat setiap gerakan hips 100 kali terlalu besar.">
  <rect width="720" height="340" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Mengapa karakter diam dan mengapa terlempar jauh</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Dua kegagalan tanpa peringatan di balik sebagian besar diskusi "Mixamo tidak berfungsi di Blender".</text>
    <text x="24" y="98" font-size="14" font-weight="700" fill="#c8a8ff">Prefiks tulang tidak cocok</text>
    <rect x="24" y="112" width="150" height="112" rx="8" fill="#141b33" stroke="#1f2a44"/>
    <text x="36" y="132" font-size="11" fill="#9aa7b4">Tulang armature</text>
    <g font-family="ui-monospace,SFMono-Regular,Menlo,monospace" font-size="11" fill="#e8edf5">
      <text x="36" y="152">mixamorig:Hips</text>
      <text x="36" y="170">mixamorig:Spine</text>
      <text x="36" y="188">mixamorig:LeftArm</text>
      <text x="36" y="206">mixamorig:LeftLeg</text>
    </g>
    <rect x="202" y="112" width="150" height="112" rx="8" fill="#141b33" stroke="#fb7185"/>
    <text x="214" y="132" font-size="11" fill="#9aa7b4">F-curve action</text>
    <g font-family="ui-monospace,SFMono-Regular,Menlo,monospace" font-size="11" fill="#fb7185">
      <text x="214" y="152">mixamorig1:Hips</text>
      <text x="214" y="170">mixamorig1:Spine</text>
      <text x="214" y="188">mixamorig1:LeftArm</text>
      <text x="214" y="206">mixamorig1:LeftLeg</text>
    </g>
    <line x1="174" y1="168" x2="202" y2="168" stroke="#fb7185" stroke-width="2" stroke-dasharray="4 3"/>
    <text x="24" y="250" font-size="12" fill="#e8edf5">Tidak ada kurva yang menemukan tulang. Tidak bergerak, tanpa error.</text>
    <text x="24" y="268" font-size="12" fill="#6ee7b7">Solusi: Batch Rename, cari "mixamorig:" lalu ganti dengan kosong pada keduanya.</text>
    <text x="384" y="98" font-size="14" font-weight="700" fill="#fbbf24">Skala tidak cocok</text>
    <rect x="384" y="112" width="150" height="112" rx="8" fill="#141b33" stroke="#1f2a44"/>
    <text x="396" y="132" font-size="11" fill="#9aa7b4">Saat diimpor</text>
    <text x="396" y="154" font-size="12" fill="#e8edf5">Skala objek 0.010</text>
    <text x="396" y="172" font-size="12" fill="#e8edf5">Key hips dalam cm</text>
    <text x="396" y="190" font-size="12" fill="#e8edf5">96.4 cm x 0.01</text>
    <text x="396" y="208" font-size="12" font-weight="700" fill="#6ee7b7">= 0.964 m, benar</text>
    <rect x="562" y="112" width="134" height="112" rx="8" fill="#141b33" stroke="#fb7185"/>
    <text x="574" y="132" font-size="11" fill="#9aa7b4">Skala diterapkan, action tidak</text>
    <text x="574" y="154" font-size="12" fill="#e8edf5">Skala objek 1.0</text>
    <text x="574" y="172" font-size="12" fill="#e8edf5">Key hips masih dalam cm</text>
    <text x="574" y="190" font-size="12" fill="#e8edf5">96.4 cm x 1</text>
    <text x="574" y="208" font-size="12" font-weight="700" fill="#fb7185">= 96.4 m, terlempar</text>
    <text textLength="330" lengthAdjust="spacingAndGlyphs" x="384" y="250" font-size="12" fill="#e8edf5">Pertahankan 0.01 pada setiap armature, atau terapkan ke semuanya sebelum</text>
    <text textLength="330" lengthAdjust="spacingAndGlyphs" x="384" y="268" font-size="12" fill="#e8edf5">memindahkan action. Jangan pernah mencampurkan keduanya dalam satu file.</text>
    <line x1="24" y1="292" x2="696" y2="292" stroke="#1f2a44"/>
    <text x="24" y="316" font-size="12" fill="#9aa7b4">Leaf bone dan bone roll adalah dua masalah lainnya; perbaiki dengan impor ulang sambil mencentang kotak Armature.</text>
  </g>
</svg>
<figcaption>Prefiks yang tidak cocok gagal tanpa peringatan, sedangkan skala yang hanya diterapkan sebagian menghasilkan kegagalan yang kentara. Keduanya terjadi karena mengimpor beberapa file FBX yang tidak konsisten satu sama lain.</figcaption>
</figure>
<h2>Mengekspor hasil yang Anda buat</h2>
<p>Setelah semua klip berada pada satu armature, proses ekspornya menjadi ekspor Blender biasa, dengan detail yang lazim untuk tiap engine. Unity dan Unreal menggunakan FBX (<code>File &gt; Export &gt; FBX (.fbx)</code>), sedangkan Godot dan web menggunakan glTF (<code>File &gt; Export &gt; glTF 2.0 (.glb/.gltf)</code>). Centang Selected Objects lalu pilih armature dan mesh saja, agar kamera dan lampu cadangan dari impor tidak ikut terbawa. Di bagian Bake Animation, NLA Strips mengekspor setiap strip sebagai take tersendiri, sedangkan All Actions mengekspor setiap action yang &quot;kompatibel dengan armature yang dipilih&quot;, yang jumlahnya lebih banyak daripada yang Anda inginkan jika file masih menyimpan action dari armature yang telah dihapus. Nonaktifkan Add Leaf Bones, karena jika tidak, eksportir akan menulis satu tulang tambahan di ujung setiap rantai untuk menandai panjang tulang terakhir, dan engine akan menampilkannya sebagai <code>_end</code>. Jika impor Anda terus gagal pada file FBX dari paket lain, bukan dari Mixamo, <a href="https://superhivemarket.com/products/better-fbx-importer--exporter">Better FBX Importer &amp; Exporter</a> berbayar ($25 untuk satu pengguna, lebih dari 12.600 penjualan, tercantum untuk Blender 3.6 hingga 5.1) tersedia karena dapat membaca setiap versi FBX dari 5.3 hingga 2020 dan mengekspor armature yang ramah untuk Unity dan Unreal, dan kemampuan itulah yang dibayar orang.</p>
<p>Jika tahap ekspor adalah bagian yang paling Anda khawatirkan, kartu ekspor add-on Cinevva Rig dapat digunakan gratis tanpa kunci atau akun: kartu ini melaporkan penggunaan byte dalam file Anda (geometri, tekstur, animasi, shape key), sedangkan preset Unity, Unreal, Godot, dan Web mengatur sumbu, skala, sumbu tulang, batas tekstur, serta kompresi untuk Anda. Dibandingkan dengan ekspor GLB Blender biasa, preset tersebut menghasilkan file 68% hingga 98% lebih kecil pada empat model sungguhan.</p>
<h2>Yang dapat digunakan sebagai pengganti Mixamo</h2>
<p>Alasan kebanyakan orang beralih dari Blender ke Mixamo adalah pustaka animasinya, bukan rigging-nya. Blender menyertakan <a href="https://docs.blender.org/manual/en/latest/addons/rigging/rigify/index.html">Rigify</a> sebagai add-on bawaan secara gratis, dan ada beberapa cara untuk memasukkan pustaka klip ke rig tanpa meninggalkan Blender.</p>
<p><strong>Retarget klip apa pun dengan plugin Rokoko.</strong> Plugin Studio Live Rokoko untuk Blender bersifat sumber terbuka di GitHub, dan <a href="https://support.rokoko.com/hc/en-us/articles/4410463481489-Retarget-an-animation-in-Blender">panduan retargeting-nya</a> menyatakan bahwa &quot;fitur retargeting bukan fitur berbayar dan tidak memerlukan akun premium&quot;. Langkah-langkahnya: impor FBX dengan Automatic Bone Orientation dicentang, buka panel Retargeting, pilih armature beranimasi sebagai sumber dan armature Anda sebagai target, tekan Build Bone List, periksa pasangan tulangnya, centang Auto Scale jika ukuran kedua kerangka berbeda, pastikan keduanya berada dalam pose yang sama, lalu tekan Retarget Animation. Jika kaki tenggelam atau pinggul tetap diam, Rokoko menyarankan untuk mencoba menonaktifkan Auto Scale atau mengubah Use Pose menjadi Current. Ini adalah cara termurah untuk memindahkan klip Mixamo ke rig Rigify atau rig khusus.</p>
<p><strong>Retarget dengan Remap dari Auto-Rig Pro.</strong> <a href="https://superhivemarket.com/products/auto-rig-pro">Auto-Rig Pro</a> adalah pemimpin kategori di Superhive, dengan lebih dari 65.000 penjualan dan rentang dukungan Blender 2.93 hingga 5.1. Edisi Lite berharga $25 dan mencakup rig itu sendiri. Remap, alat retargeting-nya, tersedia dalam edisi Full seharga $50 bersama deteksi biped Smart serta preset ekspor FBX dan glTF untuk Unreal dan Unity. Halaman produknya menjelaskan bahwa Remap dapat melakukan retargeting &quot;action armature apa pun ke armature lain, dengan nama dan orientasi tulang yang berbeda&quot;, serta menyebut file Mixamo sebagai contohnya. Jika Anda sudah memiliki ARP, inilah alat retargeting Anda.</p>
<p><strong>Retarget dengan constraint dan bake.</strong> Blender dapat melakukannya tanpa add-on: berikan constraint Copy Rotation pada setiap tulang di rig Anda dengan target tulang Mixamo yang sesuai, tambahkan Copy Location pada pinggul, lalu gunakan <code>Object &gt; Animation &gt; Bake Action</code> dengan Visual Keying dan Clear Constraints. Proses ini melelahkan untuk kerangka lengkap, dan Anda harus menyiapkannya lagi untuk setiap pasangan kerangka.</p>
<p><strong>Gunakan pustaka CC0 sebagai pengganti pustaka Mixamo.</strong> <a href="https://quaternius.com/packs/universalanimationlibrary.html">Universal Animation Library</a> dari Quaternius (Maret 2025, lebih dari 120 klip) dan <a href="https://quaternius.com/packs/universalanimationlibrary2.html">Universal Animation Library 2</a> (Januari 2026, lebih dari 130 klip) berlisensi CC0, tersedia dalam format FBX, GLB, dan .blend, serta dibuat pada satu rig humanoid yang &quot;siap untuk retargeting&quot; ke Unreal, Godot, dan Unity. Koleksinya mencakup lokomosi dalam delapan arah, joging, sprint, merangkak, berenang, kombo pertarungan jarak dekat dan bersenjata, parkour, bertani, memancing, serta set zombie. CC0 adalah dedikasi domain publik, jadi tidak ada persyaratan yang mengikuti klip tersebut ke dalam game Anda, dan Anda dapat mendistribusikan ulang file mentahnya, sesuatu yang tidak diizinkan oleh ketentuan Mixamo. Anda tetap perlu melakukan retargeting ke karakter Anda menggunakan salah satu alat di atas.</p>
<p><strong>Lewati proses bolak-balik.</strong> <a href="/blender-addon/">Add-on Cinevva Rig</a> menangani rig dan pustakanya di satu tempat. Pilih mesh, tekan Rig, dan Anda akan mendapatkan armature humanoid ber-skin dengan nama tulang Mixamo, sehingga semua alur kerja di halaman ini tetap berlaku. Kemudian, browser yang tertambat di viewport menampilkan pratinjau 260 klip CC0 (berjalan, berlari, idle, bertarung, memanjat, merangkak, emote), dan satu klik akan melakukan retargeting klip ke karakter Anda di dalam Blender, dengan penempatan kaki dan kontak lantai ditangani selama proses retargeting. Rigging berjalan di komputer Anda sendiri setelah satu kali pengunduhan engine sekitar 2,4 GB, secara offline, tanpa batas jumlah rig, melalui satu kali pembelian seharga peluncuran $29 yang dapat diaktifkan pada hingga tiga komputer. Add-on ini mendukung Blender 4.2+ di Windows, macOS, serta Linux, dan dipasang sebagai ekstensi standar. Jika Anda tidak ingin memasang apa pun, 260 klip yang sama dapat di-retarget ke rig GLB atau FBX yang diunggah melalui browser di <a href="/id/tools/animations">pustaka animasi</a>, sedangkan <a href="/id/tools/animate">Prompt Animations</a> mengubah kalimat menjadi klip untuk gerakan unik yang tidak tersedia di pustaka mana pun.</p>
<p><strong>Jika rig-nya yang ingin Anda buat ulang.</strong> Bobot skin Mixamo tidak dapat banyak diubah, dan mengecat ulang bobot itulah pekerjaan yang orang bayar untuk dihindari. <a href="https://superhivemarket.com/products/voxel-heat-diffuse-skinning">Voxel Heat Diffuse Skinning</a> ($30, lebih dari 12.500 penjualan, Blender 3.6 hingga 5.1) melakukan skinning ulang mesh ke armature apa pun dengan penyelesaian voxel heat, dan ini merupakan solusi standar ketika bobot otomatis Mixamo membuat jubah atau rok terjepit.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 400" role="img" aria-label="Matriks perbandingan cara memasukkan animasi ke karakter Blender. Mixamo ditambah ekstensi Mixamo Rig: gratis, lisensi bebas royalti Mixamo tanpa distribusi ulang, di dalam Blender, Blender 4.2 hingga 5.4. Retargeting dengan plugin Rokoko: gratis dan bersumber terbuka, lisensi mengikuti klip, di dalam Blender. Auto-Rig Pro Remap: edisi Full seharga 50 dolar, lisensi mengikuti klip, di dalam Blender, 2.93 hingga 5.1. Constraint ditambah bake: gratis, lisensi mengikuti klip, di dalam Blender, versi apa pun. Quaternius Universal Animation Library: gratis, CC0, memerlukan alat retargeting. Add-on Cinevva Rig: satu kali pembelian 29 dolar, 260 klip CC0, di dalam Blender, 4.2+. Pustaka animasi web Cinevva: pratinjau gratis, CC0, di browser.">
  <rect width="720" height="400" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Memasukkan animasi ke karakter Blender</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Biaya, lisensi klip yang Anda distribusikan, dan tempat pengerjaannya.</text>
    <g font-size="12" font-weight="700" fill="#9aa7b4">
      <text x="24" y="96">Opsi</text>
      <text x="262" y="96">Biaya</text>
      <text x="392" y="96">Lisensi klip</text>
      <text x="536" y="96">Di dalam Blender</text>
      <text x="640" y="96">Blender</text>
    </g>
    <line x1="24" y1="106" x2="696" y2="106" stroke="#1f2a44"/>
    <g font-size="12" fill="#e8edf5">
      <text x="24" y="132">Mixamo + ekstensi Mixamo Rig</text>
      <text x="262" y="132" fill="#6ee7b7">Gratis, Adobe ID</text>
      <text x="392" y="132" fill="#fbbf24">Bebas royalti, tanpa distribusi ulang</text>
      <text x="536" y="132" fill="#6ee7b7">Ya</text>
      <text x="640" y="132">4.2 hingga 5.4</text>
      <text x="24" y="168">Retargeting plugin Rokoko</text>
      <text x="262" y="168" fill="#6ee7b7">Gratis, sumber terbuka</text>
      <text x="392" y="168">Mengikuti klip</text>
      <text x="536" y="168" fill="#6ee7b7">Ya</text>
      <text x="640" y="168">Saat ini</text>
      <text x="24" y="204">Auto-Rig Pro Remap</text>
      <text x="262" y="204" fill="#fbbf24">Edisi Full $50</text>
      <text x="392" y="204">Mengikuti klip</text>
      <text x="536" y="204" fill="#6ee7b7">Ya</text>
      <text x="640" y="204">2.93 hingga 5.1</text>
      <text x="24" y="240">Constraint + Bake Action</text>
      <text x="262" y="240" fill="#6ee7b7">Gratis, bawaan</text>
      <text x="392" y="240">Mengikuti klip</text>
      <text x="536" y="240" fill="#6ee7b7">Ya</text>
      <text x="640" y="240">Apa pun</text>
      <text x="24" y="276">Pustaka Anim. Universal Quaternius</text>
      <text x="262" y="276" fill="#6ee7b7">Gratis</text>
      <text x="392" y="276" fill="#6ee7b7">CC0</text>
      <text x="536" y="276" fill="#fbbf24">Memerlukan alat retargeting</text>
      <text x="640" y="276">t/a</text>
      <text x="24" y="312">Add-on Cinevva Rig</text>
      <text x="262" y="312" fill="#fbbf24">$29 sekali, offline</text>
      <text x="392" y="312" fill="#6ee7b7">CC0, 260 klip</text>
      <text x="536" y="312" fill="#6ee7b7">Ya</text>
      <text x="640" y="312">4.2+</text>
      <text x="24" y="348">Pustaka animasi web Cinevva</text>
      <text x="262" y="348" fill="#6ee7b7">Pratinjau gratis</text>
      <text x="392" y="348" fill="#6ee7b7">CC0, 260 klip</text>
      <text x="536" y="348" fill="#7dd3fc">Browser</text>
      <text x="640" y="348">t/a</text>
    </g>
    <line x1="24" y1="366" x2="696" y2="366" stroke="#1f2a44"/>
    <text x="24" y="388" font-size="12" fill="#9aa7b4">Harga dan rentang versi sesuai yang tercantum di Blender Extensions, Superhive, dan dokumentasi Rokoko, September 2026.</text>
  </g>
</svg>
<figcaption>"Mengikuti klip" berarti alat retargeting tidak menambahkan ketentuannya sendiri, sehingga klip Mixamo tetap berada di bawah lisensi Mixamo dan klip CC0 tetap CC0.</figcaption>
</figure>
<h2>Pertanyaan Umum</h2>
<h3>Apakah ada add-on Mixamo untuk Blender 4.2?</h3>
<p>Ya. Versi asli dari Adobe ditulis untuk Blender 3.6 dan rusak akibat bone collection di Blender 4.0, tetapi kelanjutan yang dikembangkan komunitas tersedia di Blender Extensions sebagai <a href="https://extensions.blender.org/add-ons/mixamo-rig/">Mixamo Rig</a>, versi 1.2.2 dari April 2026, yang tercantum untuk Blender 4.2 LTS dengan versi 5.5 ke atas ditandai tidak didukung. Add-on ini menyediakan rig kontrol IK sekali klik yang sama dan melakukan bake animasi masuk maupun keluar. Pasang melalui <code>Edit &gt; Preferences &gt; Get Extensions</code>.</p>
<h3>Apakah Mixamo masih gratis pada 2026?</h3>
<p>Menurut <a href="https://helpx.adobe.com/creative-cloud/faq/mixamo-faq.html">FAQ Mixamo</a> dari Adobe, Mixamo gratis bagi siapa pun yang memiliki Adobe ID dan tidak memerlukan langganan Creative Cloud, dengan pengecualian bahwa Enterprise ID dan Federated ID tidak dapat menggunakannya serta layanan ini tidak tersedia bagi akun dengan kode negara Tiongkok. Karakter dan animasinya bebas royalti untuk proyek komersial, termasuk game. FAQ tersebut terakhir diperbarui pada September 2021, dan Adobe menyatakan bahwa mereka tidak menyediakan dukungan pemecahan masalah untuk program pihak ketiga seperti Blender.</p>
<h3>Bagaimana cara mengimpor animasi Mixamo ke Blender?</h3>
<p>Unduh karakter sekali dengan opsi With Skin dan setiap animasi dengan opsi Without Skin, lalu gunakan <code>File &gt; Import &gt; FBX (.fbx)</code> untuk setiap file dengan Apply Transform dinonaktifkan dan, pada importir lama, Automatic Bone Orientation serta Ignore Leaf Bones diaktifkan. Pilih armature utama Anda, pilih action yang diimpor dari menu tarik-turun Action Editor, lalu tekan Push Down untuk menyimpannya sebagai strip NLA. Hapus armature tambahan setelah selesai. Blender 5.0 dan yang lebih baru menggunakan importir C++ yang lebih cepat secara default dan mempertahankan versi Python sebagai &quot;(Legacy)&quot;.</p>
<h3>Mengapa karakter Mixamo saya sangat kecil di Blender?</h3>
<p>File Mixamo menggunakan sentimeter, sehingga importir mengatur skala objek armature menjadi 0.010 dan menjadikan mesh sebagai child di bawahnya, yang membuatnya ditampilkan dengan ukuran yang benar. Karakter hanya terlihat sangat kecil ketika mesh tidak memiliki parent atau Anda mengubah nilai Scale pada importir. Jangan menerapkan skala pada satu armature tetapi tidak pada armature lainnya, karena action yang diimpor menyimpan key lokasi pinggul dalam sentimeter dan karakter akan melesat 100 kali terlalu jauh.</p>
<h3>Mengapa animasi Mixamo saya tidak berfungsi di Blender?</h3>
<p>Karakter tetap dalam T-pose ketika tidak ada action yang ditetapkan ke armature tersebut, atau ketika nama tulang dalam action tidak cocok dengan armature. Tulang Mixamo menggunakan nama <code>mixamorig:Hips</code> dan sejenisnya, dan jika satu file kembali dengan awalan <code>mixamorig1:</code> atau awalannya dihapus, tidak ada F-curve yang dapat menemukan tulang sehingga tidak ada yang bergerak, tanpa pesan kesalahan. Periksa menu tarik-turun Action Editor terlebih dahulu, lalu bandingkan nama tulang di data path Graph Editor dengan nama pada armature, dan gunakan <code>Ctrl+F2</code> Batch Rename agar keduanya cocok.</p>
<h3>Bagaimana cara mendapatkan root motion dari Mixamo di Blender?</h3>
<p>Unduh klip dengan opsi &quot;In Place&quot; tidak dicentang agar gerakan maju berada di pinggul, lalu pindahkan lokasi horizontal pinggul ke root bone dan lakukan bake. Ekstensi <a href="https://extensions.blender.org/add-ons/import-mixamo-root-motion/">Import Mixamo - Root Motion</a> melakukan ini sekaligus untuk seluruh folder file, menghapus awalan <code>mixamorig:</code>, dan menamai setiap action berdasarkan nama filenya. Ekstensi ini tercantum untuk Blender 4.2 LTS dengan versi 5.1 ke atas tidak didukung, jadi pada Blender yang lebih baru Anda perlu melakukannya secara manual menggunakan constraint Copy Location dan Bake Action.</p>
<h3>Apa alternatif Mixamo terbaik untuk Blender?</h3>
<p>Untuk animasi, CC0 Universal Animation Library dari Quaternius menyediakan lebih dari 250 klip yang dapat Anda sertakan dan distribusikan ulang tanpa baris atribusi lisensi, lalu di-retarget ke rig Anda menggunakan plugin gratis Rokoko atau Remap dari Auto-Rig Pro. Jika Anda menginginkan rig dan pustaka dalam satu add-on, add-on Cinevva Rig dapat membuat rig pada mesh dan melakukan retargeting 260 klip CC0 ke mesh tersebut di dalam Blender, pada komputer Anda sendiri, melalui satu kali pembelian seharga $29, untuk Blender 4.2+. Mixamo sendiri tetap cocok untuk mengambil satu atau dua klip.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/blender-addon/">Cinevva Rig untuk Blender</a>: pasang rig pada mesh, putar 260 klip CC0, dan ekspor file siap pakai untuk game, semuanya langsung di dalam Blender.</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Auto-Rigging Gratis</a>: status Mixamo serta semua pustaka dan alat rigging gratis, dengan lisensi yang telah diverifikasi.</li>
<li><a href="/id/guides/automatic-rigging-explained">Cara Kerja Rigging Otomatis</a>: apa yang dilakukan alat auto-rigging pada mesh Anda dan cara menyiapkan model untuknya.</li>
<li><a href="/id/guides/ai-animation-generators-3d">Generator Animasi AI untuk Karakter 3D</a>: perbandingan alat teks-ke-gerakan, mocap video, dan pustaka animasi.</li>
<li><a href="/id/tools/animations">Pustaka Animasi Karakter</a>: unggah GLB atau FBX yang sudah memiliki rig dan pratinjau 260 animasi CC0 pada karakter tersebut di browser.</li>
<li><a href="/id/tools/animate">Animasi dengan Prompt</a>: deskripsikan gerakan dan dapatkan klip yang ditargetkan ulang ke karakter Anda.</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Mengoptimalkan File GLB untuk Web: Draco, Meshopt, dan KTX2 (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/optimize-glb-for-web</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/optimize-glb-for-web</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Optimalkan GLB untuk web: perkecil tekstur terlebih dahulu (WebP atau KTX2), lakukan kuantisasi, lalu gunakan Meshopt atau Draco, kemudian sederhanakan. Dilengkapi perintah gltf-transform dan gltfpack.]]></description>
            <content:encoded><![CDATA[<h1>Cara Mengoptimalkan File GLB untuk Web: Draco, Meshopt, dan KTX2 (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/optimize-glb-for-web-hero.jpg?v=1" alt="Peti harta karun besar melewati tabung dan menjadi salinan kecil dirinya sendiri" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img, .guide-fig svg { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { border: 0; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
</style>
<p>Untuk mengoptimalkan GLB bagi web, kerjakan dengan urutan berikut: perkecil tekstur terlebih dahulu (batasi pada 1024 atau 2048, enkode ulang sebagai WebP untuk memperkecil ukuran unduhan atau KTX2 untuk menghemat memori GPU), lakukan kuantisasi pada data verteks, kompres geometri dengan Meshopt (atau Draco jika penghematan beberapa ratus kilobita terakhir lebih penting daripada waktu dekode), sederhanakan mesh jika jumlah segitiganya masih tidak masuk akal, lalu pangkas, hapus duplikasi, dan gabungkan sisanya. Satu perintah dapat menangani sebagian besar proses tersebut: <code>gltf-transform optimize in.glb out.glb --texture-compress webp</code>. Urutannya penting karena tekstur biasanya mencakup 80 persen atau lebih dari ukuran file dan seluruh penggunaan memori video.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Model yang didominasi tekstur (sebagian besar model):</strong> ubah ukurannya menjadi 1024 atau 2048, lalu jalankan <code>gltf-transform webp</code>. Jika tersendat atau macet di ponsel, konversikan ke KTX2, baik di browser menggunakan <a href="/id/tools/ktx2-compressor">kompresor KTX2</a> maupun dengan <code>gltf-transform etc1s</code>/<code>uastc</code>.</li>
<li><strong>Model yang didominasi geometri (hasil pemindaian, CAD, buatan AI):</strong> jalankan <code>gltf-transform simplify</code>, lalu <code>meshopt</code>. Draco menghasilkan ukuran sedikit lebih kecil, tetapi proses dekodenya lebih lambat dan memerlukan dekoder sepuluh kali lebih besar.</li>
<li><strong>Karakter animasi:</strong> gunakan Meshopt, bukan Draco. Draco tidak memproses trek animasi dan target morph.</li>
<li><strong>File harus dapat dibuka di engine yang tidak Anda kendalikan:</strong> gunakan <code>gltf-transform quantize</code>. Tidak memerlukan dekoder, hanya <code>KHR_mesh_quantization</code>, yang dapat dibaca oleh semua loader di sini.</li>
<li><strong>Tanpa terminal:</strong> <a href="/id/tools/glb-optimizer">pengoptimal GLB</a> menjalankan pemangkasan, pengelasan verteks, penggabungan, penyederhanaan, pengubahan ukuran tekstur ke WebP, dan Meshopt di browser Anda, disertai informasi ukuran untuk setiap langkah.</li>
</ul>
<h2>Referensi singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th>Kuantisasi saja</th>
<th>Meshopt</th>
<th>Draco</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ekstensi</td>
<td><code>KHR_mesh_quantization</code></td>
<td><code>EXT_meshopt_compression</code> (+ kuantisasi)</td>
<td><code>KHR_draco_mesh_compression</code></td>
</tr>
<tr>
<td>Yang dikompresi</td>
<td>Atribut verteks (bit lebih sedikit)</td>
<td>Verteks, indeks, target morph, animasi</td>
<td>Hanya geometri mesh segitiga</td>
</tr>
<tr>
<td>Ukuran pada model uji 28 MB kami</td>
<td>22,8 MB (8,1 MB dengan gzip)</td>
<td>5,1 MB (3,3 MB dengan gzip)</td>
<td>2,6 MB (2,5 MB dengan gzip)</td>
</tr>
<tr>
<td>Dekoder</td>
<td>Tidak ada</td>
<td>Modul JS 32 KB dengan WASM inline</td>
<td>WASM 192 hingga 286 KB ditambah wrapper 58 KB, fallback JS 719 KB</td>
</tr>
<tr>
<td>Kecepatan dekode</td>
<td>Instan, GPU membacanya secara langsung</td>
<td>Sekitar 1 GB/dtk dengan WASM SIMD, menurut spesifikasi</td>
<td>Jauh lebih lambat daripada Meshopt, menurut dokumentasi glTF-Transform</td>
</tr>
<tr>
<td>Memerlukan gzip/brotli di server</td>
<td>Sangat membantu</td>
<td>Ya, memang dirancang untuk itu</td>
<td>Hanya sedikit manfaat</td>
</tr>
<tr>
<td>Loader</td>
<td>three.js, Babylon.js, PlayCanvas, glTFast</td>
<td>three.js r122+, Babylon.js 5.0+, glTFast (paket tambahan), tidak mendukung PlayCanvas</td>
<td>three.js, Babylon.js, PlayCanvas, glTFast (paket tambahan)</td>
</tr>
</tbody>
</table>
<p>Berikut angka yang sama dalam bentuk diagram batang, disertai hasil gltfpack dan penyederhanaan dari pengujian perbandingan.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 420" role="img" aria-label="Diagram batang model uji 28,7 MB setelah setiap langkah: kuantisasi 22,8 MB (8,1 MB dengan gzip), Meshopt 5,1 MB (3,3 MB dengan gzip), gltfpack -cc 4,4 MB (3,1 MB dengan gzip), Draco 2,6 MB (2,5 MB dengan gzip), penyederhanaan dengan rasio 0,25 menghasilkan 8,1 MB sebelum kompresi">
  <rect width="720" height="420" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Satu model, setiap codec</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Output TRELLIS.2 28,7 MB, 978.226 segitiga. gltf-transform 4.5.0 dan gltfpack 1.2.</text>
    <rect x="24" y="76" width="12" height="12" rx="2" fill="#7dd3fc"/>
    <text x="42" y="86" font-size="12" fill="#9aa7b4">file mentah</text>
    <rect x="110" y="76" width="12" height="12" rx="2" fill="#6ee7b7"/>
    <text x="128" y="86" font-size="12" fill="#9aa7b4">dengan gzip</text>
    <g transform="translate(0,104)">
      <text x="24" y="12" font-size="13" fill="#e8edf5">Asli</text>
      <text x="24" y="27" font-size="11" fill="#9aa7b4">geometri float32, tekstur 1,1 MB</text>
      <rect x="210" y="0" width="430" height="14" rx="3" fill="#7dd3fc"/>
      <text x="648" y="11" font-size="12" fill="#e8edf5">28,7 MB</text>
    </g>
    <g transform="translate(0,150)">
      <text x="24" y="12" font-size="13" fill="#e8edf5">quantize</text>
      <text x="24" y="27" font-size="11" fill="#9aa7b4">KHR_mesh_quantization, tanpa dekoder</text>
      <rect x="210" y="0" width="342" height="14" rx="3" fill="#7dd3fc"/>
      <text x="560" y="11" font-size="12" fill="#e8edf5">22,8 MB</text>
      <rect x="210" y="17" width="121" height="14" rx="3" fill="#6ee7b7"/>
      <text x="339" y="28" font-size="12" fill="#e8edf5">8,1 MB</text>
    </g>
    <g transform="translate(0,196)">
      <text x="24" y="12" font-size="13" fill="#e8edf5">meshopt --level high</text>
      <text x="24" y="27" font-size="11" fill="#9aa7b4">EXT_meshopt_compression</text>
      <rect x="210" y="0" width="76" height="14" rx="3" fill="#7dd3fc"/>
      <text x="294" y="11" font-size="12" fill="#e8edf5">5,1 MB</text>
      <rect x="210" y="17" width="49" height="14" rx="3" fill="#6ee7b7"/>
      <text x="267" y="28" font-size="12" fill="#e8edf5">3,3 MB</text>
    </g>
    <g transform="translate(0,242)">
      <text x="24" y="12" font-size="13" fill="#e8edf5">gltfpack -cc</text>
      <text x="24" y="27" font-size="11" fill="#9aa7b4">Meshopt, mode kompresi lebih tinggi</text>
      <rect x="210" y="0" width="66" height="14" rx="3" fill="#7dd3fc"/>
      <text x="284" y="11" font-size="12" fill="#e8edf5">4,4 MB</text>
      <rect x="210" y="17" width="46" height="14" rx="3" fill="#6ee7b7"/>
      <text x="264" y="28" font-size="12" fill="#e8edf5">3,1 MB</text>
    </g>
    <g transform="translate(0,288)">
      <text x="24" y="12" font-size="13" fill="#e8edf5">draco</text>
      <text x="24" y="27" font-size="11" fill="#9aa7b4">KHR_draco_mesh_compression</text>
      <rect x="210" y="0" width="39" height="14" rx="3" fill="#7dd3fc"/>
      <text x="257" y="11" font-size="12" fill="#e8edf5">2,6 MB</text>
      <rect x="210" y="17" width="37" height="14" rx="3" fill="#6ee7b7"/>
      <text x="255" y="28" font-size="12" fill="#e8edf5">2,5 MB</text>
    </g>
    <g transform="translate(0,334)">
      <text x="24" y="12" font-size="13" fill="#e8edf5">simplify --ratio 0.25</text>
      <text x="24" y="27" font-size="11" fill="#9aa7b4">244.556 segitiga</text>
      <rect x="210" y="0" width="121" height="14" rx="3" fill="#c8a8ff"/>
      <text x="339" y="11" font-size="12" fill="#e8edf5">8,1 MB</text>
      <text x="210" y="28" font-size="11" fill="#9aa7b4">sebelum kompresi, jadi codec mana pun di atas masih dapat diterapkan</text>
    </g>
    <line x1="24" y1="380" x2="696" y2="380" stroke="#ffffff14"/>
    <text x="24" y="400" font-size="12" fill="#9aa7b4">nilai bawaan optimize (rasio 0, galat 0,0001) mengurangi file yang sama menjadi 6.582 segitiga.</text>
  </g>
</svg>
<figcaption>Draco unggul dalam ukuran byte, tetapi gzip hampir tidak memberikan penghematan tambahan, sedangkan output Meshopt dan hasil kuantisasi mengandalkan kompresor server. Penyederhanaan adalah satu-satunya langkah yang mengubah jumlah segitiga, sehingga ukuran 8,1 MB tersebut merupakan titik awal baru, bukan hasil akhir.</figcaption>
</figure>
<h2>Ke mana byte digunakan dalam GLB</h2>
<p>Jalankan <code>gltf-transform inspect model.glb</code> sebelum melakukan apa pun. Perintah ini mencantumkan setiap mesh beserta jumlah verteks dan jenis atributnya, setiap tekstur beserta ukuran terenkode dan <code>gpuSize</code>, serta setiap animasi beserta jumlah keyframe-nya. Angka dalam panduan ini berasal dari dokumentasi alat dan spesifikasi ekstensi, ditambah pengujian perbandingan yang kami lakukan minggu ini menggunakan gltf-transform 4.5.0 dan gltfpack 1.2 pada dua file nyata. Hasilnya menunjukkan dua pola yang akan Anda temui.</p>
<p>Sebuah properti Sketchfab berukuran 2,2 MB (cangkir low-poly) memiliki 680 segitiga dan geometri sebesar 39 KB. Sebanyak 2,18 MB sisanya berasal dari tiga PNG berukuran 1024×1024, sehingga tekstur mencakup 98 persen file, dan <code>inspect</code> memperkirakan masing-masing menggunakan VRAM sebesar 5,59 MB setelah mipmap diterapkan. Ini adalah kasus umum untuk aset buatan tangan.</p>
<p>Output TRELLIS.2 berukuran 28,7 MB menunjukkan kondisi sebaliknya: 978.226 segitiga dan geometri float32 sebesar 27,5 MB, dengan tekstur hanya 1,1 MB. Namun, kedua tekstur tersebut berukuran 4096×4096, yang menurut <code>inspect</code> menggunakan VRAM sebesar 89,5 MB per tekstur. Model dari <a href="/id/tools/hunyuan3d">generator model 3D</a> dan alat sejenisnya sering hadir dalam kondisi seperti ini—padat dan memiliki tekstur berlebihan—sehingga membutuhkan langkah pengoptimalan geometri sekaligus tekstur.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 320" role="img" aria-label="Diagram batang bertumpuk byte terenkode berdasarkan konten: aset buatan tangan pada umumnya memiliki 80 persen atau lebih tekstur, cangkir 2,2 MB memiliki 98 persen tekstur dengan geometri 39 KB, model TRELLIS.2 28,7 MB memiliki geometri 27,5 MB dan tekstur 1,1 MB, dengan VRAM per tekstur sebesar 5,59 MB dan 89,5 MB">
  <rect width="720" height="320" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Ke mana byte digunakan</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Ukuran terenkode berdasarkan konten. Memori GPU adalah angka terpisah di sebelah kanan.</text>
    <rect x="24" y="76" width="12" height="12" rx="2" fill="#7dd3fc"/>
    <text x="42" y="86" font-size="12" fill="#9aa7b4">tekstur</text>
    <rect x="112" y="76" width="12" height="12" rx="2" fill="#c8a8ff"/>
    <text x="130" y="86" font-size="12" fill="#9aa7b4">geometri</text>
    <rect x="206" y="76" width="12" height="12" rx="2" fill="#4b5563"/>
    <text x="224" y="86" font-size="12" fill="#9aa7b4">lainnya (animasi, JSON, skin)</text>
    <g transform="translate(0,114)">
      <text x="24" y="0" font-size="13" fill="#e8edf5">Aset buatan tangan pada umumnya</text>
      <rect x="24" y="8" width="397" height="22" rx="4" fill="#7dd3fc"/>
      <text x="34" y="24" font-size="12" font-weight="700" fill="#0b1020">tekstur, 80 persen atau lebih</text>
      <rect x="421" y="8" width="99" height="22" rx="4" fill="#4b5563"/>
      <text x="431" y="23" font-size="10" fill="#e8edf5">lainnya</text>
      <text x="536" y="24" font-size="12" fill="#9aa7b4">pembagian umum</text>
    </g>
    <g transform="translate(0,184)">
      <text x="24" y="0" font-size="13" fill="#e8edf5">Cangkir Sketchfab 2,2 MB, 680 segitiga</text>
      <rect x="24" y="8" width="486" height="22" rx="4" fill="#7dd3fc"/>
      <text x="34" y="24" font-size="12" font-weight="700" fill="#0b1020">tiga PNG 1024x1024, 2,18 MB (98 persen)</text>
      <rect x="510" y="8" width="10" height="22" rx="2" fill="#c8a8ff"/>
      <rect x="24" y="38" width="8" height="8" rx="1" fill="#c8a8ff"/>
      <text x="38" y="46" font-size="11" fill="#9aa7b4">geometri 39 KB</text>
      <text x="536" y="20" font-size="13" font-weight="800" fill="#fbbf24">VRAM 5,59 MB</text>
      <text x="536" y="36" font-size="11" fill="#9aa7b4">per tekstur, dengan mipmap</text>
    </g>
    <g transform="translate(0,254)">
      <text x="24" y="0" font-size="13" fill="#e8edf5">Output TRELLIS.2 28,7 MB, 978.226 segitiga</text>
      <rect x="24" y="8" width="477" height="22" rx="4" fill="#c8a8ff"/>
      <text x="34" y="24" font-size="12" font-weight="700" fill="#0b1020">geometri float32, 27,5 MB</text>
      <rect x="501" y="8" width="19" height="22" rx="4" fill="#7dd3fc"/>
      <rect x="24" y="38" width="8" height="8" rx="1" fill="#7dd3fc"/>
      <text x="38" y="46" font-size="11" fill="#9aa7b4">tekstur 1,1 MB, dua berukuran 4096x4096</text>
      <text x="536" y="20" font-size="13" font-weight="800" fill="#fb7185">VRAM 89,5 MB</text>
      <text x="536" y="36" font-size="11" fill="#9aa7b4">per tekstur, dengan mipmap</text>
    </g>
  </g>
</svg>
<figcaption>Baris umum merupakan pedoman praktis, sedangkan dua baris lainnya berasal dari file nyata dalam pengujian perbandingan. Perhatikan kolom kanan: tekstur 1024 pada cangkir dan tekstur 4096 pada TRELLIS.2 sama-sama berukuran kecil di penyimpanan, tetapi penggunaan memori videonya sangat berbeda.</figcaption>
</figure>
<p>Perlu diperhatikan bahwa ukuran tekstur terenkode dan ukuran GPU tidak berkaitan. PNG 4 MB dan WebP 200 KB dari gambar 2048×2048 yang sama, keduanya akan menggunakan sekitar 22 MB dalam memori video setelah menjadi piksel mentah beserta mipmap. Hanya KTX2 yang dapat mengubah angka tersebut.</p>
<p>Enam langkah berikut dijalankan dalam urutan ini karena setiap langkah memperkecil data yang harus diproses oleh langkah selanjutnya.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 380" role="img" aria-label="Urutan triase enam langkah untuk mengecilkan GLB: tekstur, kuantisasi, Meshopt atau Draco, penyederhanaan, pemangkasan dan penggabungan, lalu animasi, masing-masing beserta dampaknya pada model uji 28,7 MB">
  <rect width="720" height="380" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Urutan triase</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Dahulukan pengurangan terbesar. Ukuran berasal dari model uji 28,7 MB.</text>
    <line x1="40" y1="100" x2="40" y2="340" stroke="#ffffff22" stroke-width="2"/>
    <g transform="translate(0,100)">
      <circle cx="40" cy="0" r="14" fill="#7dd3fc"/>
      <text x="40" y="5" font-size="13" font-weight="800" fill="#0b1020" text-anchor="middle">1</text>
      <text x="68" y="-3" font-size="14" font-weight="700" fill="#e8edf5">Tekstur: batasi ke 1024 atau 2048, lalu WebP atau KTX2</text>
      <text x="68" y="15" font-size="12" fill="#9aa7b4">Biasanya 80 persen atau lebih dari berkas dan seluruh memori video</text>
    </g>
    <g transform="translate(0,148)">
      <circle cx="40" cy="0" r="14" fill="#c8a8ff"/>
      <text x="40" y="5" font-size="13" font-weight="800" fill="#0b1020" text-anchor="middle">2</text>
      <text x="68" y="-3" font-size="14" font-weight="700" fill="#e8edf5">Kuantisasi</text>
      <text x="68" y="15" font-size="12" fill="#9aa7b4">28,7 MB menjadi 22,8 MB (8,1 MB dengan gzip), tanpa dekoder, dibaca semua loader</text>
    </g>
    <g transform="translate(0,196)">
      <circle cx="40" cy="0" r="14" fill="#6ee7b7"/>
      <text x="40" y="5" font-size="13" font-weight="800" fill="#0b1020" text-anchor="middle">3</text>
      <text x="68" y="-3" font-size="14" font-weight="700" fill="#e8edf5">Meshopt atau Draco</text>
      <text x="68" y="15" font-size="12" fill="#9aa7b4">5,1 MB (3,3 dengan gzip) atau 2,6 MB (2,5 dengan gzip), dekoder di klien</text>
    </g>
    <g transform="translate(0,244)">
      <circle cx="40" cy="0" r="14" fill="#fbbf24"/>
      <text x="40" y="5" font-size="13" font-weight="800" fill="#0b1020" text-anchor="middle">4</text>
      <text x="68" y="-3" font-size="14" font-weight="700" fill="#e8edf5">Sederhanakan</text>
      <text x="68" y="15" font-size="12" fill="#9aa7b4">978.226 segitiga menjadi 244.556 pada rasio 0,25, identik dari jarak permainan</text>
    </g>
    <g transform="translate(0,292)">
      <circle cx="40" cy="0" r="14" fill="#f0abfc"/>
      <text x="40" y="5" font-size="13" font-weight="800" fill="#0b1020" text-anchor="middle">5</text>
      <text x="68" y="-3" font-size="14" font-weight="700" fill="#e8edf5">Pangkas, deduplikasi, gabungkan, buat instans</text>
      <text x="68" y="15" font-size="12" fill="#9aa7b4">Keuntungan gratis: membuang yang tak dirujuk, mengubah 200 draw call menjadi segelintir</text>
    </g>
    <g transform="translate(0,340)">
      <circle cx="40" cy="0" r="14" fill="#fb7185"/>
      <text x="40" y="5" font-size="13" font-weight="800" fill="#0b1020" text-anchor="middle">6</text>
      <text x="68" y="-3" font-size="14" font-weight="700" fill="#e8edf5">Animasi: sampling ulang</text>
      <text x="68" y="15" font-size="12" fill="#9aa7b4">Membuang keyframe yang berada di garis antar-tetangganya, praktis tanpa kehilangan</text>
    </g>
  </g>
</svg>
<figcaption>Ikuti nomor dari atas ke bawah. Langkah 1 dan 4 adalah tempat sebagian besar byte berada, langkah 2 tidak terlihat kecuali pada satu mesh raksasa, dan langkah 5 harus dijalankan dengan hati-hati pada karakter ber-rig karena penggabungan menyatukan bagian-bagian yang seharusnya bergerak.</figcaption>
</figure>
<h2>Langkah 1: tekstur</h2>
<p>Dua masalah terpisah, dua perbaikan terpisah.</p>
<p><strong>Ukuran unduhan</strong> diperbaiki dengan mengubah ukuran dan mengenkode ulang. Hanya sedikit prop yang membutuhkan lebih dari 1024×1024, dan karakter utama jarang membutuhkan lebih dari 2048. <code>gltf-transform resize --width 1024 --height 1024</code> membatasi dimensi tanpa pernah memperbesarnya, sedangkan <code>gltf-transform webp</code> mengenkode ulang dengan sharp. Pada cangkir, WebP saja mengurangi berkas dari 2,23 MB menjadi 246 KB. Mengubah ukurannya ke 512 terlebih dahulu menguranginya menjadi 96 KB tanpa perubahan yang terlihat pada prop sebesar itu. WebP memerlukan <code>EXT_texture_webp</code>, yang dapat dibaca oleh engine web tetapi tidak oleh glTFast milik Unity (tabel fiturnya menyatakan fitur itu &quot;tidak akan didukung&quot;).</p>
<p><strong>Memori GPU dan waktu unggah</strong> hanya dapat diperbaiki dengan KTX2 menggunakan superkompresi Basis Universal, yang mempertahankan tekstur dalam format blok GPU hingga masuk ke VRAM dengan penggunaan memori 4 hingga 8 kali lebih kecil daripada RGBA mentah. Topik ini memiliki bagian tersendiri di bawah karena pengaturannya penting.</p>
<p>Satu peringatan dari pengujian perbandingan: <code>gltf-transform optimize</code> secara default menggunakan <code>--texture-compress auto</code>, yang mengenkode ulang tekstur dalam format aslinya. Pada cangkir, hal itu membuat PNG lebih besar dan ukuran berkas meningkat dari 2,2 MB menjadi 2,8 MB. Tentukan <code>webp</code> atau <code>ktx2</code> secara eksplisit.</p>
<h2>Langkah 2: kuantisasi</h2>
<p>Kuantisasi menyimpan setiap atribut verteks dengan lebih sedikit bit. Posisi berubah dari tiga float 32-bit menjadi tiga bilangan bulat 16-bit, dengan skala dan offset dimasukkan ke transformasi node (atau ke <code>inverseBindMatrices</code> untuk mesh ber-skin). Spesifikasi <a href="https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Khronos/KHR_mesh_quantization/README.md">KHR_mesh_quantization</a> memperkirakan satu verteks biasa sekitar 20 byte, bukan 48. Ini adalah ekstensi Khronos yang telah diratifikasi dan tidak memerlukan dekoder: GPU membaca atribut bilangan bulat secara langsung, sehingga berkas terkuantisasi lebih hemat di VRAM maupun saat ditransfer melalui jaringan.</p>
<p>Default glTF-Transform adalah 14 bit untuk posisi, 10 untuk normal dan tangen, 12 untuk UV, serta 8 untuk warna dan bobot. Default gltfpack adalah 14, 8, 12, dan 8. Keduanya tidak terlihat kecuali pada satu mesh raksasa, ketika 14 bit di seluruh rentang mesh dapat tampak sebagai permukaan bersegi. Jika digunakan sendiri, dampak kuantisasi tidak terlalu besar: model 28 MB kami turun menjadi 22,8 MB mentah dan 8,1 MB dengan gzip. Fungsi utamanya adalah menjadi separuh pertama Meshopt, sekaligus keluaran aman ketika loader tujuan belum pasti. Draco melakukan kuantisasi secara internal dengan default yang sama, jadi jangan jalankan <code>quantize</code> sebelum <code>draco</code>.</p>
<h2>Langkah 3: Meshopt atau Draco</h2>
<p>Keduanya merupakan codec geometri lossy yang didekode menjadi buffer biasa sebelum diunggah ke GPU, sehingga keduanya tidak membuat model dirender lebih cepat. Keduanya mengecilkan unduhan. Perbedaannya terletak pada apa yang dikompresi, seberapa cepat proses dekodenya, dan seberapa besar dekoder yang harus Anda kirimkan.</p>
<p><strong>Meshopt</strong> (<a href="https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Vendor/EXT_meshopt_compression/README.md">EXT_meshopt_compression</a>) bekerja pada tingkat bufferView, sehingga atribut verteks, indeks, delta target morph, dan keyframe animasi semuanya dikompresi. Meshopt dirancang untuk ditempatkan di atas kuantisasi dan di bawah gzip atau brotli: codec ini membuat byte menjadi teratur, lalu kompresor serbaguna CDN menangani sisanya. Spesifikasinya menyebutkan kecepatan dekode sekitar 1 GB/dtk dengan WebAssembly SIMD, dan dekoder three.js hanya berupa satu modul berukuran 32 KB. Pada model uji: 5,1 MB mentah, 3,3 MB dengan gzip, pada default <code>--level high</code>.</p>
<p><strong>Draco</strong> (<a href="https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Khronos/KHR_draco_mesh_compression/README.md">KHR_draco_mesh_compression</a>) hanya mengompresi primitif mesh segitiga. Animasi, target morph, titik, dan garis diteruskan tanpa perubahan. Kompresinya lebih kuat, menghasilkan 2,6 MB pada model yang sama, dan gzip nyaris tidak membantu karena keluarannya sudah padat. Imbalannya adalah waktu dekode dan ukuran dekoder: dokumentasi glTF-Transform menyatakan dengan jelas bahwa dekode Meshopt jauh lebih cepat, sedangkan dekoder WASM yang dibundel three.js berukuran 286 KB (192 KB untuk build cabang glTF), ditambah wrapper 58 KB, serta fallback JavaScript 719 KB. Draco juga mengubah urutan dan dapat mengubah jumlah verteks.</p>
<p>Jadi: gunakan Meshopt untuk apa pun yang beranimasi, memiliki target morph, mengutamakan waktu muat di ponsel, dan disajikan dengan brotli aktif. Gunakan Draco ketika asetnya berupa mesh statis, geometri mendominasi, dan pengurangan transfer jaringan sebesar 20 hingga 30 persen sepadan dengan frame pertama yang lebih lambat. Tidak yakin? Gunakan Meshopt. <code>-cc</code> milik gltfpack (Meshopt dalam mode lebih kuat) menghasilkan 4,4 MB mentah dan 3,1 MB dengan gzip pada berkas yang sama.</p>
<h2>Langkah 4: penyederhanaan</h2>
<p>Jika model masih besar setelah kompresi, berarti segitiganya terlalu banyak, dan tidak ada codec yang dapat memperbaiki itu. Kedua alat menggunakan penyederhana meshoptimizer, yang menerima rasio target dan batas galat, lalu berhenti saat salah satunya tercapai terlebih dahulu.</p>
<p><code>gltf-transform simplify --ratio 0.25 --error 0.01</code> menargetkan 25 persen verteks dengan penyimpangan dalam batas 1 persen dari radius mesh. Pada model dengan 978 ribu segitiga, hasilnya adalah 244.556 segitiga dan 8,1 MB sebelum kompresi, serta tampak identik dari jarak permainan. Default <code>optimize</code> lebih agresif daripada yang mungkin Anda duga: <code>--simplify-ratio 0</code> dengan <code>--simplify-error 0.0001</code>, yang berarti &quot;hapus sebanyak mungkin dalam batas galat 0,01 persen&quot;. Pada model dengan teselasi berlebihan yang sama, jumlahnya merosot menjadi 6.582 segitiga karena generator telah menghabiskan hampir satu juta segitiga untuk permukaan datar. Lakukan weld sebelum menyederhanakan (<code>optimize</code> melakukannya), karena verteks terpisah menghentikan penyederhana di seam.</p>
<p><code>-si 0.25</code> milik gltfpack menggunakan konsep yang sama, dengan <code>-se 0.01</code> sebagai batas galat default, <code>-sa</code> untuk mencapai rasio tanpa memedulikan kualitas, dan <code>-slb</code> untuk mengunci verteks tepi agar mesh modular tidak membuka celah. Prop hard-surface dengan mudah menoleransi pengurangan 50 persen, mesh hasil pemindaian dan buatan AI biasanya menoleransi penghapusan 90 persen, sedangkan karakter ber-rig memerlukan kehati-hatian di dekat sendi karena menggabungkan verteks juga menggabungkan bobot skin.</p>
<h2>Langkah 5: pangkas, deduplikasi, gabungkan, buat instans</h2>
<p>Ini semua adalah keuntungan gratis dan <code>optimize</code> menjalankan semuanya. <code>prune</code> menghapus material, tekstur, accessor, dan node yang tidak dirujuk apa pun, serta mengubah tekstur satu warna menjadi faktor material. <code>dedup</code> menggabungkan accessor dan tekstur identik yang ditulis dua kali oleh eksportir. <code>flatten</code> meratakan hierarki dan <code>join</code> menggabungkan mesh yang memakai material yang sama, sehingga 200 draw call dapat berubah menjadi segelintir. <code>instance</code> (mulai dari 5 salinan) mengubah mesh berulang menjadi <code>EXT_mesh_gpu_instancing</code>, sedangkan <code>palette</code> menggabungkan material yang hanya berbeda warna.</p>
<p>Jangan gunakan <code>join</code> atau <code>flatten</code> pada karakter ber-rig atau apa pun yang bagiannya digerakkan oleh game Anda, karena bagian-bagian tersebut akan melebur menjadi satu mesh. Jalan keluar gltfpack adalah <code>-kn</code> (pertahankan node bernama) dan <code>-km</code> (pertahankan material bernama).</p>
<h2>Langkah 6: animasi</h2>
<p>Eksportir sering melakukan bake satu keyframe pada setiap frame. <code>gltf-transform resample</code> membuang keyframe yang berada di garis antara keyframe tetangganya (toleransi default <code>1e-4</code>), yang praktis tanpa kehilangan. <code>-af 30</code> milik gltfpack melakukan sampling ulang setiap track pada 30 Hz dan menguantisasi translasi menjadi 16 bit, rotasi menjadi 12, dan skala menjadi 16 (<code>-at</code>, <code>-ar</code>, <code>-as</code>) sebelum Meshopt mengompresinya. Pada karakter biasa dengan beberapa klip, dampaknya kecil. Pada pustaka gerakan, animasi dapat menyumbang sebagian besar byte.</p>
<h2>Baris perintah</h2>
<p>CLI glTF-Transform adalah <code>npm install --global @gltf-transform/cli</code>, atau <code>npx @gltf-transform/cli</code>. Sekali jalan:</p>
<pre><code class="language-bash">gltf-transform optimize in.glb out.glb --texture-compress webp --texture-size 1024
</code></pre>
<p>Perintah tersebut menjalankan, secara berurutan, dedup, instance, palette, flatten, join, weld, simplify (rasio 0, galat 0,0001), resample, prune, sparse, kompresi tekstur dengan batas 1024, dan Meshopt pada level high. Tambahkan <code>--compress draco</code> untuk Draco, <code>--compress quantize</code> untuk kuantisasi saja, <code>--no-join --no-flatten</code> untuk model ber-rig atau berartikulasi, <code>--simplify false</code> jika siluet lebih penting daripada ukuran berkas, dan <code>--texture-compress ktx2</code> jika KTX-Software telah terpasang.</p>
<p>Langkah-langkah individual jika Anda menginginkan kendali lebih besar:</p>
<pre><code class="language-bash">gltf-transform inspect in.glb
gltf-transform resize in.glb a.glb --width 1024 --height 1024
gltf-transform webp a.glb b.glb --quality 80
gltf-transform weld b.glb c.glb
gltf-transform simplify c.glb d.glb --ratio 0.5 --error 0.001
gltf-transform meshopt d.glb out.glb --level high
</code></pre>
<p>Ganti baris terakhir dengan <code>gltf-transform draco d.glb out.glb</code> (<code>--encode-speed</code> dan <code>--decode-speed</code> berkisar dari 0 hingga 10, default 5, nilai lebih rendah menghasilkan berkas lebih kecil) atau <code>gltf-transform quantize d.glb out.glb</code>.</p>
<p>gltfpack tersedia melalui <code>npm install -g gltfpack</code> atau sebagai biner native dari rilis meshoptimizer, yang direkomendasikan README untuk berkas besar. Default-nya sudah melakukan kuantisasi, mengoptimalkan urutan verteks untuk cache GPU, dan menggabungkan mesh:</p>
<pre><code class="language-bash">gltfpack -i in.glb -o out.glb -cc -si 0.5 -tw -tl 1024 -kn
</code></pre>
<p><code>-cc</code> adalah Meshopt dalam mode kompresi lebih tinggi (<code>-c</code> adalah mode cepat, <code>-cf</code> menambahkan fallback tanpa kompresi untuk loader yang tidak memiliki dekoder). <code>-si 0.5</code> mengurangi segitiga menjadi setengah dalam batas <code>-se 0.01</code>. <code>-tw</code> mengubah tekstur menjadi WebP dan <code>-tl 1024</code> membatasi ukurannya. <code>-kn</code> mempertahankan node bernama. Untuk KTX2, ganti <code>-tw</code> dengan <code>-tc</code> (ETC1S) atau <code>-tc -tu</code> (UASTC), yang memerlukan build gltfpack dengan Basis Universal yang ditautkan.</p>
<p>Jika tidak satu pun CLI dapat digunakan, alat peramban menjalankan urutan yang sama.</p>
<figure class="guide-fig"><a href="/id/tools/glb-optimizer"><img src="https://cdn.cinevva.com/guides/shots/glb-optimizer.png" alt="Halaman pengoptimal GLB yang menunjukkan karakter contoh berukuran 4,0 MB menyusut menjadi 676 KB, beserta ukuran setelah setiap langkah" loading="lazy" width="704" height="788"></a><figcaption>Jalur tanpa terminal: pangkas, weld, gabungkan, sederhanakan, ubah ukuran tekstur ke WebP, dan jalankan Meshopt di peramban, dengan tampilan ukuran setelah setiap langkah agar Anda dapat melihat langkah mana yang paling berdampak.</figcaption></figure>
<h2>KTX2: ETC1S atau UASTC</h2>
<p>KTX2 adalah kontainer Khronos untuk tekstur GPU. Dengan superkompresi Basis Universal, tekstur ditranskode saat dimuat ke format blok apa pun yang tersedia pada perangkat (BC di desktop, ASTC atau ETC2 di perangkat seluler) dan tetap terkompresi di memori. Ekstensi glTF-nya adalah <a href="https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Khronos/KHR_texture_basisu/README.md">KHR_texture_basisu</a>.
Basis memiliki dua mode. <strong>ETC1S</strong> adalah mode berukuran kecil: <a href="https://github.com/BinomialLLC/basis_universal">README Basis</a> menyebut ukurannya sekitar 0,3 hingga 3 bit per piksel di disk dengan pengaturan kualitas seperti JPEG (1 hingga 255, bawaan 128), dan di memori menjadi 4 bit per piksel dalam format seperti BC1 dan ETC1. Gunakan untuk warna dasar pada prop. <strong>UASTC</strong> adalah mode berkualitas tinggi: 8 bit per piksel di memori, subset 19 mode dari ASTC 4×4, dengan tingkat kualitas 0 hingga 4 (bawaan 2, yang menurut bantuan glTF-Transform menghasilkan 47,47 dB). File UASTC berukuran besar di disk, jadi padukan dengan Zstandard: perintah <code>uastc</code> glTF-Transform menggunakan <code>--zstd 18</code> secara bawaan, dan <code>ktx create --zstd</code> menerima nilai 1 hingga 22.</p>
<p>Perhitungannya untuk tekstur 2048×2048 dengan mipmap: sekitar 22 MB sebagai RGBA8, sekitar 5,6 MB sebagai UASTC, dan sekitar 2,8 MB sebagai ETC1S yang ditranskode ke format 4 bpp.</p>
<p>Ada tiga aturan penting. <strong>Normal map dan data map sebaiknya memakai UASTC dan linear.</strong> glTF-Transform memperingatkan bahwa normal map RGB serta map oklusi/kekasaran/metalness dapat terlihat buruk dengan ETC1S, dan spesifikasi mewajibkan tekstur warna ditandai sebagai sRGB serta data nonwarna sebagai linear. glTF-Transform mengaturnya per slot untuk Anda. Di <a href="/id/tools/ktx2-compressor">kompresor KTX2</a>, pengaturannya adalah tombol sRGB: aktif untuk warna, nonaktif untuk normal map dan data map. <strong>Dimensi harus merupakan kelipatan 4</strong>, dan pangkat dua disarankan. <strong>Buat mipmap.</strong> Spesifikasi menyatakan bahwa KTX2 yang digunakan dengan minifikasi bermipmap harus membawa piramida lengkap, atau engine harus mendekompresi dan membuatnya saat runtime. Mipmap aktif secara bawaan di glTF-Transform dan alat browser, serta melalui <code>--generate-mipmap</code> di <code>ktx create</code>.</p>
<p>Perintah glTF-Transform memerlukan binary <code>ktx</code> dari <a href="https://github.com/KhronosGroup/KTX-Software">KTX-Software</a>, versi 4.4.0 atau yang lebih baru:</p>
<pre><code class="language-bash">gltf-transform uastc in.glb a.glb --level 2 --zstd 18 --slots &quot;{normalTexture,occlusionTexture,metallicRoughnessTexture}&quot;
gltf-transform etc1s a.glb out.glb --quality 128
</code></pre>
<p>Terapkan UASTC pada slot data terlebih dahulu, lalu ETC1S pada sisanya. Pembagian ini—ETC1S untuk warna dasar dan emisif, serta UASTC untuk normal dan ORM—adalah pilihan yang umum.</p>
<h2>Memuat hasilnya</h2>
<p>Setiap codec selain kuantisasi memerlukan dekoder di sisi klien.</p>
<p><strong>three.js.</strong> <code>GLTFLoader</code> membaca <code>KHR_mesh_quantization</code> dan <code>EXT_texture_webp</code> tanpa penyiapan tambahan. Untuk yang lain, Anda perlu memasang dekoder yang disertakan dalam paket <code>three</code> di bawah <code>examples/jsm/libs/</code> sebagai <code>draco/</code>, <code>basis/</code>, dan <code>meshopt_decoder.module.js</code>. Salin <code>draco/</code> dan <code>basis/</code> ke path publik, lalu:</p>
<pre><code class="language-js">import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'
import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js'
import { KTX2Loader } from 'three/addons/loaders/KTX2Loader.js'
import { MeshoptDecoder } from 'three/addons/libs/meshopt_decoder.module.js'

const draco = new DRACOLoader().setDecoderPath('/libs/draco/')
const ktx2 = new KTX2Loader().setTranscoderPath('/libs/basis/').detectSupport(renderer)
const loader = new GLTFLoader()
  .setDRACOLoader(draco)
  .setKTX2Loader(ktx2)
  .setMeshoptDecoder(MeshoptDecoder)
</code></pre>
<p><code>DRACOLoader</code> memilih dekoder WASM ketika browser mendukungnya dan beralih ke JS sebagai fallback. <code>detectSupport(renderer)</code> memungkinkan <code>KTX2Loader</code> memilih target transkode yang sesuai dengan GPU perangkat.</p>
<p><strong>Babylon.js.</strong> Loader glTF menangani Draco, Meshopt (sejak versi 5.0, tanpa penyiapan) dan KTX2 dengan mengunduh dekoder dari <code>https://cdn.babylonjs.com</code> lalu menjalankannya di web worker. Untuk melakukan self-hosting, atur <code>Tools.CDNBaseUrl</code>, atau arahkan konfigurasi masing-masing: <code>DracoDecoder.DefaultConfiguration</code> (<code>wasmUrl</code>, <code>wasmBinaryUrl</code>, <code>fallbackUrl</code>), <code>MeshoptCompression.Configuration.decoder.url</code>, dan <code>KhronosTextureContainer2.URLConfig</code> untuk kumpulan transkoder KTX2. Dengan npm, <code>@babylonjs/ktx2decoder</code> menyertakan transkoder tersebut.</p>
<p><strong>PlayCanvas.</strong> Draco dikonfigurasi dengan <code>dracoInitialize({ jsUrl, wasmUrl, numWorkers, lazyInit })</code>, dan Editor dapat mengompresi dengan Draco saat impor. KTX2 menggunakan <code>basisInitialize({ glueUrl, wasmUrl, fallbackUrl })</code>. <code>EXT_meshopt_compression</code> belum tersedia di parser GLB pada engine 2.x (permintaan fitur dari tahun 2020 masih terbuka), jadi untuk PlayCanvas pilih output Draco atau kuantisasi saja.</p>
<p><strong>Unity.</strong> Importer resminya adalah glTFast (<code>com.unity.cloud.gltfast</code>). <code>KHR_mesh_quantization</code> langsung berfungsi tanpa konfigurasi, Draco memerlukan <code>com.unity.cloud.draco</code>, KTX2 memerlukan <code>com.unity.cloud.ktx</code>, dan Meshopt memerlukan <code>com.unity.meshopt.decompress</code>. WebP sengaja tidak didukung, jadi gunakan KTX2 jika targetnya adalah Unity.</p>
<h2>Target untuk game web seluler</h2>
<p>Tidak ada spesifikasi baku untuk ini, tetapi ada beberapa angka yang membantu menjaga performa ponsel. Pertahankan keseluruhan scene pertama di bawah sekitar 10 MB saat ditransfer melalui jaringan dan lakukan streaming untuk sisanya (<a href="/id/tutorials/streaming-asset-loading">tutorial pemuatan aset secara streaming</a> membahas tingkatan, antrean prioritas, dan kodenya). Pertahankan VRAM tekstur di bawah 150 hingga 200 MB, setara dengan empat atau lima tekstur 2048 sebagai RGBA8 atau tiga puluh sebagai ETC1S. Pertahankan prop di bawah 5.000 segitiga, karakter utama di bawah 30.000 hingga 50.000, dan draw call di kisaran ratusan rendah. Gunakan tekstur 1024 untuk prop dan 2048 hanya untuk objek yang akan dilihat kamera dari dekat. Sajikan GLB dengan brotli atau gzip aktif karena output Meshopt dan hasil kuantisasi mengandalkannya.</p>
<h2>Verifikasi sebelum dirilis</h2>
<p>Ukuran file adalah angka yang paling mudah diperiksa. Buka hasilnya di <a href="/id/tools/glb-viewer">penampil GLB</a> dan periksa hal lainnya: panel Extensions memastikan <code>EXT_meshopt_compression</code>, <code>KHR_draco_mesh_compression</code>, atau <code>KHR_texture_basisu</code> benar-benar masuk ke dalam file, tab Textures mencantumkan setiap tekstur berdasarkan biaya VRAM aktual dari yang terbesar, dan bilah status menampilkan jumlah draw call serta segitiga secara langsung. Kemudian periksa siluet dan sambungan UV untuk mencari artefak penyederhanaan pada jarak pandang pemain, lalu putar semua animasi untuk memastikan proses penggabungan tidak menyatukan bagian yang seharusnya bergerak. Jika sumber awalnya bukan GLB, proses dahulu FBX atau OBJ melalui <a href="/id/tools/fbx-to-glb">konverter FBX ke GLB</a>, sehingga Anda mengompresi file yang benar-benar akan dimuat.</p>
<figure class="guide-fig"><a href="/id/tools/glb-viewer"><img src="https://cdn.cinevva.com/guides/shots/glb-viewer.png" alt="Halaman penampil GLB dengan karakter katak dan panel ringkasan segitiga, draw call, tulang, serta ukuran geometri" loading="lazy" width="704" height="876"></a><figcaption>Buka hasil kompresi di sini untuk memastikan ekstensi benar-benar masuk ke dalam file, lalu lihat jumlah draw call dan segitiga pada bilah status serta biaya VRAM aktual setiap tekstur di tab Textures.</figcaption></figure>
<h2>Pertanyaan umum</h2>
<h3>Bagaimana cara mengurangi ukuran file GLB?</h3>
<p>Jalankan <code>gltf-transform inspect</code> untuk melihat apakah tekstur atau geometri yang paling dominan. Jika tekstur, ubah ukurannya menjadi 1024 atau 2048 lalu konversikan ke WebP atau KTX2. Jika geometri, sederhanakan lalu kompres dengan Meshopt atau Draco. <code>gltf-transform optimize in.glb out.glb --texture-compress webp</code> menjalankan seluruh rangkaian tersebut, dan <a href="/id/tools/glb-optimizer">pengoptimal GLB</a> di browser melakukannya tanpa instalasi.</p>
<h3>Draco vs Meshopt: mana yang lebih baik?</h3>
<p>Meshopt untuk sebagian besar game web. Proses dekodenya jauh lebih cepat, hanya memerlukan dekoder 32 KB alih-alih WASM berukuran beberapa ratus kilobyte, serta mengompresi animasi dan morph target yang dilewati oleh Draco. Draco menghasilkan file lebih kecil untuk mesh statis (2,6 MB dibandingkan 3,3 MB setelah gzip pada model uji 28 MB kami) dan didukung oleh PlayCanvas, jadi Draco lebih unggul ketika asetnya berupa hasil pemindaian statis dan geometri menghabiskan sebagian besar ukuran file.</p>
<h3>Apa itu KTX2 dan apa bedanya dengan Basis?</h3>
<p>Basis Universal adalah codec kompresi dengan dua mode, ETC1S dan UASTC. KTX2 adalah file kontainer Khronos yang menyimpan data tekstur terkompresi Basis beserta mipmap dan metadata, serta menjadi format yang dirujuk glTF melalui <code>KHR_texture_basisu</code>. Pipeline lama menggunakan file <code>.basis</code> secara langsung. Gunakan <code>.ktx2</code>.</p>
<h3>Haruskah saya menggunakan ETC1S atau UASTC?</h3>
<p>Gunakan ETC1S untuk warna dasar dan apa pun yang tidak dilihat dari dekat: file kecil dan 4 bit per piksel di VRAM. Gunakan UASTC untuk normal map, kekasaran/metalness/oklusi, dan tekstur karakter utama, dengan superkompresi Zstandard aktif agar ukuran unduhan tetap wajar. Tandai tekstur warna sebagai sRGB dan tekstur data sebagai linear, atau pencahayaan normal akan terlihat keliru.</p>
<h3>Bagaimana cara mengompresi tekstur glTF?</h3>
<p>Untuk ukuran unduhan, gunakan <code>gltf-transform resize</code> lalu <code>gltf-transform webp</code>. Untuk memori GPU, gunakan <code>gltf-transform etc1s</code> atau <code>uastc</code> dengan KTX-Software terpasang, atau jatuhkan file PNG ke <a href="/id/tools/ktx2-compressor">kompresor KTX2</a>. Batasi dimensinya terlebih dahulu dalam kedua kasus: tekstur 4096 memakai VRAM sebesar 89 MB sebagai RGBA8 dan hampir tidak pernah ada alasan untuk menyajikannya di browser.</p>
<h3>Mengapa GLB saya terlalu besar untuk three.js di perangkat seluler?</h3>
<p>Biasanya masalahnya bukan ukuran file, melainkan memori tekstur. Empat tekstur RGBA 2048 memakai sekitar 90 MB VRAM bahkan sebelum scene menggambar apa pun, dan browser ponsel akan menutup tab setelah penggunaan melewati beberapa ratus megabyte. Konversikan ke KTX2 agar tekstur tetap terkompresi di GPU, batasi ke 1024 jika memungkinkan, dan panggil <code>KTX2Loader.detectSupport(renderer)</code> agar tekstur ditranskode ke format perangkat.</p>
<h3>Apakah gltfpack melakukan hal yang sama dengan gltf-transform?</h3>
<p>Sebagian besar, ya. gltfpack adalah satu binary native dari proyek meshoptimizer yang secara bawaan melakukan kuantisasi, mengurutkan ulang vertex untuk cache GPU, menggabungkan mesh, dan mengompresi dengan Meshopt. glTF-Transform adalah pustaka Node dan CLI yang menyediakan operasi yang sama sebagai langkah-langkah terpisah yang dapat ditulis dalam skrip, ditambah output Draco yang tidak dapat ditulis gltfpack. Pada file pengujian kami, ukuran output Meshopt keduanya berselisih sekitar 10 persen.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/tutorials/streaming-asset-loading">Pemuatan aset secara streaming untuk game web</a>: tingkatan, antrean prioritas, dan bilah progres untuk file yang baru Anda perkecil</li>
<li><a href="/id/guides/web-games-stack-2026">Tech Stack Game Web pada 2026</a>: WebGL, WebGPU, Wasm, dan format aset pada tingkat API</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis</a>: dari mana model berasal dan mengapa ukurannya besar</li>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik</a>: output yang dihasilkan generator dan seberapa padat geometrinya</li>
<li><a href="/id/guides/threejs-vs-babylonjs">Three.js vs Babylon.js</a>: keduanya memuat Draco, Meshopt, dan KTX2 dengan penyiapan yang berbeda</li>
<li><a href="/id/guides/playcanvas-vs-threejs">PlayCanvas vs Three.js</a>: engine versus pustaka, termasuk pipeline aset</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[WebGL 2 atau WebGPU Tidak Didukung? Cara Memperbaikinya di Setiap Browser (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/webgl-webgpu-not-supported-fix</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/webgl-webgpu-not-supported-fix</guid>
            <pubDate>Sun, 06 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara memperbaiki kesalahan WebGL 2 atau WebGPU tidak didukung di Chrome, Edge, Firefox, dan Safari: periksa chrome://gpu, aktifkan akselerasi perangkat keras, perbarui driver GPU.]]></description>
            <content:encoded><![CDATA[<h1>WebGL 2 atau WebGPU Tidak Didukung? Cara Memperbaikinya di Setiap Browser (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<figure class="guide-hero">
<img src="https://cdn.cinevva.com/guides/webgl-webgpu-not-supported-fix-hero.jpg?v=1" alt="Jendela browser yang menampilkan kanvas game hitam dan peringatan bahwa WebGL tidak didukung" width="1216" height="640">
</figure>
<style>
.guide-hero { margin: 1.25rem 0 1.75rem; }
.guide-hero img { width: 100%; height: auto; border-radius: 12px; display: block; }
.guide-fig { margin: 1.5rem 0; }
.guide-fig > a { display: block; }
.guide-fig img, .guide-fig svg { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.guide-fig svg { border: 0; }
.guide-fig figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
</style>
<p>Jika sebuah game atau halaman 3D menyatakan bahwa browser Anda tidak mendukung WebGL 2 atau WebGPU, penyebabnya hampir selalu salah satu dari empat hal: akselerasi perangkat keras dinonaktifkan, GPU atau driver Anda masuk daftar blokir browser, browser terlalu lama untuk API tersebut, atau Anda berada di mesin virtual maupun sesi desktop jarak jauh tanpa GPU sungguhan. Aktifkan akselerasi perangkat keras, perbarui driver grafis, perbarui browser, lalu konfirmasikan hasilnya dengan pengujian kemampuan. Untuk WebGPU, periksa juga platformnya: per September 2026, Firefox hanya menyediakannya di Windows dan Mac Apple Silicon, sedangkan Chrome di Linux hanya menyediakannya pada Intel Gen12+ dan perangkat keras NVIDIA terbaru.</p>
<p>Ini adalah halaman pemecahan masalah. Untuk memahami kedua API tersebut dan memilih salah satunya sebagai dasar pengembangan, baca <a href="/id/guides/webgpu-vs-webgl-games">WebGPU vs WebGL untuk Game</a>.</p>
<h2>Jawaban singkat</h2>
<ul>
<li><strong>Lakukan diagnosis terlebih dahulu:</strong> buka <a href="/id/tools/webgl-webgpu-checker">pemeriksa WebGL dan WebGPU</a>. Alat ini menunjukkan apakah WebGPU, WebGL 2, dan WebGL 1 berfungsi serta menyebutkan GPU yang digunakan browser Anda. Jika perender menampilkan SwiftShader, llvmpipe, atau &quot;Software&quot;, berarti perenderan dilakukan oleh CPU dan perbaikan di bawah ini berlaku.</li>
<li><strong>Chrome dan Edge:</strong> buka Setelan, Sistem, aktifkan &quot;Gunakan akselerasi grafis jika tersedia&quot;, lalu luncurkan ulang. Periksa <code>chrome://gpu</code> (atau <code>edge://gpu</code>). Jika WebGL berstatus &quot;Software only&quot; atau &quot;Unavailable&quot;, perbarui driver GPU. Sebagai upaya terakhir: <code>chrome://flags/#ignore-gpu-blocklist</code>.</li>
<li><strong>Firefox:</strong> buka Pengaturan, Umum, Performa, hapus centang &quot;Gunakan pengaturan performa yang disarankan&quot;, lalu centang &quot;Gunakan akselerasi perangkat keras jika tersedia&quot;. Periksa <code>about:support</code>, bagian Grafis. Sebagai upaya terakhir: buka <code>about:config</code>, lalu atur <code>webgl.force-enabled</code> menjadi <code>true</code>.</li>
<li><strong>Safari:</strong> perbarui ke Safari 26 untuk WebGPU dan Safari 15 atau yang lebih baru untuk WebGL 2. Tidak ada sakelar akselerasi yang dapat diaktifkan.</li>
<li><strong>Pesan Unity &quot;does not support graphics API WebGL 2&quot;</strong> berarti <code>canvas.getContext('webgl2')</code> tidak menghasilkan apa pun. Perbaikannya sama, dan di Safari pesan ini berarti versinya lebih lama dari 15.</li>
<li><strong>Perangkat kantor atau sekolah, VM, desktop jarak jauh:</strong> GPU diblokir oleh kebijakan atau memang tidak tersedia. Hubungi tim TI, atau mainkan di perangkat dengan GPU sungguhan.</li>
</ul>
<h2>Referensi singkat</h2>
<p>Dukungan WebGPU per September 2026, berdasarkan wiki <a href="https://github.com/gpuweb/gpuweb/wiki/Implementation-Status">status implementasi WebGPU</a> (diperbarui 13 Agustus 2026), catatan rilis Firefox dan WebKit, serta caniuse.</p>
<table>
<thead>
<tr>
<th>Browser</th>
<th>Windows</th>
<th>macOS</th>
<th>Linux</th>
<th>Android</th>
<th>iOS dan iPadOS</th>
</tr>
</thead>
<tbody>
<tr>
<td>Chrome dan Edge</td>
<td>113+ (Windows di ARM: di balik flag)</td>
<td>113+</td>
<td>144+ pada Intel Gen12+, 147+ pada NVIDIA (driver 535.183.01+) di Wayland, lainnya di balik flag</td>
<td>121+ pada Android 12+ dengan GPU ARM, Qualcomm, atau Intel, 139+ untuk Imagination pada Android 16+, Samsung Xclipse masih dalam pengembangan</td>
<td>Menggunakan mesin WebKit Apple, jadi uji langsung di perangkat</td>
</tr>
<tr>
<td>Firefox</td>
<td>141+ (22 Juli 2025)</td>
<td>145+ pada macOS 26 dengan Apple Silicon, 147+ pada semua macOS yang didukung dengan Apple Silicon, Mac Intel hanya Nightly</td>
<td>Hanya Nightly, rilis direncanakan pada 2026</td>
<td>Di balik flag</td>
<td>Menggunakan mesin WebKit Apple</td>
</tr>
<tr>
<td>Safari</td>
<td>tidak berlaku</td>
<td>26+ (15 September 2025, pada macOS Tahoe, Sequoia, dan Sonoma)</td>
<td>tidak berlaku</td>
<td>tidak berlaku</td>
<td>26+</td>
</tr>
</tbody>
</table>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 384" role="img" aria-label="Tabel dukungan WebGPU per September 2026: Chrome dan Edge tersedia di Windows dan macOS mulai versi 113, Android mulai 121, Linux hanya di Intel Gen12+ mulai 144 dan NVIDIA mulai 147. Firefox tersedia di Windows mulai 141, Mac Apple Silicon mulai 145 dan 147, Linux hanya Nightly, Android di balik flag. Safari 26+ di macOS dan iOS.">
  <rect width="720" height="384" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Platform yang menyediakan WebGPU saat ini</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Versi rilis, September 2026. Nomor versi adalah rilis pertama yang mengaktifkannya secara default.</text>
    <g font-size="12" font-weight="700" fill="#9aa7b4" text-anchor="middle">
      <text x="199" y="94">Windows</text>
      <text x="307" y="94">macOS</text>
      <text x="415" y="94">Linux</text>
      <text x="523" y="94">Android</text>
      <text x="631" y="94">iOS, iPadOS</text>
    </g>
    <g font-size="13" font-weight="700" fill="#e8edf5">
      <text x="24" y="140">Chrome, Edge</text>
      <text x="24" y="212">Firefox</text>
      <text x="24" y="284">Safari</text>
    </g>
    <g text-anchor="middle">
      <g transform="translate(148,104)">
        <rect width="102" height="64" rx="8" fill="#6ee7b7"/>
        <text x="51" y="28" font-size="14" font-weight="800" fill="#0b1020">113+</text>
        <text x="51" y="46" font-size="10" fill="#0b1020">ARM: di balik flag</text>
      </g>
      <g transform="translate(256,104)">
        <rect width="102" height="64" rx="8" fill="#6ee7b7"/>
        <text x="51" y="38" font-size="14" font-weight="800" fill="#0b1020">113+</text>
      </g>
      <g transform="translate(364,104)">
        <rect width="102" height="64" rx="8" fill="#6ee7b733" stroke="#6ee7b7" stroke-width="1.5"/>
        <text x="51" y="24" font-size="13" font-weight="800" fill="#e8edf5">GPU tertentu</text>
        <text x="51" y="41" font-size="10" fill="#9aa7b4">144+ Intel Gen12+</text>
        <text x="51" y="55" font-size="10" fill="#9aa7b4">147+ NVIDIA</text>
      </g>
      <g transform="translate(472,104)">
        <rect width="102" height="64" rx="8" fill="#6ee7b7"/>
        <text x="51" y="24" font-size="14" font-weight="800" fill="#0b1020">121+</text>
        <text x="51" y="41" font-size="10" fill="#0b1020">Android 12+</text>
        <text x="51" y="55" font-size="10" fill="#0b1020">139+ Imagination</text>
      </g>
      <g transform="translate(580,104)">
        <rect width="102" height="64" rx="8" fill="#ffffff0a"/>
        <text x="51" y="32" font-size="11" fill="#9aa7b4">Mesin WebKit</text>
        <text x="51" y="48" font-size="10" fill="#9aa7b4">lihat Safari</text>
      </g>
      <g transform="translate(148,176)">
        <rect width="102" height="64" rx="8" fill="#6ee7b7"/>
        <text x="51" y="38" font-size="14" font-weight="800" fill="#0b1020">141+</text>
      </g>
      <g transform="translate(256,176)">
        <rect width="102" height="64" rx="8" fill="#6ee7b733" stroke="#6ee7b7" stroke-width="1.5"/>
        <text x="51" y="24" font-size="13" font-weight="800" fill="#e8edf5">145+ / 147+</text>
        <text x="51" y="41" font-size="10" fill="#9aa7b4">Hanya Apple Silicon</text>
        <text x="51" y="55" font-size="10" fill="#9aa7b4">Intel: Nightly</text>
      </g>
      <g transform="translate(364,176)">
        <rect width="102" height="64" rx="8" fill="none" stroke="#fb7185" stroke-width="1.5" stroke-dasharray="5 4"/>
        <text x="51" y="30" font-size="12" font-weight="700" fill="#fb7185">Hanya Nightly</text>
        <text x="51" y="47" font-size="10" fill="#9aa7b4">direncanakan 2026</text>
      </g>
      <g transform="translate(472,176)">
        <rect width="102" height="64" rx="8" fill="none" stroke="#fbbf24" stroke-width="1.5"/>
        <text x="51" y="38" font-size="12" font-weight="700" fill="#fbbf24">Di balik flag</text>
      </g>
      <g transform="translate(580,176)">
        <rect width="102" height="64" rx="8" fill="#ffffff0a"/>
        <text x="51" y="32" font-size="11" fill="#9aa7b4">Mesin WebKit</text>
        <text x="51" y="48" font-size="10" fill="#9aa7b4">lihat Safari</text>
      </g>
      <g transform="translate(148,248)">
        <rect width="102" height="64" rx="8" fill="#ffffff0a"/>
        <text x="51" y="38" font-size="11" fill="#9aa7b4">t/b</text>
      </g>
      <g transform="translate(256,248)">
        <rect width="102" height="64" rx="8" fill="#6ee7b7"/>
        <text x="51" y="30" font-size="14" font-weight="800" fill="#0b1020">26+</text>
        <text x="51" y="47" font-size="10" fill="#0b1020">Tahoe hingga Sonoma</text>
      </g>
      <g transform="translate(364,248)">
        <rect width="102" height="64" rx="8" fill="#ffffff0a"/>
        <text x="51" y="38" font-size="11" fill="#9aa7b4">t/b</text>
      </g>
      <g transform="translate(472,248)">
        <rect width="102" height="64" rx="8" fill="#ffffff0a"/>
        <text x="51" y="38" font-size="11" fill="#9aa7b4">t/b</text>
      </g>
      <g transform="translate(580,248)">
        <rect width="102" height="64" rx="8" fill="#6ee7b7"/>
        <text x="51" y="38" font-size="14" font-weight="800" fill="#0b1020">26+</text>
      </g>
    </g>
    <g font-size="11" fill="#9aa7b4">
      <rect x="24" y="334" width="14" height="14" rx="3" fill="#6ee7b7"/>
      <text x="44" y="345">Telah dirilis</text>
      <rect x="110" y="334" width="14" height="14" rx="3" fill="#6ee7b733" stroke="#6ee7b7" stroke-width="1.5"/>
      <text x="130" y="345">Dirilis di perangkat tertentu</text>
      <rect x="284" y="334" width="14" height="14" rx="3" fill="none" stroke="#fbbf24" stroke-width="1.5"/>
      <text x="304" y="345">Di balik flag</text>
      <rect x="396" y="334" width="14" height="14" rx="3" fill="none" stroke="#fb7185" stroke-width="1.5" stroke-dasharray="3 2"/>
      <text x="416" y="345">Belum ada di versi rilis</text>
      <text x="24" y="370">Semua browser di iOS dan iPadOS memakai mesin WebKit Apple, jadi baris Safari yang berlaku di sana.</text>
    </g>
  </g>
</svg>
<figcaption>Tabel yang sama dalam bentuk kisi. Hijau berarti aktif secara default dalam versi rilis. Dua sel berwarna setengah hijau karena jawabannya bergantung pada GPU: Chrome di Linux (Intel Gen12+ atau NVIDIA terbaru di Wayland) dan Firefox di macOS (hanya Apple Silicon). Firefox di Linux dan Android, serta Chrome di Windows pada ARM, masih memerlukan Nightly atau flag.</figcaption>
</figure>
<p>WebGL 2 adalah standar dasarnya. Menurut <a href="https://caniuse.com/webgl2">caniuse</a>, WebGL 2 tersedia di Chrome 56+, Edge 79+, Firefox 51+, Safari 15+, dan iOS Safari 15+, sedangkan halaman kompatibilitas Unity mencantumkan Chrome 58+ di Android. Jika WebGL 2 gagal di browser modern mana pun, masalahnya terletak pada perangkat, bukan versi browser.</p>
<h2>Diagnosis dalam 30 detik</h2>
<p>Mulailah dengan <a href="/id/tools/webgl-webgpu-checker">pemeriksa WebGL dan WebGPU</a>. Alat ini berjalan saat halaman dimuat dan tidak mengunggah apa pun. Perhatikan tiga hal yang ditampilkannya.</p>
<p>Pada perangkat yang mengalami masalah, halamannya terlihat seperti ini.</p>
<figure class="guide-fig">
<a href="/id/tools/webgl-webgpu-checker"><img src="https://cdn.cinevva.com/guides/shots/checker-fail.png" alt="Pemeriksa yang menampilkan banner oranye Tidak ada perenderan GPU yang tersedia, kanvas hitam, dan tiga kartu Tidak berwarna merah untuk WebGPU, WebGL 2, serta WebGL 1" loading="lazy" width="720" height="948"></a>
<figcaption>Beginilah tampilan browser yang diblokir atau hanya menggunakan perenderan perangkat lunak di pemeriksa: banner oranye, kanvas perenderan hitam tanpa pembacaan FPS, dan ketiga kartu API bertanda Tidak. Perhatikan kotak "Cara memperbaikinya", yang langsung menyarankan untuk memeriksa akselerasi perangkat keras.</figcaption>
</figure>
<p><strong>API mana yang lolos.</strong> Jika WebGL 2 berfungsi dan hanya WebGPU yang gagal, lihat tabel di atas karena WebGPU bergantung pada kombinasi browser, OS, dan GPU, sehingga jawabannya mungkin &quot;belum tersedia di platform ini&quot;. Jika WebGL 2 juga gagal, lanjutkan membaca: ini menunjukkan masalah pada akselerasi, driver, atau daftar blokir.</p>
<p><strong>Baris perender.</strong> GPU sungguhan ditampilkan sebagai sesuatu seperti &quot;ANGLE (NVIDIA, NVIDIA GeForce RTX 4060 ...)&quot; atau &quot;Apple M2&quot;. SwiftShader, llvmpipe, &quot;Microsoft Basic Render Driver&quot;, atau apa pun yang memuat kata &quot;software&quot; berarti browser Anda melakukan perenderan melalui CPU. Game akan berjalan sangat lambat dan WebGPU tidak akan tersedia.</p>
<p><strong>Halaman GPU milik browser.</strong> Di Chrome, ketik <code>chrome://gpu</code> pada bilah alamat (Edge: <code>edge://gpu</code>). &quot;Graphics Feature Status&quot; mencantumkan WebGL dan WebGL2 sebagai &quot;Hardware accelerated&quot;, &quot;Software only, hardware acceleration unavailable&quot;, atau &quot;Unavailable&quot;, sedangkan &quot;Problems Detected&quot; di bagian bawah menjelaskan penyebabnya, biasanya dengan menyebutkan entri daftar blokir atau driver tertentu. Di Firefox, <code>about:support</code> memiliki bagian Grafis tempat &quot;Compositing&quot; menunjukkan apakah akselerasi aktif, sementara Failure Log atau Decision Log menjelaskan pemblokiran yang terjadi. Safari tidak memiliki halaman serupa.</p>
<p>&quot;Perenderan perangkat lunak&quot; berarti sebagai berikut: browser menyimpan daftar kombinasi GPU dan driver yang diketahui dapat menyebabkan crash atau kesalahan tampilan. Saat perangkat Anda cocok dengan salah satu entri, browser akan menonaktifkan fitur tersebut atau beralih ke peraster berbasis CPU. Daftar blokir Chromium menonaktifkan semua akselerasi GPU untuk Microsoft Basic Render Driver (&quot;GPU access is blocked if users don't have proper graphics driver installed after Windows installation&quot;), VMware dan VirtualBox, serta driver Intel dan NVIDIA lama. Entri tersebut ditentukan berdasarkan versi driver, itulah sebabnya &quot;perbarui driver&quot; dapat memperbaiki begitu banyak masalah ini.
Satu hal berubah pada 2026. Chromium sebelumnya beralih ke SwiftShader, implementasi WebGL berbasis CPU, setiap kali GPU diblokir, sehingga WebGL tetap &quot;berfungsi&quot;, tetapi lambat. <a href="https://learn.microsoft.com/en-us/deployedge/microsoft-edge-browser-policies/enableunsafeswiftshader">Dokumentasi kebijakan Edge</a> dari Microsoft menyatakan bahwa mulai versi 144, SwiftShader tidak digunakan lagi dan &quot;pembuatan konteks WebGL gagal dalam skenario ketika SwiftShader digunakan&quot;, sedangkan <a href="https://github.com/chromium/chromium/blob/main/docs/gpu/swiftshader.md">dokumentasi SwiftShader</a> Chromium menyatakan hal yang sama untuk Chrome, dengan <code>--enable-unsafe-swiftshader</code> sebagai opsi yang harus diaktifkan secara khusus. Mesin yang masuk daftar blokir dan sebelumnya masih bisa menjalankan game dengan lambat kini mendapatkan pesan kesalahan &quot;tidak didukung&quot;.</p>
<p>Jika dirangkum, diagnosisnya terdiri dari tiga pertanyaan yang diajukan dalam urutan tetap, dan masing-masing memiliki satu perbaikan.</p>
<figure class="guide-fig">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 528" role="img" aria-label="Diagram alur diagnosis: dari kanvas hitam atau pesan kesalahan tidak didukung, periksa akselerasi perangkat keras, lalu apakah perender menyebutkan GPU sungguhan, kemudian apakah peramban menyediakan WebGPU pada OS ini, beserta perbaikan untuk setiap jawaban tidak: aktifkan akselerasi, perbarui driver atau abaikan daftar blokir, perbarui peramban atau periksa tabel.">
  <defs>
    <marker id="dxarrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 z" fill="#9aa7b4"/>
    </marker>
  </defs>
  <rect width="720" height="528" rx="14" fill="#0b1020"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="24" y="40" font-size="20" font-weight="800" fill="#e8edf5">Tiga pertanyaan, tiga perbaikan</text>
    <text x="24" y="62" font-size="13" fill="#9aa7b4">Jawab masing-masing dengan pemeriksa dan halaman GPU peramban. Tidak berarti ke kanan, ya berarti ke bawah.</text>
    <g>
      <rect x="24" y="84" width="340" height="56" rx="10" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
      <text x="40" y="108" font-size="14" font-weight="700" fill="#e8edf5">Kanvas hitam, atau kesalahan "tidak didukung"</text>
      <text x="40" y="128" font-size="12" fill="#9aa7b4">Buka pemeriksa dan baca baris perender</text>
    </g>
    <g stroke="#9aa7b4" stroke-width="1.5" marker-end="url(#dxarrow)">
      <line x1="194" y1="140" x2="194" y2="160"/>
      <line x1="194" y1="232" x2="194" y2="256"/>
      <line x1="194" y1="328" x2="194" y2="352"/>
      <line x1="194" y1="424" x2="194" y2="448"/>
      <line x1="364" y1="198" x2="396" y2="198"/>
      <line x1="364" y1="294" x2="396" y2="294"/>
      <line x1="364" y1="390" x2="396" y2="390"/>
    </g>
    <g font-size="11" font-weight="700" fill="#9aa7b4">
      <text x="204" y="249">ya</text>
      <text x="204" y="345">ya</text>
      <text x="204" y="441">ya</text>
      <text x="380" y="191" text-anchor="middle" fill="#fb7185">tidak</text>
      <text x="380" y="287" text-anchor="middle" fill="#fb7185">tidak</text>
      <text x="380" y="383" text-anchor="middle" fill="#fb7185">tidak</text>
    </g>
    <g>
      <rect x="24" y="164" width="340" height="68" rx="10" fill="#121a31" stroke="#c8a8ff" stroke-width="1.5"/>
      <text x="40" y="192" font-size="14" font-weight="700" fill="#e8edf5">Apakah akselerasi perangkat keras aktif?</text>
      <text x="40" y="214" font-size="12" fill="#9aa7b4">chrome://gpu atau about:support menyatakannya, setelah dimulai ulang</text>
      <rect x="400" y="164" width="296" height="68" rx="10" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="412" y="188" font-size="12" fill="#e8edf5">Aktifkan. Chrome: Setelan, Sistem.</text>
      <text x="412" y="206" font-size="12" fill="#e8edf5">Firefox: Setelan, Umum, Performa.</text>
      <text x="412" y="224" font-size="12" fill="#9aa7b4">Mulai ulang, setelan memerlukan pemulaian ulang.</text>
    </g>
    <g>
      <rect x="24" y="260" width="340" height="68" rx="10" fill="#121a31" stroke="#c8a8ff" stroke-width="1.5"/>
      <text x="40" y="288" font-size="14" font-weight="700" fill="#e8edf5">Apakah perender menyebutkan GPU sungguhan?</text>
      <text x="40" y="310" font-size="12" fill="#9aa7b4">SwiftShader, llvmpipe, Basic Render Driver berarti tidak</text>
      <rect x="400" y="260" width="296" height="68" rx="10" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="412" y="284" font-size="12" fill="#e8edf5">Perbarui driver GPU dari produsennya.</text>
      <text x="412" y="302" font-size="12" fill="#e8edf5">Blok usang? Gunakan flag ignore-gpu-blocklist.</text>
      <text x="412" y="320" font-size="12" fill="#9aa7b4">VM atau desktop jarak jauh: mainkan di host.</text>
    </g>
    <g>
      <rect x="24" y="356" width="340" height="68" rx="10" fill="#121a31" stroke="#c8a8ff" stroke-width="1.5"/>
      <text x="40" y="384" font-size="14" font-weight="700" fill="#e8edf5">Apakah peramban menyediakan WebGPU di sini?</text>
      <text x="40" y="406" font-size="12" fill="#9aa7b4">Hanya ditanyakan jika WebGL 2 lolos dan WebGPU gagal</text>
      <rect x="400" y="356" width="296" height="68" rx="10" fill="#1a1424" stroke="#fb7185" stroke-width="1.5"/>
      <text x="412" y="380" font-size="12" fill="#e8edf5">Perbarui peramban, lalu periksa tabel.</text>
      <text x="412" y="398" font-size="12" fill="#e8edf5">Firefox: hanya Windows dan Apple Silicon.</text>
      <text x="412" y="416" font-size="12" fill="#9aa7b4">Chrome Linux: hanya Intel Gen12+, NVIDIA.</text>
    </g>
    <g>
      <rect x="24" y="452" width="340" height="56" rx="10" fill="#121a31" stroke="#6ee7b7" stroke-width="1.5"/>
      <text x="40" y="476" font-size="14" font-weight="700" fill="#6ee7b7">Jalankan kembali pemeriksa</text>
      <text x="40" y="496" font-size="12" fill="#9aa7b4">WebGL 2 bertuliskan Didukung, WebGPU sesuai prediksi tabel</text>
    </g>
  </g>
</svg>
<figcaption>Telusuri kolom kiri dari atas ke bawah dan berhenti pada jawaban tidak yang pertama. Urutannya penting: memperbarui driver tidak berguna selama akselerasi nonaktif, dan pertanyaan WebGPU hanya berlaku setelah WebGL 2 berfungsi, karena tidak tersedianya WebGPU pada mesin yang sehat biasanya disebabkan oleh platform, bukan kerusakan.</figcaption>
</figure>
<h2>Chrome dan Edge</h2>
<p>Chrome dan Edge memakai mesin Chromium yang sama, jadi semua yang dijelaskan di sini berlaku untuk keduanya. Ganti <code>chrome://</code> dengan <code>edge://</code> bila diperlukan.</p>
<h3>Tombol akselerasi perangkat keras</h3>
<p>Buka Setelan, lalu Sistem, dan pastikan &quot;Gunakan akselerasi grafis jika tersedia&quot; aktif (di Edge, opsi ini berada di Sistem dan performa). Mulai ulang peramban, karena setelan tersebut baru berlaku setelah pemulaian ulang. Opsi ini cukup sering nonaktif karena banyak saran untuk &quot;memperbaiki kedipan Chrome&quot; menyuruh pengguna mematikannya. Lalu buka <code>chrome://gpu</code>. Jika WebGL dan WebGL2 bertuliskan &quot;Hardware accelerated&quot;, masalah selesai. Jika tidak, peramban sengaja menolak GPU Anda, dan alasannya tercantum di bawah &quot;Problems Detected&quot;.</p>
<h3>Windows</h3>
<p>Penyebab yang lazim adalah driver usang atau generik. Jika perender menampilkan &quot;Microsoft Basic Render Driver&quot;, Windows sama sekali tidak memiliki driver yang sebenarnya untuk GPU Anda, dan Chromium memperlakukannya sebagai perintah untuk &quot;memblokir semuanya&quot;. Instal driver langsung dari NVIDIA, AMD, atau Intel daripada menunggu Windows Update. Pada laptop dengan dua GPU, Setelan Windows, Sistem, Tampilan, Grafis memungkinkan Anda menetapkan peramban agar memakai GPU berperforma tinggi. Peramban yang berjalan pada chip terintegrasi dapat lolos pemeriksaan, tetapi sangat lambat dalam game berat.</p>
<p>Windows on ARM (laptop Snapdragon) merupakan kasus khusus WebGPU: wiki status implementasi mencantumkannya sebagai fitur di balik <code>chrome://flags/#enable-unsafe-webgpu</code> atau opsi <code>--enable-unsafe-webgpu</code>. WebGL 2 berfungsi secara normal di sana.</p>
<h3>macOS</h3>
<p>Mac jarang mengalami masalah ini karena Apple menyediakan driver bersama OS. Jika Chrome pada Mac melaporkan perenderan perangkat lunak, kemungkinan penyebabnya adalah tombol akselerasi, versi macOS yang sangat lama, atau mesin virtual. Memperbarui macOS berarti memperbarui driver.</p>
<h3>Linux</h3>
<p>Linux memiliki paling banyak batasan untuk WebGPU. Menurut wiki, Chrome menyediakan WebGPU secara default di Linux untuk Intel Gen12 dan yang lebih baru mulai Chrome 144, serta untuk NVIDIA dengan driver 535.183.01 atau yang lebih baru di Wayland mulai Chrome 147. Semua konfigurasi lainnya (AMD, Intel lama, NVIDIA di X11) memerlukan rangkaian flag yang tercantum di wiki: <code>--enable-unsafe-webgpu --ozone-platform=x11 --use-angle=vulkan --enable-features=Vulkan,VulkanFromANGLE</code>. Peluncuran bertahap ini menjalankan WebGPU di Vulkan sementara bagian peramban lainnya tetap memakai OpenGL, sehingga pengaktifannya dibatasi menurut keluarga GPU.</p>
<p>Untuk WebGL 2 di Linux, pertanyaannya adalah apakah Mesa memakai GPU Anda atau rasterizer perangkat lunak llvmpipe. Jika perender menampilkan llvmpipe, perbarui driver Mesa untuk GPU Anda (atau driver proprietari NVIDIA).</p>
<h3>Mengabaikan daftar blokir</h3>
<p><code>chrome://flags/#ignore-gpu-blocklist</code> (&quot;Override software rendering list&quot;) memaksa Chrome memakai GPU Anda meskipun tercantum dalam daftar blokir. Ini adalah langkah yang tepat ketika daftar tersebut keliru menolak GPU Anda, atau ketika Anda lebih memilih gangguan sesekali daripada tidak bisa memakai WebGL sama sekali. Namun, ini merupakan langkah yang salah jika pemblokiran diterapkan karena driver mengalami crash, jadi coba perbarui driver terlebih dahulu.</p>
<h3>Chrome Android</h3>
<p>WebGL 2 telah tersedia di Chrome Android sejak versi 58, jadi pada ponsel masa kini, kegagalan WebGL 2 biasanya berarti driver GPU masuk daftar blokir. Di Android, driver tersebut tidak dapat diperbarui secara terpisah. Periksa pembaruan sistem, lalu coba <code>chrome://flags/#ignore-gpu-blocklist</code>, yang juga tersedia di Android.</p>
<p>WebGPU hadir di Android melalui Chrome 121 untuk Android 12 atau yang lebih baru dengan GPU ARM, Qualcomm, atau Intel, serta melalui Chrome 139 untuk GPU Imagination di Android 16 atau yang lebih baru. Wiki masih mencantumkan GPU Xclipse milik Samsung (ponsel Galaxy Exynos) sebagai sedang dalam pengembangan, sehingga Galaxy Exynos yang telah diperbarui sepenuhnya masih dapat melaporkan bahwa WebGPU tidak tersedia. Itu bukan bug di pihak Anda.</p>
<h2>Firefox</h2>
<h3>Akselerasi perangkat keras dan pengabaian blokir</h3>
<p>Buka Setelan, Umum, gulir ke Performa, hapus centang &quot;Gunakan setelan performa yang disarankan&quot;, lalu pastikan &quot;Gunakan akselerasi perangkat keras jika tersedia&quot; dicentang. Mulai ulang Firefox. Kemudian periksa <code>about:support</code>, bagian Grafis: &quot;Compositing&quot; seharusnya menampilkan WebRender, sedangkan WebGL yang diblokir akan muncul di Failure Log atau Decision Log bersama driver atau fitur yang diblokir.</p>
<p>Halaman <a href="https://wiki.mozilla.org/Blocklisting/Blocked_Graphics_Drivers">driver grafis yang diblokir</a> milik Mozilla mendokumentasikan opsi untuk mengabaikan pemblokiran. Di <code>about:config</code>, atur <code>webgl.force-enabled</code> ke <code>true</code> untuk mengabaikan pemblokiran WebGL dan <code>layers.acceleration.force-enabled</code> ke <code>true</code> untuk mengabaikan pemblokiran compositing. Menurut Mozilla: &quot;lakukan ini dengan risiko Anda sendiri. Biasanya ada alasan kuat mengapa fitur diblokir&quot;. Perbarui driver terlebih dahulu.</p>
<h3>WebGPU: Firefox mana di OS apa</h3>
<p>Di Firefox, pesan &quot;WebGPU tidak didukung&quot; paling sering hanya disebabkan oleh platform. Berdasarkan catatan rilis: Firefox 141 (22 Juli 2025) mengaktifkan WebGPU di Windows. Firefox 145 (11 November 2025) menambahkan dukungan untuk macOS 26 Tahoe di Apple Silicon. Firefox 147 memperluasnya ke &quot;perangkat dengan prosesor Apple Silicon di semua versi macOS yang didukung&quot;. Mac berbasis Intel, Linux, dan Android masih belum didukung: halaman <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Experimental_features">fitur eksperimental</a> MDN menyatakan bahwa untuk &quot;platform lain seperti Linux dan macOS di Intel Silicon, fitur ini diaktifkan di Nightly&quot;, sedangkan wiki mencantumkan dukungan Linux diperkirakan hadir pada 2026 dan Android tersedia di balik flag.</p>
<p>Preferensinya adalah <code>dom.webgpu.enabled</code> di <code>about:config</code>. Pada platform yang belum mendapat rilis resmi Firefox, mengubahnya menjadi <code>true</code> dalam versi rilis akan mengekspos implementasi yang belum diselesaikan Mozilla untuk OS tersebut, jadi bersiaplah menghadapi crash. Jika ingin memakai WebGPU di Firefox Linux saat ini, gunakan Nightly, yang mengaktifkannya secara default. Caniuse menandai Firefox sebagai &quot;dinonaktifkan secara default&quot; karena situs tersebut melacak flag berdasarkan peramban, bukan berdasarkan OS, jadi jangan biarkan halaman itu membuat pengguna Windows mengira WebGPU tidak tersedia.</p>
<h2>Safari</h2>
<p>Safari tidak memiliki tombol akselerasi maupun daftar blokir yang dapat diabaikan. Versi Safari menentukan semuanya.</p>
<p>WebGL 2 memerlukan Safari 15 atau yang lebih baru di macOS dan iOS. Halaman kompatibilitas Unity menyatakannya dengan jelas: &quot;Apple Safari tidak mendukung WebGL 2 pada versi sebelum Safari 15&quot;. Mac yang tertahan pada macOS lama tidak dapat memperoleh Safari yang lebih baru, jadi solusinya adalah memperbarui macOS atau menginstal Chrome atau Firefox, yang dapat menjalankan WebGL 2 pada macOS lama.</p>
<p>WebGPU dirilis melalui Safari 26.0 pada 15 September 2025 di macOS Tahoe, Sequoia, dan Sonoma, serta iOS 26, iPadOS 26, dan visionOS 26, dan aktif secara default. <a href="https://webkit.org/blog/17333/webkit-features-in-safari-26-0/">Postingan rilis</a> WebKit menyatakan bahwa WebGPU &quot;menggantikan WebGL di macOS, iOS, iPadOS, dan visionOS serta lebih disarankan untuk situs dan aplikasi web baru&quot;. Jika Anda memakai Safari 26 dan WebGPU masih gagal, pastikan halaman disajikan melalui HTTPS (WebGPU hanya berfungsi dalam konteks aman di semua peramban) dan tidak berada di dalam web view tersemat.</p>
<p>Di Safari 17 dan 18, WebGPU tersedia di balik flag fitur. Di macOS, buka Pengaturan Safari, Lanjutan, centang &quot;Tampilkan fitur untuk pengembang web&quot;, lalu tab Feature Flags akan muncul dan memungkinkan Anda mengaktifkan WebGPU. Di iOS 18, jalurnya adalah Pengaturan, App, Safari, Lanjutan, Feature Flags (iOS lama: Pengaturan, Safari, Lanjutan). Itu adalah implementasi prarilis, cukup untuk demo, tetapi bukan sesuatu yang layak dijadikan target saat merilis game.</p>
<p>Apa pun peramban yang Anda perbaiki, muat ulang pemeriksa. Hasil yang sehat terlihat seperti ini.</p>
<figure class="guide-fig">
<a href="/id/tools/webgl-webgpu-checker"><img src="https://cdn.cinevva.com/guides/shots/checker-ok.png" alt="Pemeriksa menampilkan spanduk siap berwarna ungu, segitiga gradien yang dirender pada 60 FPS melalui WebGPU, serta kartu Didukung untuk WebGPU dan WebGL 2" loading="lazy" width="720" height="948"></a>
<figcaption>Inilah yang seharusnya terlihat setelah perbaikan: segitiga dirender pada 60 FPS, baris perenderan langsung menyebutkan WebGPU, dan WebGPU serta WebGL 2 sama-sama bertuliskan Didukung. WebGL 1 yang menampilkan Tidak di sini adalah hal normal. Pemeriksa meminta WebGL 2 terlebih dahulu dari satu kanvas, dan sebuah kanvas hanya dapat menampung satu jenis konteks, sehingga pemeriksaan lama tidak menghasilkan apa pun.</figcaption>
</figure>
<h2>Laptop kantor, Chromebook sekolah, VM, dan desktop jarak jauh</h2>
<p>Jika tombol pengaturan tidak tersedia atau perubahannya tidak tersimpan, periksa siapa yang mengelola perangkat tersebut.
Browser yang dikelola dapat menonaktifkan akselerasi melalui kebijakan. Chrome dan Edge sama-sama memiliki kebijakan <code>HardwareAccelerationModeEnabled</code>, dan dokumentasi Microsoft menyatakan bahwa ketika kebijakan ini dinonaktifkan, browser akan &quot;menonaktifkan akselerasi grafis&quot;. Tombol pengaturan akan menjadi abu-abu atau kembali ke posisi semula, dan <code>chrome://policy</code> mencantumkan kebijakan yang diterapkan. Sejak Chromium 144, tersedia juga <code>EnableUnsafeSwiftShader</code>, kebijakan sementara yang mempertahankan fallback CPU lama pada mesin tanpa GPU. Jika Anda mengelola laboratorium sekolah yang tiba-tiba tidak dapat membuka semua situs WebGL, kebijakan tersebut dapat menjadi solusi sementara sambil Anda memperbaiki masalah driver.</p>
<p>Mesin virtual menyediakan GPU virtual yang ditolak oleh browser. Daftar blokir Chromium memiliki entri eksplisit (&quot;Jangan gunakan rendering yang diakselerasi GPU dengan VMware di Windows&quot;, &quot;Driver VirtualBox tidak stabil di Linux&quot;, &quot;Driver Parallels yang lebih lama dari versi 7 bermasalah&quot;), yang semuanya menonaktifkan setiap fitur terakselerasi. Aktifkan akselerasi 3D di pengaturan VM dengan guest tools terbaru, atau terima bahwa VM tersebut hanya digunakan untuk menguji jalur tanpa GPU dan mainkan game di mesin host.</p>
<p>Desktop jarak jauh adalah masalah yang sama dalam bentuk berbeda. Sesi RDP, desktop Citrix atau Horizon, maupun PC cloud biasanya hanya menyediakan adaptor tampilan dasar, sehingga browser tidak mendeteksi GPU yang dapat digunakan. Jalankan browser di mesin lokal alih-alih di dalam sesi tersebut.</p>
<p>Chromebook adalah kasus yang mudah: ChromeOS telah mendukung WebGPU sejak Chrome 113, jadi kegagalan di sana hampir selalu disebabkan oleh kebijakan atau perangkat yang telah melewati masa pembaruannya.</p>
<h2>Kesalahan Unity &quot;tidak mendukung API grafis WebGL 2&quot;</h2>
<p>Teks persis yang dilihat pemain:</p>
<blockquote>
<p>Browser Anda tidak mendukung API grafis &quot;WebGL 2&quot; yang diperlukan untuk konten ini.</p>
</blockquote>
<p>Pesan ini berasal dari pemuat web Unity ketika permintaan konteks <code>webgl2</code> menghasilkan <code>null</code>. Halaman <a href="https://docs.unity3d.com/6000.2/Documentation/Manual/webgl-browsercompatibility.html">kompatibilitas browser</a> Unity menyatakan bahwa build Web memerlukan browser yang &quot;mendukung WebGL 2&quot;, dengan WebGL 2 sebagai API grafis bawaan, sehingga pemuat tidak memiliki fallback kecuali pengembang menambahkannya.</p>
<p>Jika Anda pemain, penyebab berdasarkan urutan kemungkinannya adalah: akselerasi perangkat keras dinonaktifkan, driver GPU masuk daftar blokir (dan sejak Chromium 144 tidak lagi diselamatkan oleh SwiftShader), Anda menggunakan VM atau sesi jarak jauh, atau Anda menggunakan Safari 14 maupun versi lebih lama. Jika pemeriksa menyatakan WebGL 2 berfungsi tetapi game tetap gagal, halaman tersebut mungkin berada di dalam frame tersemat atau web view tanpa akses GPU, dan membuka URL game secara langsung biasanya memperbaikinya.</p>
<p>Jika Anda pengembang, daftar Graphics APIs di Player Settings, Web, Other Settings menentukan seberapa sering pemain mengalami masalah ini. Saat Auto Graphics API diaktifkan, Unity mencoba WebGL 2 terlebih dahulu, dan diskusi komunitas mencatat bahwa peringatan yang sama muncul ketika fallback ke WebGL 1 berhasil tetapi WebGL 2 gagal, sehingga pesan itu saja tidak menunjukkan apakah game berhasil dijalankan. Ruang warna Linear hanya mengizinkan WebGL 2. Menambahkan &quot;WebGL 1 (Deprecated)&quot; membuat browser yang sangat lama tetap dapat memainkan game, dengan konsekuensi hilangnya pemrosesan pasca-render dan beberapa format tekstur, serta penambahan sekitar 1,5 MB pada file data menurut pengukuran seorang pengembang. Unity 6 juga memungkinkan Anda menambahkan WebGPU, yang masih ditandai eksperimental, dan <a href="https://docs.unity3d.com/6000.3/Documentation/Manual/WebGPU-enable.html">panduan pengaktifannya</a> menyatakan bahwa Unity menggunakan API pertama dalam daftar lalu beralih ke API berikutnya jika gagal. Karena itu, urutan yang aman adalah WebGPU, lalu WebGL 2. Apa pun pilihan Anda, ganti teks kesalahan bawaan di templat dengan pesan yang memberikan langkah konkret kepada pemain.</p>
<h2>Dari gejala ke penyebab</h2>
<p><strong>Kanvas hitam atau kosong, tanpa pesan kesalahan.</strong> Konteks berhasil dibuat, tetapi GPU tidak menggambar. Penyebab umum: konteks hilang tepat setelah dibuat, GPU tidak mampu menangani shader, atau ekstensi privasi memalsukan WebGL. Coba jendela privat dengan ekstensi dinonaktifkan, lalu periksa konsol untuk pesan &quot;context lost&quot; atau kesalahan kompilasi shader.</p>
<p><strong>&quot;WebGL context lost&quot; saat game sedang berjalan.</strong> Catatan <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/isContextLost">kehilangan konteks</a> MDN mencantumkan penyebabnya: halaman saling berebut GPU, laptop beralih antara GPU terintegrasi dan diskret, browser mereset GPU untuk menghentikan kemacetan dari tab lain, atau driver diperbarui di latar belakang. Tutup tab lain yang banyak menggunakan GPU, sambungkan laptop ke daya agar tidak terus beralih GPU, lalu muat ulang. Jika hal ini selalu terjadi, game kehabisan memori GPU di perangkat Anda, yang merupakan bug game dan bukan masalah pengaturan browser.</p>
<p><strong>Berjalan pada 1 hingga 5 fps.</strong> Rendering perangkat lunak. Periksa apakah renderer menggunakan SwiftShader, llvmpipe, atau &quot;Software&quot;, lalu perbaiki akselerasi atau driver. Di ponsel, rasio piksel perangkat 3x berarti sembilan piksel digambar untuk setiap piksel CSS. Game yang tidak membatasi resolusinya akan berjalan sangat lambat, dan itu merupakan tanggung jawab pengembang.</p>
<p><strong>WebGPU tidak tersedia di mesin dengan WebGL 2 yang berfungsi.</strong> Periksa tabel terlebih dahulu. Kemudian periksa URL: <code>navigator.gpu</code> tidak terdefinisi pada halaman <code>http://</code> biasa. Setelah itu, cari baris WebGPU di Graphics Feature Status. Pada Chrome Linux dan Firefox non-Windows, jawabannya biasanya &quot;belum tersedia di platform ini&quot;.</p>
<h2>Untuk pengembang: deteksi, fallback, dan beri tahu pemain</h2>
<p>Deteksi kedua API sebelum memuat apa pun yang berat, dan tampilkan pesan ketika terjadi kegagalan, bukan halaman kosong. Pola MDN untuk <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API">WebGPU</a> adalah memeriksa <code>navigator.gpu</code>, lalu memanggil <code>requestAdapter()</code>, yang menghasilkan <code>null</code> jika tidak ada adaptor yang tersedia. Untuk WebGL, <code>getContext('webgl2')</code> menghasilkan <code>null</code> jika gagal.</p>
<pre><code class="language-js">async function pickRenderer(canvas) {
  if (navigator.gpu) {
    const adapter = await navigator.gpu.requestAdapter()
    if (adapter) return { api: 'webgpu', adapter }
  }
  const gl2 = canvas.getContext('webgl2', { failIfMajorPerformanceCaveat: true })
  if (gl2) return { api: 'webgl2', gl: gl2 }
  const gl2soft = canvas.getContext('webgl2')
  if (gl2soft) return { api: 'webgl2', gl: gl2soft, software: true }
  return { api: null }
}
</code></pre>
<p>Ada dua detail penting. <code>failIfMajorPerformanceCaveat: true</code> membuat <code>getContext</code> gagal alih-alih memberikan konteks yang dirender melalui perangkat lunak. Dengan begitu, Anda dapat mendeteksi kondisi &quot;ini akan berjalan pada 2 fps&quot;, memperingatkan pemain, lalu memutuskan apakah tetap akan menerima konteks perangkat lunak tersebut. Selain itu, satu kanvas hanya dapat memiliki tepat satu jenis konteks, jadi tentukan pilihan sebelum membuatnya atau gunakan kanvas terpisah. <code>requestAdapter()</code> juga menerima <code>featureLevel: 'compatibility'</code>, yaitu subset WebGPU terbatas untuk perangkat keras kelas OpenGL ES 3.1 dan Direct3D 11.</p>
<p>Tangani juga kehilangan konteks. Dengarkan <code>webglcontextlost</code>, panggil <code>preventDefault()</code> agar browser mengetahui bahwa Anda akan mencoba memulihkannya, lalu bangun ulang sumber daya GPU di <code>webglcontextrestored</code>. Game yang melewatkan langkah ini akan mengalami gejala &quot;kanvas hitam, tanpa pesan kesalahan&quot; setiap kali laptop beralih GPU.</p>
<pre><code class="language-js">canvas.addEventListener('webglcontextlost', (e) =&gt; {
  e.preventDefault()
  pauseGame()
})
canvas.addEventListener('webglcontextrestored', () =&gt; {
  recreateGpuResources()
  resumeGame()
})
</code></pre>
<p>Sampaikan sesuatu yang berguna kepada pemain. &quot;WebGL 2 tidak didukung&quot; adalah jalan buntu bagi anak berusia dua belas tahun yang menggunakan Chromebook sekolah. Pesan yang lebih baik menyebutkan apa yang Anda deteksi (browser, OS, apakah WebGL 1 berfungsi, dan apakah renderer tampak menggunakan perangkat lunak), memberikan solusi satu baris untuk browser mereka, serta menautkan ke halaman seperti ini atau <a href="/id/tools/webgl-webgpu-checker">pemeriksa</a> agar mereka dapat memastikan perbaikannya. Catat hasil yang sama ke analitik, karena proporsi pemain yang gagal menjalankan WebGL 2 menunjukkan apakah fallback yang lebih ringan layak dibuat.</p>
<p>Engine menangani sebagian besar hal ini. Renderer WebGPU Three.js, Babylon.js, dan PlayCanvas secara otomatis beralih ke WebGL 2, sedangkan <a href="/id/guides/web-games-stack-2026">panduan stack teknologi game web</a> menjelaskan fungsi masing-masing. Jika Anda menggunakan API secara langsung, tutorial <a href="/id/tutorials/webgpu-getting-started">memulai WebGPU</a> dan <a href="/id/tutorials/webgl-fundamentals-for-games">dasar-dasar WebGL</a> sama-sama dimulai dengan blok deteksi yang berfungsi.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara memeriksa apakah WebGPU diaktifkan di browser saya?</h3>
<p>Buka <a href="/id/tools/webgl-webgpu-checker">pemeriksa WebGL dan WebGPU</a>, yang melaporkan apakah WebGPU didukung beserta vendor dan arsitektur adaptornya. Di Chrome atau Edge, <code>chrome://gpu</code> mencantumkan WebGPU di bagian Graphics Feature Status, sedangkan di konsol <code>navigator.gpu</code> bernilai <code>undefined</code> ketika API tidak tersedia. WebGPU hanya berfungsi pada halaman HTTPS.</p>
<h3>Bagaimana cara mengaktifkan WebGL di Chrome?</h3>
<p>Buka Settings, System, aktifkan &quot;Use graphics acceleration when available&quot;, lalu luncurkan ulang Chrome. Setelah itu, buka <code>chrome://gpu</code> dan pastikan WebGL serta WebGL2 menampilkan &quot;Hardware accelerated&quot;. Jika tidak, perbarui driver GPU Anda, dan sebagai upaya terakhir aktifkan <code>chrome://flags/#ignore-gpu-blocklist</code>.</p>
<h3>Bagaimana cara mengaktifkan WebGPU di Firefox?</h3>
<p>Di Windows, WebGPU aktif secara bawaan sejak Firefox 141, dan di Mac Apple Silicon sejak Firefox 145 (macOS 26) serta 147 (semua versi macOS yang didukung). Di Linux, Mac Intel, dan Android, fitur ini belum dirilis: preferensi <code>dom.webgpu.enabled</code> di <code>about:config</code> mengaktifkan build yang belum selesai, dan Firefox Nightly mengaktifkannya secara bawaan. Jadi, gunakan Nightly jika Anda memerlukannya di platform tersebut saat ini.</p>
<h3>Apakah Safari mendukung WebGPU?</h3>
<p>Ya, sejak Safari 26.0 (15 September 2025) di macOS Tahoe, Sequoia, dan Sonoma, iOS 26, iPadOS 26, serta visionOS 26, dan aktif secara bawaan. Safari 17 dan 18 menyediakan fitur ini di balik feature flag pada Settings, Advanced, &quot;Show features for web developers&quot;. WebGL 2 memerlukan Safari 15 atau versi lebih baru.</p>
<h3>Mengapa WebGL menyatakan diblokir atau menggunakan rendering perangkat lunak ketika akselerasi perangkat keras aktif?</h3>
<p>GPU atau drivernya masuk daftar blokir browser, sehingga browser menolaknya meskipun akselerasi telah diaktifkan. Bagian &quot;Problems Detected&quot; di <code>chrome://gpu</code> atau bagian Graphics pada <code>about:support</code> Firefox akan menyebutkan entri penyebabnya. Perbarui driver dari produsen GPU, dan jika pemblokiran tersebut sudah tidak relevan, abaikan dengan <code>chrome://flags/#ignore-gpu-blocklist</code> atau <code>webgl.force-enabled</code> di Firefox.</p>
<h3>Mengapa game Unity WebGL saya tidak berfungsi di browser?</h3>
<p>Jika halaman menampilkan &quot;Browser Anda tidak mendukung API grafis WebGL 2&quot;, browser tidak dapat membuat konteks WebGL 2. Aktifkan akselerasi perangkat keras, perbarui driver GPU, pastikan Anda tidak menggunakan VM atau sesi desktop jarak jauh, dan jika menggunakan Safari, perbarui ke versi 15 atau yang lebih baru. Jika pemeriksa menunjukkan WebGL 2 berfungsi tetapi game tetap gagal, buka URL game secara langsung, bukan di dalam frame tersemat.</p>
<h3>Apakah WebGL 2 berfungsi di Chrome pada Android?</h3>
<p>Ya, sejak Chrome 58, sehingga fitur ini berfungsi pada semua ponsel terkini kecuali driver GPU masuk daftar blokir. Anda dapat memperbaikinya dengan pembaruan sistem atau <code>chrome://flags/#ignore-gpu-blocklist</code>. WebGPU merupakan fitur terpisah: Chrome 121+ pada Android 12+ dengan GPU ARM, Qualcomm, atau Intel; Chrome 139+ untuk GPU Imagination pada Android 16+; sedangkan dukungan GPU Samsung Xclipse masih dalam pengembangan.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/tools/webgl-webgpu-checker">Pengujian WebGL dan Pemeriksa WebGPU</a>: lihat apa yang benar-benar disediakan browser Anda, termasuk nama dan batas GPU</li>
<li><a href="/id/guides/webgpu-vs-webgl-games">WebGPU vs WebGL untuk Game (2026)</a>: penjelasan kedua API dan mana yang sebaiknya digunakan untuk membangun game</li>
<li><a href="/id/guides/web-games-stack-2026">Stack Teknologi Game Web pada 2026</a>: WebGL, WebGPU, dan Wasm, serta engine yang menggunakan masing-masing teknologi</li>
<li><a href="/id/tutorials/webgpu-getting-started">Memulai WebGPU</a>: kode WebGPU pertama Anda, dimulai dari deteksi</li>
<li><a href="/id/tutorials/webgl-fundamentals-for-games">Dasar-dasar WebGL untuk game</a>: API dasar, lengkap dengan kode</li>
<li><a href="/id/tools/cross-origin-isolation-checker">Pemeriksa Isolasi Lintas Origin</a>: pengujian lain untuk masalah &quot;mengapa game ini tidak dapat dimuat&quot;, terkait SharedArrayBuffer dan thread</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Animasi AI Terbaik untuk Karakter 3D pada 2026 (Teks ke Gerakan, Mocap Video, Pustaka)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-animation-generators-3d</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-animation-generators-3d</guid>
            <pubDate>Sat, 05 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator animasi AI terbaik untuk karakter game 3D pada 2026: alat teks-ke-gerakan, motion capture video (DeepMotion, Plask, Rokoko Vision), keyframing berbantuan AI (Cascadeur), serta auto-rig dan pustaka (Meshy, Tripo, Mixamo), dibandingkan berdasarkan keluaran, harga, dan lisensi.]]></description>
            <content:encoded><![CDATA[<h1>Generator Animasi AI Terbaik untuk Karakter 3D pada 2026 (Teks ke Gerakan, Mocap Video, Pustaka)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>&quot;Generator animasi AI&quot; berarti tiga hal berbeda pada 2026, dan memilih jenis yang salah adalah cara paling umum untuk menyia-nyiakan satu sore. Alat <strong>teks-ke-gerakan</strong> mengubah sebuah kalimat (&quot;seseorang berjongkok, lalu melompat ke depan&quot;) menjadi animasi kerangka, dan <a href="/id/tools/animate">Animasi dari Prompt</a> milik Cinevva melakukannya di browser dengan ekspor BVH dan GLB menggunakan akun gratis. Alat <strong>motion capture video</strong> (DeepMotion, Plask, Rokoko Vision) mengubah video ponsel saat Anda bergerak menjadi animasi, yang merupakan pilihan tepat jika Anda dapat memeragakan gerakannya sendiri. Alat <strong>auto-rig plus pustaka</strong> (Meshy, Tripo, Mixamo, dan <a href="/id/tools/animations">Pustaka Animasi</a> kami) sama sekali tidak menghasilkan gerakan; alat-alat ini memasang rig pada model Anda dan menerapkan salah satu dari ratusan klip yang sudah ada, yang mencakup sebagian besar kebutuhan game. Cascadeur berada dalam kategori tersendiri sebagai alat keyframing berbantuan AI untuk orang yang ingin membuat animasi secara manual dengan lebih cepat.</p>
<p>Berikut setiap alat, apa yang dihasilkannya, berapa biayanya, dan apa yang dapat Anda rilis, berdasarkan halaman masing-masing pada September 2026.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Gerakan yang belum pernah ada, dibuat dari sebuah kalimat:</strong> Cinevva <a href="/id/tools/animate">Animasi dari Prompt</a>. Teks ke gerakan, klip berdurasi 1 hingga 10 detik, ditargetkan ulang ke GLB humanoid Anda, dengan ekspor BVH atau GLB. Akun gratis.</li>
<li><strong>Berjalan, berlari, diam, menyerang, dan lebih dari 250 gerakan lain pada model Anda sendiri, gratis:</strong> Cinevva <a href="/id/tools/animations">Pustaka Animasi</a>. 260 gerakan CC0 yang ditargetkan ulang di browser.</li>
<li><strong>Anda dapat memeragakan gerakannya:</strong> Rokoko Vision (gratis, satu kamera) atau Plask (gratis 15 detik per hari, lalu $18 per bulan).</li>
<li><strong>Mocap video dengan tangan dan wajah:</strong> DeepMotion Animate 3D. Gratis 60 detik per bulan untuk penggunaan nonkomersial, paket berbayar mulai $15.</li>
<li><strong>Memasang rig pada model hasil generasi dan menganimasikannya di satu tempat:</strong> Meshy. Lebih dari 600 klip preset, auto-rig dalam waktu kurang dari 30 detik, FBX dan GLB.</li>
<li><strong>Animasi manual dengan fisika yang menangani bagian sulitnya:</strong> Cascadeur. Versi gratis, paket Indie sekitar €12 per bulan.</li>
<li><strong>Pustaka gratis klasik:</strong> Mixamo. Ribuan klip, gratis dengan akun Adobe, dalam mode pemeliharaan.</li>
<li><strong>Lewati seluruh pipeline:</strong> deskripsikan game di <a href="/id/create">pembuat game</a>, dan karakter akan hadir dalam keadaan sudah dianimasikan.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Jenis</th>
<th>Masukan</th>
<th>Keluaran</th>
<th>Paket gratis</th>
<th>Paket berbayar mulai</th>
<th>Komersial</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cinevva Prompt Animations</td>
<td>Teks ke gerakan</td>
<td>Prompt, GLB ber-rig opsional</td>
<td>BVH, GLB, 1 hingga 10 dtk</td>
<td>Ya</td>
<td>Kredit</td>
<td>Milik Anda</td>
</tr>
<tr>
<td>Cinevva Animation Library</td>
<td>Pustaka + penargetan ulang</td>
<td>GLB atau FBX ber-rig</td>
<td>GLB dengan klip yang disematkan</td>
<td>Pratinjau gratis</td>
<td>Paket Standard untuk ekspor</td>
<td>Klip CC0</td>
</tr>
<tr>
<td>Meshy</td>
<td>Auto-rig + pustaka</td>
<td>Model</td>
<td>FBX, GLB, 600+ klip</td>
<td>100 kredit/bln, CC BY</td>
<td>$20/bln</td>
<td>Berbayar: milik Anda</td>
</tr>
<tr>
<td>Tripo</td>
<td>Auto-rig + pustaka</td>
<td>Model</td>
<td>FBX, GLB</td>
<td>Paket gratis</td>
<td>~$20/bln</td>
<td>Paket berbayar</td>
</tr>
<tr>
<td>Mixamo</td>
<td>Pustaka + auto-rig</td>
<td>Model</td>
<td>FBX</td>
<td>Semuanya</td>
<td>n/a</td>
<td>Ya, tanpa redistribusi</td>
</tr>
<tr>
<td>DeepMotion Animate 3D</td>
<td>Mocap video</td>
<td>Video</td>
<td>FBX, GLB, BVH</td>
<td>60 dtk/bln, nonkomersial</td>
<td>$15/bln</td>
<td>Paket berbayar</td>
</tr>
<tr>
<td>Plask</td>
<td>Mocap video</td>
<td>Video</td>
<td>FBX, GLB, BVH</td>
<td>15 dtk/hari</td>
<td>$18/bln tahunan</td>
<td>Periksa ketentuan</td>
</tr>
<tr>
<td>Rokoko Vision</td>
<td>Mocap video</td>
<td>Video</td>
<td>FBX, BVH</td>
<td>Satu kamera gratis</td>
<td>Dua kamera berbayar</td>
<td>Ya</td>
</tr>
<tr>
<td>Cascadeur</td>
<td>Keyframing berbantuan AI</td>
<td>Keyframe Anda</td>
<td>FBX, DAE</td>
<td>Versi gratis</td>
<td>~€12/bln Indie</td>
<td>Indie di bawah batas pendapatan</td>
</tr>
<tr>
<td>Motorica</td>
<td>Sintesis lokomosi berbasis gaya</td>
<td>Gaya, jalur</td>
<td>Format engine dan DCC</td>
<td>Lite gratis</td>
<td>Demo untuk harga</td>
<td>Ketentuan perusahaan</td>
</tr>
</tbody>
</table>
<h2>Tiga jenis alat dan mana yang Anda perlukan</h2>
<p><strong>Teks ke gerakan</strong> adalah jenis terbaru dan biasanya yang dimaksud ketika orang mengatakan &quot;generator animasi AI&quot;. Anda menuliskan apa yang dilakukan tubuh, model yang dilatih menggunakan data motion capture menghasilkan klip kerangka, lalu Anda menargetkannya ulang ke karakter. Ini satu-satunya cara untuk mendapatkan gerakan yang belum pernah direkam siapa pun: serangan khusus makhluk Anda, tarian kemenangan bergaya, atau gerakan jatuh yang sesuai dengan geometri level Anda. Kualitasnya bergantung pada seberapa konkret prompt yang diberikan (&quot;berjongkok dan perlahan berdiri&quot; berfungsi, sedangkan &quot;animasi berdiri&quot; tidak), dan klipnya pendek, antara satu hingga sepuluh detik.</p>
<p><strong>Motion capture video</strong> menggantikan pakaian mocap dengan ponsel. Anda memeragakan gerakan, alat melacak tubuh Anda (dan pada paket tertentu, tangan serta wajah), lalu mengekspor sebuah klip. Ini pilihan tepat ketika gerakannya bersifat manusiawi, Anda dapat memeragakannya, dan Anda ingin hasilnya terasa seperti gerakan seseorang, bukan sebuah preset. Masalah yang umum terjadi adalah kaki bergeser dan gerakan tersentak pada gerakan cepat, yang diperhalus oleh paket berbayar.</p>
<p><strong>Auto-rig plus pustaka</strong> adalah jawaban yang membosankan, tetapi mencakup 80% kebutuhan game: karakter berjalan, berlari, diam, melompat, mengayun, dan mati, sementara setiap gerakan tersebut telah direkam ribuan kali. Unggah model, dapatkan kerangka dengan bobot skinning, pilih dari pustaka, lalu ekspor. Perbedaan di antara alat-alat ini terletak pada lisensi dan harga klip, serta apakah alat rigging-nya dapat menangani model Anda.</p>
<p>Sebagian besar game menggunakan ketiganya. Pustaka untuk lokomosi, mocap video untuk gestur dalam cutscene, dan teks ke gerakan untuk satu gerakan yang membuat game Anda terasa unik.</p>
<h2>Cinevva Prompt Animations</h2>
<p>Alat <a href="/id/tools/animate">Animasi dari Prompt</a> kami menyediakan teks ke gerakan di browser. Deskripsikan sebuah gerakan, lihat gerakan tersebut diputar pada figur stik, lalu masukkan GLB humanoid ber-rig. Alat ini akan mendeteksi kerangka secara otomatis (penamaan Mixamo, Tripo, Reallusion, Unreal, dan humanoid generik), lalu menargetkan ulang gerakan tersebut ke karakter Anda. Durasi klip berkisar antara 1 hingga 10 detik. Ekspor tersedia dalam BVH untuk Blender, Maya, Cascadeur, atau Unreal, maupun GLB dengan animasi yang disematkan untuk Unity, Godot, Three.js, dan Babylon.js. Alat ini dapat digunakan dengan akun gratis dan keluarannya menjadi milik Anda.</p>
<p>Prompt yang efektif mendeskripsikan tubuh secara konkret dan hanya satu tindakan dalam satu waktu. &quot;Seseorang mengambil kotak berat dari lantai dan membawanya ke depan&quot; lebih baik daripada &quot;animasi membawa&quot;. Buat tiga atau empat variasi, simpan yang terbaik, lalu rapikan kontak kaki di editor jika gerakannya cepat.</p>
<h2>Cinevva Animation Library</h2>
<p><a href="/id/tools/animations">Pustaka Animasi</a> adalah bagian pustaka dari pipeline yang sama. Unggah GLB atau FBX ber-rig, lalu pratinjau 260 animasi karakter CC0 yang ditargetkan ulang ke model tersebut di browser, termasuk siklus berjalan dan berlari, pertarungan, traversal, emote, serta reaksi. Tidak ada yang diunggah ke server; proses penargetan ulang berjalan secara lokal. Pratinjau pada model Anda sendiri tersedia gratis, sedangkan ekspor GLB dengan klip yang disematkan merupakan bagian dari paket Standard dan Pro. Karena setiap klip berlisensi CC0, tidak ada kewajiban atribusi maupun kekhawatiran soal redistribusi, sesuatu yang tidak dapat ditawarkan Mixamo.</p>
<p>Jika model Anda belum memiliki rig, <a href="/id/tools/rigger">Auto Rigger</a> akan mengerjakannya terlebih dahulu untuk humanoid dan hewan berkaki empat, lalu langsung meneruskan hasilnya ke pustaka.</p>
<h2>Meshy dan Tripo</h2>
<p>Keduanya merupakan generator teks-ke-3D yang kemudian menambahkan fitur animasi, dan keduanya menggunakan pendekatan auto-rig plus pustaka. Meshy dapat memasang rig secara otomatis pada karakter humanoid, bipedal, berkaki empat, dan bergaya dalam waktu kurang dari 30 detik, serta menawarkan lebih dari 600 klip preset (berjalan, pertarungan, diam, emote, melompat, menari), dengan ekspor FBX atau GLB menggunakan hierarki tulang konvensional. Paket gratis menyediakan 100 kredit per bulan dengan keluaran berlisensi CC BY 4.0, jadi cantumkan kredit untuk Meshy jika Anda merilisnya; Pro seharga $20 per bulan memberikan kepemilikan penuh. Baik Meshy maupun Tripo tidak menghasilkan gerakan dari teks.</p>
<p>Fitur animasi Tripo bekerja dengan cara yang sama: buat atau unggah model, pasang rig secara otomatis, terapkan animasi dari pustakanya, lalu unduh FBX dengan data animasi atau GLB. Jika Anda sudah membuat model di salah satunya, menganimasikannya di sana memang praktis. Jika tidak, pustaka kami melakukan pekerjaan yang sama pada model dari mana pun, menggunakan klip CC0.</p>
<h2>Mixamo</h2>
<p>Mixamo adalah pustaka yang menjadi titik awal bagi hampir semua orang: ribuan klip hasil motion capture, alat auto-rig, dan gratis dengan akun Adobe. Lisensinya mengizinkan penggunaan komersial dalam game tanpa atribusi. Yang tidak diizinkan adalah mendistribusikan ulang file animasi mentah, hal yang penting jika Anda membuat alat atau paket aset, bukan game. Adobe mempertahankan layanan ini selama bertahun-tahun tanpa menambah isinya, jadi anggaplah sebagai katalog tetap. Mixamo hanya mengekspor FBX, dan auto-rig-nya hanya mendukung humanoid.</p>
<h2>DeepMotion Animate 3D</h2>
<p>DeepMotion adalah alat mocap video terlengkap untuk developer solo. Rekam diri Anda, unggah videonya, lalu dapatkan animasi tubuh dengan pelacakan tangan dan wajah opsional, yang dapat diekspor sebagai FBX, GLB, atau BVH. Harga dihitung berdasarkan kredit, yaitu satu kredit per detik animasi atau per pose 3D, dengan tangan dan wajah masing-masing membutuhkan tambahan setengah kredit. Paket gratis memberikan 60 detik per bulan untuk penggunaan pribadi dan nonkomersial. Paket berbayar berkisar dari sekitar $15 hingga $300 per bulan, dengan paket yang lebih tinggi menambahkan resolusi, frame rate, penghalusan, dan prioritas, serta paket Studio dengan kredit tak terbatas pada prioritas lebih rendah setelah melewati ambang tertentu. Hak penggunaan komersial disertakan dalam paket berbayar.</p>
<h2>Plask dan Rokoko Vision</h2>
<p>Plask adalah alat mocap video berbasis browser dengan perekaman seluruh tubuh dan tangan, pelacakan beberapa orang, serta ekspor FBX, GLB, dan BVH. Paket gratis menyediakan perekaman 15 detik per hari dengan penyimpanan 1 GB. Paket Standard berharga $18 per bulan dengan penagihan tahunan untuk 10 menit perekaman per bulan, sedangkan Pro berharga $50 untuk satu jam. Periksa ketentuan penggunaan komersial pada paket yang Anda pilih; halaman harganya tidak menjelaskannya.</p>
<p>Rokoko Vision adalah opsi gratis dari perusahaan yang menjual pakaian mocap. Perekaman video satu kamera tersedia gratis, perekaman dua kamera memerlukan langganan berbayar, dan hasilnya dapat langsung dimasukkan ke Rokoko Studio (juga gratis) untuk dirapikan dan diekspor sebagai FBX atau BVH. Untuk pengujian awal &quot;apakah mocap video cocok untuk game saya&quot;, mulailah dari sini.</p>
<h2>Cascadeur</h2>
<p>Cascadeur adalah perangkat lunak animasi, bukan generator, dan disertakan di sini karena AI-nya melakukan sesuatu yang tidak dilakukan alat lain: mempercepat keyframing manual. AutoPosing melengkapi pose yang meyakinkan dari beberapa controller, AutoPhysics membuat lompatan, jatuh, dan putaran mengikuti gravitasi serta momentum, sehingga orang yang bukan animator dapat membuat rangkaian aksi yang masuk akal secara fisika dalam satu sore. Alat ini juga dapat mengimpor mocap video untuk dirapikan.</p>
<p>Tersedia versi gratis untuk belajar dan penggunaan nonkomersial, paket Indie sekitar €12 per bulan untuk developer di bawah batas pendapatan, serta paket Pro sekitar €49. Harga di sini berasal dari paket yang dipublikasikan Cascadeur sebagaimana dilaporkan pada 2026; periksa halaman terbarunya karena tingkatan paket telah berubah lebih dari sekali.</p>
<h2>Motorica</h2>
<p>Motorica menghasilkan lokomosi dengan menyintesis data motion capture menggunakan kontrol gaya: pilih gerakan berjalan, pilih salah satu dari lebih dari 150 gaya atau berikan rekaman Anda sendiri, gambar jalur, lalu dapatkan klip yang menapak dengan baik dan reaktif, yang memadukan berbagai gaya tanpa pergeseran kaki seperti yang terjadi ketika klip pustaka dirangkai. Alat ini ditujukan untuk studio (Epic adalah salah satu pelanggannya), terintegrasi dengan Unreal, Unity, Godot, Maya, dan Blender, serta menawarkan paket Free Lite dengan harga paket lainnya tersedia melalui demo. Jika nuansa game Anda bergantung pada variasi lokomosi, inilah alat spesialisnya.</p>
<h2>Cara menilai klip hasil generasi dalam 30 detik</h2>
<ul>
<li><strong>Perhatikan kaki.</strong> Kaki yang bergeser, melayang, atau menembus lantai adalah cacat paling umum pada setiap jenis alat. <a href="/id/guides/free-character-animations-rigging">Panduan animasi dan rigging karakter gratis</a> kami menjelaskan penyebabnya dan cara retargeter memperbaikinya.</li>
<li><strong>Perhatikan pinggul.</strong> Gerakan hasil generasi dengan pelvis yang naik turun atau bergeser akan terlihat seperti orang mabuk. Klip yang baik menjaga root tetap stabil dan membiarkan anggota tubuh melakukan pekerjaannya.</li>
<li><strong>Putar siklus secara berulang.</strong> Gerakan berjalan dan berlari harus kembali ke pose pertama. Pangkas klip menjadi satu siklus di editor, atau gunakan alat yang mengekspor loop.</li>
<li><strong>Periksa rig yang diharapkan.</strong> BVH bersifat universal; GLB dengan animasi yang disematkan terikat pada kerangka tempat animasi itu dibuat. Lakukan penargetan ulang sebelum menilainya.</li>
<li><strong>Periksa lisensi klipnya, bukan alatnya.</strong> Klip pustaka memiliki ketentuannya sendiri. CC0 dan Mixamo aman digunakan dalam game; paket gratis Meshy memerlukan atribusi.</li>
</ul>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>Cinevva Prompt Animations:</strong> keluaran menjadi milik Anda. <strong>Animation Library:</strong> klip CC0, bebas digunakan untuk apa pun, tanpa atribusi.</li>
<li><strong>Mixamo:</strong> penggunaan komersial dalam game, tanpa atribusi, tidak boleh mendistribusikan ulang file.</li>
<li><strong>Paket gratis Meshy:</strong> CC BY 4.0. Berbayar: milik Anda. <strong>Tripo:</strong> periksa paketnya.</li>
<li><strong>Paket gratis DeepMotion:</strong> nonkomersial. Berbayar: komersial.</li>
<li><strong>Plask, Cascadeur Indie:</strong> baca ketentuan dan batas pendapatan terbaru.</li>
<li><strong>Rokoko Vision:</strong> keluaran satu kamera gratis menjadi milik Anda untuk digunakan.</li>
</ul>
<h2>Pertanyaan Umum</h2>
<h3>Apa generator animasi AI terbaik untuk karakter 3D?</h3>
<p>Untuk teks ke gerakan, pilih Prompt Animations dari Cinevva, yang tersedia gratis di browser dengan ekspor BVH dan GLB. Untuk mocap video, pilih DeepMotion untuk fitur lengkap atau Rokoko Vision sebagai opsi gratis. Untuk rigging dan gerakan standar, pilih Meshy jika Anda membuat model di sana, atau Animation Library dari Cinevva dengan 260 klip CC0 untuk model apa pun.</p>
<h3>Bisakah AI menghasilkan animasi 3D dari teks?</h3>
<p>Ya. Model teks-ke-gerakan yang dilatih menggunakan data motion capture menghasilkan klip kerangka pendek dari sebuah deskripsi. Hasil terbaik diperoleh dari prompt konkret yang berisi satu tindakan dengan durasi satu hingga sepuluh detik, dan klip tersebut perlu ditargetkan ulang ke kerangka karakter Anda, yang akan dilakukan secara otomatis oleh alat yang lebih baik.</p>
<h3>Apakah ada generator animasi AI gratis?</h3>
<p>Prompt Animations dan pratinjau Animation Library dari Cinevva tersedia gratis. Rokoko Vision gratis untuk perekaman satu kamera. Mixamo gratis dengan akun Adobe. DeepMotion dan Plask memiliki paket gratis terbatas untuk penggunaan nonkomersial.</p>
<h3>Apakah saya memerlukan karakter yang sudah memiliki rig?</h3>
<p>Untuk teks ke gerakan dan pustaka, ya, Anda memerlukan rig humanoid dengan penamaan tulang standar. Jika model Anda belum memiliki rig, auto-rigger dapat memasangnya dalam satu menit: <a href="/id/tools/rigger">Auto Rigger</a> dari Cinevva, Meshy, Tripo, atau Mixamo. Alat mocap video mengekspor animasi pada kerangkanya sendiri, lalu Anda menargetkannya ulang dari sana.</p>
<h3>Bisakah saya menggunakan animasi Mixamo dalam game komersial?</h3>
<p>Ya, tanpa perlu atribusi. Anda tidak boleh mendistribusikan ulang file mentah Mixamo sebagai aset atau di dalam sebuah alat. Perbedaan inilah yang membuat pustaka Cinevva hanya menyediakan klip berlisensi CC0.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Auto-Rigging Gratis</a> - pembahasan mendalam tentang pustaka dan rigging</li>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik</a> - tempat karakter-karakter tersebut berasal</li>
<li><a href="/id/guides/free-rigged-3d-character-models">Model Karakter 3D Ber-rig Gratis untuk Game</a> - karakter yang sudah dilengkapi rig dan animasi</li>
<li><a href="/id/tools/animate">Animasi Berbasis Prompt Cinevva</a> - teks menjadi gerakan, dengan ekspor BVH dan GLB</li>
<li><a href="/id/tools/animations">Pustaka Animasi Cinevva</a> - 260 klip CC0 yang di-retarget langsung di browser</li>
<li><a href="/id/tools/rigger">Auto Rigger Cinevva</a> - pasang rig pada model statis terlebih dahulu</li>
<li><a href="/game-assets/free-3d-character-models">Model karakter 3D gratis</a> - jelajahi pustaka gratis</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Skybox AI dan HDRI Terbaik untuk Game pada 2026 (Perbandingan)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-skybox-generators</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-skybox-generators</guid>
            <pubDate>Sat, 05 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator skybox AI terbaik pada 2026: Blockade Labs Skybox AI, Hyper3D OmniCraft, dan Skybox Generator dari Cinevva dibandingkan dengan pustaka HDRI CC0 gratis, serta apa yang sebenarnya dibutuhkan game browser dari langit 360°.]]></description>
            <content:encoded><![CDATA[<h1>Generator Skybox AI dan HDRI Terbaik untuk Game pada 2026 (Perbandingan)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Generator skybox AI terbaik pada 2026 adalah Skybox AI dari Blockade Labs jika Anda memerlukan panorama 8K siap produksi dengan plugin Unity dan paket berbayar yang mendukungnya, serta <a href="/id/tools/skybox">Skybox Generator</a> dari Cinevva jika Anda menginginkan langit 360° 8K dengan peta kedalaman melalui akun gratis dan langsung di browser. OmniCraft dari Hyper3D layak dicoba ketika Anda memerlukan berkas HDR 32-bit sungguhan untuk pencahayaan, bukan sekadar latar belakang. Dan untuk langit realistis, pustaka CC0 gratis di Poly Haven dan ambientCG masih lebih baik daripada hasil generatif apa pun karena isinya berupa foto.</p>
<p>Skybox adalah salah satu aset dengan dampak terbesar dalam game 3D. Aset ini hanya berupa satu gambar, mengisi sebagian besar piksel di layar dalam adegan luar ruangan, dan membangun suasana bahkan sebelum pemain bergerak. Skybox juga merupakan salah satu jenis aset yang benar-benar dapat dibuat dengan baik oleh AI karena langit tidak memiliki topologi yang bisa menjadi kacau. Berikut hasil yang dibuat setiap alat, biayanya, dan apa yang benar-benar dapat digunakan oleh game browser, berdasarkan pemeriksaan pada September 2026.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Skybox produksi dengan plugin engine:</strong> Blockade Labs Skybox AI. 8K, plugin Unity, ekspor Blender dan Unreal, mulai dari $20 per bulan.</li>
<li><strong>Skybox 8K dengan peta kedalaman, akun gratis, langsung di browser:</strong> <a href="/id/tools/skybox">Skybox Generator</a> dari Cinevva.</li>
<li><strong>Berkas HDR sungguhan untuk pencahayaan berbasis gambar:</strong> Hyper3D OmniCraft. PNG 8K, ditambah EXR 32-bit dan peta kedalaman untuk setiap hasil yang dibuka.</li>
<li><strong>Langit realistis gratis:</strong> HDRI Poly Haven dan ambientCG, CC0, tersedia dalam jumlah ratusan.</li>
<li><strong>Langit bergaya gratis:</strong> paket Skyboxes dari Kenney, CC0, lima cubemap bergaya Kenney.</li>
<li><strong>Game yang mengelilingi langit tersebut:</strong> deskripsikan adegannya di <a href="/id/create">pembuat game</a>, lalu alat ini akan menghasilkan langit beserta levelnya.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Hasil</th>
<th>HDR</th>
<th>Kedalaman</th>
<th>Paket gratis</th>
<th>Harga mulai</th>
<th>Lisensi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Blockade Labs Skybox AI</td>
<td>Equirect 8K, 16K pada Business, mesh 3D</td>
<td>Pada Standard ke atas</td>
<td>Pada Standard ke atas</td>
<td>5 kredit, hanya pratinjau, tanpa ekspor</td>
<td>$20/bln (tahunan)</td>
<td>Komersial pada paket berbayar</td>
</tr>
<tr>
<td>Cinevva Skybox Generator</td>
<td>Equirect 8K</td>
<td>Tidak</td>
<td>Ya</td>
<td>Ya</td>
<td>Kredit</td>
<td>Milik Anda</td>
</tr>
<tr>
<td>Hyper3D OmniCraft</td>
<td>PNG 8K + EXR + kedalaman</td>
<td>Ya</td>
<td>Ya</td>
<td>Pratinjau gratis, 1 kredit untuk membuka</td>
<td>Langganan, uji coba 7 hari</td>
<td>Periksa ketentuan</td>
</tr>
<tr>
<td>HDRI Poly Haven</td>
<td>HDR hingga 16K+</td>
<td>Ya</td>
<td>Tidak</td>
<td>Semuanya</td>
<td>n/a</td>
<td>CC0</td>
</tr>
<tr>
<td>HDRI ambientCG</td>
<td>HDR hingga 16K</td>
<td>Ya</td>
<td>Tidak</td>
<td>Semuanya</td>
<td>n/a</td>
<td>CC0</td>
</tr>
<tr>
<td>Kenney Skyboxes</td>
<td>Cubemap, bergaya</td>
<td>Tidak</td>
<td>Tidak</td>
<td>Semuanya</td>
<td>n/a</td>
<td>CC0</td>
</tr>
</tbody>
</table>
<h2>Apa yang dibutuhkan game dari sebuah skybox</h2>
<p>Tiga karakteristik menentukan apakah langit generatif dapat digunakan, dan halaman pemasaran jarang menyebutkannya.</p>
<p><strong>Proyeksi.</strong> Hampir setiap generator menghasilkan panorama equirectangular, yaitu gambar dengan rasio 2:1 yang membungkus sebuah bola. Three.js, Babylon.js, PlayCanvas, dan Unity dapat langsung memuatnya. Pipeline lama dan beberapa engine yang mengutamakan perangkat seluler memerlukan cubemap, yaitu enam sisi persegi yang dapat Anda konversi dari gambar equirectangular di Blender atau dengan skrip sederhana. Paket Kenney tersedia sebagai cubemap.</p>
<p><strong>Rentang dinamis.</strong> Skybox PNG atau JPG standar adalah latar belakang: tampilannya menyerupai langit, tetapi tidak dapat menerangi adegan. HDR 32-bit (EXR atau .hdr) menyimpan tingkat kecerahan matahari yang sebenarnya dan digunakan oleh pencahayaan berbasis gambar agar bola krom terlihat seperti berada di luar ruangan. Jika Anda ingin langit menerangi model, Anda memerlukan HDR. Paket Standard Blockade, OmniCraft, dan pustaka foto menyediakannya. Generator Cinevva dan sebagian besar generator lainnya menghasilkan LDR.</p>
<p><strong>Resolusi dan ukuran.</strong> 8K terdengar seperti resolusi yang ideal, tetapi biasanya terlalu besar untuk game browser. Gambar equirectangular 8K berukuran 8192 kali 4096 piksel, setara dengan 128 MB tanpa kompresi dan 10 hingga 20 MB sebagai JPG, pada halaman yang sudah harus memuat sebuah game. Sebagian besar game web menggunakan langit 4K yang dikompresi menjadi KTX2, yang dapat dilakukan oleh <a href="/id/tools/ktx2-compressor">Kompresor Tekstur KTX2</a> langsung di browser. Buatlah dalam 8K jika tersedia, lalu perkecil untuk web.</p>
<p><strong>Sambungan.</strong> Tepi kiri dan kanan gambar equirectangular harus tersambung. Setiap alat khusus di sini dapat menanganinya. Generator gambar umum yang diberi prompt &quot;panorama 360&quot; hampir tidak pernah berhasil melakukannya, dan garis sambungannya akan terlihat tepat saat pemain berbalik.</p>
<h2>Blockade Labs Skybox AI</h2>
<p>Skybox AI adalah nama yang sudah mapan. Alat ini menghasilkan lingkungan 360° tanpa sambungan dari prompt teks dan sketsa kasar, dalam puluhan gaya visual, serta dirancang untuk pipeline produksi: plugin Unity native, ekspor langsung ke Blender dan Unreal, dukungan MCP, dan paket Business dengan akses API penuh.</p>
<p>Paket gratis menyediakan 5 kredit per bulan dan hanya dapat digunakan untuk pratinjau, tanpa ekspor, sehingga lebih cocok untuk mengevaluasi alat daripada benar-benar menggunakannya. Essential berharga $20 per bulan per pengguna dengan paket tahunan (atau $24 jika dibayar bulanan) untuk 100 kredit dan ekspor 8K. Standard, seharga $48 per bulan dengan pembayaran tahunan atau $60 bulanan, menyediakan 300 kredit, hasil pencahayaan HDRI, dan mesh skybox 3D, sehingga inilah paket yang benar-benar dibutuhkan oleh proyek game. Business, seharga $112 hingga $140, meningkatkan resolusi menjadi 16K dan menambahkan API. Setiap paket berbayar mencakup lisensi komersial penuh.</p>
<p>Ini adalah alat yang layak dibayar jika Anda memproduksi langit untuk game yang akan dirilis di Unity atau Unreal dan ingin memasukkannya ke engine dengan sekali klik. Untuk game browser, hasil ekspor 8K tetap perlu diperkecil, jadi keunggulan resolusinya tidak sepenting ragam gaya serta opsi kedalaman dan mesh.</p>
<h2>Cinevva Skybox Generator</h2>
<p><a href="/id/tools/skybox">Skybox Generator</a> kami menghasilkan skybox 360° 8K dari deskripsi teks, dalam beragam gaya visual, lengkap dengan peta kedalaman untuk paralaks dan integrasi 3D. Alat ini berjalan di browser dengan akun gratis, dan hasilnya menjadi milik Anda.</p>
<p>Yang tidak dihasilkannya adalah HDR: langit tersebut merupakan gambar LDR, sehingga berfungsi sebagai latar belakang, bukan sumber cahaya. Untuk game bergaya, hal ini jarang menjadi masalah karena game semacam itu biasanya menerangi adegannya dengan beberapa lampu terarah dan menggunakan langit untuk membangun suasana. Untuk adegan luar ruangan realistis jika Anda ingin matahari di langit menjadi sumber cahaya di permukaan tanah, gunakan sumber HDR dari dua bagian berikutnya.</p>
<p>Jika langit tersebut merupakan bagian dari game yang sedang Anda buat, bukan aset terpisah, <a href="/id/create">pembuat game</a> akan menghasilkannya sebagai bagian dari adegan ketika Anda mendeskripsikan latarnya (&quot;ngarai gurun saat golden hour&quot;).</p>
<h2>Hyper3D OmniCraft</h2>
<p>Hyper3D, perusahaan di balik generator 3D Rodin, memiliki generator HDRI di dalam rangkaian alat OmniCraft. Alat ini mengubah prompt atau gambar referensi menjadi gambar equirectangular tanpa sambungan, menampilkannya sebagai skybox dalam penampil interaktif, lalu setelah dibuka memberikan tiga berkas: PNG 8K, EXR 32-bit untuk pencahayaan, dan peta kedalaman panorama. Pratinjau dan pembuatan ulang tersedia gratis; membuka paket lengkap memerlukan satu kredit bagi anggota reguler atau sudah termasuk dalam langganan, dengan uji coba 7 hari.</p>
<p>Berkas EXR itulah alasan utama untuk menggunakannya. Ini adalah satu-satunya generator AI di sini yang memberi Anda berkas pencahayaan HDR sungguhan pada paket awal. Periksa ketentuan penggunaan terkait lisensi komersial sebelum merilis game karena halamannya tidak menyatakannya sejelas Blockade.</p>
<p>Beberapa situs lain menawarkan &quot;generator HDRI AI gratis&quot; dengan klaim besar tentang hak komersial dan ratusan juta hasil generatif. Anggap angka-angka tersebut sebagai materi pemasaran. Buat pratinjau, periksa sambungan dan mataharinya, baca ketentuannya, baru setelah itu gunakan hasilnya.</p>
<h2>Pustaka gratis</h2>
<p>Untuk langit realistis, foto lebih baik daripada hasil generatif, dan dua pustaka besar berlisensi CC0 adalah jawabannya.</p>
<p><strong>Poly Haven</strong> memiliki beberapa ratus HDRI yang dipotret menggunakan alur kerja bracketing yang tepat, dengan resolusi hingga 16K dan lebih tinggi, semuanya berlisensi CC0. Koleksinya dikategorikan berdasarkan waktu, cuaca, dan lokasi, serta setiap aset dilengkapi pratinjau dengan tone mapping agar Anda dapat menilai suasananya sebelum mengunduh. Untuk pencahayaan berbasis gambar, tidak ada yang lebih baik dengan harga berapa pun.</p>
<p><strong>ambientCG</strong> adalah sumber CC0 lainnya, dengan koleksi HDRI yang lebih kecil tetapi terus bertambah di samping koleksi teksturnya, juga hingga resolusi 16K.</p>
<p>Paket <strong>Kenney's Skyboxes</strong> berisi lima langit cubemap bergaya, dengan varian siang dan malam, berlisensi CC0, dalam gaya datar yang sama seperti model Kenney. Jika game Anda menggunakan aset Kenney, inilah langit yang serasi.</p>
<p>Halaman <a href="/game-assets/free-hdri-skies">langit HDRI gratis</a>, <a href="/game-assets/free-sunset-hdris">matahari terbenam</a>, <a href="/game-assets/free-night-hdris">malam</a>, dan <a href="/game-assets/free-studio-hdris">HDRI studio</a> kami memungkinkan Anda menelusuri koleksi ini berdasarkan suasana, sementara <a href="/id/guides/free-textures-hdris-materials">panduan tekstur dan HDRI gratis</a> membahas pustaka tersebut secara mendalam.</p>
<h2>Cara menilai skybox generatif dalam 30 detik</h2>
<ul>
<li><strong>Muat pada sebuah bola dan berbaliklah.</strong> Sambungannya berada di belakang Anda. Setiap alat khusus berhasil melewati pengujian ini; generator gambar umum tidak.</li>
<li><strong>Lihat lurus ke atas dan ke bawah.</strong> Kutub pada gambar equirectangular adalah area tempat generator sering menghasilkan distorsi dan noda. Langit yang baik memiliki zenit yang bersih serta permukaan tanah atau kabut horizon yang masuk akal di nadir.</li>
<li><strong>Temukan mataharinya.</strong> Jika ada matahari, jumlahnya harus satu, dengan posisi yang masuk akal terhadap pencahayaan awan. Dua matahari, atau awan yang terang tanpa sumber cahaya, merupakan kegagalan umum.</li>
<li><strong>Periksa garis horizon.</strong> Garis tersebut harus tepat berada di tengah vertikal gambar. Horizon yang miring atau bergeser membuat seluruh adegan terasa janggal tanpa pemain mengetahui penyebabnya.</li>
<li><strong>Periksa berkas yang akan Anda rilis.</strong> Gunakan KTX2 4K untuk web. Jika alat hanya menyediakan JPG 8K, perkecil sebelum dikompresi.</li>
</ul>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>Blockade Labs:</strong> lisensi komersial pada setiap paket berbayar. Paket gratis sama sekali tidak dapat mengekspor.</li>
<li><strong>Cinevva Skybox Generator:</strong> hasilnya menjadi milik Anda.</li>
<li><strong>Hyper3D:</strong> baca ketentuan terbarunya.</li>
<li><strong>Poly Haven, ambientCG, Kenney:</strong> CC0. Bebas digunakan untuk apa pun, tanpa atribusi.</li>
</ul>
<h2>Pertanyaan Umum</h2>
<h3>Apa generator skybox AI terbaik?</h3>
<p>Blockade Labs Skybox AI untuk pipeline produksi berbayar dengan plugin engine, Skybox Generator dari Cinevva untuk langit 8K gratis dengan peta kedalaman langsung di browser, dan Hyper3D OmniCraft ketika Anda memerlukan berkas HDR sungguhan untuk pencahayaan.</p>
<h3>Apakah ada generator skybox AI gratis?</h3>
<p>Skybox Generator dari Cinevva dapat digunakan dengan akun gratis. Paket gratis Blockade menyediakan pratinjau, tetapi tidak dapat mengekspor. Hyper3D menyediakan pratinjau gratis dan mengenakan biaya satu kredit untuk membuka hasil. Untuk langit yang sepenuhnya gratis, Poly Haven, ambientCG, dan Kenney berlisensi CC0.</p>
<h3>Dapatkah saya menggunakan skybox AI dalam game komersial?</h3>
<p>Ya, dengan paket berbayar Blockade dan generator Cinevva. Periksa ketentuan Hyper3D. Pustaka CC0 sama sekali tidak memiliki batasan.</p>
<h3>Apakah saya memerlukan skybox HDR?</h3>
<p>Hanya jika Anda ingin langit menerangi adegan melalui pencahayaan berbasis gambar. Untuk latar belakang di belakang game bergaya yang menggunakan lampu terarah, skybox 8-bit sudah memadai dan ukurannya jauh lebih kecil.</p>
<h3>Resolusi skybox berapa yang sebaiknya digunakan game browser?</h3>
<p>4K (4096 kali 2048) yang dikompresi menjadi KTX2 adalah batas atas yang umum. Bahkan sebagai JPG, 8K berukuran 10 hingga 20 MB, terlalu besar untuk dimuat oleh halaman web sebelum pemain dapat bergerak.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-textures-hdris-materials">Tekstur PBR, Material, dan HDRI Gratis untuk Game</a> - pembahasan mendalam tentang Poly Haven dan ambientCG</li>
<li><a href="/id/guides/ai-texture-generators">Generator Tekstur AI Terbaik untuk Game</a> - permukaan tanah di bawah langit</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a> - seluruh rangkaian aset AI</li>
<li><a href="/id/tools/skybox">Cinevva Skybox Generator</a> - langit 8K dengan peta kedalaman melalui akun gratis</li>
<li><a href="/id/tools/ktx2-compressor">Kompresor Tekstur KTX2</a> - perkecil langit sebelum dimasukkan ke build web</li>
<li><a href="/game-assets/free-hdri-skies">Langit HDRI gratis</a>, <a href="/game-assets/free-sunset-hdris">matahari terbenam</a>, <a href="/game-assets/free-night-hdris">malam</a>, dan <a href="/game-assets/free-studio-hdris">HDRI studio</a> - telusuri pustaka gratis</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Efek Suara AI Terbaik untuk Game pada 2026 (Dibandingkan)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-sound-effect-generators</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-sound-effect-generators</guid>
            <pubDate>Sat, 05 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator efek suara AI terbaik untuk game pada 2026: ElevenLabs, Adobe Firefly, Stable Audio, Krotos Studio, dan AudioGen terbuka dari Meta dibandingkan berdasarkan kualitas, harga, lisensi, serta apa yang benar-benar dapat dirilis dalam game browser.]]></description>
            <content:encoded><![CDATA[<h1>Generator Efek Suara AI Terbaik untuk Game pada 2026 (Dibandingkan)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Generator efek suara AI terbaik untuk game adalah ElevenLabs jika Anda menginginkan one-shot bergaya game yang menghentak dari prompt singkat (benturan, langkah kaki, klik UI, rapalan mantra, tembakan), dan Adobe Firefly jika Anda sudah terbiasa menggunakan Premiere serta ingin memperagakan pengaturan waktu suara melalui mikrofon. Stable Audio lebih unggul untuk tekstur berlapis dan latar ambience daripada suara pukulan tunggal. Krotos Studio sebenarnya bukan generator, melainkan desain suara yang dimainkan menggunakan rekaman asli, dan layak disertakan dalam perbandingan karena inilah alat yang dicari orang setelah kehabisan kesabaran dengan alat berbasis prompt. Pustaka CC0 gratis juga tetap menjadi pilihan tepat untuk suara-suara yang dibutuhkan setiap game, karena rekaman pintu tetaplah rekaman pintu.</p>
<p>Suara adalah kategori aset yang diam-diam telah mencapai titik ketika generasi AI cukup bagus untuk digunakan. Prompt seperti &quot;peti kayu berat dibuka, berderit lalu berdentum&quot; akan menghasilkan klip yang dapat digunakan dalam hitungan detik dari tiga layanan berbeda, dan pertanyaan yang penting justru yang membosankan: berapa biaya setiap generasi, apakah hasilnya boleh dirilis secara komersial, dan bagaimana cara mendapatkan loop yang bersih. Berikut setiap alat beserta harga dan ketentuan lisensi dari halaman mereka pada September 2026.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>One-shot game dari prompt:</strong> ElevenLabs. Cepat, prompt-nya fleksibel, 200 kredit per generasi.</li>
<li><strong>Model yang sama melalui akun gratis, di browser, dengan durasi presisi:</strong> <a href="/id/tools/sfx">Generator Efek Suara</a> Cinevva, 0,5 hingga 30 detik per klip.</li>
<li><strong>Atur sendiri waktunya melalui performa:</strong> Adobe Firefly. Jelaskan suaranya, lalu peragakan ritmenya melalui mikrofon. 10 kredit per generasi.</li>
<li><strong>Latar ambience dan tekstur berlapis:</strong> Stable Audio. Klip lebih panjang, struktur lebih kaya, hak komersial pada paket $12.</li>
<li><strong>Kontrol langsung alih-alih prompt:</strong> Krotos Studio. Rekaman asli yang dibentuk secara langsung, dengan hak penggunaan dalam game pada paket Pro.</li>
<li><strong>Gratis dan offline:</strong> AudioGen dari Meta, tetapi hanya untuk pekerjaan nonkomersial.</li>
<li><strong>Gratis dan berupa rekaman:</strong> Freesound dan paket CC0 dalam <a href="/id/guides/free-sound-effects-music">panduan efek suara gratis</a> kami.</li>
<li><strong>Lewati pipeline audio:</strong> deskripsikan game di <a href="/id/create">pembuat game</a>, lalu efek suara akan dibuat bersama gamenya.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Paling cocok untuk</th>
<th>Klip maks.</th>
<th>Paket gratis</th>
<th>Paket berbayar mulai</th>
<th>Penggunaan komersial</th>
</tr>
</thead>
<tbody>
<tr>
<td>ElevenLabs Sound Effects</td>
<td>One-shot game</td>
<td>Klip pendek</td>
<td>10.000 kredit/bln., tanpa lisensi komersial</td>
<td>$6/bln.</td>
<td>Starter ke atas</td>
</tr>
<tr>
<td>Cinevva Sound Effects Generator</td>
<td>One-shot dengan durasi presisi</td>
<td>30 dtk.</td>
<td>Ya</td>
<td>Kredit</td>
<td>Milik Anda</td>
</tr>
<tr>
<td>Adobe Firefly Generate Sound Effects</td>
<td>Efek dengan waktu yang diperagakan</td>
<td>Klip pendek</td>
<td>Kredit terbatas</td>
<td>$9.99/bln.</td>
<td>Ya, &quot;aman secara komersial&quot;</td>
</tr>
<tr>
<td>Stable Audio</td>
<td>Ambience, tekstur, lapisan</td>
<td>3 mnt. pada paket berbayar</td>
<td>10 klip/bln. berdurasi 30 dtk., hanya untuk penggunaan pribadi</td>
<td>$12/bln.</td>
<td>Professional ke atas</td>
</tr>
<tr>
<td>Krotos Studio</td>
<td>Desain suara yang diperagakan</td>
<td>t/a (langsung)</td>
<td>Hanya uji coba 5 hari</td>
<td>$9.99/bln. tahunan</td>
<td>Game memerlukan Pro atau lebih tinggi</td>
</tr>
<tr>
<td>Meta AudioGen (bobot terbuka)</td>
<td>Eksperimen lokal</td>
<td>~10 dtk.</td>
<td>Gratis</td>
<td>t/a</td>
<td>Tidak (bobot CC BY-NC)</td>
</tr>
<tr>
<td>Freesound, paket CC0</td>
<td>Rekaman suara nyata</td>
<td>Berapa pun</td>
<td>Semuanya</td>
<td>t/a</td>
<td>Sesuai lisensi tiap klip</td>
</tr>
</tbody>
</table>
<h2>Hal yang harus dilakukan dengan benar oleh efek suara AI</h2>
<p>Sebelum membahas alatnya, berikut empat hal yang membedakan SFX game yang dapat digunakan dari sekadar demo.</p>
<p><strong>Transien.</strong> Suara benturan, klik, atau langkah kaki ditentukan oleh 20 milidetik pertamanya. Generator yang mengaburkan attack menghasilkan suara yang terasa terlambat, sebaik apa pun Anda mengatur waktunya. Dengarkan onset pada setengah kecepatan sebelum menilai hal lain.</p>
<p><strong>Ekor suara.</strong> Suara game harus berakhir. Klip hasil generasi yang memudar menjadi dua detik room tone atau noise floor harus dipangkas, dan jika noise floor-nya tinggi, hasil pemangkasan akan terdengar. Gunakan frasa &quot;dry, no reverb&quot; dalam prompt, lalu tambahkan kesan ruang di engine.</p>
<p><strong>Titik loop.</strong> Ambience, suara mesin, dan dengungan harus dapat diulang tanpa bunyi klik. Hanya Stable Audio yang menghasilkan klip cukup panjang untuk menemukan bagian loop yang bersih; untuk alat lain, buat sepuluh detik audio lalu lakukan crossfade pada kedua ujungnya di editor.</p>
<p><strong>Format dan ukuran.</strong> Setiap layanan memberikan MP3 atau WAV. Game browser membutuhkan OGG atau Opus pada 48 hingga 96 kbps, dan satu one-shot sebaiknya berukuran di bawah 50 KB. Konversikan sebelum dimasukkan ke build. <a href="/id/tutorials/web-audio-api-games">Tutorial Web Audio API</a> kami membahas cara memuat dan memutarnya.</p>
<h2>ElevenLabs Sound Effects</h2>
<p>ElevenLabs lebih dikenal karena teknologi suaranya, dan model efek suaranya telah menjadi pilihan standar untuk one-shot game karena memahami istilah game: &quot;8-bit coin pickup&quot;, &quot;sci-fi door hiss&quot;, dan &quot;sword unsheathe, metallic ring&quot; semuanya menghasilkan sesuatu yang mendekati maksud Anda pada percobaan pertama. Proses generasinya cepat dan kontrol prompt-nya fleksibel.</p>
<p>Harga dihitung berdasarkan kredit di seluruh platform. Paket gratis menyediakan 10.000 kredit per bulan, Starter seharga $6 untuk 30.000 kredit, Creator $22 untuk 121.000 kredit, dan Pro $99 untuk 600.000 kredit. Satu generasi efek suara membutuhkan 200 kredit, sehingga paket gratis menyediakan sekitar lima puluh generasi per bulan dan Starter sekitar 150. Kekurangan paket gratis terletak pada lisensinya: penggunaan komersial dimulai dari Starter, sehingga tidak ada hasil generasi dari paket gratis yang boleh dimasukkan ke dalam game yang dirilis.</p>
<p>Kelemahannya merupakan sisi lain dari keunggulannya. Ambience panjang yang terus berkembang bukanlah fokusnya, dan alat ini menghasilkan satu klip per prompt tanpa cara untuk memperagakan atau membentuknya lebih lanjut.</p>
<h2>Cinevva Sound Effects Generator</h2>
<p><a href="/id/tools/sfx">Generator Efek Suara</a> kami menjalankan model prompt-ke-audio dari kelas yang sama di browser melalui akun gratis, dengan dua hal yang tidak disediakan layanan dasarnya: kontrol durasi presisi dari 0,5 hingga 30 detik, sehingga satu langkah kaki benar-benar hanya berupa langkah kaki dan bukan langkah kaki ditambah satu detik keheningan, serta penggeser pengaruh prompt yang dapat menukar interpretasi harfiah dengan variasi saat Anda menginginkan lima versi berbeda dari benturan yang sama. Hasilnya menjadi milik Anda.</p>
<p>Alat ini juga digunakan oleh <a href="/id/create">pembuat game</a> saat membuat game: deskripsikan gamenya, lalu efek suara akan dibuat dan dihubungkan ke berbagai event bersama kode, model, dan musiknya. Jika Anda menemukan halaman ini karena sebuah game membutuhkan suara, bukan karena Anda sedang membangun pustaka suara, inilah jalur yang lebih singkat.</p>
<h2>Adobe Firefly Generate Sound Effects</h2>
<p>Alat efek suara Firefly tersedia secara luas pada Agustus 2026 bersama fitur pembuatan musik dan ucapan Adobe, serta memiliki satu fitur yang tidak ditawarkan alat lain: Anda mendeskripsikan suaranya, kemudian merekam diri sendiri saat memperagakan waktu dan intensitasnya melalui mikrofon (&quot;whoosh... whoosh... BANG&quot;), lalu efek yang dibuat akan mengikuti performa Anda. Untuk suara apa pun yang harus tepat mengenai ketukan visual, inilah alur kerja tercepat dalam daftar ini.</p>
<p>Firefly Standard berharga $9.99 per bulan untuk 2.000 kredit generatif, Pro $29.99 untuk 7.000 kredit, dan Premium $199.99 untuk 50.000 kredit. Efek suara memerlukan 10 kredit per generasi, sehingga bahkan Standard menyediakan 200 suara per bulan, jauh lebih banyak per dolar daripada ElevenLabs. Tersedia paket gratis dengan jumlah kredit terbatas. Adobe mendeskripsikan hasil audionya sebagai aman secara komersial dan dilatih menggunakan materi berlisensi serta domain publik, yang merupakan pernyataan lisensi terkuat dalam perbandingan ini.</p>
<p>Komprominya adalah alat ini berada di dalam ekosistem Adobe. Jika pekerjaan Anda dilakukan di Premiere dan After Effects, ini adalah pilihan yang jelas. Jika tidak, proses bolak-baliknya menjadi beban tambahan.</p>
<h2>Stable Audio</h2>
<p>Model audio Stability bersaing dalam hal kontrol, bukan kecepatan. Model ini menghasilkan klip hingga tiga menit pada paket berbayar, dengan struktur dan lapisan yang lebih kaya daripada alat one-shot. Karena itu, inilah alat yang tepat saat Anda membutuhkan latar ambience (hujan di atap seng, tetesan air di gua, kerumunan di kejauhan) yang harus dapat diulang dan terus berkembang.</p>
<p>Paket gratis dilaporkan menyediakan sepuluh klip per bulan yang dipotong menjadi 30 detik, hanya untuk penggunaan pribadi, dan kredit gratis tidak tersedia bagi pendaftar baru di beberapa wilayah. Paket Professional berharga $12 per bulan untuk sekitar 500 trek, termasuk penggunaan komersial bagi individu di bawah batas pendapatan tertentu, dan tersedia paket lebih tinggi dengan harga sekitar $30. Stable Audio Open, model dengan bobot terbuka, dapat dijalankan secara lokal secara gratis berdasarkan lisensi komunitas Stability, yang mengizinkan penggunaan komersial di bawah ambang pendapatan yang sebaiknya Anda baca sebelum mengandalkannya.</p>
<p>Untuk suara benturan tunggal dan UI, alat ini berlebihan dan lebih lambat daripada ElevenLabs. Untuk semua suara berdurasi lebih dari lima detik, alat ini lebih baik.</p>
<h2>Krotos Studio</h2>
<p>Krotos Studio disertakan di sini karena merupakan jawaban atas keluhan &quot;efek suara AI terdengar seragam dan saya tidak dapat mengendalikannya&quot;. Ini bukan alat generatif. Krotos Studio adalah pustaka rekaman asli yang dapat Anda mainkan secara langsung melalui pad XY sambil melihat footage, ditambah mode video-ke-suara yang menganalisis gambar dan menempatkan efek yang sesuai dari pustakanya. Hasilnya, suara berada di bawah kendali tangan Anda, bukan tersembunyi di balik prompt.</p>
<p>Tidak tersedia paket gratis, hanya uji coba lima hari. Studio berharga $19.99 per bulan, atau $9.99 per bulan dengan penagihan tahunan, dan lisensinya mencakup YouTube, media sosial, serta pekerjaan klien. Game memerlukan Pro, seharga $49.99 per bulan atau $23.33 per bulan dengan penagihan tahunan, yang menambahkan hak komersial untuk film, TV, game, dan iklan, akses stem, serta versi plugin. Max, seharga $83.33 per bulan dengan penagihan tahunan, menambahkan pustaka berisi 60.000 efek dan izin penyiaran.</p>
<p>Jika Anda perlu mendesain lebih dari beberapa lusin suara dan lebih mementingkan nuansanya daripada kecepatan pembuatannya, inilah alat profesional dalam daftar ini.</p>
<h2>Meta AudioGen</h2>
<p>AudioGen adalah model teks-ke-suara dalam rilis AudioCraft dari Meta. Kodenya berlisensi MIT dan bobotnya dapat diunduh secara gratis, sehingga dapat dijalankan di GPU Anda sendiri tanpa akun dan tanpa biaya per generasi. Kualitasnya tertinggal satu generasi dari layanan komersial dan klipnya pendek.</p>
<p>Alasan alat ini berada di urutan terakhir adalah lisensinya. Bobot model dirilis berdasarkan CC BY-NC 4.0, yang melarang penggunaan komersial, sehingga hasil generasinya tidak boleh dirilis dalam game yang Anda jual atau monetisasi. Ini adalah alat riset dan prototipe, dan cukup bagus untuk tujuan tersebut.</p>
<h2>Pustaka gratis</h2>
<p>Untuk suara yang dibutuhkan setiap game (pintu, langkah kaki, UI, cuaca, benturan), rekaman lebih baik daripada hasil generasi, dan sumber CC0 tersedia dalam jumlah besar. Freesound memiliki ratusan ribu klip dengan filter lisensi, paket audio Kenney berlisensi CC0 dan siap digunakan dalam game, sedangkan bundel GDC Sonniss berisi puluhan gigabita rekaman profesional bebas royalti. Panduan <a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a> kami membahas semuanya dengan ketentuan lisensi yang telah diperiksa, sedangkan halaman <a href="/game-assets/free-footstep-sound-effects">langkah kaki gratis</a>, <a href="/game-assets/free-ui-sound-effects">UI</a>, <a href="/game-assets/free-explosion-sound-effects">ledakan</a>, dan <a href="/game-assets/free-ambient-game-sounds">ambience</a> memungkinkan Anda menelusuri berdasarkan kategori.</p>
<p>Pola kerja yang akhirnya digunakan sebagian besar tim kecil: pustaka untuk suara sehari-hari, generasi untuk suara yang belum ada (pintu alien, mantra sihir, makhluk tertentu), dan editor untuk menyatukan karakter keduanya.</p>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>Paket gratis ElevenLabs:</strong> tanpa lisensi komersial. Starter ke atas: ya.</li>
<li><strong>Adobe Firefly:</strong> aman secara komersial pada setiap paket, menurut Adobe.</li>
<li><strong>Paket gratis Stable Audio:</strong> hanya untuk penggunaan pribadi. Professional ke atas: komersial di bawah batas pendapatan. Stable Audio Open: lisensi komunitas, baca batasnya.</li>
<li><strong>Krotos Studio:</strong> game memerlukan Pro atau Max. Studio hanya mencakup video dan media sosial.</li>
<li><strong>Meta AudioGen:</strong> bobotnya menggunakan CC BY-NC. Tidak boleh digunakan secara komersial.</li>
<li><strong>Cinevva Sound Effects Generator:</strong> hasilnya menjadi milik Anda.</li>
<li><strong>Freesound dan paket CC0:</strong> sesuai lisensi tiap klip. Filter berdasarkan CC0 dan Anda bebas menggunakannya untuk apa pun tanpa atribusi.</li>
</ul>
<p>Panduan <a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> kami membahas CC0, CC BY, dan bebas royalti secara mendalam, dan semuanya juga berlaku untuk audio.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa generator efek suara AI terbaik untuk game?</h3>
<p>ElevenLabs untuk one-shot dari prompt, Adobe Firefly jika Anda ingin memperagakan waktunya, serta Stable Audio untuk latar ambience dan segala sesuatu yang berdurasi lebih dari beberapa detik. Generator Efek Suara Cinevva menyediakan alur kerja one-shot melalui akun gratis dengan kontrol durasi presisi.</p>
<h3>Apakah ada generator efek suara AI gratis?</h3>
<p>Generator Efek Suara Cinevva dapat digunakan melalui akun gratis. Paket gratis ElevenLabs menyediakan sekitar lima puluh generasi per bulan, tetapi tanpa lisensi komersial. Firefly memiliki kredit gratis terbatas. AudioGen dari Meta dapat dijalankan secara lokal secara gratis, tetapi hanya untuk penggunaan nonkomersial. Untuk suara gratis yang boleh Anda rilis, pustaka CC0 adalah jawabannya.</p>
<h3>Bolehkah saya menggunakan efek suara AI dalam game komersial?</h3>
<p>Ya, dengan ElevenLabs Starter ke atas, setiap paket Firefly, Stable Audio Professional ke atas, serta Krotos Pro ke atas. Tidak untuk paket gratis ElevenLabs, paket gratis Stable Audio, atau AudioGen. Simpan catatan mengenai tempat setiap suara dibuat karena beberapa etalase distribusi akan menanyakannya.</p>
<h3>Bagaimana cara membuat efek suara AI dapat di-loop?</h3>
<p>Buat audio lebih panjang daripada yang dibutuhkan (Stable Audio adalah alat yang tepat untuk ini), temukan bagian dengan awal dan akhir yang serupa, lalu lakukan crossfade pada 50 hingga 100 milidetik terakhir ke bagian pertama menggunakan editor seperti Audacity atau Reaper. Menambahkan &quot;seamless loop&quot; ke prompt jarang menghasilkan loop yang mulus dengan sendirinya.</p>
<h3>Format apa yang sebaiknya digunakan untuk efek suara game?</h3>
<p>OGG Vorbis atau Opus pada 48 hingga 96 kbps untuk game browser, dengan ukuran one-shot di bawah 50 KB. Setiap generator menghasilkan MP3 atau WAV, jadi konversikan sebelum merilis game. Tutorial <a href="/id/tutorials/web-audio-api-games">Web Audio API</a> dan <a href="/id/tutorials/tone-js-game-audio">Tone.js</a> kami membahas pemuatan dan pemutaran audio.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a> - alternatif rekaman berlisensi CC0</li>
<li><a href="/id/guides/ai-music-generators-games">Generator Musik AI Terbaik untuk Game</a> - sisi musik dari pertanyaan yang sama</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a> - rangkaian lengkap aset AI</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> - apa yang sebenarnya boleh Anda rilis dengan paket gratis</li>
<li><a href="/id/tools/sfx">Generator Efek Suara Cinevva</a> - dari perintah teks menjadi suara, 0,5 hingga 30 detik, akun gratis</li>
<li><a href="/id/tutorials/web-audio-api-games">Web Audio API untuk Game</a> - memuat dan memutar klip</li>
<li><a href="/game-assets/free-footstep-sound-effects">Suara langkah kaki</a>, <a href="/game-assets/free-ui-sound-effects">antarmuka pengguna</a>, <a href="/game-assets/free-explosion-sound-effects">ledakan</a>, dan <a href="/game-assets/free-ambient-game-sounds">suara ambien</a> gratis - jelajahi pustaka gratis</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Model Karakter 3D Gratis Terbaik yang Sudah Di-rig untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/free-rigged-3d-character-models</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/free-rigged-3d-character-models</guid>
            <pubDate>Sat, 05 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Tempat mendapatkan karakter 3D gratis yang sudah di-rig dan dianimasikan untuk game pada 2026: KayKit, Quaternius, 100 Avatars, Kenney, Mixamo, Poly Pizza, dan filter CC0 Sketchfab, lengkap dengan pemeriksaan lisensi serta solusi jika model belum memiliki rig.]]></description>
            <content:encoded><![CDATA[<h1>Model Karakter 3D Gratis Terbaik yang Sudah Di-rig untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Karakter 3D gratis terbaik yang sudah di-rig untuk game berasal dari empat sumber yang menyediakannya lengkap dengan animasi: paket karakter KayKit (CC0, lima petualang dengan rig dan senjata di tingkat gratis), Ultimate Animated Character Pack dari Quaternius (lebih dari 50 karakter beranimasi), 100 Avatars dari Polygonal Mind (167 karakter CC0 dengan rig dalam dua gelombang), dan paket karakter beranimasi Kenney (CC0, dengan gaya kotak-kotak khas Kenney). Mixamo menambahkan beberapa lusin humanoid dengan rig secara gratis menggunakan akun Adobe, sedangkan Poly Pizza dan filter CC0 Sketchfab menyediakan ribuan pilihan lain jika Anda bersedia memilahnya. Semua yang tercantum di sini gratis untuk penggunaan komersial. Jika suatu lisensi memiliki persyaratan, saya telah menjelaskannya.</p>
<p>Karakter dengan rig adalah pembeda antara sekadar model dan karakter yang siap digunakan dalam game. Kerangka dengan bobot skin membuatnya bisa berjalan, sedangkan model yang sudah dilengkapi animasi bisa langsung berjalan hari ini. Berikut semua sumber yang layak disimpan, isi sebenarnya dari setiap paket, dan tindakan yang perlu dilakukan jika karakter yang Anda inginkan tidak memiliki tulang.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Lengkap, konsisten, dan siap langsung digunakan:</strong> KayKit Character Pack: Adventurers (CC0). Lima karakter dengan rig, tekstur, dan animasi, ditambah lebih dari 25 senjata dan aksesori, gratis; tiga karakter tambahan seharga $7.95.</li>
<li><strong>Set animasi tunggal terbesar:</strong> Quaternius Ultimate Animated Character Pack. Lebih dari 50 karakter beranimasi, tersedia dalam FBX, OBJ, dan Blend, gratis.</li>
<li><strong>Humanoid dengan proporsi realistis yang cocok dengan klip Mixamo:</strong> 100 Avatars R1 dan R2 (CC0), 167 karakter dengan rig dalam FBX dan glTF.</li>
<li><strong>Kotak-kotak dan ceria, cocok dengan semua paket Kenney lainnya:</strong> Animated Characters dari Kenney (CC0).</li>
<li><strong>Karakter dasar dengan rig untuk menguji alur kerja Anda:</strong> koleksi karakter Mixamo, gratis dengan akun Adobe.</li>
<li><strong>Ribuan model untuk dipilah:</strong> Poly Pizza dan Sketchfab, dengan filter CC0.</li>
<li><strong>Karakter tanpa rig:</strong> <a href="/id/tools/rigger">Auto Rigger</a> Cinevva, gratis di browser, lalu gunakan <a href="/id/tools/animations">Pustaka Animasi</a> untuk mengakses 260 klip CC0.</li>
<li><strong>Lewati pencarian aset:</strong> deskripsikan game di <a href="/id/create">pembuat game</a>, dan karakter akan hadir lengkap dengan rig dan animasi.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Sumber</th>
<th>Yang Anda dapatkan</th>
<th>Memiliki rig</th>
<th>Animasi</th>
<th>Format</th>
<th>Lisensi</th>
</tr>
</thead>
<tbody>
<tr>
<td>KayKit Adventurers</td>
<td>5 karakter, 25+ aksesori</td>
<td>Ya</td>
<td>Set dasar, lebih banyak dalam paket Animations gratis</td>
<td>FBX, glTF</td>
<td>CC0</td>
</tr>
<tr>
<td>Quaternius Ultimate Animated</td>
<td>50+ karakter</td>
<td>Ya</td>
<td>Disertakan</td>
<td>FBX, OBJ, Blend</td>
<td>Lisensi Quaternius, tanpa atribusi</td>
</tr>
<tr>
<td>100 Avatars R1 + R2</td>
<td>73 + 94 humanoid</td>
<td>Ya</td>
<td>Kompatibel dengan Mixamo</td>
<td>FBX, glTF</td>
<td>CC0</td>
</tr>
<tr>
<td>Kenney Animated Characters</td>
<td>Paket Protagonists, Retro, Survivors</td>
<td>Ya</td>
<td>Disertakan</td>
<td>FBX, glTF, dan lainnya</td>
<td>CC0</td>
</tr>
<tr>
<td>Mixamo</td>
<td>Beberapa lusin humanoid</td>
<td>Ya</td>
<td>Ribuan, diterapkan di situs</td>
<td>FBX</td>
<td>Gratis, komersial, tidak boleh didistribusikan ulang</td>
</tr>
<tr>
<td>Poly Pizza</td>
<td>10.600+ model low-poly</td>
<td>Sebagian</td>
<td>Sebagian</td>
<td>glTF, lainnya</td>
<td>CC0 dan CC BY, per model</td>
</tr>
<tr>
<td>Sketchfab (filter CC0)</td>
<td>Ribuan</td>
<td>Sebagian</td>
<td>Sebagian</td>
<td>glTF, FBX, lainnya</td>
<td>Per model</td>
</tr>
</tbody>
</table>
<h2>KayKit</h2>
<p>Paket KayKit buatan Kay Lousberg merupakan koleksi karakter gratis yang paling terorganisasi dalam pengembangan game. <strong>Character Pack: Adventurers</strong> menyediakan lima karakter fantasi bertekstur lengkap yang telah di-rig dan dianimasikan, dengan animasi gerakan dasar serta lebih dari 25 senjata dan aksesori. Semuanya tersedia dalam FBX dan glTF untuk Unity, Godot, Unreal, dan Roblox. Tingkat EXTRA menambahkan tiga karakter lagi seharga $7.95 dan tingkat SOURCE menambahkan berkas Blender seharga $11.95, tetapi tingkat gratisnya sendiri sudah merupakan set lengkap yang siap digunakan dalam game rilis.</p>
<p>Paket <strong>Character Animations</strong> merupakan unduhan gratis terpisah yang berisi klip tambahan untuk semua karakter KayKit. Paket <strong>Skeletons</strong> dan paket karakter lainnya menggunakan rig yang sama, sehingga animasinya dapat dipakai silang. Semua yang diterbitkan KayKit berlisensi CC0: penggunaan pribadi dan komersial tanpa atribusi. Model-modelnya menggunakan tekstur atlas gradien kecil (1024 piksel, dan KayKit menyatakan bahwa ukurannya dapat diperkecil menjadi 128 tanpa penurunan kualitas yang terlihat), sehingga seluruh kelompok karakter tetap berukuran di bawah satu megabita.</p>
<h2>Quaternius</h2>
<p>Quaternius telah merilis ratusan paket low-poly selama satu dekade, dan <strong>Ultimate Animated Character Pack</strong> adalah pilihan terbaik untuk memulai: lebih dari 50 karakter dengan rig dan animasi dalam format FBX, OBJ, dan Blend. Paket Animated Men, Women, Robot, Zombie, Knight, dan Alien masing-masing menambahkan set bertema dengan rig yang sama, sedangkan paket Universal Base Characters dan Modular Character Outfits memungkinkan Anda merakit karakter sendiri.</p>
<p>Ada satu catatan mengenai lisensi. Selama bertahun-tahun, paket Quaternius menggunakan CC0 dan halaman paketnya masih menyatakan demikian. Namun, situs tersebut kini menerbitkan Quaternius Asset Licence (QAL v1.0) yang berlaku untuk rilis berikutnya: gratis untuk proyek pribadi, pendidikan, dan komersial termasuk game, tanpa atribusi, biaya, atau royalti. Anda tidak boleh menjual kembali atau mendistribusikan ulang aset tersebut sebagai paket mandiri, berkas stok, atau templat. Untuk penggunaan dalam game, tidak ada yang berubah. Untuk alat aset atau bundel, baca lisensinya. Pendukung Patreon mendapatkan kit sumber bonus, tetapi paket-paket di atas tersedia gratis.</p>
<h2>100 Avatars</h2>
<p>Proyek <strong>100 Avatars</strong> dari Polygonal Mind merilis dua gelombang humanoid low-poly dengan rig di bawah lisensi CC0: 73 pada gelombang pertama dan 94 pada gelombang kedua, dalam format FBX dan glTF, tersedia di Sketchfab dan Poly Pizza. Proporsinya menyerupai humanoid, bukan chibi, sehingga klip Mixamo dan <a href="/id/tools/animations">Pustaka Animasi</a> kami dapat diterapkan ulang dengan mulus. Variasinya—profesi, olahraga, dan fantasi—cukup untuk mengisi kerumunan atau daftar karakter multipemain tanpa pengulangan. Karena berlisensi CC0, karakter-karakter ini juga menjadi basis paling aman untuk pembuat karakter, sebab Anda dapat mendistribusikan ulang versi yang telah dimodifikasi.</p>
<h2>Kenney</h2>
<p>Paket karakter Kenney hadir dengan gaya datar dan kotak-kotak yang sama seperti katalog CC0 Kenney lainnya, dan justru itulah keunggulannya: jika properti dan lingkungan Anda berasal dari Kenney, karakter-karakter ini akan cocok. <strong>Animated Characters Protagonists</strong>, <strong>Animated Characters Retro</strong>, dan <strong>Animated Characters Survivors</strong> masing-masing menyediakan karakter dengan rig dan animasi dalam beberapa format. <strong>Blocky Characters</strong> dan <strong>Mini Characters</strong> menambahkan varian tanpa animasi yang dapat Anda rig sendiri. Semuanya berlisensi CC0.</p>
<h2>Mixamo</h2>
<p>Mixamo pada dasarnya adalah pustaka animasi, tetapi juga menyediakan beberapa lusin karakter humanoid bertekstur dan memiliki rig yang dapat diunduh dengan klip apa pun yang diterapkan, gratis menggunakan akun Adobe. Lisensinya mengizinkan penggunaan komersial dalam game tanpa atribusi dan melarang distribusi ulang berkas mentah. Artinya, karakter tersebut boleh digunakan dalam game yang dirilis, tetapi tidak boleh dimasukkan ke dalam paket aset. Adobe sudah bertahun-tahun tidak menambahkan konten baru ke Mixamo, sehingga koleksi yang tersedia kemungkinan tidak akan bertambah. Ini adalah cara tercepat untuk memasukkan karakter uji dengan rig ke dalam alur kerja.</p>
<h2>Poly Pizza dan Sketchfab</h2>
<p><strong>Poly Pizza</strong> menyediakan lebih dari 10.600 model low-poly gratis, termasuk koleksi Google Poly yang telah diarsipkan dan unggahan komunitas selama bertahun-tahun, dengan filter lisensi untuk CC0 dan CC BY. Karakter dengan rig hanya merupakan sebagian kecil dan Anda perlu memilahnya, tetapi bundel 100 Avatars tersedia di sana. Bundel milik situs tersebut juga mengelompokkan set karakter berdasarkan kreator.</p>
<p><strong>Sketchfab</strong> masih mengizinkan unduhan gratis untuk model yang ditandai dapat diunduh oleh kreatornya, dan filter CC0 adalah cara terbaik untuk mencarinya. Model dengan rig dan animasi juga tersedia dalam filter. Periksa baris lisensi setiap model sebelum mengunduh karena CC BY dan CC BY-NC umum digunakan, sementara lisensi kedua tidak dapat digunakan untuk game yang Anda jual.</p>
<p>Halaman <a href="/game-assets/free-3d-character-models">model karakter 3D gratis</a> kami mengumpulkan paket-paket di atas beserta lisensinya, sedangkan panduan <a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik</a> membahas sumber untuk semua model selain karakter.</p>
<h2>Jika karakter yang Anda inginkan tidak memiliki rig</h2>
<p>Sebagian besar model 3D gratis di dunia bersifat statis. Karakter yang diunduh, model yang ditemukan di Sketchfab, atau model keluaran generator sering kali tidak memiliki kerangka. Melakukan rig secara manual di Blender dapat memakan waktu sehari bagi pemula.</p>
<p><a href="/id/tools/rigger">Auto Rigger</a> Cinevva melakukannya secara gratis di browser: unggah GLB, FBX, atau OBJ, pilih humanoid atau quadruped, lalu dapatkan GLB dengan rig dan bobot skin. Setelah itu, <a href="/id/tools/animations">Pustaka Animasi</a> dapat menampilkan pratinjau 260 klip CC0 pada karakter Anda, sedangkan <a href="/id/tools/animate">Animasi dari Prompt</a> menghasilkan gerakan dari sebuah kalimat saat gerakan yang Anda butuhkan tidak tersedia di pustaka. Panduan <a href="/id/guides/free-character-animations-rigging">Animasi Karakter Gratis dan Auto-Rigging</a> kami membandingkan semua auto-rigger, termasuk milik Mixamo serta fitur yang tersedia di Meshy dan Tripo.</p>
<p>Untuk hasil terbaik, unggah satu mesh bersih dalam T-pose atau A-pose dengan lengan terpisah dari tubuh. Karakter dengan lengan bersilang, anggota tubuh yang menyatu, atau rok tebal memerlukan tahap pembersihan setelahnya.</p>
<h2>Cara menilai karakter dengan rig dalam 30 detik</h2>
<ul>
<li><strong>Putar animasi berjalan.</strong> Kaki harus menapak. Gerakan meluncur atau melayang berarti ada masalah pada rig atau klip.</li>
<li><strong>Tekuk siku dan lutut.</strong> Bagian sendi yang terjepit atau terpelintir seperti bungkus permen menandakan bobot skin yang buruk. Masalah ini dapat diperbaiki di Blender, tetapi prosesnya melelahkan.</li>
<li><strong>Hitung tulangnya.</strong> Sekitar 20 hingga 65 tulang untuk humanoid game. Lebih dari 100 berarti terdapat tulang wajah atau jari yang mungkin tidak Anda perlukan dan membuat berkas lebih berat.</li>
<li><strong>Periksa nama tulang.</strong> Penamaan bergaya Mixamo atau Unreal dapat ditargetkan ulang hampir di mana saja. Rig dengan nama seperti <code>Bone.001</code> sulit ditargetkan ulang.</li>
<li><strong>Periksa ukuran berkas.</strong> Karakter low-poly dengan rig seharusnya berukuran di bawah 2 MB sebagai GLB. Ukuran lebih besar menandakan tekstur terlalu besar atau mesh belum dioptimalkan; <a href="/id/tools/glb-optimizer">Pengoptimal GLB</a> dapat memperbaiki keduanya.</li>
</ul>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>KayKit, 100 Avatars, Kenney:</strong> CC0. Bebas digunakan untuk apa pun, tanpa kredit, dan boleh didistribusikan ulang.</li>
<li><strong>Quaternius:</strong> bebas digunakan secara komersial tanpa atribusi, tetapi jangan mendistribusikan ulang aset sebagai aset.</li>
<li><strong>Mixamo:</strong> penggunaan komersial dalam game tanpa atribusi, tetapi berkasnya tidak boleh didistribusikan ulang.</li>
<li><strong>Poly Pizza, Sketchfab:</strong> bergantung pada setiap model. Gunakan filter CC0; CC BY memerlukan baris kredit; CC BY-NC tidak boleh digunakan dalam game berbayar.</li>
</ul>
<p>Panduan <a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> kami membahas perbedaannya secara mendalam.</p>
<h2>Pertanyaan Umum</h2>
<h3>Di mana saya bisa mendapatkan karakter 3D gratis dengan rig untuk game?</h3>
<p>KayKit, Quaternius, 100 Avatars, dan Kenney menyediakan karakter dengan rig dan animasi yang gratis untuk penggunaan komersial. Mixamo menambahkan humanoid dengan rig secara gratis menggunakan akun Adobe. Poly Pizza dan Sketchfab memiliki ribuan pilihan lain yang dapat ditemukan melalui filter CC0.</p>
<h3>Apakah karakter gratis dengan rig boleh digunakan dalam game komersial?</h3>
<p>Ya, dari semua sumber di atas. KayKit, 100 Avatars, dan Kenney menggunakan CC0. Quaternius dan Mixamo mengizinkan penggunaan komersial dalam game tanpa atribusi, tetapi tidak mengizinkan distribusi ulang berkasnya. Periksa lisensi setiap model di Poly Pizza dan Sketchfab.</p>
<h3>Apakah karakter gratis dengan rig dilengkapi animasi?</h3>
<p>KayKit, Quaternius, dan Kenney menyertakan animasi. 100 Avatars memiliki rig yang cocok dengan klip bergaya Mixamo. Untuk humanoid apa pun yang sudah di-rig, Pustaka Animasi Cinevva dapat menerapkan ulang 260 klip CC0 di browser, sedangkan Mixamo menerapkan animasi dari pustakanya saat berkas diunduh.</p>
<h3>Bagaimana jika karakter yang saya inginkan belum memiliki rig?</h3>
<p>Gunakan auto-rigging. Auto Rigger Cinevva menangani humanoid dan quadruped secara gratis di browser, rigger Mixamo menangani humanoid, sedangkan Meshy dan Tripo dapat melakukan rig pada model yang dihasilkan melalui platform mereka.</p>
<h3>Format apa yang sebaiknya saya unduh?</h3>
<p>Gunakan glTF atau GLB untuk game browser dan engine modern karena mesh, tekstur, kerangka, dan animasi tersimpan dalam satu berkas. Gunakan FBX untuk alur kerja Unity dan Unreal, serta untuk model yang akan diedit di Blender. <a href="/id/tools/fbx-to-glb">Konverter FBX ke GLB</a> menangani konversinya.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter Gratis dan Auto-Rigging</a> - pembahasan mendalam tentang klip dan rigger</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a> - semua yang bukan karakter</li>
<li><a href="/id/guides/ai-animation-generators-3d">Generator Animasi AI Terbaik untuk Karakter 3D</a> - teks menjadi gerakan dan motion capture dari video</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> - CC0, CC BY, dan lisensi lainnya</li>
<li><a href="/id/tools/rigger">Cinevva Auto Rigger</a> - beri rig pada karakter statis di browser</li>
<li><a href="/id/tools/animations">Pustaka Animasi Cinevva</a> - 260 klip CC0 pada model Anda sendiri</li>
<li><a href="/game-assets/free-3d-character-models">Model karakter 3D gratis</a> dan <a href="/game-assets/free-low-poly-3d-models">paket low-poly</a> - jelajahi pustaka gratis</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Pixel Art dan Sprite AI Terbaik untuk Game pada 2026 (Perbandingan)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-pixel-art-generators</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-pixel-art-generators</guid>
            <pubDate>Fri, 04 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator pixel art dan sprite AI terbaik pada 2026: PixelLab, Retro Diffusion, Ludo, Scenario, Sprixen, Sprite-AI, dan Leonardo dibandingkan berdasarkan animasi, tileset, konsistensi gaya, harga, serta apa yang dapat Anda rilis.]]></description>
            <content:encoded><![CDATA[<h1>Generator Pixel Art dan Sprite AI Terbaik untuk Game pada 2026 (Perbandingan)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Generator pixel art AI terbaik untuk game adalah PixelLab jika Anda membutuhkan karakter animasi, karena hanya alat ini yang memperlakukan sprite sebagai kerangka yang dapat Anda atur posenya dan putar, bukan sekadar gambar. Retro Diffusion adalah pilihan terbaik jika Anda sudah bekerja di Aseprite dan lebih suka membayar sekali daripada berlangganan. Ludo, Scenario, dan Layer merupakan pilihan untuk studio yang ingin mempertahankan satu gaya pada ratusan aset, sedangkan Sprite-AI dan Sprixen adalah opsi murah jika Anda ingin mencoba gagasan ini dengan biaya kurang dari sepuluh dolar.</p>
<p>Alasan Anda harus selektif adalah karena pixel art tidak mudah memaafkan kesalahan. Sprite hasil generasi yang memiliki &quot;gaya pixel art&quot; pada resolusi 1024 piksel bukanlah pixel art. Pixel art yang sesungguhnya dibuat di atas grid, menggunakan palet kecil, memiliki outline yang konsisten, dan mudah dikenali pada tinggi 16, 32, atau 64 piksel. Sebagian besar generator gambar tidak menghasilkan semua itu sampai Anda memperkecil ukurannya, melakukan kuantisasi, dan membersihkannya secara manual. Alat-alat di bawah ini dinilai sebagian berdasarkan seberapa banyak pekerjaan pembersihan yang dapat dihemat.</p>
<p>Untuk setiap alat, saya meninjau halaman harga, ketentuan lisensi, dan fitur yang didokumentasikan pada September 2026. Harga sering berubah, jadi anggap angka-angka tersebut sebagai gambaran struktur paket, bukan penawaran harga pasti.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Karakter animasi dengan pose dan rotasi:</strong> PixelLab. Animasi kerangka, rotasi 4 dan 8 arah, tileset, serta plugin Aseprite.</li>
<li><strong>Bayar sekali, buat secara lokal di dalam Aseprite:</strong> ekstensi Retro Diffusion. $20 untuk Lite atau $65 untuk versi lengkap, tanpa kredit.</li>
<li><strong>Satu alat untuk sprite, latar belakang, ikon, dan segala hal lainnya:</strong> Ludo. Lebih dari tiga puluh gaya, termasuk 8-bit dan 16-bit.</li>
<li><strong>Gaya yang sama di seluruh game:</strong> Scenario atau Layer, keduanya dilatih menggunakan gambar referensi Anda. Style Lock milik Sprixen adalah versi hematnya.</li>
<li><strong>Cara termurah untuk mencobanya:</strong> paket gratis Sprite-AI, lalu $8 per bulan.</li>
<li><strong>Mengedit dan menyelesaikan semua hasil di atas:</strong> Aseprite seharga $19.99, atau Libresprite dan Piskel secara gratis.</li>
<li><strong>Concept art dan latar belakang dengan akun gratis:</strong> <a href="/id/tools/flux">Generator Gambar</a> Cinevva, lalu perkecil dan lakukan kuantisasi di Aseprite.</li>
<li><strong>Lewati pipeline aset dan langsung buat game:</strong> jelaskan idenya di <a href="/id/create">pembuat game</a>, lalu alat tersebut akan membuat game yang dapat dimainkan, termasuk seluruh gambarnya.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Paling cocok untuk</th>
<th>Animasi</th>
<th>Tileset</th>
<th>Konsistensi gaya</th>
<th>Paket gratis</th>
<th>Paket berbayar mulai dari</th>
</tr>
</thead>
<tbody>
<tr>
<td>PixelLab</td>
<td>Karakter pixel animasi</td>
<td>Kerangka, rotasi</td>
<td>Ya</td>
<td>Referensi per proyek</td>
<td>40 generasi uji coba</td>
<td>$12/bln</td>
</tr>
<tr>
<td>Retro Diffusion</td>
<td>Pengguna Aseprite, penggunaan lokal</td>
<td>Ya</td>
<td>Ya</td>
<td>Berbasis prompt</td>
<td>50 kredit web</td>
<td>$20 sekali bayar (Lite)</td>
</tr>
<tr>
<td>Ludo</td>
<td>Semua aset game</td>
<td>Ya</td>
<td>Tidak</td>
<td>Preset gaya</td>
<td>Tidak ada</td>
<td>$15/bln (tahunan)</td>
</tr>
<tr>
<td>Scenario</td>
<td>Arahan visual studio</td>
<td>Tidak</td>
<td>Tidak</td>
<td>Model yang dilatih khusus</td>
<td>50 kredit/hari, hanya penggunaan pribadi</td>
<td>$15/bln</td>
</tr>
<tr>
<td>Layer</td>
<td>Pembuatan batch untuk studio</td>
<td>Terbatas</td>
<td>Tidak</td>
<td>Model yang dilatih khusus</td>
<td>Tidak ada</td>
<td>$10/bln untuk 300 unit</td>
</tr>
<tr>
<td>Sprixen</td>
<td>Sprite kecil yang konsisten</td>
<td>Ya</td>
<td>Tidak</td>
<td>Style Lock</td>
<td>6 kredit</td>
<td>$10/bln</td>
</tr>
<tr>
<td>Sprite-AI</td>
<td>Sprite pixel dengan biaya terjangkau</td>
<td>Tidak</td>
<td>Tidak</td>
<td>Tidak</td>
<td>15 generasi</td>
<td>$8/bln</td>
</tr>
<tr>
<td>Leonardo</td>
<td>Gambar umum, preset pixel</td>
<td>Tidak</td>
<td>Tidak</td>
<td>Model yang disempurnakan</td>
<td>150 token/hari, nonkomersial</td>
<td>$12/bln</td>
</tr>
<tr>
<td>Cinevva Image Generator</td>
<td>Konsep, latar belakang</td>
<td>Tidak</td>
<td>Tidak</td>
<td>Seed</td>
<td>Ya</td>
<td>Kredit</td>
</tr>
</tbody>
</table>
<h2>Arti &quot;pixel art&quot; bagi sebuah generator</h2>
<p>Ada tiga hal yang membedakan alat pixel art sungguhan dari model gambar dengan prompt bergaya retro.</p>
<p><strong>Grid.</strong> Pixel art digambar pada resolusi tampilannya. Sprite 32 piksel benar-benar memiliki 32 piksel. Model gambar menghasilkan gambar berukuran 512 piksel atau lebih, lalu memperkecilnya ke dalam grid jika model tersebut memahami pixel art. Jika tidak, Anda akan mendapatkan lukisan piksel yang buram. PixelLab, Retro Diffusion, Sprixen, dan Sprite-AI menghasilkan gambar pada grid yang sesungguhnya. Ludo, Scenario, Layer, dan Leonardo dapat diarahkan ke gaya tersebut melalui prompt, tetapi biasanya tetap membutuhkan proses pengecilan ukuran.</p>
<p><strong>Palet.</strong> Pixel art yang baik menggunakan delapan hingga tiga puluh dua warna. Generator yang mematuhi palet akan menghasilkan sprite yang dapat Anda edit; generator yang tidak mematuhinya akan menghasilkan ribuan corak warna yang hampir sama dan langsung berantakan saat Anda mencoba mengubah warna sebuah baju.</p>
<p><strong>Animasi.</strong> Siklus berjalan terdiri dari enam hingga delapan frame karakter yang sama dengan gaya yang sama. Hanya PixelLab, Retro Diffusion, dan Ludo yang menghasilkan rangkaian frame, dan hanya PixelLab yang melakukannya dari kerangka yang dapat Anda atur posenya. Inilah perbedaan antara &quot;buat animasi berjalan&quot; dan &quot;buat karakter ini berjalan, lalu mengayunkan pedang, kemudian menghadap ke kiri.&quot;</p>
<h2>PixelLab</h2>
<p>PixelLab adalah alat spesialis dengan basis pengguna terbesar di antara generator pixel art khusus. Alat ini membuat karakter dari teks, lalu memungkinkan Anda menganimasikannya dengan animasi berbasis kerangka, memutarnya ke empat atau delapan arah, membuat tileset, dan memperbaiki bagian tertentu dengan inpainting, semuanya pada grid pixel yang sesungguhnya. Tersedia pula plugin Aseprite dan API.</p>
<p>Uji coba gratisnya memberikan 40 generasi cepat tanpa kartu. Pixel Apprentice berharga $12 per bulan untuk hingga 2.000 generasi, Pixel Artisan berharga $24 dengan antrean prioritas, gambar hingga 400 kali 400, dan akses awal ke alat eksperimental, sedangkan Pixel Architect berharga $50 untuk 10.000 generasi dengan dua puluh pekerjaan simultan. Penagihan tahunan memberikan diskon sekitar seperempat harga, dan harganya turun lebih jauh semakin lama Anda berlangganan.</p>
<p>Jika game Anda memiliki lebih dari beberapa karakter animasi, penghematan waktunya benar-benar mulai terasa di sini. Periksa ketentuan terbaru untuk lisensi komersial pada paket yang Anda pilih sebelum merilis game.</p>
<h2>Retro Diffusion</h2>
<p>Retro Diffusion, karya developer Astropulse, adalah model pixel art khusus lainnya dan menggunakan model bisnis yang berlawanan. Ekstensi Aseprite-nya dibeli sekali seharga $65 untuk versi lengkap atau $20 untuk Lite, serta berjalan di komputer Anda sendiri tanpa kredit dan tanpa langganan. Hal ini menjadikannya pilihan serius termurah untuk periode lebih dari beberapa bulan, sekaligus satu-satunya opsi yang memastikan prompt dan karya Anda tidak pernah meninggalkan komputer.</p>
<p>Tersedia pula aplikasi web berbasis kredit, mulai dari $5 untuk 250 kredit hingga $50 untuk 3.500 kredit, dengan 50 kredit gratis saat Anda membuat akun. Satu kredit cukup untuk sebuah sprite kecil, sedangkan gambar yang lebih besar membutuhkan lebih banyak kredit. Alat ini dapat menangani animasi dan tileset, dan karena berjalan di dalam Aseprite, alur buat-lalu-perbaiki menjadi sesingkat mungkin.</p>
<p>Komprominya adalah ekstensi tersebut membutuhkan GPU yang cukup mumpuni untuk pembuatan secara lokal, dan Anda juga memerlukan Aseprite yang harganya $19.99.</p>
<h2>Ludo</h2>
<p>Ludo adalah platform pengembangan ide game yang juga menyertakan generator sprite yang mumpuni. Alat ini menghasilkan karakter dalam lebih dari tiga puluh gaya, termasuk pixel art 8-bit dan 16-bit, serta menganimasikannya. Selain itu, tersedia pula concept art, ikon, latar belakang, dan alat riset pasar. Jika Anda menginginkan satu langganan untuk setiap aset 2D dalam sebuah game, inilah pilihannya.</p>
<p>Tidak ada paket gratis. Indie berharga $15 per bulan dengan penagihan tahunan untuk 3.000 kredit per tahun, Pro berharga $35 per bulan dengan penagihan tahunan dan menyediakan pembuatan gambar tanpa batas di aplikasi web beserta akses API dan MCP, sedangkan Studio berharga $300 per bulan untuk sepuluh pengguna. Pembuatan sprite pada paket Indie menggunakan kumpulan kredit bersama, sehingga biaya efektif per sprite lebih tinggi daripada yang tersirat dari harga utamanya.</p>
<h2>Scenario dan Layer</h2>
<p>Keduanya bukan alat pixel art. Keduanya merupakan platform studio yang menawarkan kemampuan untuk melatih model menggunakan gambar referensi Anda sendiri agar setiap aset sesuai dengan arahan visual. Jika Anda sudah memiliki gaya pixel art, gambar bergaya itulah yang Anda berikan kepada keduanya.</p>
<p>Paket Starter Scenario berharga $15 per bulan untuk 1.500 kredit, sedangkan Pro berharga $45 untuk 5.000 kredit dan pelatihan model khusus. Paket gratisnya memberikan 50 kredit per hari hanya untuk penggunaan pribadi dan evaluasi, sehingga tidak ada hasilnya yang boleh dimasukkan ke dalam game yang dirilis. Layer tidak memiliki tingkatan paket, hanya penggunaan mulai dari $10 per bulan untuk 300 unit kreatif, dengan lisensi komersial bagi semua pengguna dan tanpa biaya per pengguna.</p>
<p>Bagi developer solo, keduanya mungkin berlebihan. Namun, bagi tim yang memiliki panduan visual dan perlu membuat beberapa ratus sprite, keduanya benar-benar mengatasi masalah konsistensi, bukan sekadar menjanjikannya.</p>
<h2>Sprixen dan Sprite-AI</h2>
<p>Keduanya adalah alat hemat, tetapi kemampuannya lebih baik daripada yang mungkin Anda bayangkan.</p>
<p>Sprixen berharga $10 per bulan dengan enam kredit gratis saat mendaftar. Fitur khasnya adalah Style Lock, yang mengunci palet, resolusi, proporsi, dan arahan visual pada setiap sprite dalam sebuah proyek. Alat ini menghasilkan sprite animasi berukuran kecil pada grid yang sesungguhnya dan merupakan cara termurah untuk mendapatkan konsistensi tanpa melatih model.</p>
<p>Sprite-AI dimulai dengan paket gratis berisi 15 generasi, lalu $8 per bulan untuk Creator, $24 untuk Studio, dan $50 untuk Production. Alat ini hanya membuat pixel art pada grid dan memiliki editor bawaan. Alat ini tidak dapat membuat animasi dan tidak menjaga konsistensi gaya antar-sprite, sehingga lebih cocok untuk membuat properti statis, item, dan ikon dengan cepat daripada karakter.</p>
<h2>Leonardo</h2>
<p>Leonardo adalah generator gambar umum dengan model yang dioptimalkan untuk game, termasuk preset pixel art. Alat ini masuk dalam daftar karena sudah digunakan oleh banyak orang. Paket gratisnya menyediakan 150 token per hari dan hasilnya bersifat nonkomersial. Paket berbayar dimulai dari $12 per bulan (Apprentice, 8.500 token), lalu $30 dan $60, semuanya dengan hak komersial.</p>
<p>Perlakukan hasil pixel-nya sebagai concept art. Hasilnya tidak dibuat pada grid, sehingga setiap sprite perlu diperkecil, dikurangi palet warnanya, dan dibersihkan outline-nya sebelum dapat digunakan. Untuk latar belakang dan key art dengan gaya yang menyerupai pixel art, alat ini cukup baik.</p>
<h2>Aseprite dan editor gratis</h2>
<p>Apa pun alat yang menghasilkan sprite, tetap diperlukan sesuatu untuk menyelesaikannya. Aseprite adalah standar industri, dengan harga $19.99 di Steam atau <a href="http://itch.io">itch.io</a>. Anda juga dapat mengompilasinya dari source secara gratis untuk penggunaan pribadi (binary hasil kompilasi tidak boleh didistribusikan ulang). Libresprite adalah fork gratis dari versi lama Aseprite, sedangkan Piskel adalah editor browser gratis. Alur buat-lalu-bersihkan adalah inti seluruh proses kerja ini, jadi sisihkan anggaran untuk editor sebelum generator.</p>
<h2>Posisi Cinevva</h2>
<p><a href="/id/tools/flux">Generator Gambar</a> Cinevva adalah model gambar, bukan model pixel art. Gunakan prompt &quot;pixel art 16-bit, palet terbatas&quot; dan Anda akan mendapatkan concept art serta latar belakang yang meyakinkan pada ukuran hingga 1440 piksel, tetapi tetap membutuhkan proses pengecilan dan kuantisasi seperti hasil Leonardo. Alat ini dapat digunakan dengan akun gratis dan menyediakan seed untuk menghasilkan variasi yang dapat direproduksi, sehingga cukup baik sebagai sumber kandidat latar belakang dan key art.</p>
<p>Jika Anda menemukan halaman ini karena menginginkan game dan bukan sprite sheet, <a href="/id/create">pembuat game</a> adalah jalur yang lebih singkat. Jelaskan gamenya, lalu alat tersebut akan membuatnya menjadi game yang dapat dimainkan sembari menghasilkan gambar, suara, dan kode secara bersamaan. Daftar <a href="/id/guides/vibe-coding-game-prompts">100 prompt game AI</a> kami menyediakan titik awal yang dapat digunakan dengan sekali klik.</p>
<h2>Cara menilai sprite AI dalam 30 detik</h2>
<ul>
<li><strong>Perbesar hingga 800%.</strong> Setiap piksel harus berupa satu piksel utuh. Warna setengah, tepi anti-alias, dan gradien buram menandakan bahwa gambar tersebut tidak dibuat pada grid.</li>
<li><strong>Hitung warnanya.</strong> Buka di Aseprite dan lihat paletnya. Kurang dari 32 warna masih mudah diedit. Lebih dari 200 berarti itu sebuah lukisan.</li>
<li><strong>Periksa outline.</strong> Outline selebar satu piksel yang konsisten—atau ketiadaan outline yang konsisten—pada serangkaian sprite adalah hal tersulit untuk dipertahankan oleh generator. Bandingkan dua sprite secara berdampingan.</li>
<li><strong>Lihat frame kedua.</strong> Dalam sebuah animasi, frame kedua akan mengungkap alat yang sebenarnya hanya menghasilkan variasi, bukan menganimasikan: proporsinya berubah, warna berganti, atau sebuah detail menghilang.</li>
</ul>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>Paket gratis Scenario dan paket gratis Leonardo:</strong> hanya untuk penggunaan pribadi atau nonkomersial. Hasilnya tidak boleh dirilis.</li>
<li><strong>Layer:</strong> lisensi komersial pada setiap paket.</li>
<li><strong>Ekstensi Retro Diffusion:</strong> dibuat secara lokal dan hasilnya menjadi milik Anda.</li>
<li><strong>PixelLab, Ludo, Sprixen, Sprite-AI:</strong> baca ketentuan terbaru untuk paket yang Anda gunakan; lisensinya lebih sering berubah daripada harganya.</li>
<li><strong>Alternatif gratis buatan tangan:</strong> Kenney, Pixel Frog, Ansimuz, dan 0x72 menyediakan paket pixel art lengkap berlisensi CC0. <a href="/id/guides/free-2d-sprites-tilesets">Panduan sprite 2D gratis</a> kami membahas semuanya, sedangkan halaman <a href="/game-assets/free-platformer-sprites">sprite platformer gratis</a> dan <a href="/game-assets/free-tilesets">tileset gratis</a> memungkinkan Anda menjelajahinya.</li>
</ul>
<h2>Pertanyaan Umum</h2>
<h3>Generator pixel art AI mana yang terbaik untuk animasi?</h3>
<p>PixelLab. Alat ini membuat animasi dari kerangka, sehingga Anda dapat mengatur pose karakter alih-alih mendeskripsikan gerakannya, serta memutar karakter yang sama agar menghadap ke empat atau delapan arah. Retro Diffusion dan Ludo juga menghasilkan frame animasi, tetapi berdasarkan prompt, bukan rig.</p>
<h3>Apakah ada generator pixel art AI gratis?</h3>
<p>Sprite-AI memberikan 15 generasi gratis, PixelLab memberikan 40 generasi uji coba, Retro Diffusion memberikan 50 kredit web, dan Sprixen memberikan 6 kredit. Paket gratis Leonardo bersifat nonkomersial. Untuk pixel art yang benar-benar gratis, paket CC0 dari Kenney dan kreator <a href="http://itch.io">itch.io</a> dalam <a href="/id/guides/free-2d-sprites-tilesets">panduan sprite gratis</a> kami masih menjadi jawabannya.</p>
<h3>Bisakah saya menjual game yang dibuat dengan sprite hasil generasi AI?</h3>
<p>Pada paket berbayar, bisa, sesuai dengan ketentuan setiap alat. Tidak demikian untuk paket gratis Scenario atau Leonardo. Beberapa platform distribusi dan game jam meminta Anda mengungkapkan penggunaan aset hasil generasi AI, sementara Steam mewajibkan pengungkapan pada halaman toko. Jadi, simpan catatan mengenai apa yang dibuat dan di mana pembuatannya.</p>
<h3>Apakah generator sprite AI dapat membuat tileset?</h3>
<p>PixelLab dan Retro Diffusion dapat melakukannya pada grid, dengan tepi tile yang dirancang agar saling tersambung. Alat umum tidak dapat melakukannya, dan tileset yang dibuat sebagai satu gambar hampir tidak pernah dapat diulang dengan mulus.</p>
<h3>Bagaimana cara membuat hasil AI terlihat seperti pixel art sungguhan?</h3>
<p>Perkecil ke ukuran target menggunakan sampling nearest-neighbour, kurangi warnanya menjadi palet tetap (mode indexed Aseprite atau palet Lospec), lalu gambar ulang outline secara manual. Langkah terakhir inilah yang sering dilewatkan orang, padahal langkah tersebut memberikan perbedaan terbesar.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-2d-sprites-tilesets">Sprite 2D, Pixel Art, dan Tileset Gratis Terbaik</a> - alternatif buatan tangan berlisensi CC0</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a> - rangkaian alat aset AI yang lebih luas</li>
<li><a href="/id/guides/best-2d-game-engines-2026">Game Engine 2D Terbaik untuk 2026</a> - tempat sprite akhirnya digunakan</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> - hal-hal yang sebenarnya diizinkan oleh paket gratis</li>
<li><a href="/id/tools/flux">Generator Gambar Cinevva</a> - concept art dan latar belakang dengan akun gratis</li>
<li><a href="/game-assets/free-platformer-sprites">Sprite platformer gratis</a>, <a href="/game-assets/free-tilesets">tileset</a>, <a href="/game-assets/free-ui-sprites">sprite UI</a>, dan <a href="/game-assets/free-game-icons">ikon game</a> - jelajahi pustaka gratis</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Tekstur AI Terbaik untuk Game pada 2026 (Perbandingan PBR dan Seamless)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-texture-generators</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-texture-generators</guid>
            <pubDate>Fri, 04 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator tekstur AI terbaik untuk game pada 2026: perbandingan Meshy, Polycam, Scenario, Layer, 3D AI Studio, dan Substance 3D dengan opsi gratis sumber terbuka, serta kekurangan masing-masing dalam hal PBR dan tiling.]]></description>
            <content:encoded><![CDATA[<h1>Generator Tekstur AI Terbaik untuk Game pada 2026 (Perbandingan PBR dan Seamless)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Generator tekstur AI terbaik untuk sebuah game bergantung pada salah satu dari dua pekerjaan yang sedang Anda lakukan. Jika Anda perlu memberi tekstur pada model yang sudah ada, Meshy adalah pilihan terkuat karena alat ini melukis satu set PBR lengkap pada UV model yang sudah ada, alih-alih hanya memberikan gambar persegi datar. Jika Anda membutuhkan material seamless yang dapat di-tile untuk medan, dinding, dan properti, generator material Polycam menghasilkan peta base color, normal, roughness, dan height sungguhan yang dapat di-tile tanpa sambungan terlihat, sedangkan Material Maker yang gratis dan bersumber terbuka dapat mengubah base color apa pun menjadi material lengkap atau membuatnya secara prosedural. Semua alat lain dalam panduan ini berada di antara kedua kategori tersebut, dan beberapa alat yang dipasarkan sebagai generator tekstur sebenarnya hanyalah generator gambar dengan kotak centang tiling.</p>
<p>Untuk setiap alat, saya memeriksa halaman harga, ketentuan lisensi paket gratis, dan contoh hasil yang dipublikasikan. Saya juga memeriksa apa saja yang harus dimiliki sebuah tekstur agar shader PBR dalam adegan browser dapat merendernya dengan benar. Harga yang tercantum adalah harga pada halaman masing-masing pada September 2026. Harga sering berubah, jadi gunakan informasi ini sebagai panduan mengenai struktur paket, bukan penawaran harga yang pasti.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Memberi tekstur pada model 3D yang sudah ada:</strong> Meshy. Memahami mesh, mendukung PBR lengkap, dan memiliki paket gratis untuk pengujian.</li>
<li><strong>Material PBR realistis, seamless, dan dapat di-tile:</strong> Polycam. Dilatih dengan material hasil pemindaian, sehingga tiling dan peta roughness-nya terlihat meyakinkan.</li>
<li><strong>PBR seamless secara gratis dan offline:</strong> Material Maker. Bersumber terbuka, berbasis node, tidak memerlukan akun, dan dapat mengekspor untuk Godot, Unity, serta Unreal.</li>
<li><strong>Gaya yang konsisten di ratusan tekstur:</strong> Scenario atau Layer, yang keduanya memungkinkan Anda melatih model dengan karya seni referensi sendiri.</li>
<li><strong>Tekstur albedo bergaya dan tekstur konsep melalui akun gratis di browser:</strong> <a href="/id/tools/flux">Generator Gambar</a> Cinevva, lalu selesaikan petanya di Material Maker.</li>
<li><strong>Anda hanya ingin gamenya dibuat, termasuk teksturnya:</strong> jelaskan game tersebut di <a href="/id/create">pembuat game</a>, lalu biarkan alat ini membuat dan menerapkan material untuk Anda.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Paling cocok untuk</th>
<th>Peta PBR</th>
<th>Dapat di-tile secara seamless</th>
<th>Paket gratis</th>
<th>Paket berbayar mulai dari</th>
</tr>
</thead>
<tbody>
<tr>
<td>Meshy</td>
<td>Memberi tekstur pada mesh</td>
<td>Base, normal, roughness, metallic</td>
<td>Bukan tujuan utamanya</td>
<td>100 kredit/bln, CC BY 4.0</td>
<td>$20/bln</td>
</tr>
<tr>
<td>Polycam</td>
<td>Material realistis yang dapat di-tile</td>
<td>Set lengkap</td>
<td>Ya</td>
<td>Hanya pratinjau</td>
<td>$30/bln</td>
</tr>
<tr>
<td>Material Maker</td>
<td>PBR prosedural</td>
<td>Set lengkap</td>
<td>Ya</td>
<td>Gratis, sumber terbuka</td>
<td>tidak tersedia</td>
</tr>
<tr>
<td>Scenario</td>
<td>Tekstur dengan gaya konsisten</td>
<td>Utamanya base color, peta lain sekunder</td>
<td>Ya</td>
<td>50 kredit/hari, hanya untuk penggunaan pribadi</td>
<td>$15/bln</td>
</tr>
<tr>
<td>Layer</td>
<td>Pembuatan batch untuk studio</td>
<td>Bergantung pada model</td>
<td>Ya</td>
<td>Tidak ada</td>
<td>$10/bln untuk 300 unit</td>
</tr>
<tr>
<td>3D AI Studio</td>
<td>3D dan tekstur dalam satu platform</td>
<td>Set lengkap</td>
<td>Retexture dan tile</td>
<td>1.000 kredit/bln</td>
<td>$20/bln</td>
</tr>
<tr>
<td>Substance 3D Sampler</td>
<td>Foto menjadi material, pipeline profesional</td>
<td>Set lengkap, dapat diedit</td>
<td>Ya</td>
<td>Uji coba 30 hari</td>
<td>$59.99/bln</td>
</tr>
<tr>
<td>Cinevva Image Generator</td>
<td>Albedo bergaya, konsep</td>
<td>Hanya albedo</td>
<td>Tidak dijamin</td>
<td>Ya</td>
<td>Kredit</td>
</tr>
</tbody>
</table>
<h2>Dua jenis &quot;generator tekstur&quot;</h2>
<p>Sebelum membahas alat-alatnya, ada satu perbedaan yang dapat menghemat banyak kredit agar tidak terbuang.</p>
<p><strong>Pemberi tekstur mesh</strong> menerima model 3D dan prompt, lalu melukis model tersebut. Alat ini harus memahami tata letak UV, menyembunyikan sambungan di titik pertemuan pulau-pulau UV, serta mempertahankan kepadatan texel yang merata di seluruh wajah dan sepatu bot karakter. Meshy, 3D AI Studio, dan Tripo melakukan hal ini. Hasilnya adalah satu set tekstur yang hanya cocok untuk satu model tersebut.</p>
<p><strong>Generator material</strong> menghasilkan gambar persegi datar yang dapat di-tile ke segala arah dan dilengkapi peta yang dibutuhkan shader PBR: base color, normal, roughness, dan biasanya height atau ambient occlusion. Polycam, Material Maker, dan alat-alat Substance melakukan hal ini. Hasilnya dapat digunakan pada permukaan apa pun dengan UV tiling, yang mencakup sebagian besar lingkungan game.</p>
<p>Sebagian besar kekecewaan terhadap tekstur AI yang saya lihat terjadi karena pengguna meminta satu jenis alat melakukan pekerjaan jenis lainnya. Generator material tidak dapat memberi tekstur pada karakter utama Anda, sedangkan pemberi tekstur mesh akan menghasilkan tekstur dinding yang tidak dapat di-tile.</p>
<h2>Meshy</h2>
<p>Meshy bermula sebagai generator text-to-3D, dan alat pemberi teksturnya menjadi bagian yang paling banyak digunakan oleh developer game. Unggah GLB, FBX, atau OBJ, jelaskan tampilannya, lalu alat ini akan melukis set PBR lengkap (base color, normal, roughness, metallic) langsung pada UV model yang sudah ada. Alat ini menangani proyeksi UV, penempatan sambungan, dan kepadatan texel secara otomatis, sehingga Anda tidak perlu melakukan unwrapping terlebih dahulu.</p>
<p>Paket gratisnya memberi Anda 100 kredit per bulan dan melisensikan hasilnya berdasarkan CC BY 4.0. Artinya, penggunaan komersial diizinkan, tetapi Anda harus mencantumkan atribusi kepada Meshy. Paket Pro seharga $20 per bulan meningkatkan jatahnya menjadi 1.000 kredit, memberi Anda kepemilikan penuh atas hasilnya, dan menambahkan akses API. Kredit direset setiap bulan dan tidak dapat diakumulasikan.</p>
<p>Kelemahannya ada pada pekerjaan kedua. Meshy tidak dirancang untuk membuat material tileable mandiri, dan jika Anda meminta &quot;seamless brick texture&quot;, hasilnya adalah gambar, bukan material. Untuk karakter, properti, dan kendaraan, inilah alat pertama yang akan saya pilih.</p>
<h2>Polycam</h2>
<p>Polycam lebih dikenal sebagai aplikasi fotogrametri, dan justru itulah alasan generator materialnya bagus. Modelnya dilatih menggunakan permukaan nyata hasil pemindaian, sehingga peta roughness dan height tampak benar-benar sesuai dengan base color, alih-alih terlihat seperti hasil tebakan. Tiling-nya juga tetap meyakinkan dari kejauhan, saat banyak hasil AI lain mulai memperlihatkan bercak berulang.</p>
<p>Alat ini melakukan dua hal: text to material dan photo to material. Jalur foto adalah yang perlu diperhatikan. Ambil foto dinding atau lantai dengan ponsel, lalu dapatkan kembali set PBR yang dapat di-tile. Paket gratis hanya menyediakan pratinjau tekstur AI, sedangkan pengunduhan memerlukan paket Basic seharga $30 per bulan, yang juga membuka seluruh fitur Polycam lainnya. Alat ini tidak dapat melakukan retexturing pada mesh, dan data latihnya cenderung berfokus pada permukaan arsitektur dan alam, jadi jangan berharap alat ini menghasilkan material kartun bergaya.</p>
<h2>Material Maker</h2>
<p>Material Maker sama sekali bukan alat AI, tetapi tetap layak dimasukkan karena merupakan pilihan gratis sekaligus alat untuk menyelesaikan hasil AI. Ini adalah editor material prosedural berbasis node yang gratis dan bersumber terbuka, dengan lebih dari 200 node, pustaka komunitas berisi ratusan material siap pakai, serta eksportir untuk Godot, Unity, dan Unreal. Alat ini dapat dijalankan di desktop maupun browser.</p>
<p>Ada dua kegunaan. Pertama, masukkan base color hasil AI, buat normal, roughness, dan height darinya, perbaiki tiling, lalu ekspor material yang layak digunakan. Kedua, lewati AI dan buat material secara prosedural. Dengan cara ini, Anda memperoleh tekstur yang warna, tingkat keausan, atau skalanya dapat diubah kapan saja. Untuk game bergaya, jalur kedua sering kali lebih cepat daripada menyusun prompt.</p>
<p>Catatan mengenai ArmorLab, yang dicantumkan oleh artikel perbandingan lama sebagai alat tekstur AI gratis dan bersumber terbuka. Repositori GitHub-nya diarsipkan pada Februari 2023 dan digabungkan ke dalam keluarga ArmorPaint, yang mengenakan biaya untuk binary siap pakainya. Domain <a href="http://armorlab.org">armorlab.org</a> juga tidak lagi dimiliki proyek tersebut. Jangan ikuti tautan lama yang mengarah ke sana.</p>
<h2>Scenario dan Layer</h2>
<p>Keduanya adalah alat untuk studio, dan alasan membayar salah satunya adalah konsistensi. Keduanya memungkinkan Anda melatih model kustom dengan gambar referensi sendiri agar setiap tekstur yang dihasilkan sesuai dengan arahan seni Anda—sesuatu yang tidak pernah dapat dijamin oleh satu prompt untuk seratus aset.</p>
<p>Paket Starter Scenario berharga $15 per bulan untuk 1.500 kredit, sedangkan Pro berharga $45 untuk 5.000 kredit dan menambahkan pelatihan model kustom. Paket gratis memberi Anda 50 kredit per hari, tetapi hanya untuk penggunaan pribadi dan evaluasi, sehingga hasilnya tidak dapat disertakan dalam produk yang dirilis. Pembuatan tekstur hanyalah salah satu dari banyak fiturnya, dan peta normal serta roughness diperlakukan sebagai hasil sekunder dibandingkan base color.</p>
<p>Layer tidak memiliki paket tetap. Anda membayar berdasarkan penggunaan, mulai dari $10 per bulan untuk 300 unit kreatif, dengan lisensi komersial pada setiap paket dan tanpa biaya per pengguna. Hal ini menjadikannya pilihan yang lebih murah untuk tim. Pembuatan gambar membutuhkan antara 0,1 hingga 8 unit per gambar, bergantung pada modelnya.</p>
<p>Jika Anda seorang developer solo, keduanya bukan tempat terbaik untuk memulai. Namun, jika Anda memiliki panduan visual dan perlu menghasilkan empat puluh tekstur dengan gaya yang sama, hanya dua alat inilah dalam daftar yang dapat menyelesaikan masalah tersebut.</p>
<h2>3D AI Studio</h2>
<p>3D AI Studio menggabungkan text-to-3D, image-to-3D, alat retexturing, remeshing, dan pembuatan LOD dalam satu langganan. Alat teksturnya tersedia gratis di setiap paket, termasuk paket Basic $0 yang dilengkapi 1.000 kredit per bulan. Paket Studio berharga $20 per bulan untuk 3.500 kredit. Penggunaan komersial diizinkan pada semua paket dan Anda memiliki hasilnya.</p>
<p>Kualitas pemberian teksturnya pada mesh tidak akan mengalahkan Meshy, dan material tiling-nya tidak akan mengalahkan Polycam. Namun, jika Anda sudah membuat model di sana dan ingin semuanya tersedia di satu tempat, alat tekstur gratisnya merupakan bonus sungguhan, bukan sekadar uji coba.</p>
<h2>Adobe Substance 3D</h2>
<p>Substance adalah pipeline profesional dan alasan istilah &quot;material PBR&quot; memiliki makna seperti sekarang. Sampler mengubah foto menjadi material yang dapat diedit, Designer membuat material secara prosedural, sedangkan Painter memberi tekstur pada mesh secara manual dan dengan smart material. Fitur AI-nya (text-to-texture dan titik awal photo-to-material) tersedia di dalam aplikasi tersebut dan terintegrasi dengan alur penyempurnaan manual yang tidak dapat ditandingi alat lain dalam daftar ini.</p>
<p>Paket Individual berharga $59.99 per bulan untuk seluruh aplikasi, dengan uji coba gratis selama 30 hari. Paket Student and Teacher hanya untuk penggunaan pribadi dan nonkomersial. Untuk game indie yang akan dirilis, harganya sulit dibenarkan kecuali texturing memang pekerjaan Anda. Jika iya, tidak ada penggantinya.</p>
<h2>Posisi Cinevva</h2>
<p><a href="/id/tools/flux">Generator Gambar</a> Cinevva adalah model gambar, bukan generator material. Alat ini cocok untuk tekstur albedo bergaya (kayu lukis tangan, batu kartun, kain bergaya painterly) dan tekstur konsep yang nantinya akan Anda lukis ulang. Gunakan &quot;seamless tileable&quot; dalam prompt dan biasanya Anda akan mendapatkan tekstur yang dapat di-tile dengan baik, tetapi tidak selalu, jadi periksa bagian tepinya. Masukkan hasilnya ke Material Maker untuk membuat peta normal dan roughness. Keduanya dapat digunakan dengan akun gratis.</p>
<p>Jika yang Anda inginkan adalah sebuah game, bukan pustaka tekstur, <a href="/id/create">pembuat game</a> akan membuat dan menerapkan material sebagai bagian dari proses pembuatan adegan. Jelaskan suasananya (&quot;gang berbatu licin karena hujan pada malam hari, dengan dinding bata basah&quot;), lalu alat ini akan menangani tekstur beserta geometri, pencahayaan, dan gameplay. Inilah jalur yang cocok bagi siapa pun yang menemukan halaman ini saat mencoba membuat level terlihat bagus, bukan saat membangun pipeline material.</p>
<h2>Cara menilai tekstur AI dalam 30 detik</h2>
<ul>
<li><strong>Tile dalam susunan 3×3.</strong> Bercak berulang atau sambungan yang terlihat akan langsung muncul. Setiap alat di atas yang mengklaim seamless lolos pengujian ini; beberapa generator gambar tidak.</li>
<li><strong>Lihat peta normal secara terpisah.</strong> Peta normal yang benar sebagian besar berwarna ungu lavender datar, dengan detail di bagian permukaan yang memiliki kedalaman. Peta normal yang dibuat oleh filter buruk terlihat penuh noise di seluruh bagiannya.</li>
<li><strong>Bandingkan roughness dengan base color.</strong> Area yang basah atau dipoles seharusnya gelap pada peta roughness, sedangkan area kering atau matte seharusnya terang. Jika roughness hanyalah salinan grayscale dari base color, berarti nilainya ditebak.</li>
<li><strong>Periksa resolusi yang benar-benar akan Anda gunakan saat merilis game.</strong> Sebagian besar alat menghasilkan resolusi 1K atau 2K. Ukuran ini sudah cukup untuk game browser dan sering kali bahkan terlalu besar, karena satu set PBR 4K berukuran sekitar 60 MB tanpa kompresi. Kompres dengan <a href="/id/tools/ktx2-compressor">Kompresor Tekstur KTX2</a> sebelum aset tersebut dimasukkan ke build web.</li>
</ul>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>Paket gratis Meshy:</strong> CC BY 4.0. Penggunaan komersial diizinkan, atribusi wajib. Paket berbayar: Anda memilikinya.</li>
<li><strong>Paket gratis Scenario:</strong> hanya untuk penggunaan pribadi dan evaluasi. Hasilnya tidak dapat disertakan dalam produk yang dirilis. Paket berbayar: lisensi komersial.</li>
<li><strong>Layer, 3D AI Studio:</strong> lisensi komersial pada setiap paket.</li>
<li><strong>Material Maker:</strong> sumber terbuka, hasil yang dibuat secara lokal sepenuhnya milik Anda.</li>
<li><strong>Substance 3D Student/Teacher:</strong> hanya untuk penggunaan nonkomersial.</li>
<li><strong>Polycam, Blockade, dan lainnya:</strong> baca ketentuan terbaru karena paket gratis alat AI lebih sering mengubah lisensinya daripada harganya.</li>
</ul>
<p>Panduan <a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> kami membahas CC0, CC BY, dan bebas royalti secara lebih mendalam, serta juga berlaku untuk hasil AI.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bisakah saya menggunakan tekstur buatan AI dalam game komersial?</h3>
<p>Ya, pada setiap paket berbayar di sini dan beberapa paket gratis. Dua jebakannya adalah paket gratis Meshy, yang mewajibkan atribusi, dan paket gratis Scenario, yang sepenuhnya melarang penggunaan komersial. Layer dan 3D AI Studio memberikan lisensi komersial pada setiap paket, termasuk paket gratis. Hasil yang dibuat secara lokal dengan Material Maker sepenuhnya milik Anda.</p>
<h3>Apakah tekstur AI bersifat seamless?</h3>
<p>Hanya jika dibuat oleh alat yang dirancang untuk material. Polycam, Material Maker, dan Substance menghasilkan output yang dapat di-tile. Meshy adalah pemberi tekstur mesh, jadi seamless bukan tugasnya. Generator gambar umum, termasuk milik kami, biasanya dapat membuat tekstur yang bisa di-tile jika diminta melalui prompt, tetapi hasilnya tetap perlu diperiksa.</p>
<h3>Generator tekstur AI mana yang gratis?</h3>
<p>Material Maker gratis dan bersumber terbuka tanpa batasan. Alat tekstur 3D AI Studio tersedia gratis pada paket $0. Meshy memberi 100 kredit per bulan dengan kewajiban atribusi. Generator Gambar dan kompresor KTX2 Cinevva dapat digunakan dengan akun gratis.</p>
<h3>Apakah generator tekstur AI menghasilkan peta normal dan roughness?</h3>
<p>Generator material (Polycam, Material Maker, Substance) dan pemberi tekstur mesh (Meshy, 3D AI Studio) menghasilkan keduanya. Scenario dan Layer mengutamakan base color, sedangkan peta lainnya bersifat sekunder. Jika suatu alat hanya memberikan gambar berwarna, buat peta lainnya di Material Maker.</p>
<h3>Bagaimana dengan tekstur gratis yang tidak dibuat oleh AI?</h3>
<p>Poly Haven dan ambientCG sama-sama menawarkan ribuan material PBR hasil pemindaian yang mulus dan berlisensi CC0. Untuk permukaan realistis, keduanya masih lebih baik daripada apa pun yang dihasilkan AI. Panduan <a href="/id/guides/free-textures-hdris-materials">Tekstur, Material, dan HDRI PBR Gratis</a> membahas keduanya, dan halaman kategori <a href="/game-assets/free-wood-textures">tekstur gratis</a> memungkinkan Anda menjelajahinya berdasarkan jenis permukaan.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-textures-hdris-materials">Tekstur, Material, dan HDRI PBR Gratis untuk Game</a> - alternatif hasil pemindaian berlisensi CC0 untuk menggantikan pembuatan dengan AI</li>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik</a> - model yang akan Anda beri tekstur</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a> - seluruh rangkaian alat aset AI</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> - CC0, CC BY, dan hak yang sebenarnya diberikan oleh paket gratis AI</li>
<li><a href="/id/tools/flux">Generator Gambar Cinevva</a> - tekstur albedo bergaya dan tekstur konsep dengan akun gratis</li>
<li><a href="/id/tools/ktx2-compressor">Kompresor Tekstur KTX2</a> - perkecil ukuran peta tekstur sebelum dimasukkan ke build web</li>
<li><a href="/game-assets/free-wood-textures">Kayu</a>, <a href="/game-assets/free-metal-textures">logam</a>, <a href="/game-assets/free-stone-textures">batu</a>, dan <a href="/game-assets/free-grass-textures">tekstur rumput gratis</a> - jelajahi pustaka gratis berdasarkan jenis permukaan</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Kit UI Game, Paket HUD, dan Font Gratis Terbaik untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/free-game-ui-kits-fonts</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/free-game-ui-kits-fonts</guid>
            <pubDate>Fri, 04 Sep 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Kit UI dan font game gratis terbaik pada 2026: paket UI CC0 dari Kenney, Complete UI Essential Pack, Craftpix, Game-icons.net, monogram, m5x7, serta font piksel dan display di Google Fonts, dengan semua lisensi telah diperiksa.]]></description>
            <content:encoded><![CDATA[<h1>Kit UI Game, Paket HUD, dan Font Gratis Terbaik untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Kit UI game gratis terbaik masih Kenney's UI Pack: 430 tombol, panel, slider, dan ikon CC0 dalam gaya datar yang bersih, dilengkapi versi bertema fiksi ilmiah dan petualangan piksel, serta paket Input Prompts yang serasi untuk setiap tombol kontroler yang mungkin perlu Anda tampilkan. Untuk font, monogram dan m5x7 adalah dua font piksel CC0 yang paling sering disertakan dalam game indie, sementara Google Fonts menyediakan belasan jenis huruf display dan piksel di bawah Open Font License yang dapat Anda sematkan ke game browser tanpa perlu meminta izin siapa pun. Semua yang tercantum dalam panduan ini gratis untuk penggunaan komersial. Jika suatu lisensi mewajibkan atribusi, saya telah menyebutkannya.</p>
<p>UI adalah kategori aset yang biasanya ditunda hingga terakhir, lalu orang baru menyadari bahwa ada empat puluh komponen yang dibutuhkan (panel nine-slice, status hover, status nonaktif, bingkai slot, bar, kursor, dan font yang terbaca pada ukuran 12 piksel). Kit yang menyediakan semuanya dalam satu gaya dapat menghemat waktu seminggu. Berikut semua sumber yang layak ditandai, dengan ketentuan lisensi yang telah diverifikasi pada September 2026.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Satu kit, genre apa pun, tanpa risiko lisensi:</strong> Kenney UI Pack (CC0). Tambahkan UI Pack Sci-Fi atau UI Pack Pixel Adventure untuk varian bertema.</li>
<li><strong>Glif kontroler, papan ketik, dan tetikus:</strong> Kenney Input Prompts (CC0). Xbox, PlayStation, Switch, Steam Deck, papan ketik, dan tetikus, dalam gaya datar dan garis luar.</li>
<li><strong>Bingkai, slot, dan banner RPG dalam tiga belas tema:</strong> Complete UI Essential Pack dari Crusenho (CC BY 4.0). Tema Flat gratis, semua tema lainnya mulai dari $3.50.</li>
<li><strong>Kit bertema berkualitas tinggi tanpa atribusi:</strong> bagian gratis Craftpix (lisensi khusus, boleh digunakan secara komersial).</li>
<li><strong>Empat ribu ikon inventaris dan kemampuan:</strong> <a href="http://Game-icons.net">Game-icons.net</a> (CC BY 3.0, cantumkan kredit untuk senimannya).</li>
<li><strong>Font piksel yang terbaca pada ukuran 12 piksel:</strong> monogram dan m5x7 (keduanya CC0).</li>
<li><strong>Font display dan judul yang dapat disematkan di web:</strong> Press Start 2P, VT323, Silkscreen, Pixelify Sans, Orbitron, dan Bangers di Google Fonts (OFL).</li>
<li><strong>Ikon dengan gaya Anda sendiri:</strong> <a href="/id/tools/flux">Generator Gambar</a> Cinevva melalui akun gratis, lalu potong sesuai ukuran.</li>
<li><strong>Tidak ingin membuat HUD sama sekali:</strong> jelaskan gamenya di <a href="/id/create">pembuat game</a>, lalu alat tersebut akan membuat antarmuka beserta gamenya.</li>
</ul>
<h2>Referensi cepat</h2>
<table>
<thead>
<tr>
<th>Kebutuhan</th>
<th>Sumber terbaik</th>
<th>Lisensi</th>
<th>Atribusi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tombol, panel, slider</td>
<td>Kenney UI Pack</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>HUD fiksi ilmiah</td>
<td>Kenney UI Pack Sci-Fi</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>HUD seni piksel</td>
<td>Kenney UI Pack Pixel Adventure</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Glif kontroler dan tombol</td>
<td>Kenney Input Prompts</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Kontrol sentuh</td>
<td>Kenney Mobile Controls</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Bingkai, slot, dan banner RPG</td>
<td>Complete UI Essential Pack</td>
<td>CC BY 4.0</td>
<td>Wajib mencantumkan kredit</td>
</tr>
<tr>
<td>Kit bertema (fantasi, kasual)</td>
<td>Craftpix gratis</td>
<td>Lisensi Craftpix</td>
<td>Tidak ada, dilarang dijual kembali</td>
</tr>
<tr>
<td>Ikon inventaris dan kemampuan</td>
<td><a href="http://Game-icons.net">Game-icons.net</a></td>
<td>CC BY 3.0</td>
<td>Cantumkan kredit untuk senimannya</td>
</tr>
<tr>
<td>Font teks utama piksel</td>
<td>monogram, m5x7</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Font display retro</td>
<td>Press Start 2P, VT323, Silkscreen</td>
<td>OFL</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Font display modern</td>
<td>Orbitron, Bangers, Russo One</td>
<td>OFL</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Font buatan Kenney</td>
<td>Kenney Fonts</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
</tbody>
</table>
<h2>Paket UI Kenney</h2>
<p>Kenney telah merilis setiap asetnya di bawah CC0 selama lebih dari satu dekade, sehingga paket-paket tersebut muncul dalam begitu banyak game yang telah dirilis. Paket UI-nya adalah pilihan terbaik untuk memulai.</p>
<p><strong>UI Pack</strong> adalah paket dasarnya: 430 elemen yang mencakup tombol dalam beberapa warna dan status, panel, slider, kotak centang, tombol radio, panah, ikon, serta bingkai nine-slice yang diperlukan untuk merentangkan panel ke ukuran apa pun. Gayanya bersih dan datar, sehingga cocok untuk sebagian besar game tanpa mendominasi tampilannya.</p>
<p><strong>UI Pack Sci-Fi</strong> dan <strong>UI Pack Pixel Adventure</strong> menawarkan konsep yang sama dalam dua gaya: bingkai HUD bersudut untuk game luar angkasa atau cyberpunk, serta bingkai piksel tebal untuk game retro. <strong>Mobile Controls</strong> adalah kumpulan tombol sentuh dan komponen joystick virtual untuk game browser yang berjalan di ponsel, yang mencakup sebagian besar game browser.</p>
<p><strong>Input Prompts</strong> layak dibahas tersendiri. Ini adalah kumpulan lengkap glif tombol kontroler untuk Xbox, PlayStation, Nintendo Switch, Steam Deck, gamepad generik, tombol papan ketik, dan tombol tetikus, dalam gaya datar, garis luar, dan piksel. Setiap game yang menampilkan &quot;Tekan A untuk melompat&quot; memerlukan paket ini, dan game yang menampilkannya dengan glif yang salah untuk kontroler yang terhubung bahkan lebih membutuhkannya. Padukan dengan <a href="/id/tutorials/gamepad-api">tutorial Gamepad API</a> kami untuk mendeteksi kontroler yang benar-benar terhubung.</p>
<p>Semuanya berlisensi CC0: tanpa atribusi, tanpa pembatasan, dan boleh digunakan untuk apa saja. Kenney menerima donasi, tetapi tidak mewajibkannya.</p>
<h2>Complete UI Essential Pack</h2>
<p>Complete UI Essential Pack dari Crusenho di <a href="http://itch.io">itch.io</a> adalah jawabannya untuk RPG. Paket ini berisi lebih dari 800 komponen dalam tiga belas tema (Flat, Paper, Wood, Stone, Metal, Hologram, Glass, Pumpkin, Mystic Wood, Papernote, Metalworks, Runewood, dan lainnya), masing-masing dilengkapi bingkai, slot, banner, bar, isian, menu dropdown, scrollbar, kenop, slider, bidang teks, dan tombol. Setiap komponen dibuat untuk teknik nine-slice pada ukuran 32 kali 32, sehingga panel dapat direntangkan dengan rapi. Paket ini juga menyertakan font Toriko.</p>
<p>Unduhan gratisnya berisi tema Flat. Paket lengkap tersedia dengan harga sesuai keinginan mulai dari $3.50, menjadikannya penawaran dengan nilai terbaik di halaman ini. Lisensinya adalah CC BY 4.0, jadi Anda dapat menggunakannya secara komersial selama mencantumkan kredit untuk pembuatnya, menautkan lisensi, dan menyebutkan perubahan yang dibuat. Satu baris pada layar kredit sudah cukup.</p>
<h2>Bagian gratis Craftpix</h2>
<p>Craftpix menjual paket aset game dan memberikan pilihan bergilir berupa kit UI lengkap secara gratis: antarmuka RPG fantasi, UI game match-3 kasual, HUD fiksi ilmiah, dan set menu perangkat seluler. Kualitasnya satu tingkat di atas kebanyakan sumber gratis karena kit tersebut merupakan versi ringkas dari produk berbayar.</p>
<p>Lisensinya menggunakan lisensi Craftpix sendiri, bukan lisensi Creative Commons, dan ketentuannya cukup ramah: proyek pribadi dan komersial tanpa batas, tanpa kewajiban atribusi. Anda tidak boleh menjual kembali berkas sumber atau versi yang hanya sedikit dimodifikasi, membagikannya dengan cara yang memungkinkan orang lain menggunakan kembali aset tersebut secara terpisah, atau menggunakannya untuk melatih model AI. Bacalah halaman lisensinya sekali sebelum mengandalkannya karena terdapat beberapa perbedaan antara tingkat gratis dan berbayar yang umumnya hanya relevan bagi studio.</p>
<h2><a href="http://Game-icons.net">Game-icons.net</a></h2>
<p><a href="http://Game-icons.net">Game-icons.net</a> menyediakan sekitar 4.100 ikon vektor hitam-putih untuk berbagai hal yang benar-benar dibutuhkan game: pedang, ramuan, efek mantra, kondisi status, sumber daya, bahan kerajinan, dan kemampuan. Setiap ikon tersedia dalam format SVG, sehingga dapat diskalakan ke ukuran apa pun dan diwarnai ulang hanya dengan mengubah satu nilai fill.</p>
<p>Lisensinya adalah CC BY 3.0. Anda harus mencantumkan kredit untuk seniman yang menggambar setiap ikon, dan format yang disarankan situs tersebut (&quot;Icons made by {author}. Available on <a href="https://game-icons.net">https://game-icons.net</a>&quot;) sudah memadai. Nama pembuat setiap ikon tercantum di halaman unduhannya, jadi simpan catatan dalam berkas teks sembari bekerja daripada mencoba menyusunnya kembali nanti.</p>
<h2>Font piksel: monogram dan m5x7</h2>
<p>Dua font lebih sering muncul dalam game indie berseni piksel dibandingkan font lainnya, dan keduanya berlisensi CC0.</p>
<p><strong>monogram</strong> karya datagoblin adalah font bitmap monospace yang dirancang agar tetap mudah dibaca pada ukuran kecil maupun besar. Font ini tersedia sebagai TrueType (versi minimal dan versi lengkap dengan huruf miring), sebagai PNG bitmap dengan metrik JSON, serta sebagai font khusus PICO-8. Cakupan karakternya meliputi bahasa Inggris, Spanyol, Portugis, Rusia, dan Yunani. Ini adalah pilihan standar yang aman untuk dialog dan menu.</p>
<p><strong>m5x7</strong> karya Daniel Linssen adalah font piksel yang lebih sempit, dengan lebar lima piksel dan tinggi tujuh piksel, serta menyediakan huruf kecil, karakter beraksen, angka, dan simbol. Font ini dapat memuat lebih banyak teks dalam HUD kecil dibandingkan monogram. m3x6 karya Linssen adalah versi pasangannya yang lebih kecil lagi. Keduanya tersedia dengan harga sesuai keinginan dan lisensi CC0; atribusi dihargai, tetapi tidak diwajibkan.</p>
<p>Aturan untuk font piksel: render pada kelipatan bilangan bulat yang tepat dari ukuran aslinya (7, 14, atau 21 piksel untuk m5x7) dan nonaktifkan anti-aliasing. Jika tidak, tampilannya akan menjadi kabur.</p>
<h2>Google Fonts untuk game</h2>
<p>Google Fonts menyediakan semua jenis huruf di bawah SIL Open Font License, yang mengizinkan penyematan dalam game komersial, termasuk game browser, tanpa atribusi selain menyertakan berkas lisensi bersama font. Untuk game web, Anda cukup menggunakan satu <code>@font-face</code> atau sebuah <code>&lt;link&gt;</code>.</p>
<p>Berikut font-font yang sering digunakan dalam game:</p>
<ul>
<li><strong>Press Start 2P</strong>: font bitmap arkade. Cocok untuk judul, skor, dan &quot;GAME OVER.&quot;</li>
<li><strong>VT323</strong>: teks terminal, adegan peretasan, dan teks utama UI retro.</li>
<li><strong>Silkscreen</strong>: font piksel kecil dan rapi yang mudah dibaca pada ukuran teks utama.</li>
<li><strong>Pixelify Sans</strong>: font piksel variabel dengan beberapa ketebalan, sesuatu yang jarang ditemukan.</li>
<li><strong>Orbitron</strong>: jenis huruf display fiksi ilmiah geometris untuk HUD dan menu.</li>
<li><strong>Bangers</strong>: tampilan mencolok ala buku komik untuk game kasual dan kartun.</li>
<li><strong>Russo One</strong> dan <strong>Audiowide</strong>: jenis huruf display tebal untuk UI game balap dan olahraga.</li>
</ul>
<p>Kenney juga menyediakan <strong>Kenney Fonts</strong>, sebelas berkas font display berbentuk balok dan membulat di bawah CC0. Font-font ini serasi dengan paket UI di atas jika Anda ingin semuanya dibuat dengan satu gaya visual.</p>
<h2>Peran Cinevva</h2>
<p>Untuk ikon dan karya seni kecil dengan gaya yang tidak dapat Anda temukan, <a href="/id/tools/flux">Generator Gambar</a> melalui akun gratis dapat menjadi sumber cepat: gunakan prompt &quot;ikon game datar, satu objek, latar belakang polos&quot;, lalu potong hasilnya sesuai ukuran. Alat ini tidak akan menghasilkan ikon 32 piksel yang sempurna dengan sendirinya; perkecil ukurannya menggunakan Aseprite atau Piskel.</p>
<p>Jika Anda tidak ingin menyusun HUD sama sekali, <a href="/id/create">pembuat game</a> dapat membuat antarmuka beserta gamenya. Jelaskan apa yang perlu dilihat pemain (&quot;bar kesehatan, penghitung amunisi, dan minimap di sudut&quot;), lalu alat tersebut akan membuat dan menghubungkan semuanya. Ini adalah jalur yang lebih singkat bagi siapa pun yang menemukan halaman ini karena ingin menyelesaikan game, bukan mendesain UI.</p>
<h2>Lima aturan agar UI game siap dirilis</h2>
<ul>
<li><strong>Gunakan nine-slice untuk semuanya.</strong> Panel yang digambar sebagai satu gambar akan terlihat buruk saat direntangkan. Panel yang dibagi menjadi sembilan bagian (empat sudut, empat sisi, dan satu bagian tengah) dapat direntangkan ke ukuran apa pun. Kenney dan Crusenho menyediakan bingkai yang mendukung teknik ini; periksa kit lain sebelum Anda berkomitmen menggunakannya.</li>
<li><strong>Desain untuk layar terkecil.</strong> Game browser akan dimainkan di ponsel. Jika HUD berfungsi pada lebar 375 piksel, HUD tersebut akan berfungsi di mana saja.</li>
<li><strong>Gunakan teks utama berukuran 14 piksel atau lebih besar di web, serta skala bilangan bulat untuk font piksel.</strong> Ukuran yang lebih kecil akan sulit dibaca di ponsel, sedangkan penskalaan font piksel dengan bilangan nonbulat akan terlihat rusak di setiap layar.</li>
<li><strong>Tampilkan glif yang tepat untuk kontroler yang terhubung.</strong> Input Prompts menyediakan semuanya. Mendeteksi gamepad hanya memerlukan beberapa baris kode dengan Gamepad API.</li>
<li><strong>Pilih satu kit.</strong> Mencampurkan dua gaya UI adalah cara tercepat untuk membuat game terlihat belum selesai. Inti dari sebuah kit adalah bahwa semua komponennya digambar dengan satu gaya yang konsisten.</li>
</ul>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>CC0 (Kenney, monogram, m5x7):</strong> boleh digunakan untuk apa saja, tanpa kredit.</li>
<li><strong>CC BY (Complete UI Essential Pack, <a href="http://Game-icons.net">Game-icons.net</a>):</strong> boleh digunakan untuk apa saja, tetapi wajib mencantumkan kredit. Satu baris pada layar kredit sudah memenuhi syarat.</li>
<li><strong>OFL (Google Fonts):</strong> bebas disematkan dalam game komersial, sertakan berkas lisensi bersama font, dan jangan menjual font itu sendiri.</li>
<li><strong>Lisensi gratis Craftpix:</strong> boleh digunakan secara komersial, tanpa kredit, dilarang menjual kembali berkasnya, dan dilarang menggunakannya untuk pelatihan AI.</li>
</ul>
<p>Panduan <a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> kami membahas keempatnya secara lebih mendalam.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa kit UI game gratis terbaik?</h3>
<p>Kenney's UI Pack, karena berlisensi CC0, lengkap (430 elemen termasuk bingkai nine-slice), dan cukup netral untuk digunakan dalam sebagian besar game. Untuk gaya RPG, gunakan Complete UI Essential Pack di bawah CC BY 4.0. Untuk kit bertema berkualitas tinggi tanpa atribusi, gunakan bagian gratis Craftpix.</p>
<h3>Apakah Google Fonts gratis untuk game komersial?</h3>
<p>Ya. Setiap font di Google Fonts menggunakan SIL Open Font License, yang mengizinkan penyematan dalam produk komersial, termasuk game dan situs web. Simpan berkas lisensi bersama font dan jangan menjual font tersebut secara terpisah.</p>
<h3>Font piksel mana yang terbaik untuk game?</h3>
<p>monogram untuk keterbacaan pada berbagai ukuran dan dukungan bahasa yang luas, sedangkan m5x7 cocok ketika Anda perlu memuat lebih banyak teks dalam HUD kecil. Keduanya berlisensi CC0. Press Start 2P di Google Fonts adalah font judul arkade klasik.</p>
<h3>Apakah saya harus mencantumkan kredit untuk Kenney?</h3>
<p>Tidak. Aset Kenney berlisensi CC0, yang berarti atribusi tidak diwajibkan untuk penggunaan apa pun. Mencantumkan kredit adalah bentuk penghargaan yang baik dan Kenney menerima donasi, tetapi keduanya bukan persyaratan.</p>
<h3>Di mana saya bisa mendapatkan ikon tombol kontroler secara gratis?</h3>
<p>Paket Input Prompts dari Kenney berlisensi CC0 dan mencakup Xbox, PlayStation, Nintendo Switch, Steam Deck, gamepad generik, papan ketik, serta tetikus dalam beberapa gaya. Ini adalah pilihan standar.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-2d-sprites-tilesets">Sprite 2D, Seni Piksel, dan Tileset Gratis Terbaik</a> - karya seni yang berada di belakang UI</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a> - panduan lengkap berisi lebih dari 20 sumber</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> - CC0, CC BY, OFL, dan lisensi lainnya</li>
<li><a href="/id/tutorials/gamepad-api">Tutorial Gamepad API</a> - deteksi kontroler agar Anda menampilkan glif yang tepat</li>
<li><a href="/id/tools/flux">Generator Gambar Cinevva</a> - buat ikon dengan gaya Anda sendiri melalui akun gratis</li>
<li><a href="/game-assets/free-ui-sprites">Sprite UI gratis</a> dan <a href="/game-assets/free-game-icons">ikon game gratis</a> - jelajahi pustaka gratis</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Hubungkan Claude atau Cursor ke Cinevva (Server MCP)]]></title>
            <link>https://app.cinevva.com/id/guides/mcp-server</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/mcp-server</guid>
            <pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Siapkan server MCP Cinevva Game Creator di Claude, Claude Code, atau Cursor dan edit game aktif Anda dari asisten AI favorit Anda.]]></description>
            <content:encoded><![CDATA[<script setup>
import CopyText from '../../.vitepress/components/CopyText.vue'
</script>
<h1>Hubungkan Claude atau Cursor ke Cinevva (Server MCP)</h1>
<p>Cinevva menyediakan server MCP terkelola yang memungkinkan Claude, Claude Code, Cursor, atau klien MCP apa pun membuat game Anda. AI yang sudah Anda gunakan menjadi otaknya: AI tersebut membaca dan mengedit file game Anda langsung di server kami, tanpa memerlukan tab browser. Buka juga game Anda di kreator Cinevva dan sesi akan aktif: AI kemudian dapat mengimpor aset dari pustaka CC0 kami, membuat rig dan menganimasikan model 3D, mengambil tangkapan layar, menyimulasikan input untuk menguji game yang sedang berjalan, serta memuat ulang pratinjau sementara setiap perubahan ditampilkan langsung di layar Anda.</p>
<h2>Yang Anda perlukan</h2>
<p>Akun Cinevva (akun gratis dapat digunakan, tetapi pembuatan rig 3D memakai kredit dari saldo Anda) dan klien MCP yang mendukung server jarak jauh dengan OAuth. URL servernya adalah:</p>
<pre><code>https://api.cinevva.com/create/mcp
</code></pre>
<p>Server ini menggunakan Streamable HTTP dan melakukan autentikasi dengan OAuth 2.0. Saat Anda terhubung, klien akan membuka halaman masuk Cinevva di browser. Berikan persetujuan sekali, lalu klien akan tetap terhubung.</p>
<h2>Edit dari mana saja. Aktifkan sesi langsung untuk melihat dan menguji.</h2>
<p>Untuk mengedit file, Anda hanya memerlukan koneksi. Alat file membaca dan menulis salinan utama game Anda di server kami, sehingga asisten Anda dapat memperbaiki bug atau menambahkan fitur meskipun tidak ada tab Cinevva yang terbuka. Sebutkan game yang Anda inginkan (atau biarkan AI memilih dari game Anda), lalu berikan perintah.</p>
<p>Mengaktifkan sesi langsung adalah peningkatan kemampuan, bukan persyaratan. Buka game di <a href="https://cinevva.com/create">cinevva.com/create</a>, tunggu hingga pratinjau dimuat, lalu klik <strong>Agen eksternal</strong> di bilah alat kreator (ikon colokan, juga tersedia di menu &quot;lainnya&quot; pada layar kecil). Panel akan beralih menjadi &quot;Agen aktif&quot; setelah terhubung. Sesi langsung memberikan mata dan tangan kepada AI di dalam game yang sedang berjalan: tangkapan layar, log konsol, input simulasi, impor aset, dan pembuatan rig 3D. Sesi ini juga menampilkan setiap edit di layar Anda begitu perubahan diterapkan, baik edit tersebut dilakukan melalui tab ini maupun tanpa antarmuka. Tautan langsung akan tetap aktif untuk kunjungan berikutnya sampai Anda mengeklik &quot;Hentikan sesi langsung&quot;.</p>
<p>Alat <code>list_live_sessions</code> menampilkan sesi yang terhubung, dan jika tepat satu game sedang terbuka, game tersebut akan dipilih secara otomatis.</p>
<h2>Penyiapan di Claude (<a href="http://claude.ai">claude.ai</a> dan desktop)</h2>
<ol>
<li>Buka Pengaturan, lalu Konektor, dan pilih &quot;Tambahkan konektor khusus&quot;.</li>
<li>Beri nama Cinevva dan tempel <CopyText text="https://api.cinevva.com/create/mcp" /> sebagai URL. Pastikan tidak ada karakter tambahan; URL harus diakhiri dengan <code>/create/mcp</code>.</li>
<li>Klik Tambahkan, lalu Hubungkan. Masuk dengan akun Cinevva Anda saat halaman otorisasi terbuka (gunakan akun yang sama dengan akun yang digunakan di tab game Anda).</li>
<li>Minta Claude melakukan sesuatu seperti &quot;tampilkan file game Cinevva saya&quot; untuk mengonfirmasi koneksi. Untuk pengujian langsung, buka game Anda di <a href="http://cinevva.com/create">cinevva.com/create</a> pada tab lain, lalu klik Agen eksternal di bilah alat.</li>
</ol>
<h2>Penyiapan di Claude Code</h2>
<pre><code class="language-bash">claude mcp add --transport http cinevva https://api.cinevva.com/create/mcp
</code></pre>
<p>Claude Code akan memandu Anda melalui proses masuk OAuth saat pertama kali digunakan. Setelah itu, minta Claude Code membaca file game Anda atau membuat perubahan. Claude Code dapat digunakan langsung dari terminal tanpa membuka tab browser.</p>
<h2>Penyiapan di Cursor</h2>
<p>Tambahkan konfigurasi berikut ke <code>.cursor/mcp.json</code> (per proyek) atau <code>~/.cursor/mcp.json</code> (global):</p>
<pre><code class="language-json">{
  &quot;mcpServers&quot;: {
    &quot;cinevva&quot;: {
      &quot;url&quot;: &quot;https://api.cinevva.com/create/mcp&quot;
    }
  }
}
</code></pre>
<p>Cursor akan mendeteksi server, menjalankan alur OAuth di browser Anda, dan mencantumkan alat-alatnya di pengaturan MCP.</p>
<h2>Fungsi alat-alat tersebut</h2>
<table>
<thead>
<tr>
<th>Kelompok</th>
<th>Alat</th>
<th>Memerlukan sesi langsung?</th>
</tr>
</thead>
<tbody>
<tr>
<td>Membaca game</td>
<td><code>list_game_files</code>, <code>read_files</code>, <code>search_game_file</code></td>
<td>Tidak, membaca salinan di server dari game Anda mana pun</td>
</tr>
<tr>
<td>Mengedit game</td>
<td><code>edit_files</code>, <code>write_files</code>, <code>delete_files</code>, <code>rename_files</code></td>
<td>Tidak, edit diterapkan di sisi server dan ditampilkan langsung di tab yang terbuka</td>
</tr>
<tr>
<td>Pratinjau</td>
<td><code>game_ready</code></td>
<td>Memuat ulang pratinjau tab aktif, atau menyimpan tanpa antarmuka jika tidak ada tab aktif</td>
</tr>
<tr>
<td>Memantau game</td>
<td><code>read_console_logs</code>, <code>take_screenshot</code></td>
<td>Ya</td>
</tr>
<tr>
<td>Pengujian</td>
<td><code>execute_js</code>, <code>simulate_input</code>, <code>get_task_status</code></td>
<td>Ya</td>
</tr>
<tr>
<td>Aset</td>
<td><code>search_assets</code>, <code>list_asset_packs</code>, <code>import_asset</code>, <code>search_fonts</code></td>
<td>Ya. Sekitar 7.000 properti, audio, dan HDRI CC0</td>
</tr>
<tr>
<td>Pembuatan rig 3D</td>
<td><code>rig_model</code>, <code>apply_animation</code></td>
<td>Ya, memakai kredit</td>
</tr>
<tr>
<td>Dokumentasi</td>
<td><code>list_library_docs</code>, <code>search_library_docs</code>, <code>read_library_docs</code>, <code>list_animations</code></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p>Pembuatan rig memerlukan jumlah kredit yang sama seperti di Game Creator dalam aplikasi. Semua fitur lainnya gratis. Kreator dalam aplikasi juga dapat menghasilkan gambar, musik, efek suara, dan skybox dengan AI; alat-alat tersebut tersedia di aplikasi Cinevva dan bukan bagian dari konektor MCP.</p>
<h2>Pemecahan masalah</h2>
<p>&quot;Tidak ada server MCP yang ditemukan di URL yang diberikan&quot; saat penyiapan biasanya berarti URL salah ketik atau memiliki karakter tambahan di bagian akhir. URL harus sama persis dengan <CopyText text="https://api.cinevva.com/create/mcp" />.</p>
<p>&quot;Tidak ada sesi langsung&quot; hanya muncul dari alat runtime (tangkapan layar, konsol, input, aset, dan pembuatan rig). Ini berarti tidak ada tab browser yang membuka game tersebut dengan tautan langsung aktif. Buka game Anda, klik Agen eksternal di bilah alat, lalu coba lagi. Alat file tidak pernah memerlukan sesi ini: tanpa sesi, alat tersebut dapat digunakan pada game Anda mana pun berdasarkan gameId, dan akan menampilkan daftar game Anda jika Anda tidak memberikan gameId.</p>
<p>Jika alat terhenti pada koneksi baru, muat ulang tab game agar tersambung kembali, lalu panggil <code>list_live_sessions</code>.</p>
<p>Pertanyaan atau masalah: <a href="mailto:support@cinevva.com">support@cinevva.com</a>.</p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Game Stan Pameran Dagang yang Benar-Benar Mengumpulkan Prospek (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/trade-show-booth-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/trade-show-booth-games</guid>
            <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Jenis game yang efektif untuk stan pameran dagang, alasan roda hadiah dan arena putting menarik kerumunan tetapi bukan prospek, serta cara game ponsel dengan papan peringkat langsung mengubah lalu lintas lorong menjadi daftar prospek yang dapat diekspor.]]></description>
            <content:encoded><![CDATA[<h1>Game Stan Pameran Dagang yang Benar-Benar Mengumpulkan Prospek</h1>
<p>Anda memiliki stan berukuran 10x10 atau 20x20, pemindai tanda pengenal, dan waktu tiga hari untuk membuktikan bahwa biaya stan tersebut sepadan. Di tengah perencanaan, gagasan tentang game muncul karena semua orang tahu bahwa game dapat menarik pengunjung. Pertanyaan yang jarang dijawab dengan baik adalah game mana yang menarik orang-orang yang layak diajak bicara, dan mana yang hanya menciptakan antrean orang asing tanpa tanda pengenal sambil membawa barang gratis.</p>
<p>Saya mencari nafkah dengan membuat game stan khusus, jadi saya telah melihat kedua hasil tersebut. Inilah yang membedakannya.</p>
<h2>Dua jenis game stan</h2>
<p>Hampir setiap game stan masuk ke dalam salah satu dari dua kategori, dan keduanya bekerja dengan cara yang sangat berbeda.</p>
<p><strong>Game penarik perhatian</strong> menghentikan orang di lorong. Roda hadiah, arena putting, mesin capit, menara Jenga raksasa. Semuanya efektif: gerakan dan suara dapat memecah ritme langkah seseorang. Namun, game tersebut tidak memberi tahu Anda apa pun tentang siapa yang berhenti. Seseorang memutar roda, mengambil kaus kaki bermerek, lalu pergi. Anda mendapatkan seorang pengunjung, bukan prospek, dan Anda sudah membayar untuk sebuah roda.</p>
<p><strong>Game penyaring prospek</strong> membuat seseorang melakukan sesuatu yang mengungkapkan minat, lalu meminta detail kontak tepat ketika mereka menginginkan sesuatu dari Anda. Game seperti ini lebih jarang, lebih sulit dijalankan dengan baik, dan merupakan satu-satunya jenis yang akhirnya masuk ke CRM Anda.</p>
<p>Kesalahannya bukan memilih game penarik perhatian. Kesalahannya adalah memilih game semacam itu lalu mengharapkan jumlah prospek darinya.</p>
<h2>Mengapa game klasik kurang efektif menghasilkan prospek</h2>
<p><strong>Roda hadiah</strong> menghasilkan konversi karena hadiahnya, bukan karena Anda. Orang yang memutar roda berusaha mengoptimalkan peluang mendapatkan hadiah, yang berarti pemain paling antusias justru adalah orang-orang yang paling tidak tertarik pada produk Anda. Lebih buruk lagi, interaksinya hanya berlangsung empat detik—tidak cukup lama bagi staf stan Anda untuk memulai percakapan.</p>
<p><strong>Arena putting dan ring basket</strong> sangat efektif menambah waktu kunjungan, dan waktu kunjungan memang benar-benar bernilai. Namun, keduanya memakan banyak ruang untuk setiap pemain yang bermain secara bersamaan, memerlukan staf untuk mengatur ulang perlengkapan, dan seorang pegolf yang percaya diri dapat menguasai arena selama sepuluh menit sementara antrean orang yang sebenarnya ingin bertanya tentang produk Anda malah pergi.</p>
<p><strong>Bilik foto dan kamera 360 derajat</strong> menghasilkan sesuatu yang ingin disimpan pengunjung, dan naluri dasarnya memang tepat. Masalahnya, alat tersebut meminta email sebagai imbalan atas sebuah foto, sehingga minat yang Anda ukur hanyalah “ingin mendapatkan foto.” Cukup baik untuk meningkatkan kesadaran merek di pameran konsumen. Kurang berarti di acara B2B.</p>
<p><strong>Kuis tablet dan aplikasi putar-untuk-menang</strong> biasanya memiliki format yang tepat, tetapi dikemas dengan cara yang salah. Templat generik mengajukan trivia yang tidak berkaitan dengan produk Anda, sehingga pengunjung tidak mempelajari apa pun tentang Anda dan Anda pun tidak mengetahui apa pun tentang mereka. Seluruh pengalaman terasa seperti gerbang wajib untuk mengambil data prospek, bukan alasan menarik untuk berhenti.</p>
<h2>Apa yang harus dilakukan oleh sebuah game stan</h2>
<p>Jika disederhanakan, sebuah game stan memiliki empat tugas, dalam urutan berikut.</p>
<p><strong>Menghentikan seseorang di lorong.</strong> Tampilkan sesuatu pada layar setinggi mata yang bergerak dan terlihat dari jarak enam meter. Papan peringkat sangat efektif untuk tujuan ini karena papan skor berisi nama menunjukkan bahwa orang lain sudah bermain, dan bukti sosial itulah yang menarik pengunjung untuk Anda.</p>
<p><strong>Selesai dalam waktu sekitar enam puluh detik.</strong> Inilah angka yang paling penting sekaligus yang paling sering keliru dalam templat. Kurang dari tiga puluh detik tidak memberi cukup waktu untuk merasakan pencapaian. Lebih dari sembilan puluh detik membuat staf stan Anda tidak dapat memulai percakapan tanpa menyela permainan; antrean pun terbentuk dan orang-orang pergi.</p>
<p><strong>Minta email setelah permainan berakhir, jangan pernah sebelumnya.</strong> Gerbang sebelum bermain akan menghilangkan sebagian besar pemain karena Anda meminta orang asing membayar sebelum mereka tahu apakah game tersebut menyenangkan. Mintalah setelahnya, ketika mereka sudah menginvestasikan enam puluh detik dan ingin namanya tercantum di papan peringkat, sehingga memberikan email tidak terasa merugikan mereka. Perubahan urutan ini adalah pembeda terbesar antara game yang memenuhi daftar prospek dan game yang gagal melakukannya.</p>
<p><strong>Ajarkan sesuatu tentang produk yang Anda jual.</strong> Jika game hanya berupa templat yang diganti tampilannya, pengunjung akan mengingat gamenya. Jika mekanismenya menjadikan proposisi nilai produk Anda dapat dimainkan, mereka akan mengingat apa yang Anda lakukan. Perusahaan infrastruktur cloud dapat menjadikan proses perutean lalu lintas saat beban tinggi sebagai sebuah game. Perusahaan dokumen dapat membuat game tentang menyortir hal-hal yang tampaknya mustahil disortir. Versi seperti inilah yang akan diceritakan pengunjung kepada koleganya setelah acara.</p>
<h2>Struktur hadiah yang benar-benar mendorong permainan berulang</h2>
<p>Sebagian besar stan memilih satu mekanisme hadiah lalu tanpa sadar merusaknya. Pilihannya biasanya “skor tertinggi menang,” yang berarti semua orang di luar sepuluh besar tidak punya alasan untuk memberikan email, atau “semua peserta masuk undian,” yang berarti tidak ada alasan bagi siapa pun untuk berusaha keras atau kembali bermain.</p>
<p>Gunakan keduanya, lalu nyatakan dengan jelas di layar:</p>
<p><strong>Hadiah terjamin untuk tiga besar pada waktu tetap setiap hari.</strong> Tenggat waktu menciptakan urgensi dan posisi podium memicu persaingan. Atur ulang papan peringkat setiap hari pameran agar hari kedua dan ketiga menjadi kompetisi baru, bukan hasil yang sudah dapat dipastikan. Ini juga memberi staf Anda alasan alami untuk mengundang pemain kemarin agar kembali.</p>
<p><strong>Satu tiket undian untuk setiap permainan yang diselesaikan, berapa pun skornya.</strong> Inilah yang membuat pemain di peringkat ke-200 tetap bernilai. Permainan mereka tidak menjanjikan dan mereka menyadarinya, tetapi satu tiket tetap layak ditukar dengan alamat email. Karena setiap permainan tambahan menghasilkan tiket tambahan, mekanisme inilah yang mendorong permainan berulang dan memperpanjang waktu kunjungan.</p>
<p>Keterampilan memberi hadiah kepada segelintir orang. Undian memberi hadiah kepada semua orang. Keduanya berjalan dari pemindaian yang sama.</p>
<h2>Ponsel jauh mengungguli kios</h2>
<p>Naluri pertama biasanya membeli atau menyewa tablet. Namun, pertimbangkan apa yang sudah tersedia melalui ponsel di saku mereka.</p>
<p>Semua orang membawa perangkat sendiri, jadi tidak ada antrean perangkat keras dan tidak ada batas jumlah pemain secara bersamaan. Anda tidak perlu membersihkan atau mengisi daya apa pun, tidak ada barang yang perlu dikirim atau diasuransikan, dan tidak ada yang bisa dicuri pada hari kedua. Kode QR tidak memerlukan biaya untuk diperbanyak, sehingga dapat ditempatkan di meja, banner, sisipan tali tanda pengenal, dan email sebelum acara. Seseorang bahkan dapat mulai bermain sebelum tiba di stan Anda.</p>
<p>Komprominya memang nyata dan perlu dijelaskan: Anda tidak mengendalikan perangkat pemain, jadi game harus dapat berjalan pada Android berusia lima tahun di dalam aula dengan wifi yang penuh sesak. Artinya, Anda memerlukan game browser dengan ukuran unduhan kecil, tanpa instalasi aplikasi, dan tanpa pendaftaran. Jika vendor game stan mengatakan bahwa pengunjung harus menginstal sesuatu, sebagian besar lalu lintas Anda akan hilang di antara tahap “tertarik” dan “mulai bermain.”</p>
<h2>Membuat layar papan peringkat bekerja secara maksimal</h2>
<p>Layar yang menghadap lorong bekerja lebih keras daripada gamenya sendiri. Sebagian besar orang yang melihatnya tidak akan pernah bermain, jadi layar tersebut harus mampu mempromosikan stan tanpa bantuan apa pun.</p>
<p>Tampilkan papan peringkat langsung dengan ukuran yang cukup besar agar dapat dibaca dari lorong. Tandai tiga besar dengan jelas sebagai posisi pemenang hadiah, lalu redupkan tujuh posisi lainnya di belakang mereka. Tambahkan kode QR untuk memindai dan bermain dalam ukuran yang dapat dipotret dari jarak dua meter. Nyatakan setiap struktur hadiah dalam satu baris. Sisakan juga ruang untuk video atau cerita produk Anda yang diputar berulang, karena layar tersebut tetap memiliki audiens, baik ada yang sedang bermain maupun tidak.</p>
<p>Satu detail yang tidak memerlukan biaya tetapi mengubah suasana: biarkan game bermain sendiri ketika tidak ada pemain, seperti mesin arkade. Poster statis terlihat seperti papan informasi. Game yang tampak sedang berjalan terasa seperti sesuatu sedang terjadi, dan sesuatu yang sedang terjadilah yang membuat orang di lorong menoleh.</p>
<h2>Pertanyaan untuk vendor game stan</h2>
<p>Jika Anda membeli alih-alih membuat sendiri, berikut pertanyaan yang benar-benar membedakan satu vendor dari vendor lainnya:</p>
<p>Apakah game tersebut mengajarkan apa yang kami jual, atau hanya templat dengan logo kami? Dapatkah saya memainkan versi persis yang akan Anda buat sebelum membayar? Ke mana data prospek dikirim, dan dapatkah saya mengekspornya sebagai CSV yang bisa diterima CRM kami tanpa perantara? Siapa yang memiliki game tersebut setelahnya? Apakah perlu menginstal aplikasi atau mendaftar sebelum bermain? Apa yang terjadi jika wifi konferensi buruk? Dapatkah Anda menyesuaikannya dengan perangkat merek kami dan melibatkan tim pemasaran kami dalam proses peninjauan, alih-alih sekadar memperkirakan warna merek kami?</p>
<p>Pertanyaan mengenai apakah Anda bisa memainkannya sebelum membayar adalah yang paling tajam. Agensi biasanya menjawabnya dengan presentasi slide. Ini merupakan indikator yang cukup masuk akal untuk mengetahui apakah mereka benar-benar mampu membuatnya.</p>
<h2>Realitas anggaran</h2>
<p>Sebagai gambaran tentang biaya yang semestinya, game stan HTML5 khusus dari agensi tradisional biasanya dimulai dari kisaran puluhan ribu dolar dan terus naik, terutama karena pekerjaannya dihitung seperti proyek perangkat lunak khusus. Paket sewa roda hadiah, bilik foto, dan game tablet umumnya berharga dua hingga lima ribu dolar per pameran, lalu Anda harus mengembalikan perangkat keras tersebut tanpa memiliki apa pun.</p>
<p>Game browser khusus yang dibuat dengan alat berbantuan AI bisa jauh lebih murah daripada harga agensi, dan Anda tetap memilikinya—hal yang penting jika Anda mengikuti tiga pameran per tahun. Perhitungannya hanya masuk akal jika vendor tidak menagih jam kerja perangkat lunak khusus untuk sesuatu yang menggunakan kembali kerangka yang sudah terbukti. Jadi, tanyakan bagian mana dari pembuatan yang benar-benar baru untuk Anda dan bagian mana yang digunakan kembali.</p>
<h2>Versi singkatnya</h2>
<p>Game stan layak digunakan jika berdurasi enam puluh detik, dimainkan di ponsel milik pengunjung sendiri, meminta email setelah permainan alih-alih sebelumnya, menampilkan papan peringkat langsung yang terlihat dari lorong, menjamin hadiah bagi tiga besar yang ditampilkan dengan jelas sambil memberi tiket undian kepada semua pemain lainnya, serta dibangun berdasarkan produk yang benar-benar Anda jual, bukan templat sewaan.</p>
<p>Jika semua hal tersebut dilakukan dengan tepat, game tidak lagi sekadar menjadi dekorasi stan, melainkan alasan mengapa ekspor data prospek Anda layak dibaca pada hari Senin.</p>
<h2>Mainkan tiga konsep ini sebelum Anda berkomitmen</h2>
<p>Kami membuat game stan khusus, dan Anda dapat langsung memainkan konsepnya di ponsel sebagaimana pengunjung Anda akan memainkannya: sprint stan pameran dagang dengan papan peringkat langsung, game keynote yang dikendalikan bersama oleh seluruh ruangan, dan produk yang diubah menjadi gamenya sendiri. Sebagian besar proyek berharga antara $500 dan $2,000, Anda mendapatkan penawaran harga tetap dalam satu hari, dan tidak ada biaya yang dikenakan sampai Anda menyetujuinya.</p>
<p><strong><a href="/id/studio">Mainkan konsepnya dan dapatkan penawaran →</a></strong></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Dari Cinevva ke Cocos: Serah Terima Mini-Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/cinevva-to-cocos-workflow</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/cinevva-to-cocos-workflow</guid>
            <pubDate>Sun, 19 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara membuat prototipe mini-game di Cinevva, memvalidasinya dengan pemain sungguhan, dan menyerahkan game pemenang ke Cocos untuk produksi. Apa yang dapat digunakan kembali, apa yang harus dibangun ulang, dan alur kerja langkah demi langkah yang apa adanya.]]></description>
            <content:encoded><![CDATA[<h1>Dari Cinevva ke Cocos: Serah Terima Mini-Game (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/cinevva-to-cocos-workflow-hero.jpg?v=1" alt="Dari Cinevva ke Cocos: alur kerja serah terima mini-game pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Cinevva dan Cocos bukanlah pesaing. Keduanya merupakan dua tahap dalam pipeline yang sama. Cinevva adalah tempat Anda mencari tahu ide mana yang layak dibangun. Cocos adalah tempat Anda membangun versi final yang telah dioptimalkan dari ide yang terbukti layak. Panduan ini membahas serah terima di antara keduanya: apa yang benar-benar dapat digunakan kembali, apa yang harus dibangun ulang, dan cara menjalankan alur kerja ini tanpa menipu diri sendiri tentang kemampuan masing-masing.</p>
<p>Mari kita berterus terang tentang satu hal yang diharapkan banyak orang tetapi tidak akan mereka dapatkan: tidak ada tombol sekali klik untuk &quot;mengekspor ke proyek Cocos&quot;. Cinevva tidak menghasilkan scene Cocos. Serah terima ini merupakan proses membangun ulang secara terencana berdasarkan desain yang telah Anda buktikan, sambil menggunakan kembali aset yang telah dibuat. Hal itu terdengar seperti kekurangan sampai Anda melihat apa saja yang dapat dihemat. Untuk perbandingan langsung mengenai kapan sebaiknya memakai masing-masing alat, lihat <a href="/id/guides/cinevva-vs-cocos">Cinevva vs Cocos</a>.</p>
<h2>Mengapa perlu melakukan serah terima</h2>
<p>Bagian-bagian mahal dari mini-game Tiongkok—hak cipta perangkat lunak, pendaftaran ICP, peninjauan platform, dan untuk game yang dimonetisasi, hubungan dengan penerbit—layak dibiayai untuk game yang sudah Anda ketahui menyenangkan. Masalahnya, Anda belum mengetahui hal itu sejak awal. Sebagian besar ide game tidak menyenangkan, dan Anda mengetahuinya dengan memainkan, bukan merencanakannya.</p>
<p>Karena itu, pipeline ini dibuat untuk memindahkan pertanyaan &quot;apakah ini menyenangkan?&quot; sedini dan semurah mungkin. Buat prototipe di Cinevva dalam hitungan menit, tampilkan kepada pemain sungguhan, lalu baca data retensinya. Hentikan prototipe yang tidak berhasil. Hanya prototipe yang bertahan yang mendapatkan pengembangan Cocos dan biaya regulasi. Anda tidak mengerjakan hal yang sama dua kali; Anda menghindari pembangunan game yang salah menggunakan alat yang mahal.</p>
<h2>Apa yang dapat digunakan kembali (dan apa yang tidak)</h2>
<p>Pastikan hal ini dipahami dengan tepat, karena pada bagian inilah tim sering menaksir terlalu tinggi atau terlalu rendah upaya serah terima.</p>
<p><strong>Desain yang telah divalidasi dapat digunakan kembali, dan itulah bagian yang paling berharga.</strong> Anda tidak mulai menggunakan Cocos hanya dengan bermodalkan dugaan. Anda memiliki game yang benar-benar telah dimainkan orang, angka retensi, dan spesifikasi konkret: core loop, kurva kesulitan, durasi sesi, serta hal yang membuat penguji membukanya kembali. Bagian tersulit dari desain game itu sudah selesai dan risikonya telah dikurangi.</p>
<p><strong>Aset yang dibuat dapat digunakan kembali.</strong> Model 3D, audio, dan karya visual yang Anda buat di Cinevva menggunakan format web standar, bukan dikunci dalam blob proprieter. Model diekspor sebagai glTF/GLB (<a href="/id/tools/animate">alat rigging dan animasi</a> mengunduh GLB dengan animasi yang sudah disematkan), sedangkan audio tersedia sebagai berkas standar. Semuanya dapat diimpor ke Cocos seperti aset lainnya. Anda dapat membuat ulang atau memolesnya sesuai kebutuhan, tetapi tidak perlu memesan karya visual dari nol.</p>
<p><strong>Kode tidak dapat digunakan kembali.</strong> Cinevva membangun runtime berbasis web; Cocos adalah engine tersendiri dengan model komponen dan API TypeScript-nya sendiri. Logika game harus dibangun ulang. Inilah biaya sesungguhnya dari serah terima tersebut, dan biayanya lebih kecil daripada yang terdengar karena Anda menerapkan ulang desain yang sudah dipahami sepenuhnya berdasarkan spesifikasi yang sudah terbukti bekerja, alih-alih mencari-cari desain sambil menulis kode.</p>
<h2>Alur kerja langkah demi langkah</h2>
<ol>
<li>
<p><strong>Buat prototipe di Cinevva dengan mode mini-game aktif.</strong> Jelaskan game dalam satu kalimat dan lakukan iterasi sampai dapat dimainkan. <a href="/id/news/2026-07-19-wechat-mini-game-mode">Mode mini-game WeChat</a> menjaga proyek tetap berada dalam subset portabel (UI canvas, mengutamakan sentuhan, dan aset berukuran kecil), sehingga desain yang Anda validasi sudah berbentuk seperti mini-game, bukan game desktop yang harus dirombak nantinya.</p>
</li>
<li>
<p><strong>Uji dengan pemain sungguhan dan baca data retensinya.</strong> Bagikan tautan browser, idealnya kepada audiens yang Anda targetkan. Metrik yang penting adalah apakah orang kembali bermain, bukan apakah mereka mengatakan menyukainya. Buat beberapa prototipe dan biarkan data menentukan mana yang bertahan.</p>
</li>
<li>
<p><strong>Tulis spesifikasi berdasarkan prototipe.</strong> Sebelum mulai menggunakan Cocos, catat apa yang berhasil: loop, angka, dan nuansa permainannya. Prototipe adalah dokumen desain Anda; jangan sampai pengetahuan tersebut hilang saat diterjemahkan ke implementasi baru.</p>
</li>
<li>
<p><strong>Kumpulkan aset.</strong> Ekspor model 3D serta ambil audio dan karya visual yang akan dipertahankan. Masukkan semuanya ke pipeline aset Anda dalam format yang diharapkan Cocos.</p>
</li>
<li>
<p><strong>Bangun ulang di Cocos untuk memenuhi batas 4 MB.</strong> Pada tahap ini, keunggulan engine mulai berperan: runtime engine sudah tertanam dalam klien WeChat sehingga tidak dihitung sebagai bagian dari ukuran paket Anda, sedangkan sub-paket AssetBundle membantu memuat sisanya. Lihat <a href="/id/guides/wechat-mini-game-engines">panduan engine mini-game WeChat</a> untuk detail pengemasan.</p>
</li>
<li>
<p><strong>Urus dokumen secara paralel.</strong> Hak cipta perangkat lunak dan pendaftaran ICP memerlukan waktu berminggu-minggu; mulai prosesnya selagi Anda membangun agar keduanya tidak menghambat peluncuran.</p>
</li>
</ol>
<h2>Kapan Anda tidak perlu melakukan serah terima</h2>
<p>Terkadang langkah yang tepat adalah tidak menggunakan Cocos sama sekali. Jika prototipe Anda kecil, ringan, dan sudah berjalan dengan baik, serta akan dirilis sebagai game gratis dengan iklan alih-alih judul IAP yang sangat dioptimalkan, proses membangun ulang mungkin tidak sepadan. Setelah tersedia, game sederhana yang sudah memenuhi batasan dapat dirilis melalui jalur ekspor Cinevva sendiri tanpa melibatkan engine kedua. Serah terima ditujukan bagi game pemenang yang memerlukan tahap akhir pengoptimalan atau polesan produksi mendalam yang menjadi keunggulan Cocos, bukan untuk setiap prototipe.</p>
<h2>Realitas regulasi (tetap sama dengan cara apa pun)</h2>
<p>Serah terima tidak mengubah aturannya. Mini-game gratis yang didukung iklan memerlukan hak cipta perangkat lunak per judul (软著) atau sertifikasi hak cipta elektronik, ditambah pendaftaran ICP. Semuanya dapat diurus oleh individu yang memiliki ID Tiongkok daratan. Setiap pembelian dalam aplikasi memerlukan banhao, yang hanya dapat dimiliki oleh perusahaan Tiongkok, sehingga studio asing membutuhkan penerbit lokal berlisensi. Baik game tersebut dibuat di Cinevva, Cocos, maupun keduanya, dokumen yang diperlukan tetap sama. Detailnya tersedia dalam <a href="/id/guides/publish-wechat-douyin-mini-games">panduan penerbitan di Mini-Game WeChat dan Douyin</a>.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bisakah Cinevva mengekspor proyek Cocos?</h3>
<p>Tidak. Tidak ada ekspor sekali klik ke scene Cocos. Cinevva memvalidasi desain dan menghasilkan aset yang dapat digunakan kembali dalam format standar; game-nya sendiri dibangun ulang di Cocos. Nilainya terletak pada proses membangun ulang game yang sudah terbukti menyenangkan, bukan pada melewatkan tahap pembangunan.</p>
<h3>Apa saja yang benar-benar dapat dipindahkan dari Cinevva ke Cocos?</h3>
<p>Tiga hal: desain yang telah divalidasi (loop, tingkat kesulitan, durasi sesi, dan data retensi), aset yang dibuat (model 3D sebagai glTF/GLB, audio, serta karya visual dalam format standar), dan pemahaman Anda tentang alasan game tersebut berhasil. Kodenya tidak dapat dipindahkan; kode harus diterapkan ulang menggunakan API Cocos.</p>
<h3>Bukankah membangun ulang game itu pemborosan?</h3>
<p>Biayanya lebih murah daripada alternatifnya, yaitu membangun game yang salah menggunakan alat yang mahal. Sebagian besar prototipe gagal. Membangun ulang hanya game pemenang yang sudah terbukti, berdasarkan spesifikasi yang telah bekerja, jauh lebih hemat daripada memproduksi penuh setiap ide hanya untuk mencari tahu mana yang sebenarnya layak.</p>
<h3>Apakah saya harus menggunakan Cocos setelah Cinevva?</h3>
<p>Tidak. Jika prototipe sederhana dan sudah memenuhi batasan platform, Anda dapat merilisnya melalui jalur Cinevva sendiri tanpa Cocos. Serah terima ditujukan bagi game yang memerlukan pengoptimalan berat atau polesan produksi mendalam.</p>
<h3>Bisakah saya menggunakan kembali model 3D dan audio yang telah dibuat?</h3>
<p>Ya. Model yang dibuat dapat diekspor sebagai glTF/GLB, sedangkan audio diekspor sebagai berkas standar; keduanya dapat diimpor ke Cocos. Anda mungkin perlu memoles atau membuatnya ulang agar memenuhi batas 4 MB, tetapi tidak perlu memulai pembuatan karya visual dari nol.</p>
<p><BuildCta
  title="Mulailah dengan prototipe, bukan engine"
  desc="Validasi ide di Cinevva terlebih dahulu. Serahkan game pemenang ke Cocos hanya setelah terbukti layak."
  prompt="Buat game arkade satu ketukan yang sulit untuk berhenti dimainkan" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/cinevva-vs-cocos">Cinevva vs Cocos untuk Mini-Game</a> — pembagian tahap pembuatan prototipe dan produksi secara mendetail</li>
<li><a href="/id/guides/cocos-alternatives">Alternatif Cocos untuk Mini-Game</a> — seluruh pilihan engine</li>
<li><a href="/id/guides/wechat-mini-game-engines">Engine Game untuk Mini-Game WeChat</a> — batas 4 MB dan pengemasan</li>
<li><a href="/id/guides/publish-wechat-douyin-mini-games">Cara Menerbitkan di Mini-Game WeChat &amp; Douyin</a> — lisensi, peninjauan, dan bagi hasil</li>
<li><a href="/id/news/2026-07-19-wechat-mini-game-mode">Mode mini-game WeChat</a> — membangun dalam subset portabel</li>
<li><a href="/id/engine">Cinevva Engine</a> — engine sumber terbuka kami yang mengutamakan web</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cinevva vs Cocos untuk Mini Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/cinevva-vs-cocos</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/cinevva-vs-cocos</guid>
            <pubDate>Sun, 19 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cinevva vs Cocos Creator untuk membuat mini game pada 2026. Keunggulan Cocos dalam produksi dan plugin WeChat 4 MB, keunggulan alat AI prompt-to-game dalam kecepatan pembuatan prototipe, serta alasan mengapa jawaban paling jujur adalah menggunakan keduanya.]]></description>
            <content:encoded><![CDATA[<h1>Cinevva vs Cocos untuk Mini Game (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/cinevva-vs-cocos-hero.jpg?v=1" alt="Cinevva vs Cocos untuk mini game pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Jika Anda membuat mini game untuk WeChat dan Douyin, Cocos Creator adalah pilihan standar, dan itu bukan tanpa alasan. Jadi, pertanyaannya bukan benar-benar &quot;mana yang menang.&quot; Pertanyaannya adalah &quot;mana yang harus saya gunakan, dan kapan.&quot; Kami membuat alat AI prompt-to-game, jadi jelas kami memiliki bias, dan kami akan berterus terang tentang bagian mana yang lebih cocok ditangani Cocos serta bagian mana yang sama sekali tidak ingin kami saingi.</p>
<p>Versi singkatnya: Cocos menguasai tahap produksi. Kami menguasai tahap sebelum produksi, yaitu mengubah ide menjadi game yang dapat dimainkan dengan cukup cepat sehingga Anda tidak keberatan membuang sebagian besarnya. Keduanya merupakan pekerjaan yang berbeda, dan langkah cerdas biasanya adalah menggunakan keduanya.</p>
<p>Jika Anda masih memilih engine mini game secara umum, mulailah dengan <a href="/id/guides/wechat-mini-game-engines">panduan engine mini game WeChat kami</a>, yang membahas Cocos, LayaAir, Egret, SDK transformasi Unity, dan Tuanjie secara mendalam.</p>
<h2>Kesimpulan Singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th>Cinevva</th>
<th>Cocos Creator</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Kegunaannya</strong></td>
<td>Pembuatan prototipe: ide → game 3D yang dapat dimainkan dalam hitungan menit</td>
<td>Produksi: merilis mini game final yang telah dioptimalkan</td>
</tr>
<tr>
<td><strong>Cara membuatnya</strong></td>
<td>Jelaskan dengan bahasa sehari-hari (Inggris atau Mandarin)</td>
<td>Editor lengkap, TypeScript, serta alur kerja aset visual dan adegan</td>
</tr>
<tr>
<td><strong>Solusi untuk batas 4 MB WeChat</strong></td>
<td>Mode subset portabel; eksportir sedang dikembangkan</td>
<td>Terbaik di kelasnya: engine tertanam dalam klien WeChat, subpaket AssetBundle</td>
</tr>
<tr>
<td><strong>Kematangan</strong></td>
<td>Baru, mengutamakan AI, berkembang pesat</td>
<td>Teruji di lapangan, sebagian besar mini game WeChat berjalan di atasnya</td>
</tr>
<tr>
<td><strong>Kecocokan untuk tim</strong></td>
<td>Developer solo, desainer, validasi ide dengan cepat</td>
<td>Studio dan engineer yang membuat game untuk dirilis</td>
</tr>
<tr>
<td><strong>Biaya</strong></td>
<td>Gratis untuk membuat game di browser</td>
<td>Gratis, sumber terbuka</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Menemukan game yang layak dibuat</td>
<td>Membuat game yang sudah Anda yakini</td>
</tr>
</tbody>
</table>
<p>Satu kalimat yang paling penting: <strong>Cocos adalah tempat Anda membuat game yang sudah diputuskan untuk dibuat. Cinevva adalah tempat Anda mencari tahu game mana yang seharusnya dibuat.</strong></p>
<h2>Bagian yang Dimenangkan Cocos (dan Kami Tidak Membantahnya)</h2>
<p>Cocos Creator adalah pilihan standar yang aman dan tepat untuk merilis mini game WeChat, dan tidak ada satu pun di sini yang dimaksudkan untuk membujuk Anda agar tidak menggunakannya.</p>
<p>Keunggulan struktural terbesarnya berkaitan dengan batas ukuran paket 4 MB, satu-satunya masalah engineering tersulit di WeChat. Sejak klien WeChat 7.0.7, runtime engine Cocos tersedia sebagai plugin yang tertanam dalam aplikasi WeChat itu sendiri, sehingga tidak dihitung dalam batas 4 MB Anda. Paket Anda hanya berisi game, bukan game beserta engine. Tidak ada engine lain yang memiliki keunggulan ini, dan itulah alasan sebagian besar mini game dibuat dengan Cocos. Selain itu, sistem AssetBundle miliknya merupakan cara paling rapi untuk membagi aset ke dalam subpaket sesuai permintaan.</p>
<p>Di luar pengemasan, Cocos menguasai semua hal yang berkaitan dengan penyelesaian game: editor matang, framework UI sungguhan, sistem hot-update, alur kerja aset visual dan animasi, serta dokumentasi dan jawaban komunitas berbahasa Mandarin yang telah dihimpun selama bertahun-tahun. Jika Anda memiliki tim, desain yang diyakini, dan rencana untuk merilis game, inilah alatnya. Kami sendiri pun akan merekomendasikannya kepada Anda.</p>
<h2>Bagian yang Dimenangkan Alat Prompt AI</h2>
<p>Hal yang tidak dirancang untuk dilakukan Cocos adalah tahap paling awal, ketika Anda belum tahu apakah idenya benar-benar bagus.</p>
<p>Di Cinevva, Anda menjelaskan sebuah game dalam satu kalimat, dalam bahasa Inggris atau Mandarin, lalu mendapatkan game 3D yang dapat dimainkan di browser dalam hitungan menit. Sembilan model spesialis menangani 3D, animasi, adegan, musik, suara, efek, UI, logika, dan multipemain, sehingga Anda tidak perlu membuka editor kosong dan membangun berbagai sistem sebelum bisa menguji satu mekanik pun. Anda dapat memainkan ide tersebut hampir seketika.</p>
<p>Kecepatan itu mengubah keekonomian dalam mencari game sukses. Kesuksesan mini game semakin menyerupai konten: Anda tidak menemukan pemenang hanya dengan penalaran, tetapi dengan membuat banyak kandidat secara murah dan mempertahankan satu yang angka retensinya tidak berbohong. Ketika prototipe memerlukan hitungan menit, bukan hari, &quot;buat lima minggu ini dan pertahankan satu yang benar-benar seru&quot; menjadi alur kerja nyata, bukan sekadar khayalan. Itulah keunggulan pembukanya, dan ini benar-benar nyata, bukan sekadar mainan.</p>
<p>Ada pula sudut pandang khusus Tiongkok. <a href="/id/news/2026-07-19-wechat-mini-game-mode">Mode mini game WeChat</a> Cinevva membuat game di dalam subset portabel sejak prompt pertama: UI yang digambar di canvas, bukan HTML, kontrol yang mengutamakan sentuhan, audio mp3, tanpa kode yang dimuat secara dinamis, serta pemeriksaan awal WebGL2 untuk ponsel lama. Sandbox pratinjau mode ketat menandai segala hal yang akan merusak hasil porting dan mengirimkannya kembali ke AI untuk diperbaiki. Game tersebut sudah dapat berjalan di browser Anda saat ini dan tetap berada di dalam subset yang dapat bertahan saat di-porting ke WeChat, alih-alih mengadopsi pola yang nantinya harus Anda tulis ulang.</p>
<h2>Keterbatasan yang Sebenarnya</h2>
<p>Kami masih baru. Cocos telah digunakan untuk merilis ribuan mini game; kami masih berada di tahap awal, mengutamakan AI, dan berkembang dengan cepat, tetapi kami belum menyelesaikan kasus-kasus khusus selama satu dekade seperti Cocos. Eksportir kami yang menghasilkan proyek siap dibuka di WeChat DevTools masih dalam pengembangan, belum selesai, sehingga saat ini Cinevva merupakan tahap awal untuk pembuatan prototipe dan generasi, bukan tahap pengemasan akhir. Dan untuk game produksi yang sangat dioptimalkan dan padat aset, ketika setiap kilobita dari batas 4 MB sangat berarti, plugin bawaan dan sistem AssetBundle Cocos merupakan keunggulan yang belum dapat kami tandingi. Kami lebih suka Anda mengetahui hal itu sejak awal.</p>
<h2>Gunakan Keduanya: Alur Kerja yang Realistis</h2>
<p>Cara pandang yang benar-benar membantu Anda bukanlah &quot;pilih salah satu.&quot; Ini adalah sebuah alur kerja.</p>
<p>Gunakan Cinevva untuk 立项, tahap pemberian lampu hijau: ubah ide menjadi prototipe yang dapat dimainkan, sajikan kepada pemain sungguhan, lalu temukan prototipe dengan gameplay loop yang layak diinvestasikan. Setelah itu, tentukan apa yang pantas didapatkan oleh pemenang tersebut. Terkadang hasilnya sudah cukup baik untuk langsung dirilis. Terkadang game tersebut layak dibuat ulang di Cocos untuk tahap akhir optimalisasi dan penyempurnaan, atau untuk memulai percakapan dengan penerbit. Bagian-bagian mahal di Tiongkok, yaitu administrasi dan peninjauan platform, hanya perlu dikeluarkan untuk game yang sebelumnya telah membuktikan bahwa game tersebut seru di tempat yang lebih murah.</p>
<p>Itulah sebabnya ini bukan benar-benar Cinevva versus Cocos. Ini adalah Cinevva lalu Cocos, dan hanya untuk game yang layak mendapatkan tahap kedua.</p>
<h2>Realitas Regulasi (Sama untuk Keduanya)</h2>
<p>Engine apa pun yang Anda gunakan, persyaratan untuk menerbitkan game di Tiongkok tetap sama. Mini game gratis yang didukung iklan memerlukan hak cipta perangkat lunak per judul (软著) atau sertifikasi hak cipta elektronik, ditambah pendaftaran ICP, yang semuanya dapat dilakukan oleh individu dengan identitas Tiongkok daratan. Pembelian dalam aplikasi apa pun memerlukan banhao, yang hanya dapat dimiliki oleh perusahaan Tiongkok, sehingga studio asing membutuhkan penerbit lokal berlisensi. Semua itu tidak bergantung pada engine Anda. Kami membahasnya dalam <a href="/id/guides/publish-wechat-douyin-mini-games">panduan penerbitan WeChat dan Douyin</a>. Pilihan engine menentukan seberapa cepat Anda dapat membuat game; pilihan tersebut tidak mengubah urusan administrasi.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Cinevva merupakan pengganti Cocos?</h3>
<p>Tidak, dan kami tidak memasarkannya seperti itu. Cocos adalah engine produksi untuk merilis mini game final. Cinevva adalah alat pembuatan prototipe AI untuk menemukan game yang layak dirilis. Keduanya mencakup tahap yang berbeda, dan menggunakan keduanya—membuat prototipe dengan cepat, lalu mengembangkan pemenangnya dengan benar—biasanya lebih cerdas daripada memilih salah satu.</p>
<h3>Apakah Cinevva sudah dapat mengekspor ke mini game WeChat saat ini?</h3>
<p>Mode mini game WeChat Cinevva membuat game Anda di dalam subset portabel yang dapat di-porting dengan rapi, dan game tersebut sudah dapat berjalan di browser saat ini. Eksportir yang menghasilkan proyek WeChat DevTools siap kirim masih dalam pengembangan. Sebaliknya, Cocos saat ini sudah dapat mengekspor ke WeChat melalui alur kelas utama yang telah selesai.</p>
<h3>Mengapa Cocos lebih baik untuk batas 4 MB?</h3>
<p>Karena runtime engine Cocos tertanam dalam klien WeChat itu sendiri, sehingga tidak dihitung dalam paket awal 4 MB Anda, dan sistem AssetBundle miliknya membagi sisanya dengan rapi ke dalam subpaket sesuai permintaan. Ini merupakan keunggulan struktural yang tidak dimiliki engine lain, dan itulah alasan sebagian besar mini game WeChat dibuat dengan Cocos.</p>
<h3>Mana yang sebaiknya digunakan developer solo?</h3>
<p>Mulailah di Cinevva untuk menemukan ide yang benar-benar seru tanpa harus menghabiskan waktu berhari-hari di dalam editor terlebih dahulu. Jika sebuah prototipe terbukti berhasil dan membutuhkan optimalisasi berat agar memenuhi batas 4 MB, pindahkan prototipe tersebut ke Cocos. Untuk sebagian besar eksperimen awal, kecepatan prompt-to-game merupakan pengungkit yang lebih besar.</p>
<h3>Apakah engine mengubah dokumen yang saya perlukan di Tiongkok?</h3>
<p>Tidak. Hak cipta perangkat lunak, pendaftaran ICP, dan banhao untuk game berbayar adalah persyaratan platform dan regulasi yang sama, baik Anda membuat game dengan Cocos, Cinevva, maupun alat lainnya.</p>
<p><BuildCta
  title="Buat prototipe ide sebelum Anda mengembangkannya di Cocos"
  desc="Jelaskan sebuah mini game dan mainkan di browser Anda dalam hitungan menit. Pertahankan satu yang benar-benar seru."
  prompt="Buat game arkade satu ketukan yang sulit berhenti dimainkan" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/wechat-mini-game-engines">Engine Game untuk Mini Game WeChat</a> — perbandingan Cocos, LayaAir, Egret, Unity, dan Tuanjie dalam menghadapi batas 4 MB</li>
<li><a href="/id/guides/cocos-alternatives">Alternatif Cocos untuk Mini Game</a> — semua pilihan, dipilih berdasarkan alasan Anda mencari alternatif di luar Cocos</li>
<li><a href="/id/guides/cinevva-to-cocos-workflow">Dari Cinevva ke Cocos: Serah Terima Mini Game</a> — cara membuat prototipe di sini dan mengembangkan pemenangnya di Cocos</li>
<li><a href="/id/guides/china-mini-game-platforms">Perbandingan Platform Mini Game &amp; HTML5 Tiongkok</a> — WeChat, Douyin, QQ, 4399, dan platform lainnya</li>
<li><a href="/id/guides/publish-wechat-douyin-mini-games">Cara Menerbitkan Mini Game di WeChat &amp; Douyin</a> — lisensi, peninjauan, dan pembagian pendapatan</li>
<li><a href="/id/news/2026-07-19-wechat-mini-game-mode">Mode mini game WeChat</a> — cara Cinevva membuat game di dalam subset portabel</li>
<li><a href="/id/engine">Engine Cinevva</a> — engine sumber terbuka kami yang mengutamakan web</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Alternatif Cocos untuk Mini Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/cocos-alternatives</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/cocos-alternatives</guid>
            <pubDate>Sun, 19 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Alternatif nyata untuk Cocos Creator bagi mini game dan game web pada 2026, dipilih berdasarkan alasan Anda mencarinya. LayaAir, Egret, SDK konversi Unity, Tuanjie, Three.js, dan pendekatan AI dari prompt menjadi game, lengkap dengan penilaian jujur untuk masing-masing.]]></description>
            <content:encoded><![CDATA[<h1>Alternatif Cocos untuk Mini Game (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/cocos-alternatives-hero.jpg?v=1" alt="Alternatif Cocos untuk mini game pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Cocos Creator adalah engine standar untuk mini game WeChat dan Douyin, dan biasanya menjadi pilihan tepat untuk merilis game yang sudah selesai. Namun, &quot;standar&quot; bukan berarti &quot;satu-satunya&quot;, dan ada alasan nyata untuk mempertimbangkan pilihan lain: Anda menginginkan alur kerja yang berbeda, sedang mem-porting game yang sudah ada, ingin AI membuat draf pertama, atau sekadar ingin menguji apakah sebuah ide menyenangkan sebelum berkomitmen pada engine lengkap.</p>
<p>Panduan ini mengelompokkan alternatif berdasarkan alasan Anda mencarinya, bukan berdasarkan peringkat. Untuk pembahasan lebih mendalam tentang setiap engine dan batas 4 MB, lihat <a href="/id/guides/wechat-mini-game-engines">panduan engine mini game WeChat</a>.</p>
<h2>Referensi Singkat</h2>
<table>
<thead>
<tr>
<th>Alternatif</th>
<th>Alasan terbaik untuk memilihnya</th>
<th>2D/3D</th>
<th>Dukungan WeChat</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>LayaAir</strong></td>
<td>Anda lebih menyukai alur kerjanya, target WeChat kelas utama</td>
<td>2D + 3D</td>
<td>Kuat, tetapi engine menghabiskan anggaran paket</td>
</tr>
<tr>
<td><strong>Egret</strong></td>
<td>Memelihara game Egret yang sudah ada</td>
<td>2D</td>
<td>Lama, ekosistem makin menyusut</td>
</tr>
<tr>
<td><strong>Unity (SDK konversi)</strong></td>
<td>Mem-porting game Unity yang sudah ada</td>
<td>2D + 3D</td>
<td>Konversi WebGL, ukuran build besar</td>
</tr>
<tr>
<td><strong>Tuanjie (Unity China)</strong></td>
<td>Keahlian Unity, berkomitmen pada pasar Tiongkok</td>
<td>2D + 3D</td>
<td>Target ekspor WeChat native</td>
</tr>
<tr>
<td><strong>Three.js + weapp-adapter</strong></td>
<td>Game khusus berukuran kecil, tim Anda terbiasa dengan Three.js</td>
<td>2D + 3D</td>
<td>Anda menangani seluruh infrastrukturnya</td>
</tr>
<tr>
<td><strong>Cinevva (AI dari prompt menjadi game)</strong></td>
<td>Membuat prototipe sebelum berkomitmen pada engine apa pun</td>
<td>3D</td>
<td>Mode subset portabel; eksportir sedang dikembangkan</td>
</tr>
</tbody>
</table>
<h2>Jika Anda menginginkan engine WeChat kelas utama: LayaAir</h2>
<p>LayaAir adalah alternatif yang paling sebanding. Engine ini sejak awal beradaptasi dengan WeChat, memperlakukannya sebagai target build kelas utama, mendukung 2D dan 3D, menggunakan TypeScript, serta memiliki basis pengembang setia yang memang lebih menyukai alur kerjanya dibandingkan Cocos. Pengembang yang pernah memakai keduanya cenderung menganggap pilihan tersebut sebagai masalah selera, bukan kemampuan. Satu komprominya: runtime LayaAir tidak tertanam di klien WeChat seperti Cocos, sehingga engine itu sendiri memakai lebih banyak dari anggaran 4 MB Anda. Tidak menjadi masalah untuk 2D berukuran kecil, tetapi lebih ketat untuk 3D dengan banyak aset.</p>
<h2>Jika Anda mem-porting game yang sudah ada: Unity atau Tuanjie</h2>
<p>Jika game Anda sudah dibuat di Unity, jangan menulisnya ulang. Tencent dan Unity memelihara SDK konversi resmi yang mengubah build Unity WebGL menjadi paket mini game, dengan ekspor sekali klik sejak pertengahan 2025. Bersikaplah realistis mengenai komprominya: build Unity WebGL berukuran besar, dan batas paket awal 4 MB sangat menyulitkan engine yang tidak dirancang untuk itu. Jadi, bersiaplah mengerahkan upaya nyata untuk mengurangi ukuran dan membagi paket. Jika Anda berkomitmen pada pasar Tiongkok untuk jangka panjang dan sudah sangat terbiasa dengan Unity, Tuanjie (engine lokal dari Unity China) memperlakukan WeChat sebagai target ekspor native, bukan konversi WebGL, sehingga menghindari sebagian besar pembengkakan ukuran tersebut.</p>
<h2>Jika Anda menginginkan kendali maksimal: Three.js dan WebGL mentah</h2>
<p>Anda dapat menjalankan Three.js atau WebGL yang ditulis manual di dalam mini game melalui <code>weapp-adapter</code> milik WeChat, yang menyediakan tiruan objek DOM dan canvas yang diharapkan oleh pustaka tersebut. Ini merupakan pilihan paling fleksibel sekaligus paling merepotkan: Anda bertanggung jawab atas render loop, pipeline aset, pembagian paket, dan setiap kasus khusus pada adapter. Pendekatan ini cocok untuk game khusus berukuran kecil yang sensitif terhadap ukuran, atau ketika tim Anda sudah terbiasa dengan Three.js. Ini juga merupakan jalur yang paling mendekati game browser yang sudah Anda buat.</p>
<h2>Jika Anda memelihara sistem lama: Egret, dengan memahami risikonya</h2>
<p>Egret (白鹭) adalah engine HTML5 2D lama yang mendukung banyak game pada gelombang awal mini game. Engine ini masih berfungsi, tetapi momentum telah beralih ke Cocos dan Laya. Memulai proyek baru dengannya pada 2026 berarti bertaruh pada ekosistem yang terus menyusut. Gunakan untuk memelihara game Egret yang sudah ada; jangan memulai proyek baru dengannya.</p>
<h2>Jika Anda ingin melewati editor sepenuhnya: alat AI dari prompt menjadi game</h2>
<p>Kategori terbaru bukanlah editor lain, melainkan tidak membuka editor sama sekali. Dengan Cinevva, Anda mendeskripsikan game menggunakan bahasa sehari-hari, dalam bahasa Inggris atau Mandarin, lalu mendapatkan game 3D yang dapat dimainkan di browser dalam hitungan menit. Sembilan model spesialis menangani 3D, animasi, adegan, musik, suara, efek, UI, logika, dan multipemain.</p>
<p>Ini bukan pengganti Cocos, dan kami tidak berpura-pura demikian. Cocos digunakan untuk menyelesaikan dan mengoptimalkan game; Cinevva ditujukan untuk tahap sebelumnya, yaitu mencari tahu ide mana yang layak diselesaikan. <a href="/id/news/2026-07-19-wechat-mini-game-mode">Mode mini game WeChat</a> miliknya membangun game di dalam subset portabel sejak prompt pertama (UI canvas, kontrol yang mengutamakan sentuhan, audio mp3, tanpa kode dinamis, dan gerbang boot WebGL2), sementara sandbox mode ketat menandai apa pun yang dapat menggagalkan proses porting ke WeChat. Alur kerja yang realistis adalah membuat prototipe dengan cepat di sini, mempertahankan game yang terbukti memiliki retensi, lalu memutuskan apakah game tersebut akan dirilis apa adanya atau layak dibuat secara menyeluruh di Cocos. Anggap Cinevva sebagai bagian awal funnel yang memasok game ke engine yang pada akhirnya Anda gunakan untuk merilisnya.</p>
<h2>Cara Memilih</h2>
<p>Cocokkan alat dengan alasan Anda mencari pilihan selain Cocos. Lebih menyukai alur kerja berbeda: LayaAir. Mem-porting game Unity yang sudah ada: SDK konversi, atau Tuanjie untuk jangka panjang. Game kecil, khusus, atau sudah dibuat dengan Three.js: <code>weapp-adapter</code> dan WebGL mentah. Memelihara game lama: Egret. Ingin memvalidasi ide sebelum berkomitmen pada engine apa pun: gunakan alat AI dari prompt menjadi game, lalu pindahkan ide terbaik ke Cocos atau Laya jika layak mendapatkan penyempurnaan.</p>
<h2>Gerbang Regulasi (tidak bergantung pada engine)</h2>
<p>Tidak ada alternatif yang mengubah aturan penerbitan. Mini game gratis yang didukung iklan memerlukan hak cipta perangkat lunak per judul (软著) atau sertifikasi hak cipta elektronik, ditambah pendaftaran ICP. Proses ini dapat dilakukan oleh individu yang memiliki kartu identitas Tiongkok daratan. Pembelian dalam aplikasi apa pun memerlukan banhao, yang hanya dapat dimiliki oleh perusahaan Tiongkok. Karena itu, studio asing memerlukan penerbit lokal berlisensi. Lihat <a href="/id/guides/publish-wechat-douyin-mini-games">panduan penerbitan</a>. Pilih engine berdasarkan kebutuhan build; dokumennya tetap sama di mana pun.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa alternatif terbaik untuk Cocos bagi mini game WeChat?</h3>
<p>LayaAir adalah alternatif langsung yang paling dekat, dengan dukungan WeChat kelas utama dan alur kerja TypeScript 2D/3D yang serupa. Komprominya adalah runtime LayaAir tidak tertanam di klien WeChat, sehingga memakai lebih banyak dari anggaran 4 MB Anda. Untuk mem-porting game Unity yang sudah ada, SDK konversi Unity atau Tuanjie lebih cocok.</p>
<h3>Apakah ada alternatif gratis untuk Cocos?</h3>
<p>Ya. Cocos sendiri gratis dan sumber terbuka, begitu pula LayaAir, Three.js, dan pendekatan pembuatan prototipe dengan AI di browser. Unity gratis selama pendapatan Anda masih di bawah batasnya. Biaya jarang menjadi faktor penentu di antara pilihan ini; alur kerja dan titik awal Anda jauh lebih penting.</p>
<h3>Bisakah saya menggunakan AI sebagai pengganti Cocos untuk membuat mini game?</h3>
<p>Anda dapat menggunakan AI untuk membuat prototipe dengan cepat. Cinevva mengubah prompt menjadi game yang dapat dimainkan dan membangunnya di dalam subset portabel WeChat, sehingga ideal untuk menemukan ide yang layak dikembangkan lebih lanjut. Untuk game produksi akhir yang sangat dioptimalkan, engine matang seperti Cocos masih menjadi alat yang lebih kuat. Karena itu, pola yang umum adalah membuat prototipe dengan AI, lalu membangun ide terbaik di Cocos.</p>
<h3>Alternatif mana yang terbaik untuk mem-porting game yang sudah ada?</h3>
<p>Jika game tersebut dibuat dengan Unity, SDK konversi WeChat memungkinkan Anda mem-porting-nya tanpa menulis ulang, sedangkan Tuanjie merupakan pilihan yang lebih siap untuk masa depan jika Anda berkomitmen pada pasar Tiongkok. Jika game tersebut dibuat dengan Three.js atau WebGL, <code>weapp-adapter</code> adalah jalurnya. Jika sudah berupa game browser, strukturnya telah mendekati apa yang dibutuhkan WeChat.</p>
<p><BuildCta
  title="Uji idenya sebelum Anda memilih engine"
  desc="Deskripsikan mini game dan mainkan di browser dalam hitungan menit, lalu pindahkan ide terbaik ke engine lengkap."
  prompt="Buat game menyusun objek berbasis fisika yang penuh warna dan sulit berhenti dimainkan" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/cinevva-vs-cocos">Cinevva vs Cocos untuk Mini Game</a> — perbedaan antara pembuatan prototipe dan produksi secara mendetail</li>
<li><a href="/id/guides/cinevva-to-cocos-workflow">Dari Cinevva ke Cocos: Serah Terima Mini Game</a> — buat prototipe di sini, lalu bangun ide terbaik di Cocos</li>
<li><a href="/id/guides/wechat-mini-game-engines">Engine Game untuk Mini Game WeChat</a> — seluruh pilihan engine dan batas 4 MB</li>
<li><a href="/id/guides/china-mini-game-platforms">Perbandingan Platform Mini Game &amp; HTML5 Tiongkok</a> — WeChat, Douyin, QQ, 4399, dan lainnya</li>
<li><a href="/id/guides/publish-wechat-douyin-mini-games">Cara Menerbitkan Mini Game di WeChat &amp; Douyin</a> — lisensi, peninjauan, pembagian pendapatan</li>
<li><a href="/id/guides/localize-web-game-china">Melokalkan Game Web untuk Tiongkok</a> — font, hosting, pembayaran</li>
<li><a href="/id/engine">Cinevva Engine</a> — engine sumber terbuka kami yang mengutamakan web</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Model 3D AI Terbaik pada 2026 (Teks-ke-3D dan Gambar-ke-3D)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-3d-model-generators</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-3d-model-generators</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator model 3D AI terbaik pada 2026 untuk teks-ke-3D dan gambar-ke-3D. Perbandingan Meshy 6, Tripo, Rodin, TRELLIS.2, Hunyuan3D, dan SAM 3D, lengkap dengan penjelasan lisensi.]]></description>
            <content:encoded><![CDATA[<h1>Generator Model 3D AI Terbaik pada 2026 (Teks-ke-3D dan Gambar-ke-3D)</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>Jawaban singkatnya: Meshy 6 dan Tripo adalah generator model 3D AI ter-hosting terbaik pada 2026, Rodin Gen-2.5 unggul dalam detail geometri mentah, dan TRELLIS.2 dari Microsoft (lisensi MIT) adalah model terbaik yang bisa Anda jalankan sendiri. Jika ingin mencoba gambar-ke-3D secara gratis di browser tanpa instalasi, <a href="/id/tools/hunyuan3d">Generator Model 3D</a> dari Cinevva mengubah foto atau prompt teks menjadi mesh PBR bertekstur yang dapat diunduh sebagai GLB atau OBJ.</p>
<p>Panduan ini hanya membahas pembuatan 3D secara mendalam. Untuk tekstur, audio, dan bagian lain dari pipeline aset AI, lihat <a href="/id/guides/ai-asset-generators-games">panduan generator aset AI</a> kami.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Alat ter-hosting serbaguna terbaik:</strong> Meshy 6 (opsi topologi bersih, Mode Low Poly, ekosistem besar).</li>
<li><strong>Alat ter-hosting terbaik untuk pipeline game:</strong> Tripo (engine v3.1, auto-rigging, quad remesh, kredit murah).</li>
<li><strong>Detail geometri terbaik:</strong> Rodin Gen-2.5 dari Hyper3D (detail setara sculpt, keluaran 10 juta+ poligon).</li>
<li><strong>Model sumber terbuka terbaik:</strong> Microsoft TRELLIS.2 (lisensi MIT, PBR native, tanpa syarat tambahan).</li>
<li><strong>Terbaik yang gratis dan berbasis browser:</strong> <a href="/id/tools/hunyuan3d">Generator Model 3D</a> dan <a href="/id/tools/sam3d">rekonstruksi Gambar ke 3D</a> dari Cinevva.</li>
</ul>
<h2>Sekilas perbandingan</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Jenis</th>
<th>Input</th>
<th>Output</th>
<th>Penggunaan komersial</th>
<th>Paket gratis</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Meshy 6</strong></td>
<td>Ter-hosting</td>
<td>Teks, gambar</td>
<td>GLB, FBX, OBJ, STL, peta PBR</td>
<td>Paket berbayar (gratis = CC BY 4.0)</td>
<td>100 kredit/bulan</td>
</tr>
<tr>
<td><strong>Tripo (v3.1)</strong></td>
<td>Ter-hosting</td>
<td>Teks, gambar</td>
<td>GLB, FBX, OBJ, STL, PBR, auto-rig</td>
<td>Paket berbayar</td>
<td>Ya, nonkomersial</td>
</tr>
<tr>
<td><strong>Rodin Gen-2.5</strong></td>
<td>Ter-hosting</td>
<td>Teks, gambar, multi-gambar</td>
<td>Mesh dengan PBR, opsi quad</td>
<td>Paket berbayar</td>
<td>Gratis untuk membuat</td>
</tr>
<tr>
<td><strong>Hi3D (Hitem3D)</strong></td>
<td>Ter-hosting</td>
<td>Gambar, multi-gambar</td>
<td>Mesh resolusi tinggi</td>
<td>Paket berbayar</td>
<td>Kredit uji coba</td>
</tr>
<tr>
<td><strong>Tencent Hunyuan 3D</strong></td>
<td>Ter-hosting</td>
<td>Teks, gambar, sketsa</td>
<td>OBJ, GLB, PBR</td>
<td>Periksa ketentuan paket</td>
<td>20 pembuatan/hari</td>
</tr>
<tr>
<td><strong>Cinevva 3D Generator</strong></td>
<td>Ter-hosting, gratis</td>
<td>Teks, gambar</td>
<td>GLB, OBJ, PBR</td>
<td>Ya</td>
<td>Sepenuhnya gratis</td>
</tr>
<tr>
<td><strong>TRELLIS.2</strong></td>
<td>Sumber terbuka (MIT)</td>
<td>Gambar</td>
<td>GLB, OBJ, PLY, PBR hingga 4K</td>
<td>Ya</td>
<td>Hosting mandiri</td>
</tr>
<tr>
<td><strong>Hunyuan3D 2.1</strong></td>
<td>Sumber terbuka</td>
<td>Gambar</td>
<td>Mesh + PBR</td>
<td>Ya, dengan batasan wilayah</td>
<td>Hosting mandiri</td>
</tr>
<tr>
<td><strong>SAM 3D</strong></td>
<td>Sumber terbuka</td>
<td>Satu foto</td>
<td>Gaussian splat, geometri</td>
<td>Ya (Lisensi SAM)</td>
<td>Hosting mandiri</td>
</tr>
<tr>
<td><strong>SPAR3D</strong></td>
<td>Sumber terbuka</td>
<td>Satu foto</td>
<td>Mesh GLB bertekstur</td>
<td>Ya, jika pendapatan di bawah $1 juta</td>
<td>Hosting mandiri</td>
</tr>
</tbody>
</table>
<p>Diverifikasi pada Juli 2026. Bidang ini berubah setiap bulan, jadi periksa ketentuan setiap alat sebelum Anda merilis proyek.</p>
<h2>Alat ter-hosting</h2>
<h3>Meshy</h3>
<p>Generator 3D AI paling populer, dan pada 2026 merupakan produk yang paling lengkap. Engine saat ini adalah Meshy 6, yang memasuki pratinjau publik pada Oktober 2025 dan tersedia secara umum pada Januari 2026. Peningkatan utamanya mencakup geometri kedap air, Mode Low Poly yang secara khusus ditujukan bagi developer game, serta quad remeshing native sehingga Anda bisa mendapatkan model dengan edge loop yang sebenarnya, bukan sekadar tumpukan segitiga.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Ter-hosting</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>Teks-ke-3D dan gambar-ke-3D</td>
</tr>
<tr>
<td><strong>Output</strong></td>
<td>GLB, FBX, OBJ, STL, dengan peta tekstur PBR serta topologi quad atau tri</td>
</tr>
<tr>
<td><strong>Komersial</strong></td>
<td>Pro dan paket di atasnya. Model dari paket gratis dipublikasikan di bawah CC BY 4.0</td>
</tr>
<tr>
<td><strong>Paket gratis</strong></td>
<td>100 kredit/bulan, direset setiap bulan</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Prop game dan aset serbaguna dengan kebutuhan pembersihan paling sedikit</td>
</tr>
</tbody>
</table>
<p>Pendapat jujur: Meshy adalah pilihan standar yang aman. Kualitas keluarannya konsisten bagus, meski tidak selalu mencengangkan, alat topologinya merupakan yang terbaik di antara generator ter-hosting, dan paket Pro seharga $20/bulan dengan 1.000 kredit serta kepemilikan privat penuh tergolong wajar. Kekurangan paket gratisnya adalah model Anda dipublikasikan di bawah CC BY 4.0, sehingga siapa pun dapat menggunakannya dan Anda wajib mencantumkan atribusi kepada Meshy jika merilisnya. <a href="https://www.meshy.ai">meshy.ai</a></p>
<h3>Tripo</h3>
<p>Tripo berasal dari VAST, tim yang mengembangkan TripoSR bersama Stability AI, dan kecepatannya mencerminkan pengalaman tersebut. Engine v3.1 saat ini mampu menangani prompt teks yang kompleks dengan baik, dan platformnya dibangun untuk alur kerja game: auto-rigging, quad remesh sebagai fitur tambahan sekali klik, dan opsi Smart Mesh untuk topologi siap pakai dalam game.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Ter-hosting</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>Teks-ke-3D dan gambar-ke-3D</td>
</tr>
<tr>
<td><strong>Output</strong></td>
<td>GLB, FBX, OBJ, STL, tekstur PBR 4K, auto-rig opsional</td>
</tr>
<tr>
<td><strong>Komersial</strong></td>
<td>Pro dan paket di atasnya. Paket gratis hanya untuk penggunaan nonkomersial</td>
</tr>
<tr>
<td><strong>Paket gratis</strong></td>
<td>Ya, dengan kredit bulanan, hanya untuk penggunaan pribadi</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Karakter dan makhluk yang ingin Anda rig dengan cepat</td>
</tr>
</tbody>
</table>
<p>Pendapat jujur: paket Pro Tripo seharga $19,90/bulan menyediakan 3.000 kredit, kira-kira 120 pembuatan, yang merupakan nilai kredit terbaik di antara tiga pemain besar. Kualitas rigging-nya bagus untuk humanoid, tetapi tidak konsisten untuk makhluk dengan jumlah anggota tubuh yang tidak lazim. Keluaran paket gratis sama sekali tidak boleh dikomersialkan, yang lebih ketat daripada skema CC BY 4.0 milik Meshy. <a href="https://www.tripo3d.ai">tripo3d.ai</a></p>
<h3>Rodin (Hyper3D)</h3>
<p>Rodin selalu menjadi pilihan bagi mereka yang sangat mementingkan topologi, dan Gen-2.5 (dirilis Mei 2026) membawanya lebih jauh. Model ini menghasilkan detail setara sculpt hingga lebih dari 10 juta poligon, menyediakan pengaturan &quot;tingkat pemrosesan&quot; lima level yang menukar kecepatan dengan kualitas (sekitar 1 juta poligon dalam 4 detik pada pengaturan terendah), serta menambahkan 3D ControlNet, penyuntingan 3D terlokalisasi, dan penyempurnaan per bagian.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Ter-hosting</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>Teks, gambar, penggabungan multi-gambar</td>
</tr>
<tr>
<td><strong>Output</strong></td>
<td>Mesh high-poly dengan PBR, topologi quad pada paket yang lebih tinggi</td>
</tr>
<tr>
<td><strong>Komersial</strong></td>
<td>Paket berbayar. Creator $30/bulan, Business $120/bulan</td>
</tr>
<tr>
<td><strong>Paket gratis</strong></td>
<td>Gratis untuk membuat dan melihat pratinjau, bayar untuk mengunduh</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Aset utama dan model dengan banyak detail ketika topologi sangat penting</td>
</tr>
</tbody>
</table>
<p>Pendapat jujur: detail keluarannya adalah yang terbaik di antara alat ter-hosting, dan fitur penyuntingannya (3D inpainting, membuat ulang satu bagian model) lebih maju daripada semua pesaing. Alat ini juga yang paling mahal, sementara tekstur 4K dan ekspor quad high-poly hanya tersedia pada paket Business seharga $120/bulan. Gunakan untuk sepuluh aset yang benar-benar penting, bukan dua ratus aset yang tidak terlalu penting. <a href="https://hyper3d.ai">hyper3d.ai</a></p>
<h3>Hi3D (sebelumnya Hitem3D)</h3>
<p>Pendatang penting pada 2026. Dibangun oleh Math Magic berdasarkan dua model riset yang telah dipublikasikan, Sparc3D (NeurIPS 2025, geometri kedap air beresolusi tinggi) dan Ultra3D (akselerasi berbasis perhatian pada bagian), alat ini menghasilkan model dengan resolusi voxel hingga 1536³, fidelitas geometri mentah tertinggi di antara semua alat ter-hosting. Namanya diubah dari Hitem3D menjadi Hi3D pada 2026.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Ter-hosting</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>Gambar dan multi-gambar</td>
</tr>
<tr>
<td><strong>Output</strong></td>
<td>Mesh kedap air beresolusi tinggi</td>
</tr>
<tr>
<td><strong>Komersial</strong></td>
<td>Paket berbayar, periksa ketentuan terbaru</td>
</tr>
<tr>
<td><strong>Paket gratis</strong></td>
<td>Kredit uji coba</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Pekerjaan yang mengutamakan detail: miniatur, barang koleksi, pencetakan 3D</td>
</tr>
</tbody>
</table>
<p>Pendapat jujur: alat ini telah menjadi pilihan utama untuk alur kerja yang berfokus pada pencetakan, ketika geometri kedap air dan detail halus lebih penting daripada yang lain. Untuk game, Anda perlu mengurangi poligon keluarannya secara drastis, jadi alat ini paling masuk akal saat Anda membutuhkan satu prop utama yang sangat indah. <a href="https://www.hi3d.ai">hi3d.ai</a></p>
<h3>Tencent Hunyuan 3D (platform ter-hosting)</h3>
<p>Tencent membawa keluarga model Hunyuan3D ke pasar global pada November 2025 melalui platform berbahasa Inggris di <a href="http://3d.hunyuanglobal.com">3d.hunyuanglobal.com</a>, yang menjalankan engine terbarunya (3.0, serta 3.1 sejak Januari 2026) yang tidak dirilis sebagai sumber terbuka. Pada 2026, platform ini berkembang menjadi HY 3D Studio, sebuah pipeline lengkap: gambar ke 3D, retopologi, UV, tekstur, rigging, hingga animasi.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Ter-hosting (model terbaru), bobot terbuka untuk versi lama</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>Teks, gambar, sketsa</td>
</tr>
<tr>
<td><strong>Output</strong></td>
<td>OBJ, GLB dengan tekstur PBR</td>
</tr>
<tr>
<td><strong>Komersial</strong></td>
<td>Periksa ketentuan paket, API perusahaan melalui Tencent Cloud</td>
</tr>
<tr>
<td><strong>Paket gratis</strong></td>
<td>20 pembuatan gratis per hari</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Eksperimen gratis yang leluasa dengan engine mutakhir</td>
</tr>
</tbody>
</table>
<p>Pendapat jujur: 20 pembuatan gratis sehari merupakan jatah gratis paling besar di antara model mutakhir ter-hosting, dan engine 3.x menghasilkan geometri yang jelas lebih baik daripada bobot terbuka 2.1. Platform ini masih tergolong baru bagi pengguna Barat, jadi baca ketentuan hak atas keluaran sebelum membangun pipeline yang bergantung padanya. <a href="https://3d.hunyuanglobal.com">3d.hunyuanglobal.com</a></p>
<h3>Hilang pada 2026: Luma Genie dan CSM</h3>
<p>Dua nama yang masih akan Anda temukan dalam rangkuman lama pada dasarnya sudah tidak aktif. Alat teks-ke-3D Genie milik Luma tidak lagi muncul di situs Luma, yang kini sepenuhnya beralih ke pembuatan video dan agen kreatif. CSM (Common Sense Machines) menutup platform Cube pada 5 Januari 2026, dan perusahaan tersebut diakuisisi oleh Google pada bulan yang sama. Jangan memulai proyek baru dengan keduanya.</p>
<h2>Model sumber terbuka</h2>
<p>Model terbuka membalik kesepakatannya: Anda menyediakan GPU, dan sebagai gantinya tidak ada meteran kredit maupun paket yang membatasi hak komersial Anda. Hanya lisensi model itu sendiri yang berlaku.</p>
<h3>Microsoft TRELLIS.2</h3>
<p>Pemimpin sumber terbuka saat ini. Dirilis pada Desember 2025 di bawah lisensi MIT, TRELLIS.2 adalah model gambar-ke-3D dengan 4 miliar parameter yang dibangun di atas representasi voxel jarang (O-Voxel), sehingga mampu menangani topologi kompleks, tepi tajam, dan material PBR lengkap. Model ini mengekspor GLB dengan tekstur hingga 4096², serta OBJ, PLY, radiance field, dan Gaussian splat.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Sumber terbuka, MIT</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>Gambar</td>
</tr>
<tr>
<td><strong>Output</strong></td>
<td>GLB (PBR hingga 4K), OBJ, PLY, radiance field, Gaussian splat</td>
</tr>
<tr>
<td><strong>Komersial</strong></td>
<td>Ya, tanpa batasan</td>
</tr>
<tr>
<td><strong>Paket gratis</strong></td>
<td>Gratis selamanya jika Anda memiliki GPU</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Rasio kualitas dan kebebasan terbaik dalam pembuatan 3D saat ini</td>
</tr>
</tbody>
</table>
<p>Pendapat jujur: lisensi MIT berarti tidak ada ambiguitas komersial, dan kualitas keluarannya benar-benar mampu bersaing dengan alat ter-hosting berbayar. Anda memerlukan GPU NVIDIA yang mumpuni untuk menjalankannya secara lokal, atau dapat menyewa inferensi per detik di cloud GPU. Jika hanya ingin meng-hosting satu model sendiri, pilih model ini. <a href="https://github.com/microsoft/TRELLIS.2">github.com/microsoft/TRELLIS.2</a></p>
<h3>Hunyuan3D 2.1 (bobot terbuka)</h3>
<p>Rilis Tencent yang sepenuhnya terbuka dari Juni 2025: bobot model dan kode pelatihan lengkap untuk model bentuk 3,3 miliar parameter serta model tekstur PBR 2 miliar parameter. Ini adalah model di balik <a href="/id/tools/hunyuan3d">Generator Model 3D</a> gratis dari Cinevva, sekaligus model yang diam-diam dijalankan oleh sebagian besar produk di bidang ini.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Bobot terbuka dan kode pelatihan</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>Gambar (teks diproses melalui langkah pembuatan gambar terlebih dahulu)</td>
</tr>
<tr>
<td><strong>Output</strong></td>
<td>Mesh bertekstur dengan material PBR siap produksi</td>
</tr>
<tr>
<td><strong>Komersial</strong></td>
<td>Ya, tetapi lisensinya mengecualikan Uni Eropa, Inggris, dan Korea Selatan</td>
</tr>
<tr>
<td><strong>Paket gratis</strong></td>
<td>Gratis untuk di-hosting sendiri</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Tekstur PBR produksi dengan bobot terbuka, fine-tuning</td>
</tr>
</tbody>
</table>
<p>Pendapat jujur: model pewarnaan PBR-nya masih menjadi rangkaian tekstur terbuka terkuat, dan kode pelatihan lengkap memungkinkan Anda melakukan fine-tuning dengan gaya visual sendiri. Pengecualian wilayah dalam lisensi komunitasnya (Uni Eropa, Inggris, Korea Selatan) menjadi kendala nyata jika Anda merilis produk di sana; lisensi MIT milik TRELLIS.2 merupakan pilihan yang lebih jelas. <a href="https://github.com/Tencent-Hunyuan/Hunyuan3D-2.1">github.com/Tencent-Hunyuan/Hunyuan3D-2.1</a></p>
<h3>SAM 3D (Meta)</h3>
<p>Ini bukan generator mesh, dan justru itulah intinya. SAM 3D adalah pasangan model terbuka dari Meta (SAM 3D Objects dan SAM 3D Body) yang merekonstruksi geometri 3D, tekstur, dan tata letak adegan dari satu foto biasa, bahkan ketika terdapat objek tertutup dan latar yang berantakan. Keluaran utamanya adalah Gaussian splat dalam bentuk file .ply. Kode dan checkpoint tersedia di GitHub di bawah Lisensi SAM permisif dari Meta, yang mengizinkan penggunaan komersial.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Sumber terbuka, Lisensi SAM</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>Satu foto (ditambah mask objek)</td>
</tr>
<tr>
<td><strong>Output</strong></td>
<td>Gaussian splat (.ply), geometri, tekstur, pose</td>
</tr>
<tr>
<td><strong>Komersial</strong></td>
<td>Ya</td>
</tr>
<tr>
<td><strong>Paket gratis</strong></td>
<td>Gratis untuk di-hosting sendiri, atau gratis di browser melalui Cinevva</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Merekam objek nyata dari satu foto</td>
</tr>
</tbody>
</table>
<p>Pendapat jujur: ini adalah rekonstruksi, bukan pembuatan. Arahkan ke objek nyata dan Anda akan mendapatkan rekonstruksi 3D yang akurat tanpa perangkat fotogrametri. Keluaran splat lebih cocok untuk penayangan dan referensi daripada langsung diimpor ke game (selengkapnya di bawah). Cinevva menjalankannya secara gratis di browser sebagai <a href="/id/tools/sam3d">rekonstruksi objek Gambar ke 3D</a>. <a href="https://github.com/facebookresearch/sam-3d-objects">github.com/facebookresearch/sam-3d-objects</a></p>
<h3>TripoSR dan SPAR3D (rekonstruktor cepat)</h3>
<p>Dua model satu-gambar yang lebih lama tetapi masih berguna. TripoSR (Tripo dan Stability AI, lisensi MIT) merekonstruksi mesh dalam waktu kurang dari setengah detik pada GPU pusat data, dengan kualitas yang juga relatif sederhana. SPAR3D (Stability AI, Januari 2025) menghasilkan GLB bertekstur dengan UV yang sudah dibuka dalam waktu kurang dari satu detik dan mendukung penyuntingan pada tingkat titik. SPAR3D dirilis di bawah Stability Community License: gratis untuk penggunaan komersial hingga pendapatan tahunan organisasi Anda melampaui $1 juta, setelah itu Anda memerlukan lisensi perusahaan.</p>
<p>Pendapat jujur: pada 2026, kualitas keduanya telah dikalahkan oleh TRELLIS.2 dan Hunyuan3D 2.1. Keunggulannya adalah kecepatan, yang penting jika Anda membuat mesh secara langsung di dalam aplikasi.</p>
<h3>Hal lain yang perlu diketahui</h3>
<p>Sparc3D, model NeurIPS 2025 di balik Hi3D, memiliki demo publik di Hugging Face dan menghasilkan mesh kedap air pada resolusi 1024³. Cube 3D dari Roblox menyediakan kode teks-ke-mesh terbuka, tetapi dirilis di bawah lisensi RAIL khusus riset, sehingga Anda tidak dapat menggunakan keluarannya dalam game komersial.</p>
<h2>Alat browser gratis dari Cinevva</h2>
<p>Jika ingin mencoba bidang ini tanpa menginstal apa pun atau membuat akun dengan meteran kredit, Cinevva menjalankan dua model terbuka di atas sebagai alat browser gratis.</p>
<p><a href="/id/tools/hunyuan3d">Generator Model 3D</a> mengubah foto, URL gambar, atau prompt teks menjadi mesh poligon bertekstur dengan material PBR, yang dapat diunduh sebagai GLB atau OBJ. Tersedia mode Rapid (sekitar 2 menit) dan mode Pro (sekitar 5 menit), dan keluarannya dapat langsung dimasukkan ke Blender, Unity, Godot, atau game web. Anda juga dapat mengirim hasilnya ke <a href="/id/tools/rigger">Auto Rigger</a> untuk menambahkan kerangka dan animasi preset.
<a href="/id/tools/sam3d">Pengambilan Gambar ke 3D</a> menjalankan SAM 3D dari Meta pada satu foto dan menghasilkan Gaussian splat yang dapat Anda putar di browser serta diekspor sebagai .ply. Gunakan untuk menangkap objek nyata, lalu gunakan Generator Model 3D saat Anda membutuhkan mesh yang dapat diedit dari subjek yang sama.</p>
<p>Keduanya gratis, dan jika Anda membuat game di Cinevva, model yang dihasilkan langsung masuk ke game Anda tanpa perlu bolak-balik mengekspor dan mengimpor.</p>
<h2>Seperti apa sebenarnya mesh AI (penjelasan jujurnya)</h2>
<p>Setiap generator di halaman ini menghasilkan mesh segitiga yang padat, biasanya terdiri dari puluhan ribu hingga beberapa ratus ribu segitiga, dengan UV yang di-unwrap secara otomatis. Berikut arti praktisnya.</p>
<p><strong>Topologi.</strong> Hasil mentah AI tidak memiliki edge loop, penempatan pole yang masuk akal, maupun struktur yang ramah deformasi. Opsi quad remesh (Meshy, Tripo, Rodin) memang menghasilkan quad, tetapi quad tersebut tersebar merata, bukan loop terkonsentrasi di sekitar sendi dan wajah yang dibutuhkan animasi karakter. Untuk prop statis, hal ini sama sekali tidak menjadi masalah. Untuk karakter animasi, bersiaplah melakukan retopologi manual atau menerima deformasi patah-patah yang terlihat di bagian bahu.</p>
<p><strong>Tekstur.</strong> Dukungan PBR kini merupakan standar dasar, dan TRELLIS.2, Hunyuan3D 2.1, Meshy, serta Rodin semuanya menghasilkan peta metallic-roughness yang sesungguhnya. Ada dua masalah yang sering muncul: pencahayaan yang menyatu ke dalam albedo (bayangan tergambar pada tekstur) dan kepadatan texel yang tidak merata karena proses auto-unwrap memadatkan UV island. Keduanya dapat diperbaiki di Blender, tetapi tidak akan membaik dengan sendirinya.</p>
<p><strong>Jumlah poligon.</strong> Secara default, perkirakan 20 ribu hingga 300 ribu segitiga untuk setiap aset, bahkan mencapai jutaan pada mode berupaya tinggi milik Rodin. Jumlah tersebut tidak masalah untuk prop utama, tetapi sangat membebani jika digunakan untuk seratus batu yang tersebar. Sisihkan anggaran performa untuk proses decimation dan uji pada perangkat target Anda yang sebenarnya, terutama untuk game web dan seluler. Cek dulu di <a href="/id/tools/glb-viewer">penampil GLB</a> apa yang sebenarnya kamu dapat.</p>
<p><strong>Yang sudah layak dirilis saat ini.</strong> Prop statis, dekorasi lingkungan, item bergaya, dan geometri blockout benar-benar dapat langsung digunakan dalam produksi dari alat-alat ini. Dalam hal ini, kecepatan generasi AI sudah mengungguli pencarian di <a href="/id/guides/free-3d-model-sites">situs model gratis</a>. Karakter latar yang sudah di-rig dapat digunakan dengan auto-rigging selama tetap berada di latar belakang. Karakter utama dengan animasi wajah jarak dekat masih memerlukan sentuhan manusia pada topologinya, sedangkan model hard-surface yang membutuhkan simetri tepat atau presisi CAD masih terlihat agak meleleh.</p>
<h2>Gaussian splat vs mesh</h2>
<p>Mesh terdiri dari poligon: vertex, segitiga, UV, dan tekstur. Gaussian splat adalah kumpulan ribuan gumpalan kecil berwarna dan semi-transparan yang secara keseluruhan tampak fotorealistis dari sudut mana pun. Splat menangkap objek dan pemandangan dunia nyata dengan tingkat fidelitas yang sulit ditandingi mesh. Itulah sebabnya alat pengambilan seperti SAM 3D dan ekosistem Luma menghasilkan format ini.</p>
<p>Untuk game, komprominya sangat jelas. Splat tidak memiliki permukaan, sehingga collision, fisika, dan pencahayaan dinamis tidak dapat bekerja langsung padanya. Splat juga berat: sekitar 180 MB untuk satu juta splat dibandingkan 5 hingga 20 MB untuk mesh bertekstur yang sebanding, sehingga tidak cocok untuk sebagian besar batas ukuran game seluler. Dukungan engine memang sudah tersedia, tetapi masih berbasis plugin pada 2026: UnityGaussianSplatting untuk Unity 6, plugin pihak ketiga untuk Unreal 5.7, serta format terkompresi (SPZ, SOG, KSPLAT) untuk web.</p>
<p>Pola yang efektif: gunakan splat untuk latar fotorealistis dan dekorasi set yang tidak pernah disentuh pemain, serta mesh untuk semua elemen interaktif. Jika Anda menangkap sesuatu sebagai splat dan membutuhkannya dalam gameplay, buat ulang sebagai mesh menggunakan alat gambar-ke-3D.</p>
<h2>Siapa yang memiliki model 3D buatan AI?</h2>
<p>Ada tiga lapisan yang perlu diperiksa, dan aturannya berbeda untuk alat yang di-host dan alat terbuka.</p>
<p><strong>Hak cipta.</strong> Berdasarkan panduan Kantor Hak Cipta AS saat ini, hasil yang sepenuhnya dibuat oleh AI tidak dapat dilindungi hak cipta dengan sendirinya. Pekerjaan retopologi, texturing, rigging, dan integrasi yang Anda lakukan menambahkan unsur kepengarangan manusia, dan game secara keseluruhan tetap dilindungi. Dampak praktisnya: Anda mungkin tidak dapat mencegah orang lain menggunakan kembali mesh mentah yang dihasilkan, sesuatu yang lebih penting bagi penjual aset daripada developer game.</p>
<p><strong>Ketentuan alat yang di-host.</strong> Di sinilah banyak orang terjebak. Model dari paket gratis Meshy tersedia untuk publik berdasarkan CC BY 4.0 (penggunaan komersial diizinkan, atribusi diwajibkan, dan siapa pun juga dapat menggunakan model Anda), sedangkan kepemilikan privat dimulai dari paket Pro. Paket gratis Tripo sepenuhnya bersifat nonkomersial. Rodin membatasi unduhan dan ketentuan komersial di balik paket berbayar. Pola di seluruh industri: buat secara gratis, bayar untuk memilikinya. Baca ketentuan terbaru sebelum merilis game karena ketentuan tersebut dapat berubah tanpa banyak pemberitahuan.</p>
<p><strong>Lisensi model terbuka.</strong> Self-hosting sepenuhnya menghindari ketentuan platform, tetapi lisensi model tetap berlaku. TRELLIS.2 menggunakan lisensi MIT tanpa persyaratan tambahan. Lisensi SAM 3D mengizinkan penggunaan komersial. Hunyuan3D 2.1 mengecualikan Uni Eropa, Inggris, dan Korea Selatan. SPAR3D gratis hingga pendapatan tahunan $1 juta. Roblox Cube hanya untuk penelitian. Istilah &quot;terbuka&quot; tidak selalu berarti hal yang sama, jadi periksa lisensi spesifiknya.</p>
<p>Untuk aturan yang lebih luas mengenai lisensi aset, lihat <a href="/id/guides/game-asset-licenses">panduan lisensi aset game</a> kami.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa generator model 3D AI terbaik pada 2026?</h3>
<p>Meshy 6 adalah alat hosted serbaguna terbaik, Tripo menawarkan nilai terbaik untuk pipeline game dengan auto-rigging, dan Rodin Gen-2.5 menghasilkan geometri paling mendetail. Jika Anda lebih memilih self-hosting, TRELLIS.2 dari Microsoft (lisensi MIT, PBR native) adalah model terbuka terkuat. Untuk opsi browser gratis, Generator Model 3D Cinevva menjalankan Hunyuan3D tanpa perlu instalasi.</p>
<h3>Dapatkah saya menggunakan model 3D buatan AI dalam game komersial?</h3>
<p>Biasanya bisa, tetapi hak penggunaannya bergantung pada asal model tersebut. Alat yang di-host membatasi penggunaan komersial di balik paket berbayar (Meshy Pro, Tripo Pro, paket berbayar Rodin), sedangkan hasil dari paket gratis bersifat nonkomersial atau tersedia untuk publik berdasarkan CC BY 4.0. Model yang Anda hasilkan menggunakan bobot sumber terbuka seperti TRELLIS.2 sama sekali tidak terikat ketentuan platform, meskipun lisensi modelnya sendiri tetap berlaku. Konfirmasikan ketentuan terbaru dari alat yang Anda gunakan sebelum merilis game.</p>
<h3>Apakah mesh buatan AI sudah cukup bagus untuk game?</h3>
<p>Untuk prop statis, elemen lingkungan, dan item bergaya, ya, semuanya sudah layak digunakan dalam produksi setelah proses decimation. Untuk karakter animasi, hasilnya baru sebagian memadai: auto-rigging dapat menangani karakter latar, tetapi karakter utama masih memerlukan retopologi manual karena topologi AI tidak memiliki edge loop yang dibutuhkan animasi. Anggap generator terutama sebagai mesin pembuat prop dan blockout, kemudian sebagai pipeline karakter. Proses decimation itu bisa kamu jalankan di browser dengan <a href="/id/tools/glb-optimizer">penyederhana dan pengompres mesh</a> kami.</p>
<h3>Apa generator model 3D AI gratis terbaik?</h3>
<p>Generator Model 3D Cinevva sepenuhnya gratis di browser: masukkan foto atau teks, lalu dapatkan mesh PBR bertekstur dalam format GLB atau OBJ. Platform Hunyuan 3D milik Tencent menyediakan 20 generasi gratis per hari menggunakan engine terbarunya. Paket gratis Meshy mencakup 100 kredit per bulan, tetapi memublikasikan model Anda berdasarkan CC BY 4.0. Self-hosting TRELLIS.2 gratis tanpa batas jika Anda memiliki GPU yang sesuai.</p>
<h3>Teks-ke-3D atau gambar-ke-3D, mana yang memberikan hasil lebih baik?</h3>
<p>Gambar-ke-3D, secara konsisten. Gambar referensi menentukan proporsi, material, dan gaya, sedangkan prompt teks membuat model harus menebak. Alur kerja terkuat pada 2026 terdiri dari dua langkah: buat gambar referensi yang bersih menggunakan model gambar, lalu masukkan ke generator gambar-ke-3D. Sebagian besar alat, termasuk milik Cinevva, melakukan hal ini di balik layar saat Anda mengetik prompt teks.</p>
<h3>Apa yang terjadi pada Luma Genie dan CSM?</h3>
<p>Dalam praktiknya, keduanya telah keluar dari bidang ini. Luma menghapus Genie dari situsnya ketika perusahaan tersebut beralih fokus ke generasi video dan agen kreatif. CSM menutup platform Cube pada 5 Januari 2026 dan diakuisisi oleh Google pada bulan yang sama. Jika sebuah rangkuman merekomendasikan salah satunya, informasinya sudah kedaluwarsa.</p>
<h3>Apakah saya memerlukan GPU yang bertenaga untuk membuat model 3D dengan AI?</h3>
<p>Tidak jika Anda menggunakan alat yang di-host atau alat berbasis browser karena proses generasi berjalan di server penyedia. Anda hanya memerlukan GPU sendiri (kartu NVIDIA yang mumpuni) untuk menjalankan model terbuka seperti TRELLIS.2 atau Hunyuan3D 2.1 secara lokal melalui self-hosting. Bahkan dalam kasus tersebut, Anda dapat menyewa inferensi GPU dengan biaya per detik.</p>
<p><BuildCta
  title="Buat model, lalu buat game di sekelilingnya"
  desc="Cinevva memiliki generasi 3D AI yang terintegrasi ke dalam editor, sehingga sebuah prompt menjadi model yang sudah ditempatkan di dalam game yang dapat dimainkan."
  prompt="Buat museum misterius tempat saya dapat berjalan di antara pedestal dan mengamati artefak aneh yang dihasilkan dari dekat" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a>: pipeline lengkap dengan tekstur, audio, dan rigging</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a>: cari alih-alih membuat</li>
<li><a href="/id/guides/long-reference-video-models">Model Video dengan Referensi Panjang</a>: sisi video dari AI generatif</li>
<li><a href="/id/tools/hunyuan3d">Generator Model 3D</a>: teks atau foto menjadi mesh PBR bertekstur secara gratis</li>
<li><a href="/id/tools/sam3d">Pengambilan Gambar ke 3D</a>: satu foto menjadi Gaussian splat secara gratis</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[NPC AI dan Dialog dalam Game: Perangkat dan Realitasnya (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-npcs-dialogue</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-npcs-dialogue</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[NPC AI dan dialog pada 2026 dibandingkan secara jujur - Inworld, Convai, NVIDIA ACE, dan opsi sumber terbuka, game mana yang benar-benar menggunakannya, biaya riil, serta cara memulai.]]></description>
            <content:encoded><![CDATA[<h1>NPC AI dan Dialog dalam Game: Perangkat dan Realitasnya (2026)</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>NPC AI adalah karakter nonpemain yang dialognya dibuat oleh model bahasa saat game berjalan, alih-alih ditulis baris demi baris sebelumnya. Anda berbicara atau mengetik kepadanya, model membaca system prompt yang mendefinisikan identitas karakter beserta keadaan game saat ini, lalu langsung menulis balasan. Beberapa konfigurasi juga menambahkan suara: speech-to-text agar karakter dapat mendengar Anda dan text-to-speech agar dapat membalas dengan suara. Gagasan yang ditawarkan adalah seorang penduduk desa yang mampu menjawab pertanyaan yang tidak pernah diperkirakan penulis. Kenyataannya pada 2026 lebih beragam dan patut dipahami sebelum Anda membangun sesuatu yang bergantung padanya.</p>
<p>Pilihan nyata Anda terbagi menjadi tiga kategori. Anda dapat menggunakan platform karakter terkelola seperti <a href="https://convai.com/">Convai</a> yang langsung menyediakan memori, suara, dan plugin untuk game engine. Anda dapat mengintegrasikan middleware suara dan animasi seperti <a href="https://developer.nvidia.com/ace-for-games">NVIDIA ACE</a> jika ingin sinkronisasi bibir dan animasi wajah sesuai dengan ucapan yang dihasilkan. Atau Anda dapat membuat solusi sendiri dengan memanggil API model bahasa (atau menjalankan model kecil secara lokal) menggunakan prompt yang dirancang secara ketat. Cara ini lebih murah dan fleksibel, tetapi urusan pagar pengaman menjadi tanggung jawab Anda. Perlu dicatat, <a href="https://inworld.ai/">Inworld</a>, nama yang masih pertama kali terlintas bagi kebanyakan orang, sebagian besar telah meninggalkan posisinya sebagai studio NPC siap pakai dan beralih menjadi infrastruktur AI B2B. Karena itu, &quot;alternatif Inworld&quot; menjadi salah satu pencarian paling umum di bidang ini saat ini. Berikut gambaran keadaan sebenarnya.</p>
<h2>Referensi Singkat</h2>
<table>
<thead>
<tr>
<th>Perangkat</th>
<th>Apa fungsinya</th>
<th>Model harga</th>
<th>Game engine (termasuk web)</th>
<th>Status pada 2026</th>
</tr>
</thead>
<tbody>
<tr>
<td>Convai</td>
<td>Platform NPC terkelola: dialog, suara, memori, persepsi</td>
<td>Berdasarkan penggunaan, paket gratis + Indie $29/bulan</td>
<td>Unity, Unreal, three.js, web</td>
<td>Aktif, ditujukan bagi pengembang</td>
</tr>
<tr>
<td>NVIDIA ACE</td>
<td>Middleware suara + animasi wajah (Audio2Face, Riva ASR)</td>
<td>Microservice per penggunaan / di perangkat</td>
<td>Unity, Unreal, tidak bergantung pada game engine</td>
<td>Digunakan dalam sejumlah game</td>
</tr>
<tr>
<td>Inworld</td>
<td>Runtime AI + infrastruktur suara/TTS</td>
<td>Kredit berdasarkan penggunaan, TTS mulai sekitar $5–25/1 juta karakter</td>
<td>SDK tersedia, tetapi berfokus pada B2B</td>
<td>Beralih dari studio NPC konsumen</td>
</tr>
<tr>
<td>Ubisoft Neo NPCs</td>
<td>Litbang karakter generatif internal (&quot;Teammates&quot;)</td>
<td>Bukan produk yang dapat dibeli</td>
<td>Internal Ubisoft</td>
<td>Uji coba pemain / litbang, belum dirilis</td>
</tr>
<tr>
<td>Buat sendiri</td>
<td>API LLM atau model lokal + prompt dan pagar pengaman Anda sendiri</td>
<td>Token API, atau gratis jika lokal</td>
<td>Apa pun, termasuk web biasa</td>
<td>Jalur paling fleksibel</td>
</tr>
</tbody>
</table>
<h2>Perbandingan perangkat</h2>
<p><strong>Convai</strong> adalah jalan masuk paling mudah jika Anda menginginkan platform karakter, bukan proyek eksperimen yang rumit. Platform ini menangani dialog, suara waktu nyata, memori jangka panjang, dan &quot;persepsi multimodal&quot; agar karakter dapat bereaksi terhadap apa yang dilihat dan didengarnya. Convai juga menyediakan plugin untuk Unity, Unreal, dan three.js serta API terbuka untuk web, sebagaimana dijelaskan dalam <a href="https://convai.com/">ikhtisar platformnya</a>. Harganya berdasarkan penggunaan: paket Developer gratis dengan kuota harian, kemudian paket Indie Dev seharga <a href="https://www.saasworthy.com/product/convai/pricing">$29 per bulan (atau $19 jika ditagih tahunan) untuk 3.000 interaksi</a>, dengan kelebihan penggunaan ditagih per interaksi. Satuan &quot;interaksi&quot; inilah yang perlu diperhatikan karena tagihan akan bertambah seiring meningkatnya jumlah pemain.</p>
<p><strong>NVIDIA ACE</strong> bukan otak NPC yang lengkap. Ini adalah rangkaian microservice untuk komponen di sekitar otak tersebut: <a href="https://nvidianews.nvidia.com/news/ace-avatar-cloud-engine-microservices">Audio2Face untuk membuat animasi wajah dari audio dan Riva untuk pengenalan ucapan</a>, yang dipasangkan dengan model bahasa pilihan Anda. Komponen inilah yang membuat suara hasil generasi terlihat seolah-olah benar-benar diucapkan oleh sebuah wajah. NVIDIA mencantumkan mitra seperti Tencent, NetEase, miHoYo, dan Ubisoft. Model bahasa juga makin sering dijalankan di perangkat sebagai model kecil, bukan di cloud, yang penting untuk latensi dan biaya (dibahas lebih lanjut di bawah). Jika game Anda mengutamakan browser, ACE mungkin terlalu berlebihan karena ditujukan untuk game PC yang banyak menggunakan GPU.</p>
<p><strong>Inworld</strong> perlu dibahas secara objektif karena namanya mendominasi tutorial lama. Awalnya, Inworld merupakan platform pilihan utama untuk membuat karakter game dan masih menyediakan SDK, tetapi kini telah <a href="https://inworld.ai/blog/new-ai-infrastructure-scaling-games-media-characters">mengubah posisinya menjadi infrastruktur AI untuk meningkatkan skala game dan media</a>, dengan fokus pada suara, text-to-speech, dan runtime agen yang ditujukan bagi perusahaan seperti Google, NVIDIA, dan Xbox. <a href="https://inworld.ai/pricing">Harganya</a> menggunakan sistem kredit berdasarkan penggunaan. Biaya text-to-speech berkisar dari sekitar $25 per satu juta karakter pada paket On-Demand gratis hingga sekitar $5 pada volume perusahaan, speech-to-text sekitar $0,15 per jam, dan model bahasa ditagih terpisah sesuai biaya penyedia. Inworld masih dapat digunakan, tetapi pengembang web solo yang mencari NPC siap integrasi akan mendapati platform ini lebih kompleks daripada sebelumnya. Itulah sebabnya Convai dan solusi buatan sendiri telah mengambil alih posisi tersebut.</p>
<p><strong>Neo NPCs dari Ubisoft</strong> patut disebutkan justru karena bukan produk yang dapat Anda gunakan. Ini merupakan upaya litbang studio besar yang paling terlihat dan kini hadir sebagai prototipe bernama Teammates, yang menghadirkan rekan satu regu AI berbasis suara dalam game tembak-menembak orang pertama. Prototipe ini <a href="https://variety.com/2025/gaming/news/ubisoft-generative-ai-game-teammates-neo-npc-developers-1236588038/">dibuat oleh tim beranggotakan sekitar 80 orang menggunakan Google Gemini serta middleware internal dan sedang menjalani uji coba pemain tertutup</a>, bukan digunakan dalam game yang telah dirilis. Ubisoft menyebut AI generatif sebagai perubahan yang sama besarnya bagi industri dengan peralihan ke 3D. Namun, status sebenarnya hingga pertengahan 2026 adalah eksperimen, bukan rilis.</p>
<h2>Siapa yang benar-benar menggunakannya dalam game</h2>
<p>Jika semua demo dikesampingkan, jumlah game rilis yang memiliki NPC AI sungguhan masih sedikit, meskipun akhirnya tidak lagi nol. Contoh paling jelas adalah <a href="https://en.wikipedia.org/wiki/InZOI">inZOI</a>, game simulasi kehidupan dari Krafton yang diluncurkan dalam akses awal pada 28 Maret 2025 dan terjual lebih dari satu juta kopi pada minggu pertamanya. Karakter &quot;Smart Zoi&quot; menjalankan <a href="https://www.dsogaming.com/news/inzoi-is-the-first-game-with-ai-powered-npcs-using-nvidia-ace/">model bahasa kecil di perangkat yang dibuat dengan NVIDIA ACE</a>, sehingga AI mengendalikan perilaku dari waktu ke waktu secara lokal, alih-alih menghubungi cloud untuk setiap baris dialog. Krafton memperluas pendekatan yang sama ke PUBG melalui <a href="https://venturebeat.com/gaming-business/krafton-and-nvidia-team-up-to-create-smarter-ai-characters-for-pubg-and-inzoi/">karakter yang dapat bermain bersama bernama PUBG Ally, yang diuji hingga awal 2026</a>.</p>
<p>Di sisi yang mengutamakan percakapan, <a href="https://allthings.how/where-winds-meet-and-ai-how-the-mmos-chatbot-npcs-work/">Where Winds Meet</a>, sebuah MMO besar, menambahkan percakapan teks bebas berbasis LLM kepada sejumlah NPC sampingan. Game ini juga melacak afinitas agar karakter dapat menjadi lebih ramah kepada Anda, berhenti berbicara, atau berubah menjadi bermusuhan. Pilihan desain yang paling menarik, berdasarkan ulasan November 2025, adalah betapa sempitnya cakupan fitur ini: AI hanya digunakan pada karakter sampingan yang mengisi suasana, dan keluarannya dibatasi pada balasan teks serta serangkaian flag dalam game yang sudah ditetapkan. AI tidak dapat memunculkan item, membuat lokasi, atau menulis ulang alur quest. Cerita utama tetap ditulis secara manual. Game indie lebih berani menjadikan AI sebagai inti pengalaman. <a href="https://wanderfolk.ai/best-ai-npc-games-2026/">Suck Up!</a> adalah game rilis yang seluruh gameplay loop-nya berupa percakapan dengan penghuni bertenaga GPT untuk membujuk mereka agar mengundang vampir masuk. Konsep ini berhasil karena percakapan adalah mekanik utamanya, bukan sekadar hiasan di atas quest dengan naskah tetap.</p>
<p>Polanya sama dalam setiap contoh game yang telah dirilis. Bagian generatifnya dibatasi. Teknologi tersebut digunakan untuk obrolan dalam simulasi kehidupan, basa-basi karakter sampingan, atau game yang secara khusus dibangun seputar persuasi. Belum ada pihak kredibel yang merilis game beranggaran besar dengan dialog quest utama yang ditulis oleh AI. Alasannya, secara berurutan, adalah biaya, latensi, dan kepercayaan.</p>
<h2>Biaya dan masalah latensi</h2>
<p>Ada dua hal yang meruntuhkan fantasi bahwa &quot;setiap NPC adalah chatbot&quot;, dan keduanya tidak berkaitan dengan seberapa cerdas modelnya.</p>
<p>Yang pertama adalah latensi. Percakapan memiliki ritme, dan pemain dapat merasakan ketika ritme itu terputus. Penelitian tentang NPC AI menemukan bahwa respons di bawah sekitar 800 milidetik terasa alami untuk percakapan, sedangkan respons yang jauh lebih lambat terasa janggal. Sementara itu, perjalanan pulang-pergi ke API cloud umumnya menambahkan jeda satu hingga dua detik yang terasa seperti sistem berhenti bekerja. Sebuah <a href="https://arxiv.org/pdf/2507.10469">studi tahun 2025 tentang realisme yang dirasakan dalam VR</a> meminta pemain menilai pengaruh latensi terhadap seberapa manusiawi suatu karakter terasa. Permintaan mereka secara konsisten sederhana: sistem harus merespons lebih cepat. Inilah alasan terbesar inZOI dan PUBG memilih model kecil di perangkat, bukan model cloud raksasa. Model lokal yang lebih kecil dan cepat serta menjawab dalam setengah detik lebih baik daripada model lebih cerdas yang membutuhkan tiga detik.</p>
<p>Yang kedua adalah biaya, dan skalanya berkembang ke arah yang tidak menguntungkan. Sebuah baris dialog yang ditulis manual hanya perlu dibayar sekali, lalu dapat ditampilkan gratis kepada jutaan pemain. Baris hasil generasi membutuhkan biaya setiap kali dibuat, untuk setiap NPC, pemain, dan percakapan. Platform berbasis penggunaan memperjelas hal ini: Convai menagih per interaksi, Inworld menagih per karakter ucapan dan per token teks, sedangkan API LLM mentah menagih per token masukan dan keluaran. Untuk game pemain tunggal yang tenang dengan segelintir percakapan, biayanya hanya recehan. Untuk game live dengan satu juta pemain harian yang masing-masing mengobrol bebas, hasilnya adalah tagihan cloud yang tidak pernah dianggarkan. Inilah alasan adanya harga berbasis kredit dan kuota, serta mengapa &quot;percakapan bebas dengan NPC tanpa batas&quot; menjadi cara cepat untuk membakar uang. Rancang jumlah giliran percakapan AI sebagaimana Anda merancang biaya lainnya, karena memang itulah hakikatnya.</p>
<h2>Pola desain yang berhasil dan yang tidak</h2>
<p>Pola yang benar-benar digunakan dalam game rilis adalah generasi terbatas, bukan percakapan terbuka. Alih-alih membiarkan model mengatakan apa saja, Anda memberinya system prompt yang ketat—siapa karakter ini, apa yang diketahuinya, dan apa yang tidak boleh diungkapkannya—menjaga balasan tetap singkat, serta membatasi keluarannya pada teks dan sejumlah kecil aksi atau flag dalam game yang diizinkan. <a href="https://allthings.how/where-winds-meet-and-ai-how-the-mmos-chatbot-npcs-work/">Desain berbasis flag milik Where Winds Meet</a> adalah contoh ideal: NPC berbicara, dan satu-satunya tindakan terstruktur yang dapat dilakukannya adalah hal-hal seperti mengubah nilai afinitas atau menjadi bermusuhan. Segala hal lain tetap berada di luar kendali model.</p>
<p>Pola yang gagal adalah NPC bebas bergaya &quot;tanyakan apa saja&quot; yang dimasukkan begitu saja ke dalam game berbasis cerita. Tanpa batasan, model akan dengan percaya diri mengarang fakta, menyimpang dari lore game, atau membocorkan quest karena pemain mengajukan pertanyaan pancingan yang tepat. Sebuah ulasan industri berpendapat—secara tepat—bahwa <a href="https://www.gameindustry.com/news-industry-happenings/the-hard-problem-of-ai-npcs-why-character-consistency-matters-more-than-intelligence/">konsistensi karakter lebih penting daripada kecerdasan mentah</a>: pemain dapat memaklumi NPC yang agak lamban, tetapi karakter yang bertentangan dengan perkataannya sendiri atau merusak fiksi akan langsung menghancurkan imersi. Dari sinilah skeptisisme pemain juga berasal. Banyak demo NPC AI terasa seperti berbicara dengan bot layanan pelanggan yang mengenakan kostum, dan pemain menyadarinya. Tim yang berhasil memperlakukan model sebagai penulis dialog yang bekerja di dalam sangkar aturan, bukan sebagai peramal yang serba tahu.</p>
<p>Beberapa pagar pengaman konkret sudah cukup untuk menangani sebagian besar masalah. Berikan kepada karakter hanya informasi yang semestinya diketahui agar ia tidak dapat membocorkan akhir cerita. Batasi panjang respons supaya karakter tetap sesuai peran dan tidak bermonolog. Pertahankan versi yang ditulis manual untuk semua hal yang menopang alur cerita, dan gunakan generasi hanya untuk memperkaya suasana: seruan singkat, basa-basi, reaksi, dan karakter sampingan. Tentukan sejak awal apakah NPC tertentu benar-benar membutuhkan percakapan bebas, karena banyak momen &quot;NPC AI&quot; sebenarnya lebih baik dilayani oleh pohon dialog bercabang yang lebih cerdas daripada panggilan langsung ke model.</p>
<h2>Cara mencobanya dalam game web</h2>
<p>Anda tidak memerlukan game engine yang banyak menggunakan GPU untuk bereksperimen. Jalur termudah adalah memanggil API model bahasa langsung dari backend game dengan system prompt yang mendefinisikan karakter dan memasukkan keadaan game saat ini, lalu menampilkan balasannya dalam kotak dialog. Ini dapat menjadi proyek akhir pekan dan memang begitulah sebagian besar prototipe browser dimulai. Jika Anda ingin platform yang menangani memori dan suara, <a href="https://convai.com/">Convai memiliki SDK web dan integrasi three.js</a> sehingga Anda dapat memasang karakter yang dapat berbicara ke dalam adegan browser tanpa harus membangun sendiri semua komponen penghubungnya.</p>
<p>Jika biaya atau privasi membuat Anda meninggalkan cloud, jalur sumber terbuka menjalankan model di perangkat milik pemain. <a href="https://blog.player2.game/p/building-ai-npcs-with-player2-api">WebLLM</a> menjalankan model bahasa kecil langsung di browser menggunakan WebGPU. Dengan demikian, tidak ada tagihan server dan tidak ada jeda jaringan setelah model selesai dimuat, tetapi konsekuensinya adalah unduhan awal yang lebih besar dan kebutuhan akan perangkat yang mumpuni. Menjalankan model lokal melalui perangkat seperti Ollama selama pengembangan juga menjadi cara murah untuk melakukan iterasi sebelum Anda berkomitmen kepada penyedia layanan terkelola. Apa pun pilihan Anda, buat batasannya terlebih dahulu: prompt karakter yang jelas, batas panjang yang tegas, dan daftar tetap berisi tindakan yang boleh dipicu oleh NPC.</p>
<p>Jika Anda lebih memilih melewati seluruh proses integrasi dan hanya ingin melihat karakter dengan kepribadian berbeda berjalan dalam browser, itulah kegunaan chat game Cinevva. Anda mendeskripsikan desa dan orang-orang di dalamnya, lalu agen akan membuat karakter beserta perilaku mereka di dalam adegan 3D yang dapat dimainkan, dibuka, dan diajak berbicara. Dengan demikian, Anda dapat merasakan apakah ide karakter AI tersebut menyenangkan sebelum berinvestasi dalam pipeline lengkap.</p>
<p><BuildCta
  title="Coba game berkarakter AI di browser Anda"
  desc="Deskripsikan para karakternya, lalu Cinevva membangun dunia yang dapat dimainkan dan dijelajahi melalui percakapan."
  prompt="Buat desa tempat saya dapat berbicara dengan karakter yang masing-masing memiliki kepribadian sendiri" /></p>
<h2>Pertanyaan Umum</h2>
<h3>Apa itu NPC AI?</h3>
<p>NPC AI adalah karakter nonpemain yang dialognya—dan terkadang perilakunya—dihasilkan oleh model bahasa saat gim berjalan, bukan ditulis terlebih dahulu oleh penulis. Anda mengetik atau berbicara kepadanya, lalu model membaca prompt yang mendeskripsikan karakter dan kondisi gim saat ini, kemudian menghasilkan jawaban secara langsung. Lapisan suara opsional menambahkan pengenalan ucapan agar NPC dapat mendengar Anda serta text-to-speech agar dapat membalas dengan suara.</p>
<h3>Apa alternatif Inworld terbaik pada 2026?</h3>
<p>Bagi sebagian besar developer, jawabannya adalah Convai, yang tetap berfokus sebagai platform NPC siap integrasi dengan dialog, suara, memori, dan plugin engine (Unity, Unreal, three.js, serta web) setelah Inworld beralih ke infrastruktur AI B2B. Jika Anda menginginkan kendali maksimal dan biaya lebih rendah, alternatif kuat lainnya adalah membuat solusi sendiri dengan memanggil API model bahasa atau menjalankan model lokal menggunakan system prompt dan batasan pengaman buatan Anda. Pilihan yang paling cocok bergantung pada apakah Anda lebih mengutamakan kemudahan atau kendali.</p>
<h3>Gim yang sudah dirilis mana saja yang benar-benar menggunakan NPC AI?</h3>
<p>Daftarnya singkat, tetapi nyata. Gim simulasi kehidupan inZOI dari Krafton menggunakan karakter AI yang berjalan di perangkat dan dibuat dengan NVIDIA ACE, serta sedang memperluas teknologi tersebut ke PUBG. MMO Where Winds Meet menambahkan percakapan LLM ke sejumlah karakter sampingan dengan batasan ketat mengenai tindakan yang dapat mereka lakukan. Gim indie seperti Suck Up! sepenuhnya dibangun di seputar percakapan dengan karakter bertenaga AI. Gim cerita beranggaran besar belum menyerahkan dialog misi utama kepada AI, sedangkan Neo NPCs dari Ubisoft masih berupa uji coba internal, bukan fitur yang telah dirilis.</p>
<h3>Berapa biaya operasional NPC AI?</h3>
<p>Setiap baris yang dihasilkan membutuhkan biaya setiap kali dibuat, tidak seperti dialog tertulis yang hanya perlu Anda bayar sekali. Platform terkelola menagih berdasarkan penggunaan: Convai mengenakan biaya per interaksi dengan paket gratis dan paket indie seharga $29 per bulan, sedangkan Inworld menagih per karakter ucapan dan per token teks. API langsung menagih per token. Biayanya sangat kecil untuk gim pemain tunggal berskala kecil, tetapi mahal untuk gim live dengan jutaan pemain harian yang melakukan percakapan terbuka. Karena itu, studio membatasi jumlah giliran percakapan AI yang benar-benar dapat terjadi.</p>
<h3>Apakah NPC AI terasa seperti gimmick bagi pemain?</h3>
<p>Sering kali ya, dan skeptisisme itu beralasan. Karakter AI tanpa batasan cenderung mengarang fakta, menyimpang dari cerita gim, atau terasa seperti chatbot berkostum, yang dengan cepat merusak imersi. Versi yang disambut baik oleh pemain dibatasi dengan ketat: kepribadian yang jelas, jawaban singkat yang sesuai karakter, serta tidak memiliki kemampuan untuk membocorkan alur atau bertentangan dengan dunia gim. Pelajaran dari contoh yang telah dirilis adalah bahwa konsistensi lebih penting daripada kecerdasan mentah.</p>
<h3>Apa cara termudah untuk menambahkan NPC AI ke gim web?</h3>
<p>Panggil API model bahasa dari backend gim Anda menggunakan system prompt yang mendefinisikan karakter dan menyertakan kondisi gim saat ini, lalu tampilkan jawabannya dalam kotak dialog. Prototipe seperti ini dapat dibuat dalam satu akhir pekan. Untuk menghindari biaya server, Anda dapat menjalankan model kecil di browser menggunakan WebLLM melalui WebGPU. Jika Anda ingin memori dan suara ditangani secara otomatis, Convai menyediakan SDK untuk web dan three.js. Apa pun pendekatannya, tentukan batasannya (prompt karakter, batas panjang, dan tindakan yang diizinkan) sebelum memikirkan modelnya.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/ai-game-generators-2026">Generator Gim AI Terbaik pada 2026</a> — alat yang membuat gim siap dimainkan dari sebuah prompt</li>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Gim dengan AI (Tanpa Coding)</a> — proses pembuatan lengkap dari awal hingga akhir</li>
<li><a href="/id/guides/ai-voice-acting-games">Pengisi Suara AI untuk Gim</a> — lapisan text-to-speech yang memberikan suara kepada NPC AI</li>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Frontier</a> — model bahasa yang menangani percakapan di balik layar</li>
<li><a href="/id/guides/vibe-coding-games">Vibe Coding untuk Gim: Pengertian dan Cara Memulainya</a> — pola pikir prototipe cepat untuk menguji ide seperti ini</li>
<li><a href="/id/guides/co-op-game-design">Desain Gim Co-op</a> — merancang karakter yang berbagi dunia dengan pemain</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Akting Suara AI untuk Game: Alat, Biaya, dan Aturannya (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-voice-acting-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-voice-acting-games</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Akting suara AI untuk game pada 2026: biaya ElevenLabs dan alternatifnya, hal yang diizinkan oleh lisensi komersial untuk dirilis, serta aturan serikat pekerja dan Steam.]]></description>
            <content:encoded><![CDATA[<h1>Akting Suara AI untuk Game: Alat, Biaya, dan Aturannya (2026)</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>Ya, Anda bisa menggunakan suara yang dihasilkan AI dalam game komersial, dan bagi kebanyakan developer solo serta studio kecil, biayanya murah. Paket berbayar pada alat seperti <a href="https://elevenlabs.io/pricing">ElevenLabs</a> dimulai dari $6 per bulan dan disertai lisensi komersial, sehingga dialog yang Anda hasilkan boleh disertakan dalam game yang dijual. Biaya <a href="https://texttolab.com/blog/openai-tts-pricing">API text-to-speech OpenAI</a> sekitar $0,015 per menit audio dan juga diizinkan untuk penggunaan komersial. Model sumber terbuka berlisensi permisif seperti Piper dan Kokoro tidak memerlukan biaya untuk dijalankan dan boleh disertakan dalam produk komersial, sedangkan model lain seperti XTTS v2 bersifat nonkomersial. Jadi, lisensi model menentukan apa yang boleh Anda jual. Untuk game indie biasa dengan beberapa ratus baris dialog, biaya generasinya berkisar dari gratis hingga sekitar $20 sampai $30.</p>
<p>Masalahnya bukan biaya, melainkan aturan dan tanggapan pemain. Paket gratis hampir tidak pernah mengizinkan penggunaan komersial dan biasanya mewajibkan atribusi pada hasilnya. Jadi, alat &quot;gratis&quot; yang boleh digunakan untuk merilis game adalah alat yang lisensinya secara tegas mengizinkannya. Mengkloning suara orang sungguhan tanpa izin justru berpotensi membuat Anda digugat atau game Anda dihapus dari toko, bukan menghemat waktu. Steam mengharuskan Anda <a href="https://www.pcgamer.com/software/ai/steam-updates-ai-disclosure-form-to-specify-that-its-focused-on-ai-generated-content-that-is-consumed-by-players-not-efficiency-tools-used-behind-the-scenes/">mengungkapkan konten AI yang ditampilkan kepada pemain</a>, termasuk dialog suara AI, pada halaman toko Anda. Dan pemain bisa mengetahuinya. Sejumlah game pada 2025 dan 2026 menuai kecaman nyata karena menggunakan suara AI. Jadi, memperlakukannya sebagai cara diam-diam untuk menghemat biaya, alih-alih sebagai pilihan kreatif, merupakan kekeliruan. Panduan ini membahas berbagai alat, biaya sebenarnya, aturan serikat pekerja dan toko, serta kapan Anda sebaiknya mempekerjakan manusia.</p>
<h2>Referensi singkat: perbandingan alat</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Harga (2026)</th>
<th>Lisensi komersial</th>
<th>Kebijakan kloning suara</th>
<th>Catatan kualitas</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://elevenlabs.io/pricing">ElevenLabs</a></td>
<td>Paket gratis, lalu $6/bulan (Starter) hingga $99/bulan (Pro)</td>
<td>Hanya paket berbayar, berlaku selamanya bahkan setelah Anda berhenti berlangganan</td>
<td>Kloning instan pada Starter, kloning profesional pada Creator+, persetujuan wajib untuk suara orang sungguhan</td>
<td>Emosi dan penyampaian terbaik di kelasnya, pilihan utama untuk dialog game</td>
</tr>
<tr>
<td><a href="https://texttolab.com/blog/openai-tts-pricing">OpenAI TTS</a> (gpt-4o-mini-tts)</td>
<td>Sekitar $0,015/menit audio, bayar sesuai pemakaian</td>
<td>Ya, berdasarkan kebijakan penggunaan OpenAI</td>
<td>Hanya suara preset, tanpa kloning</td>
<td>Murah, alami, cocok untuk volume besar, tetapi lebih sulit diarahkan</td>
</tr>
<tr>
<td><a href="https://murf.ai/">Murf</a></td>
<td>Paket berbayar mencakup hak komersial</td>
<td>Semua paket berbayar</td>
<td>Kloning tersedia pada paket yang lebih tinggi</td>
<td>Cepat (model Falcon berlatensi rendah), narasi bergaya studio</td>
</tr>
<tr>
<td><a href="https://www.resemble.ai/">Resemble AI</a></td>
<td>Paket berbayar, ditambah Chatterbox sumber terbuka</td>
<td>Ya pada paket berbayar, ditambah Chatterbox berlisensi MIT</td>
<td>Kloning merupakan fitur utama, persetujuan wajib</td>
<td>Chatterbox memiliki kontrol &quot;exaggeration&quot; yang cocok untuk karakter game</td>
</tr>
<tr>
<td><a href="https://huggingface.co/coqui/XTTS-v2">XTTS v2</a> (Coqui)</td>
<td>Gratis, dihosting sendiri</td>
<td>CPML, bobot nonkomersial, hanya untuk penggunaan prototipe</td>
<td>Mengkloning dari sekitar 6 detik audio, 17 bahasa</td>
<td>Kloning multibahasa lokal sumber terbuka terbaik, memerlukan GPU</td>
</tr>
<tr>
<td><a href="https://github.com/rhasspy/piper">Piper</a></td>
<td>Gratis, dihosting sendiri</td>
<td>Permisif, boleh disertakan dalam produk</td>
<td>Suara preset, tanpa kloning</td>
<td>Berjalan secara real-time pada CPU, sangat cocok untuk sistem tertanam atau perangkat berspesifikasi rendah</td>
</tr>
</tbody>
</table>
<p>Harga dan ketentuan dapat berubah, jadi pastikan untuk memeriksa lisensi terkini di halaman resmi penyedia sebelum membangun pipeline berdasarkan alat tersebut. Bagian selanjutnya dalam panduan ini menjelaskan arti praktis setiap baris di atas bagi game yang ingin Anda jual.</p>
<h2>Berbagai alat dan kegunaan terbaiknya</h2>
<p><strong>ElevenLabs</strong> adalah alat yang dipilih oleh kebanyakan developer game, dan ada alasan kuat untuk itu. Alat ini menangani rentang emosi serta tempo alami dengan lebih baik dibandingkan alternatifnya. Hal tersebut penting ketika sebuah dialog harus terdengar ketakutan, sarkastis, atau kelelahan, bukan sekadar dibacakan. <a href="https://help.elevenlabs.io/hc/en-us/articles/13313564601361-Can-I-publish-the-content-I-generate-on-the-platform">Paket gratis memberi Anda 10.000 kredit per bulan, tetapi tidak memberikan hak komersial dan mewajibkan atribusi</a>, sehingga hanya cocok untuk pengujian. <a href="https://elevenlabs.io/pricing">Paket Starter seharga $6 per bulan menambahkan lisensi komersial dan 30.000 kredit</a>, yang setara dengan sekitar 30 menit ucapan karena satu karakter teks memerlukan satu kredit pada model standar. Creator seharga $22 memberi Anda sekitar 121.000 kredit dan kloning suara profesional, sedangkan Pro seharga $99 memberi Anda 600.000 kredit. Untuk kebanyakan game kecil, paket $6 atau $22 sudah lebih dari cukup.</p>
<p><strong>Text-to-speech OpenAI</strong> adalah pilihan paling ekonomis. Biaya <a href="https://tokenmix.ai/blog/gpt-4o-mini-tts-cheapest-tts-api-2026">model gpt-4o-mini-tts sekitar $0,015 per menit audio yang dihasilkan</a>, ditagihkan melalui API, dan penggunaan komersial diizinkan berdasarkan kebijakan penggunaan OpenAI. Anda mendapatkan serangkaian suara preset tanpa fitur kloning. Alat ini juga tidak semudah ElevenLabs untuk diarahkan, tetapi harganya sulit ditandingi jika Anda perlu menghasilkan ratusan dialog singkat dan seruan. Ini merupakan pilihan tepat untuk dialog berjumlah besar dengan kepentingan yang lebih rendah.</p>
<p><strong>Murf</strong> lebih menyasar pengguna narasi studio. Semua paket berbayarnya <a href="https://undetectr.com/blog/ai-voice-generator-free">mencakup hak komersial</a>, dan model Falcon terbarunya dibuat untuk latensi rendah, <a href="https://murf.ai/">dilaporkan sekitar 55 ms dalam pengujian independen</a>. Hal ini lebih penting bagi agen interaktif daripada dialog game yang dibuat sebelumnya. <strong>Resemble AI</strong> patut diketahui karena dua alasan: produk berbayarnya mengutamakan kloning, dan perusahaan tersebut juga menerbitkan <a href="https://findskill.ai/blog/best-open-source-tts-2026/">Chatterbox</a>, model sumber terbuka dengan lisensi permisif serta parameter &quot;exaggeration&quot; yang dapat mendorong suara ke arah karikatur. Fitur ini benar-benar berguna untuk karakter dan makhluk dalam game.</p>
<p>Di ranah sumber terbuka, <strong>XTTS v2</strong> dari Coqui yang kini sudah berhenti beroperasi masih <a href="https://localaimaster.com/models/coqui-tts">dianggap sebagai mesin kloning suara multibahasa lokal terbaik pada 2026</a>. Model ini dapat mengkloning suara dari audio berdurasi sekitar enam detik dalam 17 bahasa dan terus bertahan melalui fork komunitas meskipun <a href="https://apatero.com/blog/open-source-text-to-speech-models-beyond-elevenlabs-2026">perusahaannya tutup pada Januari 2024</a>. Namun, perlakukan model ini hanya sebagai alat prototipe: bobot modelnya dirilis berdasarkan lisensi CPML milik Coqui yang bersifat nonkomersial, sehingga secara hukum Anda tidak boleh menggunakannya dalam game yang dijual. <strong>Piper</strong> berada di ujung spektrum yang berlawanan: <a href="https://www.bentoml.com/blog/exploring-the-world-of-open-source-text-to-speech-models">alat ini berjalan secara real-time pada CPU tanpa GPU</a>, sehingga cocok untuk sistem tertanam, perangkat berspesifikasi rendah, atau pembuatan suara secara runtime di dalam game. <strong>Bark</strong> berlisensi MIT dan dapat menghasilkan suara nonverbal seperti tawa dan desahan, sedangkan <strong>Kokoro</strong> merupakan opsi ringan yang mengutamakan bahasa Inggris dan boleh disertakan dalam produk komersial. Untuk modding bergaya Skyrim, alat seperti <strong>xVASynth</strong> sudah lama menjadi standar komunitas dalam membuat dialog NPC khusus. Namun, jika Anda seorang modder, periksa ketentuan game dasar dan alat tersebut sebelum mendistribusikannya.</p>
<p>Satu catatan mengenai industri ini: <a href="https://undetectr.com/blog/ai-voice-generator-free">Play.ht diakuisisi oleh Meta pada pertengahan 2025 dan dilaporkan berhenti beroperasi pada akhir tahun tersebut</a>. Jadi, jika Anda melihatnya direkomendasikan dalam artikel lama, abaikan saja.</p>
<h2>Biaya dalam praktik</h2>
<p>Angka biaya per menit dan per karakter hanya memberi gambaran terbatas, jadi mari lihat perhitungan sebenarnya. Game naratif pendek dengan, misalnya, 300 baris dialog yang rata-rata terdiri atas 12 kata menghasilkan sekitar 21.600 karakter. Di ElevenLabs, jumlah tersebut masih berada di bawah jatah bulanan paket Starter. Jadi, anggaran suara untuk seluruh game hanya $6, atau $22 jika Anda menginginkan suara hasil kloning atau berkualitas lebih tinggi. Dengan API OpenAI, naskah yang sama hanya menghasilkan audio selama beberapa menit dengan biaya jauh di bawah satu dolar. Model sumber terbuka tidak memerlukan biaya selain komputasi dan waktu Anda sendiri.</p>
<p>Biaya sebenarnya mulai meningkat karena iterasi dan skala. Anda jarang mendapatkan hasil dialog yang tepat pada generasi pertama. Mengulangi penyampaian, menyesuaikan penekanan, dan membuat ulang audio setelah perubahan naskah semuanya menghabiskan kredit. RPG dengan banyak dialog, ribuan baris, beberapa take untuk setiap dialog, dan sejumlah bahasa dapat mendorong Anda ke paket $99 atau pengeluaran API yang cukup besar. Meski begitu, Anda masih membandingkan biaya puluhan atau ratusan dolar dengan ribuan dolar yang diperlukan untuk seluruh pemeran manusia. Penjelasan yang jujur adalah bahwa suara AI murah untuk proses generasi mentah dan hanya menjadi mahal jika dibandingkan dengan dirinya sendiri, bukan jika dibandingkan dengan biaya mempekerjakan pemeran dari serikat pekerja. Jika anggaran Anda nol, paket gratis dapat digunakan untuk membuat prototipe, sedangkan model sumber terbuka memungkinkan Anda membuat game yang dapat dirilis selama lisensinya dipatuhi.</p>
<h2>Lisensi dan aturan serikat pekerja</h2>
<p>Bagian ini sering membuat orang keliru, jadi bacalah dengan saksama. Ada dua persoalan lisensi yang berbeda dan keduanya mudah tertukar.</p>
<p>Pertama adalah lisensi alat, yang menentukan apakah Anda boleh menjual hasil yang dibuat. Pada paket berbayar ElevenLabs, Murf, Resemble, dan OpenAI, jawabannya adalah ya. Khusus untuk ElevenLabs, Anda <a href="https://terms.law/ai-output-rights/elevenlabs/">tetap memiliki hak komersial atas audio yang dibuat selama masa langganan berbayar, bahkan setelah langganan dibatalkan</a>. Ada dua hal yang perlu diketahui dalam ketentuan lengkapnya: Anda tetap harus memiliki hak atas naskah dan konten yang mendasarinya, dan penyedia seperti ElevenLabs <a href="https://terms.law/ai-output-rights/elevenlabs/">tetap memiliki lisensi untuk menggunakan konten hasil generasi Anda guna melatih serta meningkatkan model mereka</a>. Paket gratis merupakan jebakannya karena biasanya melarang penggunaan komersial dan mewajibkan atribusi. Jadi, game yang dirilis dengan hasil dari paket gratis melanggar ketentuan. Untuk model sumber terbuka, lisensi melekat pada model tertentu, bukan pada kategori alatnya. Karena itu, periksa apakah model tersebut menggunakan lisensi MIT, Apache, atau lisensi lain yang memiliki klausul nonkomersial sebelum Anda membangun produk dengannya.</p>
<p>Persoalan kedua adalah suara itu sendiri. Menghasilkan suara preset atau sintetis tidak bermasalah. Mengkloning suara orang sungguhan tanpa persetujuan merupakan tindakan bermasalah yang mengandung risiko hukum dan persoalan etika. Di sinilah aturan serikat pekerja berlaku. Setelah mogok kerja selama hampir setahun, <a href="https://deadline.com/2025/07/sag-aftra-video-game-agreement-approved-strike-1236453741/">anggota SAG-AFTRA meratifikasi Interactive Media Agreement baru pada 9 Juli 2025 dengan 95% suara</a>, yang secara resmi mengakhiri <a href="https://en.wikipedia.org/wiki/2024%E2%80%932025_SAG-AFTRA_video_game_strike">mogok kerja industri video game yang dimulai pada Juli 2024</a>. Ketentuan AI dalam perjanjian tersebut mewajibkan <a href="https://variety.com/2025/gaming/news/video-game-actors-strike-contract-ratified-sag-aftra-1236451291/">persetujuan, pengungkapan, dan kompensasi sebelum replika suara digital seorang penampil digunakan</a>. Perjanjian itu juga memungkinkan penampil menangguhkan persetujuan untuk pembuatan materi AI baru selama mogok kerja.</p>
<p>Jika Anda seorang developer indie yang menggunakan suara preset sintetis, kontrak tersebut tidak secara langsung mengikat Anda karena kontrak itu mengatur studio penanda tangan yang bekerja dengan penampil anggota serikat. Namun, kontrak tersebut menetapkan standar yang kini digunakan untuk menilai semua pihak: dapatkan persetujuan tegas yang disertai pembayaran sebelum mengkloning suara manusia sungguhan. Jangan mengambil demo suara seorang pengisi suara atau klip seorang streamer untuk melatih model. Perjuangan serikat pekerja tersebut secara khusus menyangkut penampil yang digantikan oleh AI yang dilatih menggunakan karya mereka sendiri tanpa izin. Melakukan hal itu sebagai studio kecil menghadirkan risiko hukum sekaligus ranjau reputasi.</p>
<h2>Persyaratan pengungkapan</h2>
<p>Jika merilis game di Steam, Anda wajib mengungkapkan konten suara AI. <a href="https://finance.biggo.com/news/202601171220_Steam_AI_Disclosure_Update_Focuses_on_Player_Content">Kebijakan pengungkapan AI Valve telah berlaku sejak awal 2024 dan diperbarui pada 17 Januari 2026</a> agar secara khusus berfokus pada konten hasil AI yang disertakan bersama game dan <a href="https://www.pcgamer.com/software/ai/steam-updates-ai-disclosure-form-to-specify-that-its-focused-on-ai-generated-content-that-is-consumed-by-players-not-efficiency-tools-used-behind-the-scenes/">dinikmati oleh pemain, bukan alat efisiensi yang digunakan di balik layar</a>. Dialog suara AI secara eksplisit termasuk dalam cakupannya. Kebijakan tersebut membedakan konten yang dibuat sebelumnya, yaitu konten yang sudah disertakan dalam unduhan seperti dialog suara dan gambar AI, dari konten yang dibuat secara live, yaitu ketika game menghasilkan dialog secara langsung dan Anda diwajibkan menerapkan batasan pengaman terhadap hasil ilegal atau ofensif. Pengungkapan Anda akan muncul pada halaman toko di bagian &quot;About This Game&quot; dan dapat dilihat pemain sebelum membeli.</p>
<p>Makna praktisnya: jika Anda menggunakan AI untuk menghasilkan dialog suara yang disertakan dalam game, centang kotak konten yang dibuat sebelumnya dan jelaskan dengan jujur. Jika NPC Anda menghasilkan dialog saat runtime, konten tersebut termasuk hasil yang dibuat secara live dan memiliki kewajiban tambahan untuk menerapkan batasan pengaman. Platform lain saat ini belum memiliki aturan seformal Steam mengenai pengungkapan suara khusus game, tetapi arah industrinya menuju pelabelan yang lebih luas, bukan lebih sedikit. Bersikap terbuka juga cenderung diterima lebih baik oleh pemain daripada ketahuan belakangan. Selain aturan toko, beberapa komunitas dan ajang penghargaan memiliki batasan sendiri: <a href="https://www.notebookcheck.net/Indie-Game-Awards-disqualify-Clair-Obscur-Expedition-33-after-generative-AI-controversy.1189979.0.html">Indie Game Awards mendiskualifikasi salah satu nomine pada 2025 setelah penggunaan AI generatif terungkap</a>. Jadi, jika Anda menargetkan festival atau etalase tertentu, baca juga kebijakannya.</p>
<h2>Tips alur kerja</h2>
<p>Perbedaan antara suara AI yang terdengar seperti suara dalam game dan suara AI yang terdengar seperti sistem telepon otomatis sebagian besar terletak pada pengarahannya. Tulis dialog sesuai cara yang Anda inginkan saat dibawakan, dengan tanda baca yang benar-benar berperan, karena koma, elipsis, dan jeda baris lebih memengaruhi tempo dibandingkan pengaturan apa pun. Buat beberapa versi untuk setiap dialog penting lalu pilih yang terbaik, sama seperti yang dilakukan sutradara dengan aktor manusia. Pertahankan suara yang konsisten untuk setiap karakter di seluruh naskah, dan catat ID suara serta pengaturan persis yang digunakan agar dialog yang dibuat ulang tiga bulan kemudian tetap terdengar selaras.</p>
<p>Buat suara secara massal setelah naskah stabil daripada terus-menerus membuat ulang selama proses penulisan, karena di situlah kredit dan waktu cepat terkuras. Untuk momen emosional, beberapa alat memungkinkan Anda mengarahkan nada dengan instruksi singkat atau kontrol emosi. Sebaiknya curahkan upaya Anda pada bagian tersebut dan biarkan seruan-seruan sekali pakai dibuat secara otomatis. Pertahankan tingkat kenyaringan dan format sulih suara yang sama dengan audio lainnya agar dialog, <a href="/id/guides/free-sound-effects-music">musik, dan efek suara</a> berpadu dengan baik dalam proses mixing. Uji juga suara tersebut kepada pemain sungguhan sejak awal, karena penyampaian datar yang tak lagi Anda sadari setelah mendengarnya untuk kelima puluh kali justru menjadi hal pertama yang diperhatikan pemain baru.</p>
<h2>Kapan sebaiknya menggunakan aktor manusia</h2>
<p>Suara AI adalah alat, bukan pengganti sebuah penampilan, dan developer yang menggunakannya dengan baik bersikap jujur mengenai hal itu. Bahkan <a href="https://gamerant.com/arc-raiders-controversial-ai-voice-change/">Embark Studios, yang merilis ARC Raiders dengan dialog buatan AI pada Oktober 2025, mengganti banyak dialog tersebut dengan penampilan aktor manusia setelah peluncuran</a>, sementara CEO studio tersebut menyatakan dengan terus terang bahwa terdapat perbedaan kualitas antara AI dan aktor profesional sungguhan. Itulah pertandanya. Jika suara karakter menjadi bagian utama dari identitas game Anda, jika Anda mengandalkan akting emosional yang halus, atau jika audiens Anda cenderung mencermati dan mengecam suara AI, pekerjakan aktor manusia. Aktor sungguhan menghadirkan interpretasi, improvisasi, dan kekhasan yang masih sekadar didekati, belum dapat ditandingi, oleh model saat ini.</p>
<p>Gunakan suara AI di bagian yang benar-benar sesuai: pembuatan prototipe dan trek sementara agar Anda dapat mendengar pengaturan waktu dialog sebelum berkomitmen, dialog fungsional bervolume tinggi seperti percakapan radio dan seruan umum, suara pengganti sementara yang akan Anda ganti nanti, proyek solo tanpa anggaran yang alternatifnya hanyalah keheningan, serta fitur aksesibilitas seperti membacakan teks UI. Jalan tengah yang umum adalah membuat semuanya dengan AI untuk menyempurnakan naskah dan pengaturan waktu, lalu mendatangkan aktor manusia untuk dialog yang menjadi inti game. Dengan begitu, Anda menggunakan anggaran sulih suara pada bagian yang memberikan dampak terbesar dan membiarkan AI menangani sisanya.</p>
<p><BuildCta
  title="Buat gamenya dahulu, lalu tentukan suaranya"
  desc="Cinevva mengubah prompt menjadi game yang dapat dimainkan di browser Anda, lengkap dengan efek suara dan musik yang dibuatkan untuk Anda. Sulih suara dapat Anda tambahkan menggunakan alat-alat di atas."
  prompt="Buat game petualangan naratif singkat dengan dialog bercabang" /></p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah penggunaan suara AI dalam game komersial legal?</h3>
<p>Ya, selama Anda menggunakan alat yang lisensinya mengizinkan penggunaan komersial dan tidak mengkloning suara orang sungguhan tanpa persetujuan mereka. Paket berbayar ElevenLabs, OpenAI, Murf, dan Resemble semuanya menyertakan hak penggunaan komersial, sedangkan model sumber terbuka berlisensi permisif seperti Piper dan Bark dapat dirilis secara gratis. Ada dua cara yang dapat menimbulkan masalah: merilis hasil dari paket gratis yang melarang penggunaan komersial dan mewajibkan atribusi, atau melatih suara menggunakan rekaman aktor sungguhan tanpa izin. Keduanya dapat dihindari.</p>
<h3>Berapa biaya sulih suara AI untuk sebuah game?</h3>
<p>Lebih murah daripada perkiraan kebanyakan orang. Game singkat dengan beberapa ratus dialog dapat dibuat menggunakan paket Starter ElevenLabs seharga $6 per bulan atau dengan biaya kurang dari satu dolar melalui API OpenAI, sedangkan model sumber terbuka dapat dijalankan secara gratis di perangkat keras Anda sendiri. RPG yang sarat dialog, dengan ribuan baris dan banyak bahasa, mungkin mengharuskan Anda menggunakan paket seharga $99 atau menghabiskan API hingga ratusan dolar. Bahkan pada kisaran tertinggi, biaya tersebut hanya sebagian kecil dari biaya seluruh jajaran pengisi suara manusia.</p>
<h3>Apakah saya harus mengungkapkan penggunaan sulih suara AI di Steam?</h3>
<p>Ya. Kebijakan pengungkapan AI Steam mewajibkan Anda menyatakan konten buatan AI yang disertakan dalam game dan dinikmati pemain, dan dialog suara AI secara eksplisit termasuk di dalamnya. Pengungkapan tersebut muncul di halaman toko Anda pada bagian &quot;Tentang Game Ini&quot;. Sejak pembaruan Januari 2026, alat di balik layar yang tidak menghasilkan konten untuk pemain bukanlah fokus utamanya, tetapi dialog suara yang benar-benar didengar pemain termasuk di dalamnya. Jika game Anda menghasilkan dialog secara langsung saat runtime, hal tersebut masuk dalam kategori terpisah yang juga memerlukan pengamanan keselamatan.</p>
<h3>Dapatkah saya mengkloning suara aktor atau selebritas sungguhan untuk game saya?</h3>
<p>Tidak tanpa persetujuan eksplisit dan berbayar dari mereka. Mengkloning suara orang sungguhan tanpa izin dapat membuat Anda menghadapi tuntutan hukum terkait hak atas kemiripan dan publisitas, dan praktik inilah yang ingin dihentikan oleh perjanjian video game SAG-AFTRA. Kontrak tahun 2025 mewajibkan persetujuan, pengungkapan, dan kompensasi untuk replika suara digital para penampil. Meskipun Anda adalah developer indie yang tidak terikat kontrak tersebut, risiko hukum dan reputasi akibat kloning tanpa izin tetap nyata. Gunakan suara sintetis bawaan atau lisensikan suara dengan benar.</p>
<h3>Akankah pemain tahu bahwa saya menggunakan suara AI, dan apakah mereka akan keberatan?</h3>
<p>Sering kali jawaban untuk keduanya adalah ya. Pemain makin mahir mengenali penyampaian text-to-speech saat ini yang datar dan terasa sedikit janggal, dan beberapa game pada 2025 dan 2026 mendapat reaksi negatif publik karena suara AI, hingga beberapa developer membatalkan keputusan tersebut setelah peluncuran. Hal ini tidak berlaku secara universal, dan dialog fungsional atau suara yang jelas-jelas bergaya cenderung mendapat lebih sedikit kritik dibandingkan karakter utama yang membacakan dialog emosional. Bersikaplah jujur dalam pengungkapan Anda, gunakan AI di bagian yang sesuai alih-alih di bagian yang jelas-jelas tidak cocok, dan pertimbangkan aktor manusia untuk suara yang menentukan identitas game Anda.</p>
<h3>Apa alat suara AI gratis terbaik untuk game?</h3>
<p>Untuk game komersial yang siap dirilis tanpa anggaran, gunakan model sumber terbuka berlisensi permisif karena paket gratis dari alat berbayar melarang penggunaan komersial. Piper dapat berjalan pada CPU biasa dan sangat cocok untuk perangkat berspesifikasi rendah atau pembuatan suara saat runtime, sementara Bark dan Kokoro sama-sama mudah disertakan dalam rilis. XTTS v2 menawarkan kloning suara multibahasa terbaik jika Anda memiliki GPU, tetapi hanya cocok untuk prototipe, bukan untuk dirilis: bobot modelnya menggunakan lisensi CPML milik Coqui yang bersifat nonkomersial. Pastikan dahulu lisensi model tertentu sebelum menggunakannya sebagai dasar proyek, karena &quot;sumber terbuka&quot; tidak selalu berarti &quot;penggunaan komersial diizinkan&quot;.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/ai-music-generators-games">Generator Musik AI Terbaik untuk Game</a> — pertanyaan yang sama mengenai alat untuk soundtrack Anda</li>
<li><a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a> — tempat mendapatkan audio lainnya secara legal</li>
<li><a href="/id/guides/ai-npcs-dialogue">NPC dan Dialog AI</a> — membuat percakapan, bukan sekadar membacakannya</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI untuk Game</a> — karya visual, model, dan audio dari sebuah prompt</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> — arti sebenarnya dari komersial, CC0, dan bebas royalti</li>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Game dengan AI (Tanpa Coding)</a> — buat game yang akan menggunakan suara-suara tersebut</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Sprite 2D, Pixel Art, dan Tileset Gratis Terbaik untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/free-2d-sprites-tilesets</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/free-2d-sprites-tilesets</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Sprite 2D, pixel art, dan tileset gratis terbaik pada 2026: sumber CC0 seperti Kenney, OpenGameArt, kreator itch.io, dan generator AI, lengkap dengan penjelasan lisensinya.]]></description>
            <content:encoded><![CDATA[<h1>Sprite 2D, Pixel Art, dan Tileset Gratis Terbaik untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Tempat terbaik untuk mendapatkan sprite 2D, pixel art, dan tileset gratis untuk game adalah Kenney (lebih dari 60.000 aset CC0), OpenGameArt (saring berdasarkan lisensi), serta sejumlah kreator <a href="http://itch.io">itch.io</a> seperti Pixel Frog, Ansimuz, dan 0x72 yang merilis paket lengkap di bawah lisensi CC0. Semuanya aman digunakan dalam game komersial tanpa perlu atribusi. Berikut setiap sumber yang layak ditandai pada 2026, dengan ketentuan lisensi yang telah diverifikasi agar Anda tidak perlu menebak-nebak.</p>
<p>Jika ingin langsung menjelajah alih-alih membaca, kami menyediakan halaman berisi <a href="/game-assets/free-platformer-sprites">sprite platformer</a>, <a href="/game-assets/free-tilesets">tileset</a>, <a href="/game-assets/free-ui-sprites">sprite UI</a>, dan <a href="/game-assets/free-game-icons">ikon game</a> gratis.</p>
<figure class="sample-sheet">
<a href="/id/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-pixel-tiles.jpg" alt="Sprite pixel art dari paket CC0 Kenney: astronaut, pintu ruang bawah tanah, pesawat shmup, dan tile platformer" loading="lazy"></a>
<figcaption>Karakter, pesawat, tile, dan properti pixel art dari paket pixel CC0 Kenney. <a href="/id/assets?providers=kenney">Jelajahi semuanya di pustaka aset</a>.</figcaption>
</figure>
<h2>Pilihan cepat</h2>
<p>Setiap sumber di bawah ini menyediakan aset pixel art gratis yang dapat Anda gunakan dalam game komersial. Perbedaannya terletak pada gaya, kelengkapan, dan persyaratan lisensinya.</p>
<ul>
<li><strong>Sumber serba ada, gaya konsisten, tanpa risiko lisensi:</strong> Kenney (CC0).</li>
<li><strong>Paket platformer lengkap dengan karakter beranimasi:</strong> Pixel Frog dan Ansimuz di <a href="http://itch.io">itch.io</a> (CC0).</li>
<li><strong>Tile dan karakter dungeon crawler:</strong> DungeonTileset II dari 0x72 (CC0).</li>
<li><strong>Tile RPG top-down:</strong> Cainos di <a href="http://itch.io">itch.io</a>, atau koleksi LPC di OpenGameArt.</li>
<li><strong>Ribuan ikon UI dan inventaris:</strong> <a href="http://Game-icons.net">Game-icons.net</a> (CC BY 3.0, wajib mencantumkan kredit).</li>
<li><strong>Gambar sendiri:</strong> Aseprite (berbayar), Libresprite atau Piskel (gratis).</li>
<li><strong>Buat aset yang tidak dapat Anda temukan:</strong> <a href="/id/tools/flux">Generator Gambar</a> Cinevva untuk concept art, latar belakang, dan ikon item, langsung di browser dengan akun gratis.</li>
</ul>
<h2>Referensi Cepat</h2>
<table>
<thead>
<tr>
<th>Kebutuhan</th>
<th>Sumber Terbaik</th>
<th>Lisensi</th>
<th>Atribusi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sprite dan tile platformer</td>
<td>Kenney, Pixel Frog</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Tileset dungeon pixel art</td>
<td>0x72</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Tile RPG top-down</td>
<td>Cainos, LPC (OpenGameArt)</td>
<td>Gratis / CC-BY-SA + GPL</td>
<td>Tidak ada / kredit + berbagi serupa</td>
</tr>
<tr>
<td>Arsip besar yang dapat ditelusuri</td>
<td>OpenGameArt</td>
<td>CC0 hingga CC-BY-SA</td>
<td>Bergantung pada filter</td>
</tr>
<tr>
<td>Paket bertema yang dipoles</td>
<td>Gratisan CraftPix</td>
<td>Lisensi CraftPix</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>UI game dan ikon item</td>
<td><a href="http://Game-icons.net">Game-icons.net</a></td>
<td>CC BY 3.0</td>
<td>Wajib</td>
</tr>
<tr>
<td>Palet dan teknik</td>
<td>Lospec</td>
<td>Bervariasi</td>
<td>tidak berlaku</td>
</tr>
</tbody>
</table>
<h2>Andalan CC0: Kenney</h2>
<figure class="sample-sheet">
<a href="/id/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-sprites.jpg" alt="Contoh sprite 2D CC0 dari Kenney: karakter astronaut, pesawat luar angkasa, tile pixel, emote hati, dan alien" loading="lazy"></a>
<figcaption>Sekilas ragam aset 2D Kenney: karakter, pesawat, tile, dan emote, semuanya CC0. <a href="/id/assets?providers=kenney">Jelajahi sprite Kenney di pustaka aset</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://kenney.nl">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (domain publik), tidak memerlukan atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 60.000 aset dalam 200+ paket (menurut <a href="https://kenney.itch.io/kenney-game-assets">daftar All-in-1</a> Kenney), dengan lebih dari 100 paket hanya di bagian 2D</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Sprite PNG dan spritesheet, serta sumber vektor dalam banyak paket</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, ZIP gratis untuk setiap paket</td>
</tr>
</tbody>
</table>
<p>Kenney adalah titik awal terbaik untuk ilustrasi game 2D, jauh mengungguli pilihan lainnya. Semuanya berlisensi CC0, semuanya sudah dipotong menjadi spritesheet yang siap digunakan dalam game, dan paket-paket dalam satu keluarga gaya saling cocok. Jadi, Anda dapat memadukan New Platformer Pack dengan UI Pack dan Input Prompts tanpa membuat gaya visualnya bertabrakan. Seri Tiny (Tiny Town, Tiny Farm, Tiny Dungeon) merupakan pilihan favorit untuk game top-down 16x16, sedangkan Roguelike Characters menyediakan ratusan karakter mungil dalam satu lembar. Sprite Kenney juga <a href="/id/assets?providers=kenney">dapat ditelusuri di dalam pustaka aset Cinevva</a>.</p>
<figure class="sample-sheet">
<a href="/id/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-ui.jpg" alt="Elemen UI CC0 Kenney: tombol, ikon gamepad, petunjuk tombol, tanda centang, kartu item, medali, dan crosshair" loading="lazy"></a>
<figcaption>Tombol, ikon, petunjuk input, crosshair, dan kartu item dari paket UI CC0 Kenney. <a href="/id/assets?providers=kenney">Jelajahi paket UI di pustaka aset</a>.</figcaption>
</figure>
<h2>OpenGameArt</h2>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://opengameart.org">opengameart.org</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Per aset: CC0, OGA-BY, CC-BY, CC-BY-SA, GPL, domain publik</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan kiriman 2D, digerakkan oleh komunitas sejak 2009</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>PNG, spritesheet, dan berkas sumber yang berbeda-beda untuk setiap kiriman</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, berkas dilampirkan pada setiap halaman kiriman</td>
</tr>
</tbody>
</table>
<p>OpenGameArt adalah arsip ilustrasi game gratis tertua yang masih beroperasi, dan tetap aktif pada 2026 dengan art jam rutin serta kiriman baru. Kualitasnya sangat bervariasi, jadi kuncinya adalah filter lisensi situs tersebut: <a href="https://opengameart.org/art-search-advanced">pencarian lanjutan</a> menyediakan satu kotak centang untuk setiap lisensi yang diizinkan (CC0, CC-BY 3.0 dan 4.0, CC-BY-SA 3.0 dan 4.0, OGA-BY 3.0 dan 4.0, GPL 2.0 dan 3.0). Jika Anda mencari dengan hanya mencentang CC0, hasilnya hanya akan menampilkan aset yang aman untuk penggunaan komersial dan tidak memerlukan kredit. <a href="https://opengameart.org/content/faq">FAQ</a> menegaskan bahwa setiap lisensi di situs tersebut mengizinkan penggunaan komersial. Koleksi unggulannya adalah gaya Liberated Pixel Cup (LPC), standar ilustrasi RPG top-down 32x32 terkoordinasi dengan pustaka besar berisi tile dan karakter yang serasi, ditambah Universal LPC Spritesheet Character Generator. Ada satu hal yang perlu diperhatikan: ilustrasi LPC memakai lisensi ganda CC-BY-SA 3.0 dan GPLv3. Artinya, kredit wajib dicantumkan dan karya turunannya harus menggunakan lisensi yang sama. Karena itu, baca <a href="/id/guides/game-asset-licenses">panduan lisensi</a> kami sebelum membuat game komersial dengannya.</p>
<h2>Paket aset gratis <a href="http://itch.io">itch.io</a></h2>
<p><a href="http://itch.io">itch.io</a> menyediakan lebih dari 6.800 paket gratis hanya dalam tag Sprites (6.853 per September 2026), dan di sanalah sebagian besar seniman pixel art aktif menerbitkan karya mereka. Lisensi ditetapkan per paket oleh masing-masing kreator, jadi selalu periksa halaman paketnya. Kreator-kreator berikut sangat layak mendapatkan perhatian Anda.</p>
<h3>Pixel Frog</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://pixelfrog-assets.itch.io">pixelfrog-assets.itch.io</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Pixel Adventure secara eksplisit berlisensi CC0; periksa setiap halaman paket</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Paket bertema lengkap: Pixel Adventure 1 dan 2, Kings and Pigs, Treasure Hunters, Pirate Bomb, Tiny Swords</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Spritesheet PNG, animasi pada 20 FPS</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, gratis (bayar seikhlasnya)</td>
</tr>
</tbody>
</table>
<p>Jika ingin membuat platformer lengkap akhir pekan ini, mulailah dari sini. Pixel Adventure menyediakan karakter beranimasi, musuh, tileset, jebakan, dan item dalam satu gaya yang konsisten. Semuanya dirilis dengan lisensi CC0 sehingga Anda dapat menggunakannya secara komersial tanpa kredit. Tiny Swords, paket pertempuran top-down yang lebih baru, sering mendapatkan pembaruan dan menduduki puncak tangga sprite gratis <a href="http://itch.io">itch.io</a> pada 2026.</p>
<h3>Ansimuz</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://ansimuz.itch.io">ansimuz.itch.io</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>SunnyLand secara eksplisit berlisensi CC0; lisensi paket gratis lainnya bervariasi, jadi periksa setiap halaman</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Katalog besar: SunnyLand, seri Warped, Gothicvania, TinyRPG, koleksi lawas 16-bit gratis</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Spritesheet PNG, latar belakang paralaks; SunnyLand menyertakan berkas proyek Phaser dan Godot</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, paket gratis tersedia bersama koleksi mega berbayar</td>
</tr>
</tbody>
</table>
<p>Ansimuz telah membagikan pixel art berkualitas serius selama satu dekade. SunnyLand adalah paket gratis unggulannya, sebuah kit platformer CC0 lengkap dengan pemain beranimasi, musuh, properti, efek, bahkan musik, serta proyek Phaser dan Godot yang siap digunakan. Paket metroidvania Warped gratis dan koleksi lawas 16-bit cocok untuk suasana fiksi ilmiah yang lebih gelap. Koleksi besar Gothicvania memang berbayar, tetapi paket gratisnya saja sudah cukup untuk membuat sebuah game hingga selesai.</p>
<h3>0x72</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://0x72.itch.io">0x72.itch.io</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>DungeonTileset II secara eksplisit berlisensi CC0, kredit tidak diperlukan</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>DungeonTileset II 16x16 serta tileset industri, bajak laut, dan robot gratis</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Atlas PNG, autotile disertakan sejak v1.7</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, gratis (bayar seikhlasnya)</td>
</tr>
</tbody>
</table>
<p>DungeonTileset II telah menjadi jawaban standar untuk pertanyaan &quot;tileset roguelike gratis&quot; selama bertahun-tahun. Satu unduhan memberi Anda dinding dan lantai ruang bawah tanah, obor beranimasi, jebakan, senjata, serta puluhan karakter beranimasi mulai dari kesatria hingga iblis. Semuanya berukuran 16x16, semuanya CC0, dan masih aktif dipelihara. Jika pernah memainkan dungeon crawler indie kecil, Anda mungkin sudah pernah melihat sprite ini.</p>
<h3>Cainos</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://cainos.itch.io">cainos.itch.io</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Gratis untuk proyek komersial, kredit tidak diperlukan, dilarang mendistribusikan ulang atau menjual kembali</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Pixel Art Top Down - Basic: tileset 32x32, 48 properti, pepohonan, pengontrol karakter</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Tileset dan sprite PNG, proyek Unity disertakan, teksturnya juga dapat digunakan di Godot</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, gratis (bayar seikhlasnya)</td>
</tr>
</tbody>
</table>
<p>Pixel Art Top Down - Basic adalah salah satu titik awal gratis paling rapi untuk RPG top-down atau game bertani. Anda mendapatkan tileset rumput, batu, dan dinding dengan properti serta sprite bayangan yang serasi pada ukuran 32x32, ditambah adegan demo Unity sederhana. Lisensinya merupakan lisensi milik Cainos sendiri, bukan CC0, tetapi ketentuannya jelas: gunakan dalam game gratis maupun komersial, modifikasi dengan bebas, tetapi jangan menjual kembali berkas mentahnya.</p>
<h3>penusbmic</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://penusbmic.itch.io">penusbmic.itch.io</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Per paket; periksa setiap halaman sebelum merilis game</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Paket bulanan: seri DARK, STRANDED, karakter fiksi ilmiah, sampel gratis dalam sebagian besar seri</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Spritesheet PNG dengan animasi multi-frame yang mulus</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, sampel gratis tersedia bersama paket berbayar ($1.99 hingga $9.99)</td>
</tr>
</tbody>
</table>
<p>Penusbmic pernah mengerjakan Dome Keeper dan Shogun Showdown, dan kualitas animasinya mencerminkan pengalaman tersebut. Sebagian besar seri menyertakan sampel gratis, seperti Skeleton Warrior gratis, tileset Dungeon Ruins gratis, dan satu hero gratis dari seri DARK. Paket lengkapnya pun cukup murah untuk dibeli ketika Anda memutuskan menggunakannya. Ketentuan lisensi tersedia di setiap halaman paket, jadi bacalah sebelum merilis game secara komersial.</p>
<h3>Gratisan CraftPix</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://craftpix.net/freebies/">craftpix.net/freebies</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Lisensi milik CraftPix sendiri: penggunaan komersial diizinkan, proyek tanpa batas, lihat halaman file-licenses mereka</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ratusan paket gratis dalam sekitar 291 halaman: sprite, tileset, kit GUI, ikon, latar belakang</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>PNG, berkas sumber berlapis dalam banyak paket</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, akun gratis mungkin diperlukan</td>
</tr>
</tbody>
</table>
<p>CraftPix adalah toko aset komersial dengan bagian gratis yang luar biasa lengkap. Paket gratisnya dipoles dan berkualitas produksi, sedangkan ketentuan yang dinyatakan mengizinkan penggunaan komersial dalam proyek tanpa batas. Lisensinya bukan CC0, melainkan lisensi mereka sendiri dengan pembatasan penjualan kembali. Cukup baca sekilas halaman file-licenses mereka sekali, lalu Anda siap menggunakannya. Sangat cocok untuk kit GUI lengkap dan paket karakter bertema yang akan memerlukan waktu berminggu-minggu jika digambar sendiri.</p>
<h2><a href="http://Game-icons.net">Game-icons.net</a></h2>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://game-icons.net">game-icons.net</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC BY 3.0, atribusi wajib</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>4.180 ikon karya Lorc, Delapouite, dan para kontributor (jumlah menurut situs, September 2026)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>SVG dan PNG, varian putih-di-atas-hitam serta transparan</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, per ikon atau paket lengkap</td>
</tr>
</tbody>
</table>
<p>Setiap layar inventaris, pohon keterampilan, dan tooltip item memerlukan ikon, dan <a href="http://game-icons.net">game-icons.net</a> menyediakan 4.180 ikon dengan satu gaya stensil yang konsisten, semuanya berupa SVG yang dapat diwarnai ulang. Kekurangannya terletak pada lisensinya: CC BY 3.0 berarti Anda wajib mencantumkan kredit kepada para pembuatnya di dalam game. Cukup satu baris pada layar kredit untuk memenuhinya, sebuah pertukaran yang sepadan untuk cakupan seluas ini.</p>
<h2>Lospec</h2>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://lospec.com">lospec.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Palet dapat digunakan secara bebas, sedangkan karya di galeri tetap menjadi milik senimannya</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 4.300 palet warna dalam 6 format unduhan, serta lebih dari 500 tutorial</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Berkas palet (PNG, ASE, GPL, dan lainnya)</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p>Lospec bukan pustaka sprite, melainkan meja referensi komunitas pixel art. Lospec layak masuk daftar ini karena palet merupakan separuh dari faktor yang membuat pixel art terlihat bagus. Ambil palet yang sudah teruji, seperti set 16 atau 32 warna, muat ke editor Anda, dan sprite akan langsung terlihat terencana alih-alih kusam. Bagian tutorialnya merupakan sumber pembelajaran pixel art gratis terbaik di web, sedangkan alat-alatnya (scaler dan generator dither) menyelesaikan masalah alur kerja yang nyata.</p>
<h2>Gambar sendiri</h2>
<p>Ketika tidak dapat menemukan sprite yang dibutuhkan, menggambar karakter 16x16 sebenarnya lebih mudah didekati daripada yang Anda bayangkan. Aseprite adalah editor standar industri yang dapat dibeli sekali dan menyediakan versi uji coba. Seluruh fiturnya dirancang khusus untuk spritesheet, onion-skinning animasi, dan pengaturan palet. Kode sumbernya juga tersedia di GitHub jika Anda lebih suka mengompilasinya sendiri. Libresprite adalah fork gratis dan sumber terbuka dari versi lama Aseprite yang menyediakan semua fitur dasar. Piskel adalah editor gratis dan sumber terbuka yang berjalan di browser tanpa instalasi, dapat mengekspor spritesheet PNG dan GIF beranimasi, serta memiliki aplikasi desktop untuk Windows, macOS, dan Linux. Mulailah dengan Piskel untuk belajar, lalu beralihlah ke Aseprite setelah Anda benar-benar menyukainya.</p>
<h2>Membuat sprite dengan AI</h2>
<p>Pada 2026, alat AI dapat menghasilkan pixel art yang layak digunakan dan bahkan sprite sheet beranimasi. PixelLab berjalan di browser atau sebagai plugin Aseprite dan menghasilkan karakter dengan varian 4 atau 8 arah beserta frame animasi, yang sebelumnya merupakan bagian paling melelahkan dalam pembuatan sprite. Retro Diffusion melatih model secara khusus menggunakan pixel art dan sprite sheet multi-frame, sehingga hasilnya lebih mendekati aset siap pakai untuk game dibandingkan model gambar umum. Ada dua hal yang perlu diperhatikan. Hak komersial pada alat daring biasanya terkait dengan paket berbayar, jadi periksa ketentuannya sebelum merilis game. Selain itu, hasil AI hampir selalu perlu dirapikan dalam editor piksel untuk menjaga konsistensi palet dan proporsi di seluruh set karakter. Jadi, anggaplah hasil tersebut sebagai draf awal yang cepat, bukan aset jadi. <a href="/id/tools/flux">Generator Gambar</a> Cinevva berjalan di browser tanpa instalasi dan tanpa langganan, cukup dengan akun gratis: jelaskan apa yang Anda inginkan dan dapatkan gambar hingga 1440px dalam sekitar sepuluh detik, lengkap dengan preset rasio aspek dan seed agar sekumpulan item dihasilkan dalam satu gaya yang konsisten. Ini adalah model gambar umum, bukan spesialis pixel art, jadi gunakan untuk concept art, latar belakang, ikon item dan UI, serta lembar referensi yang nantinya akan Anda jiplak. Tetap gunakan PixelLab atau Retro Diffusion jika Anda memerlukan hasil piksel beresolusi rendah yang sebenarnya dengan palet terkunci. <a href="/id/assets">Pencarian aset</a> Cinevva juga mencakup ratusan sprite CC0 yang dapat langsung dimasukkan ke dalam game tanpa perlu membuat apa pun.</p>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>CC0:</strong> domain publik. Dapat digunakan secara komersial dan dimodifikasi tanpa atribusi. Pilihan paling aman.</li>
<li><strong>CC-BY:</strong> gratis untuk penggunaan komersial, tetapi Anda harus mencantumkan kredit kepada kreator.</li>
<li><strong>CC-BY-SA:</strong> wajib mencantumkan kredit, dan karya turunan harus menggunakan lisensi yang sama. Inilah ketentuan yang berlaku pada LPC.</li>
<li><strong>Lisensi milik kreator (Cainos, CraftPix):</strong> biasanya berarti &quot;gunakan dalam proyek apa pun, tetapi jangan menjual kembali berkasnya.&quot; Baca halaman paketnya.</li>
</ul>
<p>Jika ragu, pilih CC0. Untuk penjelasan lengkap, lihat <a href="/id/guides/game-asset-licenses">panduan lisensi aset game</a> kami.</p>
<h2>Pertanyaan Umum</h2>
<h3>Di mana saya dapat mengunduh sprite 2D gratis untuk game?</h3>
<p>Kenney adalah pilihan awal terbaik dengan lebih dari 60.000 aset CC0, termasuk sprite, tileset, dan paket UI. Di <a href="http://itch.io">itch.io</a>, Pixel Frog dan Ansimuz merilis paket animasi lengkap dengan lisensi CC0, sedangkan OpenGameArt memungkinkan Anda memfilter ribuan kontribusi komunitas berdasarkan lisensi. Semuanya gratis untuk game komersial.</p>
<h3>Di mana saya dapat menemukan tileset CC0?</h3>
<p>Seri Tiny dari Kenney (Tiny Town, Tiny Farm, Tiny Dungeon), serta paket Roguelike dan Platformer miliknya, merupakan tileset CC0 berukuran 16x16 atau lebih besar. Di <a href="http://itch.io">itch.io</a>, DungeonTileset II dari 0x72 dan tile Pixel Adventure dari Pixel Frog secara eksplisit menggunakan CC0. Pencarian lanjutan OpenGameArt juga memiliki kotak centang CC0 yang memfilter kiriman tileset agar hanya menampilkan hasil domain publik. Halaman <a href="/game-assets/free-tilesets">tileset gratis</a> kami mengelompokkannya berdasarkan tema. Jika Anda lebih suka mendapatkan level yang sudah disusun, <a href="/id/create#prompt=Build%20a%20top-down%20pixel%20art%20dungeon%20crawler%20using%20free%20CC0%20tilesets">jelaskan level yang Anda inginkan kepada Cinevva</a>, lalu Cinevva akan menyusun tile tersebut untuk Anda.</p>
<h3>Di mana saya dapat memperoleh aset pixel art dan sprite gratis?</h3>
<p>Sumber CC0 yang dapat diandalkan adalah paket piksel Kenney, Pixel Adventure dan Tiny Swords dari Pixel Frog, SunnyLand dari Ansimuz, serta karakter DungeonTileset II dari 0x72. Semuanya tersedia gratis di <a href="http://kenney.nl">kenney.nl</a> atau <a href="http://itch.io">itch.io</a> tanpa akun. Tag Sprites gratis di <a href="http://itch.io">itch.io</a> memiliki lebih dari 6.800 paket dengan lisensi yang ditentukan masing-masing kreator, sedangkan OpenGameArt memungkinkan Anda memfilter pixel art berdasarkan CC0 atau CC-BY. Jelajahi halaman <a href="/game-assets/free-platformer-sprites">sprite platformer</a> kami untuk melihat koleksi pilihan yang telah dipastikan aman untuk penggunaan komersial.</p>
<h3>Apa sebenarnya arti &quot;gratis digunakan&quot; untuk sprite?</h3>
<p>Secara hukum, frasa itu sendiri tidak memiliki arti khusus. &quot;Gratis digunakan&quot; atau &quot;gratis untuk penggunaan komersial&quot; pada halaman paket adalah pernyataan kreator dalam bahasa sederhana, sedangkan hal yang benar-benar menentukan adalah lisensi yang mendasarinya. CC0 melepaskan hak cipta sepenuhnya, sehingga Anda dapat menggunakan, memodifikasi, dan menjualnya tanpa kredit. CC-BY memberikan kebebasan yang sama, tetapi mewajibkan baris kredit yang menyebutkan kreator dan lisensinya. OGA-BY (varian milik OpenGameArt) adalah CC-BY tanpa klausul DRM, sehingga berguna untuk build konsol dan toko aplikasi. Ketentuan milik kreator sendiri (Cainos, CraftPix) biasanya mengizinkan aset disertakan dalam game yang dirilis, tetapi melarang penjualan kembali berkas mentahnya. Jika sebuah halaman hanya menyatakan &quot;gratis digunakan&quot; tanpa menyebutkan lisensi, tanyakan kepada kreatornya atau pilih paket yang mencantumkan lisensi. <a href="/id/guides/game-asset-licenses">Panduan lisensi</a> kami membahas masing-masing lisensi secara terperinci.</p>
<h3>Apakah sprite gratis aman digunakan dalam game komersial?</h3>
<p>Sprite CC0 selalu aman, tanpa atribusi dan tanpa batasan. Sprite CC-BY memerlukan baris kredit, sedangkan CC-BY-SA (seperti koleksi LPC) juga mengharuskan karya turunan menggunakan lisensi yang sama. Untuk paket yang memakai lisensi milik kreator sendiri, seperti Cainos atau CraftPix, ketentuannya biasanya mengizinkan penggunaan komersial tetapi melarang penjualan kembali berkas mentah.</p>
<h3>Apa tileset pixel art gratis terbaik untuk game dungeon crawler?</h3>
<p>DungeonTileset II berukuran 16x16 dari 0x72 di <a href="http://itch.io">itch.io</a>. Paket ini berlisensi CC0, dipelihara secara aktif, serta mencakup tile ruang bawah tanah, obor beranimasi, jebakan, senjata, dan puluhan karakter beranimasi dalam satu unduhan. Padukan dengan Tiny Dungeon dari Kenney jika Anda menginginkan lebih banyak variasi dalam skala yang kurang lebih sama.</p>
<h3>Apakah saya harus mencantumkan kredit kepada seniman saat menggunakan sprite gratis?</h3>
<p>Hanya jika diwajibkan oleh lisensinya. CC0 tidak mewajibkan apa pun, CC BY (seperti 4.180 ikon dari <a href="http://game-icons.net">game-icons.net</a>) mewajibkan baris kredit, dan CC-BY-SA menambahkan ketentuan berbagi-serupa. Meskipun kredit tidak diwajibkan, menyebutkan senimannya di layar kredit adalah cara yang baik untuk mendukung para seniman yang menjaga pustaka ini tetap gratis.</p>
<h3>Lisensi apa yang sebaiknya saya cari pada paket aset <a href="http://itch.io">itch.io</a>?</h3>
<p>CC0 adalah standar terbaik karena menghapus seluruh kewajiban. Kreator <a href="http://itch.io">itch.io</a> menetapkan ketentuan lisensi secara terpisah pada setiap halaman paket, jadi gulir melewati tangkapan layar dan baca deskripsinya sebelum Anda membangun game menggunakan suatu paket. Jika sebuah halaman sama sekali tidak mencantumkan ketentuan, tanyakan kepada kreatornya atau pilih paket lain yang memiliki ketentuan eksplisit.</p>
<h3>Dapatkah saya menggunakan AI untuk menghasilkan sprite bagi game komersial?</h3>
<p>Biasanya bisa, tetapi lisensi komersial umumnya hanya disertakan dalam paket berbayar alat tersebut. Jadi, periksa ketentuan generator yang Anda gunakan. Alat seperti PixelLab dan Retro Diffusion menghasilkan pixel art dan sprite sheet yang mendekati siap pakai untuk game, meskipun sebagian besar pengembang masih merapikan hasilnya dalam editor seperti Aseprite agar palet dan proporsinya konsisten. <a href="/id/tools/flux">Generator Gambar</a> Cinevva tersedia gratis di browser, dan ketentuannya berbeda dari layanan berlangganan: gambar yang Anda buat sebelum pembelian kredit pertama menjadi milik Anda untuk penggunaan pribadi dan nonmonetisasi, sedangkan pembelian pertama tersebut (berapa pun jumlahnya) mengubah semua gambar yang sebelumnya telah Anda hasilkan menjadi milik komersial penuh. <a href="/id/legal/generation-rights">Kebijakan hak hasil generasi</a> menjelaskan ketentuannya secara lengkap.</p>
<h3>Apa perbedaan antara sprite, sprite sheet, dan tileset?</h3>
<p>Sprite adalah satu gambar 2D, seperti satu frame karakter. Sprite sheet menggabungkan banyak frame ke dalam satu gambar agar engine dapat memutarnya sebagai animasi. Tileset adalah kisi berisi gambar kecil yang dapat diulang (umumnya 16x16 atau 32x32) untuk menyusun peta level, seperti tile rumput, dinding, dan air.</p>
<p><BuildCta
  title="Lewati pencarian aset. Dapatkan sprite yang langsung ditempatkan dalam game"
  desc="Cinevva dilengkapi ratusan sprite CC0 gratis dan membangun game untuk Anda menggunakan sprite tersebut."
  prompt="Buat platformer pixel art 2D tempat seekor rubah berlari dan melompat melintasi hutan sambil mengumpulkan ceri, dengan musuh yang dapat diinjak" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a> - panduan lengkap dengan lebih dari 20 sumber</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> - CC0, CC-BY, dan lisensi lainnya</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a> - pilihan untuk aset 3D</li>
<li><a href="/id/guides/best-2d-game-engines-2026">Engine Game 2D Gratis Terbaik pada 2026</a> - alat untuk membangun game</li>
<li><a href="/id/assets">Pencarian Aset Cinevva</a> - cari Kenney dan sumber lainnya dari satu kotak pencarian</li>
<li><a href="/id/tools/flux">Generator Gambar Cinevva</a> - concept art, latar belakang, dan ikon langsung di browser dengan akun gratis</li>
<li><a href="/game-assets/free-tilesets">Tileset gratis</a>, <a href="/game-assets/free-platformer-sprites">sprite platformer</a>, <a href="/game-assets/free-ui-sprites">sprite UI</a>, dan <a href="/game-assets/free-game-icons">ikon game</a> - jelajahi pustaka gratis per kategori</li>
</ul>
<style scoped>
.sample-sheet { margin: 1.25rem 0; }
.sample-sheet > a { display: block; }
.sample-sheet img { width: 100%; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.sample-sheet figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Animasi Karakter Gratis dan Rigging Otomatis: Mixamo dan Alternatifnya (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/free-character-animations-rigging</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/free-character-animations-rigging</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Apakah Mixamo masih gratis pada 2026? Ya, tetapi sudah tidak dipelihara. Pustaka animasi karakter dan alat rigging otomatis gratis terbaik, dengan lisensi yang telah diverifikasi.]]></description>
            <content:encoded><![CDATA[<h1>Animasi Karakter Gratis dan Rigging Otomatis: Mixamo dan Alternatifnya (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Anda bisa melakukan rigging dan menganimasikan karakter secara gratis pada 2026 tanpa menyentuh Blender. Mixamo masih tersedia dan tetap gratis dengan akun Adobe, tetapi layanan ini berada dalam mode pemeliharaan. Jadi, langkah cerdasnya adalah mengetahui alternatif yang tersedia: pustaka animasi CC0 seperti Quaternius Universal Animation Library, alat auto-rigging seperti <a href="/id/tools/rigger">Auto Rigger</a> Cinevva yang berbasis browser (karakter pertama yang di-rig gratis) dan AccuRIG gratis dari Reallusion, serta alat teks-ke-gerakan yang menghasilkan animasi dari deskripsi tertulis.</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Jalur tercepat, tanpa instalasi:</strong> <a href="/id/tools/rigger">Auto Rigger</a> Cinevva + <a href="/id/tools/animations">Pustaka Animasi</a>, langsung di browser, dengan karakter pertama yang di-rig dapat diunduh secara gratis.</li>
<li><strong>Anda sering memakai Blender dan melakukan banyak rigging:</strong> <a href="/blender-addon/">add-on Cinevva Rig</a> menghadirkan alat rigging yang sama dan 260 klip yang sama di dalam Blender, dengan proses rigging di komputer Anda sendiri tanpa biaya per rig. Unduhan gratis, harga peluncuran $29 untuk mengaktifkan rigging.</li>
<li><strong>Pustaka animasi gratis terbaik:</strong> Quaternius Universal Animation Library 1 dan 2 (CC0, dapat di-retarget). Seluruh 260 klip <a href="/id/tools/animations">dapat di-retarget ke rig Anda sendiri di sini</a>.</li>
<li><strong>Pilihan klasik:</strong> Mixamo, masih gratis dan masih berfungsi, tetapi jangan mengharapkan pembaruan.</li>
<li><strong>Alat auto-rigging desktop gratis terbaik:</strong> AccuRIG 2.0 (Windows, memerlukan akun ActorCore gratis).</li>
<li><strong>Mocap mentah dalam jumlah besar:</strong> basis data CMU Graphics Lab, lebih dari 2.500 gerakan, gratis tetapi perlu dibersihkan.</li>
</ul>
<h2>Referensi Cepat</h2>
<table>
<thead>
<tr>
<th>Kebutuhan</th>
<th>Pilihan Terbaik</th>
<th>Lisensi</th>
<th>Catatan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Auto-rig di browser</td>
<td><a href="/id/tools/rigger">Cinevva Auto Rigger</a></td>
<td>Rig pertama gratis, lalu berlangganan paket</td>
<td>Masukkan GLB/FBX/OBJ, keluaran GLB yang sudah di-rig, mendukung biped dan quadruped</td>
</tr>
<tr>
<td>Auto-rig plus animasi bawaan</td>
<td>Mixamo</td>
<td>Gratis untuk disertakan dalam produk, dilarang didistribusikan ulang</td>
<td>Akun Adobe, hanya humanoid dalam T-pose, tidak dikelola</td>
</tr>
<tr>
<td>Auto-rig di desktop</td>
<td>AccuRIG 2.0</td>
<td>Gratis</td>
<td>Windows, memerlukan akun ActorCore gratis untuk mengekspor FBX/USD</td>
</tr>
<tr>
<td>Auto-rig makhluk nonhumanoid</td>
<td>Tripo Auto Rig, UniRig</td>
<td>Kredit berbayar / model terbuka MIT</td>
<td>Rig quadruped, hexapod, burung, dan makhluk melata (Tripo v2.5, Feb 2026)</td>
</tr>
<tr>
<td>Paket animasi siap pakai</td>
<td>Quaternius UAL 1 + 2</td>
<td>CC0</td>
<td>Total lebih dari 250 animasi, dapat di-retarget ke Unity/Unreal/Godot</td>
</tr>
<tr>
<td>Karakter dasar CC0 yang sudah di-rig</td>
<td>Quaternius Universal Base Characters</td>
<td>CC0</td>
<td>Enam humanoid yang dapat di-retarget dalam format glTF dan FBX, kompatibel dengan UAL</td>
</tr>
<tr>
<td>Karakter animasi sederhana</td>
<td>Kenney</td>
<td>CC0</td>
<td>Karakter low-poly yang sudah di-rig dengan klip dasar</td>
</tr>
<tr>
<td>Pustaka mocap mentah</td>
<td>Basis data mocap CMU</td>
<td>Gratis, data mentah tidak boleh dijual kembali</td>
<td>Tersedia konversi BVH/FBX, kualitas bervariasi</td>
</tr>
<tr>
<td>Klip mocap gratis terkurasi</td>
<td>Rokoko Motion Library</td>
<td>Klip gratis boleh digunakan secara komersial</td>
<td>Dijelajahi melalui Rokoko Studio gratis</td>
</tr>
<tr>
<td>Teks-ke-gerakan</td>
<td><a href="/id/tools/animate">Cinevva Prompt Animations</a></td>
<td>Gratis</td>
<td>Deskripsikan gerakan, dapatkan GLB atau BVH</td>
</tr>
<tr>
<td>Animasi manual dengan bantuan fisika</td>
<td>Cascadeur</td>
<td>Paket gratis hanya untuk penggunaan nonkomersial</td>
<td>Paket Indie $8/bulan menambahkan ekspor FBX</td>
</tr>
<tr>
<td>Kontrol manual penuh</td>
<td>Blender Rigify</td>
<td>Gratis</td>
<td>Disertakan bersama Blender 5.2 LTS, menyediakan metarig manusia dan hewan, rig sepenuhnya milik Anda</td>
</tr>
</tbody>
</table>
<h2>Mixamo pada 2026: masih hidup, gratis, dan membeku</h2>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.mixamo.com">mixamo.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas royalti jika disertakan dalam gim jadi, tetapi Anda tidak boleh mendistribusikan ulang atau menjual kembali file mentahnya</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan animasi bawaan serta pustaka karakter bawaan</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX, FBX untuk Unity, DAE (tanpa GLB, konversikan sendiri)</td>
</tr>
<tr>
<td><strong>Akun</strong></td>
<td>Memerlukan akun Adobe gratis</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Manual, per animasi atau paket</td>
</tr>
</tbody>
</table>
<p>Pertanyaan utama di bidang ini adalah apakah Mixamo sudah mati. Berikut yang dapat kami verifikasi per September 2026: situsnya aktif, alat auto-rigging-nya berfungsi, dan layanan ini gratis dengan akun Adobe gratis. Menurut <a href="https://helpx.adobe.com/creative-cloud/faq/mixamo-faq.html">FAQ Mixamo</a> milik Adobe sendiri, karakter dan animasi Mixamo &quot;tersedia secara gratis, tanpa biaya lisensi atau royalti, untuk penggunaan komersial maupun nonkomersial tanpa batas&quot;, dan Anda &quot;tidak diwajibkan memberikan kredit kepada Adobe, Mixamo, atau Fuse dalam bentuk apa pun.&quot;</p>
<p>Batasan yang perlu Anda pertimbangkan adalah distribusi ulang. Anda boleh menyertakan animasi Mixamo di dalam gim jadi, tetapi tidak boleh mengemas ulang file animasi atau karakter mentah sebagai paket aset atau templat engine untuk dijual maupun didistribusikan. Hal ini mengesampingkan berbagai jenis pekerjaan: menjual paket karakter, merilis templat awal, atau menyerahkan file sumber kepada klien. Jika salah satunya ada dalam rencana Anda, pustaka CC0 adalah fondasi yang lebih aman karena CC0 sama sekali tidak menetapkan syarat atas distribusi ulang atau penjualan kembali.</p>
<p>Bagian yang mengkhawatirkan adalah status pemeliharaannya. Adobe membeli Mixamo pada 2015 dan sejak itu tidak merilis pembaruan berarti. Fuse, aplikasi pembuat karakter pendampingnya, dihentikan dan ditarik dari Creative Cloud pada 2020. Pada Juni 2025, layanan ini tidak dapat digunakan oleh siapa pun selama berhari-hari akibat galat server 500, dan pengguna di forum Adobe sendiri melaporkan bahwa agen dukungan mengatakan Mixamo &quot;sudah tidak didukung lagi.&quot; Layanan tersebut kembali aktif, tetapi <a href="https://community.adobe.com/mixamo-694">forum komunitas Mixamo</a> terus dipenuhi utas tentang gangguan hingga September 2025 dan berlanjut ke 2026. Adobe juga belum mengumumkan peta jalan ataupun tanggal penutupan. Alat gratis tanpa peta jalan dan dengan riwayat gangguan tanpa pemberitahuan bukanlah sesuatu yang layak dijadikan fondasi pipeline. Ambil yang Anda perlukan dan ketahui pilihan cadangan Anda.</p>
<p>Dua batasan praktis yang perlu diingat: alat auto-rigging-nya hanya menangani humanoid bipedal dalam posisi yang kurang lebih menyerupai T-pose atau A-pose, dan format ekspornya adalah FBX atau DAE. Jadi, untuk gim web Anda harus mengonversinya menjadi GLB di Blender atau menggunakan <a href="/id/tools/fbx-to-glb">konverter FBX ke GLB</a> kami, yang mempertahankan trek animasinya.</p>
<h2>Jalur tercepat: rigging dan animasi di browser</h2>
<p>Jika Anda hanya menginginkan karakter yang sudah di-rig dan dianimasikan tanpa perlu memasang apa pun, alat browser Cinevva mencakup seluruh alur kerja Mixamo, dan karakter pertama yang di-rig dapat diunduh secara gratis. Jika Anda belum memiliki model karakter, buatlah terlebih dahulu: panduan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami membahas alat teks-ke-3D dan gambar-ke-3D, dan beberapa di antaranya menghasilkan mesh yang bisa langsung Anda rig. Atau <a href="/id/tools/hunyuan3d#prompt=a%20stylized%20low%20poly%20adventurer%20in%20T-pose&amp;character=1">buat karakter di Cinevva</a> dan kirimkan ke alat rigging dengan sekali klik.</p>
<h3>Cinevva Auto Rigger</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="/id/tools/rigger">cinevva.com/tools/rigger</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Karakter pertama yang di-rig gratis, kemudian paket Standard atau Pro, dan model Anda tetap menjadi milik Anda</td>
</tr>
<tr>
<td><strong>Masukan</strong></td>
<td>GLB, FBX, atau OBJ (atau bundel OBJ dalam ZIP) hingga 50 MB</td>
</tr>
<tr>
<td><strong>Keluaran</strong></td>
<td>GLB yang sudah di-rig dengan animasi baked opsional</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, langsung dari browser</td>
</tr>
</tbody>
</table>
<p>Unggah model statis dan dapatkan kembali versi yang sudah di-rig dengan skeleton yang dipasangkan dan diberi skin secara otomatis. Alat ini menangani biped serta, pada engine Pro, quadruped (Mixamo tidak pernah mendukung makhluk berkaki empat). Untuk humanoid, Anda dapat melakukan bake terhadap animasi apa pun dari pustaka berisi 260 klip, mulai dari diam, berjalan, dan berlari hingga ayunan pedang dan salto ke belakang. Quadruped akan mendapatkan siklus berjalan yang sudah di-bake, dan Anda dapat mengatur skala kecepatan pemutarannya di dalam engine agar tampak mengendap atau berlari kecil. Keluaran GLB dapat langsung dimasukkan ke Three.js, Babylon, Unity, Godot, atau Blender. Alat ini cocok dipadukan dengan model dari <a href="/id/tools/hunyuan3d">Generator Model 3D</a> kami, sehingga Anda dapat beralih dari prompt teks ke karakter animasi tanpa meninggalkan browser. Harga per September 2026: masuk ke akun, lakukan rigging dengan engine Fast, dan unduhan pertama Anda dengan hingga enam klip tersedia gratis. Setelah itu, ekspor termasuk dalam paket Standard atau Pro, atau gunakan <a href="/blender-addon/">add-on Blender</a> seharga $29 sekali bayar untuk rigging lokal tanpa batas.</p>
<h3>Cinevva Prompt Animations</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="/id/tools/animate">cinevva.com/tools/animate</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Gratis</td>
</tr>
<tr>
<td><strong>Masukan</strong></td>
<td>Deskripsi teks, serta GLB humanoid yang sudah di-rig jika diinginkan</td>
</tr>
<tr>
<td><strong>Keluaran</strong></td>
<td>GLB dengan animasi yang sudah di-bake, atau BVH untuk pipeline apa pun</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p>Ketik &quot;seseorang berjongkok, lalu melompat ke depan&quot; dan dapatkan gerakan skeletal yang dapat Anda pratinjau secara langsung serta di-retarget ke karakter Anda sendiri di browser. Alat ini mendeteksi penamaan tulang Mixamo, Tripo, Reallusion CC4, UE5, dan humanoid generik secara otomatis, sehingga karakter yang di-rig di tempat lain juga dapat digunakan. Durasi klip berkisar antara 1 hingga 10 detik, dan ekspor BVH memungkinkan Anda membersihkan hasilnya di Blender atau Cascadeur jika diinginkan.</p>
<h3>Cinevva Animation Library</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="/id/tools/animations">cinevva.com/tools/animations</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Gerakan CC0, tidak memerlukan atribusi</td>
</tr>
<tr>
<td><strong>Masukan</strong></td>
<td>GLB atau FBX humanoid Anda yang sudah di-rig</td>
</tr>
<tr>
<td><strong>Keluaran</strong></td>
<td>GLB dengan klip pilihan Anda yang sudah di-bake</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p>Inilah pilihan yang paling menyerupai pustaka Mixamo dalam daftar ini. Masukkan karakter yang sudah di-rig, lalu seluruh 260 klip dari Quaternius Universal Animation Library akan di-retarget ke skeleton karakter tersebut di browser. Koleksinya mencakup lokomosi, memanjat, pertarungan dengan pedang dan busur, bertani dan menambang, emote, serta satu set zombie lengkap. Pratinjau animasi apa pun pada model Anda, centang animasi yang diinginkan, lalu unduh GLB. Karena klip tersebut berlisensi CC0, bukan sekadar dilisensikan secara terbatas, tidak ada ketentuan yang ikut terbawa bersama file ke dalam gim Anda.</p>
<h2>Pustaka animasi gratis</h2>
<h3>Quaternius Universal Animation Library</h3>
<figure class="sample-sheet">
<a href="/id/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-characters.jpg" alt="Karakter low-poly CC0 siap di-rig dari KayKit, Quaternius, PolygonalMind, dan Kenney: kesatria, shiba inu, prajurit kerangka, astronaut, dan barbar" loading="lazy"></a>
<figcaption>Karakter CC0 siap di-rig dari KayKit, Quaternius, PolygonalMind, dan Kenney yang cocok dipadukan dengan pustaka animasi ini. <a href="/id/assets">Ambil salah satunya dari pustaka aset</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://quaternius.com/packs/universalanimationlibrary.html">quaternius.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (domain publik), termasuk tingkat gratis</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>UAL 1 memiliki lebih dari 120 animasi, UAL 2 menambahkan lebih dari 130 animasi</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX, glTF, OBJ, dengan sumber .blend pada tingkat berbayar</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, melalui <a href="http://quaternius.com">quaternius.com</a> atau <a href="http://itch.io">itch.io</a></td>
</tr>
</tbody>
</table>
<p>Pustaka animasi gratis terbaik pada 2026. Kedua paket menggunakan satu rig humanoid universal yang dibuat untuk retargeting di Unity, Unreal, dan Godot. Semuanya berlisensi CC0, sehingga dapat digunakan secara komersial tanpa atribusi. UAL 1 mencakup lokomosi ke segala arah, pertarungan, senjata api, dan emote. UAL 2 menambahkan kombo jarak dekat, parkour, bertani, memancing, dan lokomosi zombie. Sebagian besar dari setiap paket dapat diunduh secara gratis, sementara tingkat berbayar menambahkan sisanya beserta file sumber Blender, tetap dengan lisensi CC0. Jika Anda menggunakan pustaka aset Cinevva, karakter Quaternius sudah dapat dicari di editor.</p>
<p>Paket pendampingnya adalah kit <a href="https://quaternius.com/packs/universalbasecharacters.html">Universal Base Characters</a>: enam humanoid siap pakai untuk gim dengan proporsi Superhero, Regular, dan Teen (pria dan wanita), 20 gaya rambut, serta &quot;Rig Humanoid yang kompatibel dengan retargeting di engine apa pun&quot; dan &quot;Kompatibel dengan Universal Animation Library&quot;. Paket ini tersedia dalam FBX dan glTF, menggunakan lisensi CC0 seperti semua karya Quaternius lainnya, dan 60 hingga 70% isinya tersedia gratis. Tingkat Source seharga $20 menambahkan sisanya beserta file Blender. Quaternius juga menerbitkan paket CC0 <a href="https://quaternius.com/packs/modularcharacteroutfitsfantasy.html">Modular Character Outfits</a> yang serasi (12 pakaian, 62 bagian) dan dibuat untuk kepala karakter tersebut.</p>
<h3>Kenney</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://kenney.nl/assets/series:Animated%20Characters">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (domain publik)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Animated Characters 1 hingga 3, plus paket karakter modular</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLB, FBX</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p>Kenney terutama dikenal karena prop dan sprite-nya, tetapi tersedia juga karakter animasi. Setiap paket Animated Characters menyediakan karakter low-poly yang sudah di-rig dengan beberapa skin dan sejumlah animasi dasar, sedangkan aset karakter modular yang lebih baru menambahkan lebih banyak skin dan klip. Jangan mengharapkan koleksi animasi yang mendalam. Ini adalah karakter awal yang cocok dengan gaya kotak-kotak bersih khas Kenney, berguna untuk prototipe dan game jam ketika konsistensi lebih penting daripada fidelitas.</p>
<h3>CMU Graphics Lab Motion Capture Database</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="http://mocap.cs.cmu.edu">mocap.cs.cmu.edu</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Gratis digunakan, termasuk dalam produk komersial, tetapi data mentahnya tidak boleh dijual kembali</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 2.500 rangkaian gerakan dari lebih dari 100 subjek</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Format asli ASF/AMC, serta konversi BVH dan FBX oleh komunitas</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p>Pustaka mocap akademis klasik: berjalan, berlari, olahraga, menari, aktivitas sehari-hari, dan banyak gerakan unik, yang direkam pada awal 2000-an. Ketentuannya bersifat informal tetapi cukup jelas: gratis untuk penelitian dan datanya boleh disertakan dalam produk yang dijual secara komersial, tetapi Anda tidak boleh menjual kembali data itu sendiri, bahkan setelah dikonversi. Format ASF/AMC mentah cukup merepotkan, jadi gunakan hasil konversi: rilis BVH cgspeed telah lama menjadi standar, dan tersedia konversi FBX buatan komunitas di Hugging Face serta Academic Torrents (salah satunya bahkan sudah di-retarget ke karakter CC0 dari Quaternius). Bersiaplah membersihkan pergeseran kaki dan gerakan tersentak. Ini adalah mocap mentah, bukan klip siap pakai untuk gim.</p>
<h3>Rokoko Motion Library</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.rokoko.com/products/motion-library">rokoko.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Klip gratis dilisensikan untuk penggunaan komersial, klip berbayar seharga $3 hingga $20</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan klip yang direkam secara profesional, ratusan di antaranya gratis</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX melalui ekspor Rokoko Studio</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Melalui aplikasi Rokoko Studio gratis</td>
</tr>
<tr>
<td>Rokoko (perusahaan pembuat kostum mocap) mengelola pustaka gerakan yang dapat Anda jelajahi di dalam aplikasi gratis Rokoko Studio, ditambah paket bertema gratis di situs mereka: gerakan olahraga, pose diam sehari-hari, klip bertema sihir, dan bundel berisi 263 aset. Klip gratisnya secara eksplisit mengizinkan penggunaan dalam proyek komersial. Kualitasnya tinggi karena datanya direkam dan dibersihkan secara profesional. Kekurangannya ada pada alur kerja: Anda harus melalui Rokoko Studio dan menggunakan akun gratis, bukan mengunduh berkas secara langsung.</td>
<td></td>
</tr>
</tbody>
</table>
<h3>Dataset Gerakan Bandai Namco Research</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://github.com/BandaiNamcoResearchInc/Bandai-Namco-Research-Motiondataset">github.com/BandaiNamcoResearchInc</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC BY-NC 4.0, hanya untuk penggunaan nonkomersial</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>3.000+ gerakan dari aktor profesional dalam berbagai gaya</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>BVH</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, dari GitHub</td>
</tr>
</tbody>
</table>
<p>Dataset ini patut diketahui dan lisensinya patut dibaca. Bandai Namco merilis dua dataset mocap berkualitas studio (berjalan, berlari, bertarung, menari, dalam gaya mulai dari lelah hingga gembira) yang ditujukan untuk riset AI tentang transfer gaya gerakan. Keduanya menggunakan CC BY-NC 4.0, yang berarti tidak boleh digunakan secara komersial. Cocok untuk game jam gratis atau proyek riset, tetapi tidak boleh digunakan untuk apa pun yang Anda jual atau monetisasi. Jangan sampai judul berita seperti &quot;mocap gratis dari studio AAA&quot; meyakinkan Anda untuk merilisnya.</p>
<h2>Alat rigging</h2>
<h3>Blender Rigify (gratis, manual)</h3>
<p>Rigify disertakan di dalam Blender sebagai add-on bawaan dan masih tersedia di Blender 5.2 LTS (dirilis 14 Juli 2026, menurut <a href="https://developer.blender.org/docs/release_notes/5.2/">catatan rilis Blender 5.2</a>). Anda menempatkan metarig di atas mesh, menyesuaikan tulang agar pas, lalu menghasilkan control rig lengkap dengan peralihan IK/FK, kemudian mengikat mesh menggunakan bobot otomatis. Ini memberikan kendali terbanyak yang bisa Anda dapatkan secara gratis, mendukung karakter nonhumanoid tanpa konfigurasi tambahan (<a href="https://docs.blender.org/manual/en/latest/addons/rigging/rigify/metarigs.html">metarig bawaan</a> mencakup Basic Quadruped, Cat, Wolf, Horse, dan Shark selain Human), dan rig yang Anda hasilkan sepenuhnya menjadi milik Anda untuk digunakan di mana saja. Biayanya adalah waktu: menyesuaikan tulang dan memperbaiki weight painting secara manual benar-benar membutuhkan keahlian, dan rig pertama Anda akan memakan waktu satu malam, bukan satu menit.</p>
<h3>Auto-Rig Pro (standar berbayar)</h3>
<p>Add-on Blender berbayar yang paling umum digunakan, dijual di Superhive (sebelumnya Blender Market) sebagai pembelian satu kali: $25 untuk Lite dengan penempatan penanda manual, dan $50 untuk edisi Full dengan deteksi penanda Smart sekali klik yang membuatnya terkenal. Add-on ini menyediakan retargeting yang layak (inilah cara banyak data Mixamo dan CMU dipetakan ulang ke rig khusus) serta modul ekspor game engine untuk menghasilkan FBX dan glTF yang bersih. Jika Anda rutin melakukan rigging karakter di Blender, inilah satu-satunya alat berbayar dalam panduan ini yang sepadan dengan harganya. Yang tidak disertakan adalah pustaka animasi: pasangkan dengan klip CC0 Quaternius di atas.</p>
<h3>Cascadeur</h3>
<p>Cascadeur adalah alat animasi keyframe berbantuan fisika yang sangat cocok untuk membuat lompatan, jatuh, dan pertarungan yang meyakinkan tanpa mocap. Pastikan kembali ketentuan paket gratisnya sebelum Anda mengandalkannya, karena batasannya diperketat: pada pertengahan 2026, paket Free hanya untuk penggunaan nonkomersial dan hanya dapat mengekspor format .casc milik Cascadeur sendiri, sedangkan .fbx dan .dae dikunci, ditambah batas 300 frame dan 120 sendi. Agar animasi benar-benar dapat dimasukkan ke dalam game, Anda memerlukan paket Indie seharga $8/bulan dengan penagihan tahunan, yang mengizinkan penggunaan komersial untuk pendapatan tahunan di bawah $100 ribu, mengekspor FBX, DAE, USD, dan glTF, serta berubah menjadi lisensi permanen setelah berlangganan selama dua tahun. Paket Pro seharga $33/bulan tanpa batas pendapatan.</p>
<h3>Tripo Auto Rig dan UniRig (rigging nonhumanoid)</h3>
<p>Dua opsi yang lebih baru mengisi kekosongan yang ditinggalkan Mixamo dan AccuRIG untuk makhluk. Auto-rigger berbasis cloud dari Tripo menambahkan model v2.5 pada Februari 2026 yang, menurut <a href="https://developers.tripo3d.ai/en/docs/animations-rig">dokumentasi pengembang Tripo</a>, mencakup jenis rig &quot;quadruped, hexapod, octopod, serpentine, aquatic, avian&quot; selain model bipedal aslinya, serta mengekspor GLB atau FBX dengan nama tulang yang kompatibel dengan Tripo atau Mixamo. Layanan ini menggunakan kredit berbayar, bukan gratis. Untuk opsi terbuka, <a href="https://github.com/VAST-AI-Research/UniRig">UniRig</a> (SIGGRAPH 2025, kode berlisensi MIT) memprediksi kerangka dan bobot skin untuk mesh apa pun serta dilatih menggunakan bipedal, quadrupedal, burung, dan serangga, sehingga menjadi pilihan self-hosted jika Anda tidak ingin mengirim model ke suatu layanan.</p>
<h3>AccuRIG dan ActorCore (Reallusion)</h3>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://actorcore.reallusion.com/auto-rig">actorcore.reallusion.com/auto-rig</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Alat gratis, karakter yang di-rig dapat digunakan secara komersial, tanpa biaya tambahan</td>
</tr>
<tr>
<td><strong>Platform</strong></td>
<td>Aplikasi desktop Windows</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Ekspor FBX dan USD</td>
</tr>
<tr>
<td><strong>Akun</strong></td>
<td>Akun ActorCore gratis diperlukan untuk mengekspor</td>
</tr>
</tbody>
</table>
<p>AccuRIG adalah auto-rigger desktop gratis dari Reallusion dan pengganti Mixamo terkuat untuk urusan rigging. Versi 2.0 (2025) menghasilkan rig seluruh tubuh dan jari, memungkinkan Anda menjelajahi animasi stok ActorCore di dalam aplikasi, melakukan retargeting ke karakter Anda, serta mengekspor FBX atau USD untuk Blender, Unity, Unreal, dan engine lainnya. Alatnya sendiri gratis dan tidak ada biaya untuk karakter yang Anda rig; Anda hanya memerlukan akun ActorCore gratis untuk mengekspor. Model bisnisnya adalah toko animasi ActorCore: pustaka yang terhubung dengannya sebagian besar berbayar, dengan beberapa sampel gratis. Hanya tersedia untuk Windows, jadi pengguna Mac dan Linux sebaiknya menggunakan alat berbasis browser.</p>
<h2>Retargeting dan alur kerja standar</h2>
<p>Retargeting adalah proses menyalin animasi yang dibuat untuk satu kerangka ke kerangka lain dengan menyesuaikan nama tulang, proporsi, dan rest pose. Anda membutuhkannya setiap kali animasi dan karakter berasal dari sumber yang berbeda, yang hampir selalu terjadi dalam alur kerja berbasis aset gratis. Kini setiap engine memiliki solusinya sendiri (avatar Humanoid Unity, IK Retargeter Unreal, pemetaan tulang Godot 4), pengguna Blender biasanya memilih Auto-Rig Pro atau plugin Blender gratis dari Rokoko, dan <a href="/id/tools/animate">Animasi dari Prompt</a> Cinevva melakukan retargeting di browser dengan mendeteksi skema penamaan tulang umum secara otomatis. Jika animasi yang diunduh membuat lengan karakter menembus tubuhnya, berarti proporsinya tidak berhasil di-retarget dengan baik dan biasanya disebabkan oleh ketidakcocokan rest pose.</p>
<p>Alur kerja yang efektif pada 2026, dari awal hingga akhir: dapatkan model (lihat <a href="/id/guides/free-3d-model-sites">panduan situs model 3D gratis</a> kami, atau buat sendiri), lakukan auto-rig menggunakan <a href="/id/tools/rigger">Auto Rigger Cinevva</a>, AccuRIG, atau Mixamo, terapkan animasi dari pustaka CC0 seperti Quaternius atau hasilkan dari teks, lalu ekspor GLB untuk engine web (konversikan FBX dengan eksportir glTF Blender jika alat Anda tidak dapat menghasilkan GLB secara langsung). Sisihkan satu jam untuk percobaan pertama; setelah melakukannya dua kali, prosesnya hanya memerlukan beberapa menit.</p>
<h2>AI teks-ke-gerakan pada 2026</h2>
<p>Menghasilkan animasi yang dapat digunakan dari sebuah kalimat telah berkembang dari sekadar demo menjadi alat sehari-hari. <a href="/id/tools/animate">Animasi dari Prompt</a> Cinevva melakukannya secara gratis di browser dengan ekspor GLB dan BVH. Rokoko Create menghasilkan klip seluruh tubuh dari prompt teks secara gratis, tetapi proses ekspornya bergantung pada Rokoko Studio, tempat akun Starter gratis mendapatkan lima ekspor FBX per bulan. SayMotion dari DeepMotion adalah opsi berbasis cloud mapan lainnya, dengan paket gratis terbatas dan hak komersial pada paket berbayar. Di sisi sumber terbuka, model riset yang memelopori bidang ini, MDM dan MoMask, menerbitkan kode berlisensi MIT, tetapi keduanya dilatih menggunakan dataset HumanML3D dan AMASS yang memiliki ketentuan akademis nonkomersial, sehingga legalitas penggunaan output mentahnya dalam game komersial tidak jelas. Untuk apa pun yang akan Anda jual, gunakan layanan berbasis cloud yang ketentuannya sudah Anda baca. Kualitas pada 2026 benar-benar bagus untuk lokomosi, emote, dan aksi tunggal, tetapi masih kurang stabil untuk rangkaian panjang dan interaksi objek yang presisi, jadi hasilkan klip pendek dan padukan di dalam engine.</p>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>CC0:</strong> domain publik. Boleh digunakan secara komersial, dimodifikasi, dan tidak memerlukan atribusi. Animasi Quaternius dan Kenney menggunakan CC0.</li>
<li><strong>Bebas royalti (Mixamo, klip gratis Rokoko):</strong> bebas digunakan dalam proyek jadi, termasuk game komersial, tetapi Anda tidak boleh mendistribusikan ulang atau menjual kembali berkas mentahnya.</li>
<li><strong>CC BY-NC (dataset Bandai Namco):</strong> hanya untuk penggunaan nonkomersial. Tidak boleh digunakan untuk game yang Anda jual atau monetisasi.</li>
<li><strong>Ketentuan akademis informal (CMU):</strong> penggunaan komersial dalam produk diizinkan, tetapi datanya sendiri tidak boleh dijual kembali.</li>
</ul>
<p>Jika ragu, pilih CC0. Untuk penjelasan lengkap, lihat <a href="/id/guides/game-asset-licenses">panduan lisensi aset game</a> kami.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Mixamo masih gratis?</h3>
<p>Ya. Per September 2026, Mixamo gratis dengan akun Adobe gratis, dan animasi serta karakter yang di-rig otomatis bebas royalti untuk penggunaan komersial tanpa batas. Kekurangannya adalah Adobe tidak memperbaruinya selama bertahun-tahun, layanan ini mengalami gangguan selama beberapa hari pada Juni 2025 dengan lebih banyak gangguan dilaporkan sejak saat itu, dan tim dukungan menyebutnya tidak lagi didukung. Jadi, anggap Mixamo sebagai alat lama yang masih berguna, bukan alur kerja yang dapat diandalkan.</p>
<h3>Apakah Mixamo akan ditutup?</h3>
<p>Adobe belum mengumumkan penutupan apa pun per September 2026. Hal yang dapat diverifikasi: tidak ada pembaruan berarti sejak akuisisi pada 2015, pembuat karakter Fuse dihentikan pada 2020, gangguan Juni 2025 tidak pernah dijelaskan, dan utas tentang gangguan terus bermunculan di forum Mixamo Adobe setelahnya. Saat ini Mixamo masih berfungsi. Unduh apa yang Anda perlukan dan siapkan alternatif.</p>
<h3>Bagaimana cara melakukan rigging model 3D tanpa Blender?</h3>
<p>Gunakan auto-rigger. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva berjalan di browser: unggah GLB, FBX, atau OBJ, lalu unduh GLB yang telah di-rig dengan animasi preset opsional; alat ini juga mendukung quadrupedal. Di desktop, AccuRIG dari Reallusion tersedia gratis di Windows dan mengekspor FBX atau USD. Mixamo masih berfungsi untuk humanoid dalam T-pose. Ketiganya sepenuhnya menghilangkan kebutuhan untuk menempatkan tulang dan melakukan weight painting secara manual.</p>
<h3>Apakah ada alternatif Mixamo untuk melakukan rigging karakter nonhumanoid atau quadrupedal buatan AI?</h3>
<p>Ya, tetapi bukan Mixamo atau AccuRIG karena keduanya hanya mendukung humanoid. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva mendeteksi quadrupedal, menyesuaikan kerangka berkaki empat menggunakan engine Pro, lalu menghasilkan GLB yang telah di-rig dengan siklus berjalan yang disematkan. Ini cocok untuk anjing, serigala, atau kuda hasil generasi dari <a href="/id/tools/hunyuan3d#prompt=a%20low%20poly%20wolf%20standing%20on%20four%20legs&amp;character=1">Generator Model 3D</a> kami. Auto-rigger berbasis cloud dari Tripo (v2.5, Februari 2026) menawarkan ragam rig yang lebih luas, dengan kerangka quadrupedal, hexapod, octopod, serpentine, aquatic, dan avian, menggunakan kredit berbayar. Untuk opsi gratis dan offline, Rigify bawaan Blender menyediakan metarig Cat, Wolf, Horse, Shark, dan Basic Quadruped yang dapat Anda sesuaikan secara manual, sedangkan UniRig sumber terbuka (MIT) memprediksi kerangka untuk mesh makhluk apa pun jika Anda dapat menjalankan model secara lokal. Apa pun alat rigging-nya, bersiaplah menganimasikan quadrupedal sendiri atau menghasilkan klip pendek, karena saat ini belum ada pustaka CC0 untuk karakter berkaki empat yang dapat menandingi koleksi humanoid Quaternius.</p>
<h3>Apakah Mixamo masih mengekspor FBX untuk Unity pada 2026?</h3>
<p>Ya. Tidak ada yang berubah dari sisi Adobe: dialog unduhan menampilkan FBX Binary, preset &quot;FBX for Unity&quot;, dan Collada (DAE), tetapi masih belum menyediakan GLB. Preset Unity menyesuaikan cara tekstur dikemas untuk importer Unity (jawaban di forum Adobe tentang <a href="https://community.adobe.com/questions-91/mixamo-download-fbx-for-unity-1501310">perbedaannya</a> membahas penanganan opacity dan roughness), sehingga berkas dapat diimpor sebagai rig Humanoid dengan lebih sedikit penyesuaian. Di Unity 6, impor berkas, atur Animation Type menjadi Humanoid pada tab Rig, dan kerangka Mixamo akan dipetakan secara otomatis. Jika proyek Anda ditujukan untuk web, gunakan <a href="/id/tools/fbx-to-glb">alat FBX ke GLB</a> kami untuk mengonversinya karena alat tersebut mempertahankan track animasi. Risiko yang lebih besar bukan formatnya, melainkan layanannya: unduh dan cadangkan semua yang Anda andalkan.</p>
<h3>Apakah Auto-Rig Pro menyertakan pustaka animasi gratis?</h3>
<p>Tidak. Auto-Rig Pro adalah add-on Blender berbayar untuk rigging, retargeting, dan ekspor game ($25 untuk Lite, $50 untuk Full di Superhive per 2026), dan tidak menyertakan animasi stok. Alat Remap miliknya digunakan untuk melakukan retargeting klip gratis ke rig ARP. Jadi, pustaka gratis yang dapat Anda pasangkan dengannya adalah Quaternius Universal Animation Library (CC0, 250+ klip) atau Mixamo (gratis untuk disertakan dalam produk, tetapi tidak boleh didistribusikan ulang). Jika tidak perlu melibatkan Blender, <a href="/id/tools/animations">Pustaka Animasi</a> Cinevva melakukan retargeting terhadap 260 klip Quaternius yang sama ke rig yang diunggah melalui browser.</p>
<h3>Di mana saya dapat mengunduh Quaternius Universal Base Characters dalam format GLB?</h3>
<p>Dari <a href="https://quaternius.com/packs/universalbasecharacters.html">quaternius.com</a> atau <a href="https://quaternius.itch.io/universal-base-characters">halaman itch.io Quaternius</a>, bukan GitHub: Quaternius memiliki akun GitHub, tetapi mendistribusikan paket melalui situsnya dan <a href="http://itch.io">itch.io</a>. Unduhan Standard gratis mencakup glTF (saudara GLB yang menggunakan teks plus biner), FBX, dan OBJ untuk sekitar 60 hingga 70% isi paket, sedangkan paket Source seharga $20 menambahkan model yang tersisa dan berkas Blender. Semuanya menggunakan CC0, keenam karakter berbagi satu rig humanoid, dan paket ini dirancang untuk dipasangkan dengan Universal Animation Library serta paket Modular Character Outfits.</p>
<h3>Bagaimana cara melakukan rigging model 3D secara online dan gratis?</h3>
<p>Ada tiga opsi berbasis browser atau web per September 2026. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva melakukan rigging GLB, FBX, atau OBJ secara online dan memungkinkan Anda mengunduh karakter pertama yang telah di-rig, dengan hingga enam animasi yang disematkan, secara gratis. Mixamo melakukan rigging humanoid dalam T-pose secara gratis dengan akun Adobe dan mengekspor FBX. Aplikasi web Tripo melakukan rigging humanoid maupun makhluk, tetapi mengenakan biaya berupa kredit, dan paket gratisnya hanya untuk penggunaan nonkomersial. Untuk alat desktop gratis tanpa batas, AccuRIG di Windows adalah pilihannya.</p>
<h3>Bisakah saya menggunakan animasi Mixamo dalam game komersial?</h3>
<p>Ya. Ketentuan Adobe mengizinkan penggunaan komersial tanpa batas dan tanpa royalti. Satu-satunya batasan utama adalah distribusi ulang: Anda tidak boleh menjual kembali atau membagikan berkas animasi atau karakter mentah, misalnya sebagai paket di toko aset. Jika telah disematkan ke dalam game yang Anda rilis, penggunaannya diperbolehkan.</p>
<h3>Di mana saya bisa mendapatkan animasi karakter CC0 gratis?</h3>
<p>Quaternius Universal Animation Library 1 dan 2 adalah sumber terbaik: gabungan 250+ animasi pada satu rig humanoid universal, dapat di-retarget di Unity, Unreal, dan Godot, serta semuanya menggunakan CC0, termasuk paket gratisnya. Paket Animated Characters dari Kenney menambahkan karakter rig sederhana dengan klip dasar dan juga menggunakan CC0.</p>
<h3>Apa itu retargeting animasi?</h3>
<p>Retargeting memetakan animasi dari satu kerangka ke kerangka lain yang memiliki nama dan proporsi tulang berbeda. Anda membutuhkannya setiap kali karakter dan animasi berasal dari sumber yang berbeda. Unity, Unreal, dan Godot 4 memiliki fitur retargeting bawaan, pengguna Blender biasanya memakai Auto-Rig Pro, sedangkan <a href="/id/tools/animate">Prompt Animations</a> dari Cinevva melakukan retargeting ke karakter yang Anda unggah langsung di browser.</p>
<h3>Bisakah AI menghasilkan animasi karakter dari teks?</h3>
<p>Ya, dan pada 2026 teknologi ini sudah praktis untuk klip pendek. <a href="/id/tools/animate">Prompt Animations</a> dari Cinevva tersedia gratis di browser dengan ekspor GLB dan BVH, Rokoko Create menghasilkan klip gratis dengan lima kali ekspor per bulan melalui akun gratis, sedangkan SayMotion dari DeepMotion merupakan alternatif berbayar utamanya. Model sumber terbuka seperti MDM dan MoMask memiliki kode berlisensi MIT, tetapi dilatih menggunakan set data penelitian nonkomersial. Jadi, periksa lisensinya sebelum merilis hasil animasi tersebut.</p>
<p><BuildCta
  title="Lewati seluruh proses rigging"
  desc="Jelaskan sebuah game dan Cinevva akan membuatnya lengkap dengan karakter ber-rig dan beranimasi yang sudah bergerak."
  prompt="Buat petualangan orang ketiga tempat karakter saya dapat berlari, melompat, dan memanjat melintasi pulau-pulau terapung" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a> - tempat mendapatkan karakter untuk di-rig</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a> - panduan lengkap berisi lebih dari 20 sumber</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a> - hasilkan model, tekstur, dan audio</li>
<li><a href="/id/tools/rigger">Auto Rigger</a> - lakukan rigging model di browser secara gratis</li>
<li><a href="/id/tools/animate">Prompt Animations</a> - hasilkan gerakan dari deskripsi teks</li>
</ul>
<style scoped>
.sample-sheet { margin: 1.25rem 0; }
.sample-sheet > a { display: block; }
.sample-sheet img { width: 100%; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.sample-sheet figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Tekstur PBR, Material, dan HDRI Gratis untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/free-textures-hdris-materials</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/free-textures-hdris-materials</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Sumber tekstur PBR, material, dan HDRI gratis terbaik untuk game pada 2026, mulai dari pustaka CC0 seperti Poly Haven dan ambientCG hingga generator AI, lengkap dengan penjelasan lisensi.]]></description>
            <content:encoded><![CDATA[<h1>Tekstur PBR, Material, dan HDRI Gratis untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Tekstur PBR dan HDRI gratis terbaik berasal dari pustaka CC0: Poly Haven (lebih dari 850 tekstur dan 990 HDRI) serta ambientCG (lebih dari 2.000 material dan 420 HDRI) adalah dua sumber utama. Keduanya berada dalam domain publik tanpa kewajiban atribusi dan menyediakan API gratis tanpa kunci. Situs CC0 yang lebih kecil seperti <a href="http://3DTextures.me">3DTextures.me</a>, ShareTextures, dan cgbookcase menambahkan ribuan aset lainnya, sementara Kenney menyediakan tekstur untuk prototipe dan gaya stilisasi. Satu situs populer yang BUKAN CC0 adalah FreePBR, tempat penggunaan komersial memerlukan pembayaran satu kali.</p>
<p>::: info Cari Semua Sumber Ini di Satu Tempat
<a href="/id/assets">Pencarian Pustaka Aset</a> Cinevva menyertakan Poly Haven dan ambientCG sebagai penyedia, sehingga Anda dapat mencari tekstur dan HDRI mereka dari satu kotak pencarian: <a href="/id/assets?providers=polyhaven">Poly Haven</a> · <a href="/id/assets?providers=ambientcg">ambientCG</a>
:::</p>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Satu situs untuk semuanya, fotorealistis:</strong> Poly Haven (tekstur, HDRI, dan model CC0).</li>
<li><strong>Pustaka material murni terbesar:</strong> ambientCG (CC0, lebih dari 2.000 material PBR).</li>
<li><strong>Lebih banyak variasi, tetap CC0:</strong> <a href="http://3DTextures.me">3DTextures.me</a>, ShareTextures, cgbookcase.</li>
<li><strong>Tekstur prototipe dan stilisasi:</strong> Kenney (CC0).</li>
<li><strong>HDRI gratis selain dari Poly Haven:</strong> ambientCG, koleksi gratis HDRMaps, OpenHDRI.</li>
<li><strong>Perhatikan lisensinya:</strong> FreePBR hanya gratis untuk penggunaan pribadi, sedangkan hak komersial berharga $16.</li>
</ul>
<h2>Referensi Cepat</h2>
<table>
<thead>
<tr>
<th>Kebutuhan</th>
<th>Sumber Terbaik</th>
<th>Lisensi</th>
<th>Atribusi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material PBR fotorealistis</td>
<td>Poly Haven, ambientCG</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Variasi material yang luas</td>
<td><a href="http://3DTextures.me">3DTextures.me</a>, ShareTextures</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Pustaka kecil yang dikurasi</td>
<td>cgbookcase</td>
<td>CC0 1.0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Tekstur prototipe/blockout</td>
<td>Kenney</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>HDRI untuk pencahayaan</td>
<td>Poly Haven, ambientCG</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Lebih banyak HDRI gratis</td>
<td>Koleksi gratis HDRMaps, OpenHDRI</td>
<td>Bebas royalti / CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Game komersial dengan anggaran terbatas</td>
<td>Semua sumber CC0 di atas</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Unduhan FreePBR</td>
<td>FreePBR</td>
<td>Khusus</td>
<td>Tidak ada, tetapi penggunaan komersial berbayar</td>
</tr>
</tbody>
</table>
<h2>Situs tekstur dan material PBR</h2>
<h3>Poly Haven</h3>
<p><strong>Paling cocok untuk:</strong> Material dan HDRI fotorealistis tanpa kekhawatiran lisensi</p>
<figure class="sample-sheet">
<a href="/id/assets?providers=polyhaven"><img src="https://cdn.cinevva.com/guides/samples/samples-polyhaven-textures.jpg" alt="Contoh material PBR CC0 dari Poly Haven yang dirender pada bola: bata, lantai kayu, pelat logam, batu bulat, kain, rumput, marmer, dan beton" loading="lazy"></a>
<figcaption>Pratinjau material Poly Haven: bata, kayu, logam, batu bulat, kain, rumput, marmer, dan beton, semuanya CC0. <a href="/id/assets?providers=polyhaven">Cari Poly Haven di pustaka aset</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://polyhaven.com">polyhaven.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (domain publik), tidak memerlukan atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 850 tekstur PBR, 990 HDRI, dan 520 model</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Peta JPG/PNG, EXR/HDR untuk HDRI, Blend, glTF</td>
</tr>
<tr>
<td><strong>Resolusi</strong></td>
<td>Tekstur 1K hingga 8K, HDRI 1K hingga 16K</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya, gratis, tanpa memerlukan kunci</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Setiap aset dibuat dari pemindaian atau secara manual dengan standar fotorealistis yang konsisten</li>
<li>Set peta lengkap: diffuse, normal, roughness, displacement, AO</li>
<li>Pilih resolusi untuk setiap unduhan alih-alih mendapatkan satu ZIP berukuran sangat besar</li>
<li>API memungkinkan berbagai alat (termasuk pencarian aset Cinevva) mengambil aset secara langsung</li>
</ul>
<p><strong>Paling cocok untuk mencari:</strong></p>
<ul>
<li>Material tanah, batu, dan medan untuk adegan luar ruangan</li>
<li>Kayu, bata, plester, dan logam untuk arsitektur</li>
<li>HDRI langit dan studio untuk menerangi apa pun</li>
</ul>
<p>Poly Haven adalah sumber utama dalam seluruh panduan ini. Situs ini didanai oleh Patreon dan sponsor perusahaan, bukan iklan, memiliki standar kualitas tertinggi di antara semua pustaka gratis, dan lisensi CC0 berarti Anda tidak perlu lagi memikirkan lisensinya. Jika Anda hanya ingin memarkahi satu situs, pilih yang ini. Cari di Cinevva melalui <a href="/id/assets?providers=polyhaven">/assets?providers=polyhaven</a>.</p>
<h3>ambientCG</h3>
<p><strong>Paling cocok untuk:</strong> Pustaka material CC0 terbesar di web</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://ambientcg.com">ambientcg.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0, gratis untuk penggunaan komersial, tanpa atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 2.000 material PBR, 420 HDRI, serta aset 3D</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Set peta JPG/PNG, HDRI EXR</td>
</tr>
<tr>
<td><strong>Resolusi</strong></td>
<td>Hingga 8K pada sebagian besar material</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya, terdokumentasi, tanpa memerlukan kunci</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Variasi material mentah yang lebih banyak daripada sumber lain di ranah CC0</li>
<li>Sebelumnya bernama CC0Textures, berganti nama pada 2021, dengan kreator dan lisensi yang sama sejak 2018</li>
<li>Melayani lebih dari 1.000.000 unduhan per bulan, sehingga telah teruji dan stabil</li>
<li>Cakupan prosedural dan berbasis pemindaian yang baik: bata, kain, tanah, logam, atap</li>
</ul>
<p><strong>Paling cocok untuk mencari:</strong></p>
<ul>
<li>Permukaan berulang dalam jumlah besar saat Anda mendekorasi seluruh level</li>
<li>Variasi dari kelompok material yang sama (belasan jenis beton berbeda)</li>
<li>HDRI ketika Poly Haven tidak memiliki suasana yang Anda butuhkan</li>
</ul>
<p>Jika Poly Haven adalah galeri yang dikurasi, ambientCG adalah gudangnya. Saat Anda membutuhkan delapan varian aspal berbeda atau jenis tenunan kain yang sangat spesifik, di sinilah Anda akan menemukannya. Cari di Cinevva melalui <a href="/id/assets?providers=ambientcg">/assets?providers=ambientcg</a>.</p>
<h3><a href="http://3DTextures.me">3DTextures.me</a></h3>
<p><strong>Paling cocok untuk:</strong> Pustaka gratis besar yang juga memuat material stilisasi dan buatan tangan</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://3dtextures.me">3dtextures.me</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (domain publik)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 1.300 set tekstur</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Set peta PNG/JPG (base color, normal, roughness, AO, height)</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, per tekstur</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Kategori yang sangat lengkap: lebih dari 340 logam, 200 ubin, dan 200 kain</li>
<li>Menyertakan material stilisasi dan semiprosedural yang tidak akan Anda temukan di situs berbasis pemindaian</li>
<li>Kompatibel dengan konvensi peta Blender, Unreal, Unity, dan Godot</li>
</ul>
<p><strong>Paling cocok untuk mencari:</strong></p>
<ul>
<li>Permukaan stilisasi yang tidak tersedia di pustaka pemindaian fotorealistis</li>
<li>Panel fiksi ilmiah, ubin berornamen, dan material yang kaya pola</li>
</ul>
<p>Proyek satu orang yang diam-diam telah menjadi salah satu pustaka tekstur CC0 terbesar. Setiap unduhan tersedia gratis, dan donasi kecil melalui Ko-fi memberi Anda folder unduhan massal jika ingin memperoleh semuanya sekaligus.</p>
<h3>ShareTextures</h3>
<p><strong>Paling cocok untuk:</strong> Sumber CC0 lain yang layak diperiksa ketika dua situs terbesar tidak memilikinya</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.sharetextures.com">sharetextures.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0, secara eksplisit boleh digunakan untuk proyek komersial</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 1.700 tekstur serta beberapa model 3D</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Set peta PBR</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Cakupan permukaan arsitektural yang solid: lantai, dinding, kain, kayu</li>
<li>Semuanya bebas hak cipta menurut kebijakan yang mereka nyatakan sendiri</li>
<li>Didukung melalui Patreon dan masih aktif dikelola pada 2026</li>
</ul>
<p><strong>Paling cocok untuk mencari:</strong></p>
<ul>
<li>Permukaan interior untuk adegan arsitektural atau berskala ruangan</li>
<li>Pilihan alternatif ketika Poly Haven dan ambientCG sama-sama tidak memilikinya</li>
</ul>
<p>Situs ini tidak seterkenal dua situs terbesar, tetapi lisensinya sama jelasnya. Kebiasaan yang baik: cari di Poly Haven dan ambientCG terlebih dahulu, lalu periksa situs ini sebelum memakai sesuatu yang hanya setengah sesuai.</p>
<h3>cgbookcase</h3>
<p><strong>Paling cocok untuk:</strong> Koleksi CC0 yang lebih kecil dan terkurasi dengan resolusi tinggi</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.cgbookcase.com">cgbookcase.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 1.0, gunakan secara gratis tanpa memberikan kredit</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 550 tekstur</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Set peta PBR</td>
</tr>
<tr>
<td><strong>Resolusi</strong></td>
<td>1K hingga 8K</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Setiap tekstur disertai set peta lengkap untuk material fotorealistis</li>
<li>Dapat difilter berdasarkan resolusi minimum saat menjelajah</li>
<li>Dikelola oleh satu seniman (Dorian Zgraggen) sebagai proyek kecintaan, tanpa paywall</li>
</ul>
<p><strong>Paling cocok untuk mencari:</strong></p>
<ul>
<li>Permukaan alam dan organik (kulit kayu, daun, tanah)</li>
<li>Versi beresolusi tinggi dari material umum</li>
</ul>
<p>Kecil tetapi dibuat dengan baik. Tekstur daun dua sisi merupakan salah satu aset unggulannya yang hampir tidak ditawarkan oleh pustaka gratis lain.</p>
<h3>FreePBR</h3>
<p><strong>Paling cocok untuk:</strong> Set material yang berfokus pada game, asalkan Anda membaca lisensinya terlebih dahulu</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://freepbr.com">freepbr.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Khusus, BUKAN CC0. Gratis untuk penggunaan pribadi/nonkomersial. Hak komersial berharga $16 sekali bayar</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 600 set tekstur PBR</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>PNG 2048x2048 (albedo, normal, roughness, metallic, AO, sebagian dengan height)</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, per set</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Kategori berorientasi game: lebih dari 100 logam, lantai, panel fiksi ilmiah, tanah</li>
<li>Set PNG 2K konsisten yang dapat langsung dimasukkan ke alur kerja Unity atau Unreal</li>
<li>Tingkat komersial seharga $16 juga menyediakan unduhan massal seluruh pustaka</li>
</ul>
<p><strong>Paling cocok untuk mencari:</strong></p>
<ul>
<li>Logam bergaya game dan permukaan fiksi ilmiah</li>
<li>Set 2K siap pakai ketika Anda tidak memerlukan realisme setingkat pemindaian</li>
</ul>
<p>Inilah jebakan lisensi dalam kategori ini. FreePBR tampak seperti situs CC0, tetapi sebenarnya bukan: FAQ situsnya sendiri menyatakan bahwa set tersebut gratis &quot;selama Anda tidak menggunakannya secara komersial&quot;, dan distribusi ulang tidak diizinkan. Jika game Anda akan menghasilkan uang, bayar $16 atau tetap gunakan situs CC0 di atas.</p>
<h3>Kenney</h3>
<p><strong>Paling cocok untuk:</strong> Tekstur prototipe dan pola stilisasi</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://kenney.nl">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (domain publik)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Paket tekstur dalam pustaka berisi lebih dari 40.000 aset, termasuk paket Prototype dengan 75 tekstur</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>PNG</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Tidak, tetapi tersedia katalog luring</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>Ya, satu ZIP per paket</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Paket Prototype Textures menyediakan tampilan grid dan pola kotak-kotak standar untuk blockout</li>
<li>Pola dan permukaan stilisasi yang cocok dengan paket 3D dan 2D Kenney</li>
<li>Lisensi CC0 yang sama berlaku untuk seluruh katalog</li>
</ul>
<p><strong>Paling cocok untuk mencari:</strong></p>
<ul>
<li>Grid greybox/blockout untuk membuat prototipe level</li>
<li>Tekstur stilisasi datar untuk game low-poly ketika PBR fotorealistis terlihat tidak sesuai</li>
</ul>
<p>Ini bukan pustaka PBR, dan justru itulah tujuannya. Jika game Anda menggunakan gaya low-poly, alur kerja roughness 4K lengkap terlalu berlebihan dan tekstur datar Kenney akan terlihat lebih selaras.</p>
<h2>HDRI Gratis</h2>
<p>HDRI (high dynamic range image atau citra rentang dinamis tinggi) adalah panorama 360 derajat yang digunakan untuk menerangi adegan dan mengisi latar belakang. Satu HDRI yang bagus dapat menggantikan berjam-jam penempatan cahaya secara manual.</p>
<figure class="sample-sheet">
<a href="/id/assets?providers=polyhaven"><img src="https://cdn.cinevva.com/guides/samples/samples-polyhaven-hdris.jpg" alt="Contoh HDRI CC0 dari Poly Haven: panorama padang alpen, langit samudra, interior studio seni, padang musim gugur, langit murni, dan hutan musim gugur" loading="lazy"></a>
<figcaption>Enam HDRI Poly Haven, mulai dari langit murni hingga interior, semuanya CC0. <a href="/id/assets?providers=polyhaven">Cari HDRI di pustaka aset</a>.</figcaption>
</figure>
<p><strong>Poly Haven</strong> juga merupakan pilihan utama di sini: lebih dari 980 HDRI CC0, mulai dari langit cerah dan penataan studio hingga adegan malam, yang dapat diunduh dalam resolusi 1K sampai 16K dengan format EXR atau HDR. <strong>ambientCG</strong> menambahkan lebih dari 400 HDRI lainnya dengan ketentuan CC0 yang sama. Di antara keduanya, Anda hampir tidak akan membutuhkan sumber lain.</p>
<p>Jika masih membutuhkannya, <strong>HDRMaps</strong> (<a href="https://hdrmaps.com/freebies/">hdrmaps.com</a>) menawarkan lebih dari 200 HDRI gratis yang menurut situsnya dapat digunakan dalam proyek pribadi maupun komersial. Tim yang sama juga mengelola <strong>OpenHDRI</strong> (<a href="https://openhdri.org">openhdri.org</a>), pustaka yang merilis setiap HDRI di bawah lisensi CC0.</p>
<p>Untuk game web, jangan sertakan HDRI 16K. HDRI 2K sudah cukup jika hanya digunakan untuk menerangi adegan, dan 4K biasanya memadai bahkan ketika terlihat sebagai langit.</p>
<h2>Apa sebenarnya peta-peta PBR itu?</h2>
<p>Material PBR adalah sekumpulan gambar yang masing-masing menggambarkan satu sifat fisik permukaan. Sebagian besar situs gratis menyediakan lima jenis berikut:</p>
<table>
<thead>
<tr>
<th>Peta</th>
<th>Yang dikendalikan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Albedo (base color)</td>
<td>Warna mentah permukaan, tanpa pencahayaan yang dipanggang</td>
</tr>
<tr>
<td>Normal</td>
<td>Menyimulasikan tonjolan dan lekukan kecil tanpa geometri tambahan</td>
</tr>
<tr>
<td>Roughness</td>
<td>Seberapa tajam atau buram pantulannya (mengilap vs matte)</td>
</tr>
<tr>
<td>Metallic</td>
<td>Apakah permukaan berperilaku seperti logam atau tidak</td>
</tr>
<tr>
<td>AO (ambient occlusion)</td>
<td>Bayangan lembut yang dipanggang pada celah-celah</td>
</tr>
</tbody>
</table>
<p>Sebagian set menambahkan peta height/displacement untuk detail geometris nyata. Untuk game web, Anda biasanya dapat melewatkannya. Jika performa sangat terbatas, Anda bahkan dapat menghapus AO dan metallic pada properti yang jelas bukan logam.</p>
<h2>Memilih resolusi untuk game web</h2>
<p>Lebih besar bukan berarti lebih baik di peramban. Setiap tekstur didekode menjadi piksel mentah di memori GPU, sehingga tekstur RGBA 4K menghabiskan 64 MB VRAM terlepas dari ukuran berkasnya. Patokan awal yang baik untuk web: 1K untuk sebagian besar properti dan permukaan berulang, 2K untuk objek utama yang dilihat kamera dari dekat, dan hampir tidak pernah 4K. Unduh resolusi terkecil yang tetap terlihat bagus, bukan yang terbesar yang ditawarkan.</p>
<h2>Kompres semuanya dengan KTX2</h2>
<p>Sebelum tekstur dimasukkan ke dalam game WebGL atau WebGPU, konversikan ke KTX2 (Basis Universal). Tidak seperti PNG atau JPG, tekstur KTX2 tetap terkompresi oleh GPU di memori video, yang umumnya mengurangi penggunaan VRAM tekstur sebanyak 4 hingga 8 kali sekaligus mempercepat pemuatan. Three.js, Babylon.js, dan PlayCanvas semuanya menyediakan pemuat KTX2. Cinevva memiliki <a href="/id/tools/ktx2-compressor">Kompresor Tekstur KTX2</a> gratis di peramban yang mengonversi PNG, JPG, dan WebP secara lokal tanpa mengunggah apa pun. Jika Anda ingin memilih API grafis terlebih dahulu, lihat <a href="/id/guides/webgpu-vs-webgl-games">panduan WebGPU vs WebGL</a> kami.</p>
<h2>Buat material dan skybox dengan AI</h2>
<p>Pada 2026, Anda juga dapat membuat apa pun yang tidak dapat ditemukan, dan alat-alatnya terbagi menjadi dua jenis pekerjaan. Generator material (Polycam, Material Maker yang gratis dan sumber terbuka, Adobe Substance 3D Sampler) menghasilkan set PBR berulang dengan peta normal dan kekasaran yang sebenarnya; alat pemberi tekstur mesh (Meshy, 3D AI Studio) mengecat model yang sudah ada. Panduan <a href="/id/guides/ai-texture-generators">Generator Tekstur AI Terbaik</a> kami membandingkan semuanya beserta harga dan lisensinya. Singkatnya, untuk permukaan realistis, pustaka foto CC0 di atas masih lebih baik daripada apa pun yang dihasilkan AI.</p>
<p>Untuk lingkungan 360 derajat, Skybox AI dari Blockade Labs menghasilkan skybox 8K tanpa sambungan dari teks, meskipun paket gratisnya hanya menyediakan pratinjau dan tidak dapat mengekspor; paket berbayar mulai dari $20 per bulan dilengkapi lisensi komersial. OmniCraft dari Hyper3D adalah alat yang memberikan HDR 32-bit sesungguhnya untuk pencahayaan. Panduan <a href="/id/guides/ai-skybox-generators">Generator Skybox AI dan HDRI Terbaik</a> membahas semuanya berdampingan dengan pustaka HDRI gratis.</p>
<p>Cinevva menyediakan keduanya secara bawaan: <a href="/id/tools/skybox">Generator Skybox</a> membuat skybox 360 derajat 8K dengan peta kedalaman melalui akun gratis, sedangkan <a href="/id/tools/flux">Generator Gambar</a> menangani tekstur albedo bergaya, decal, dan seni konsep dari perintah teks. Periksa ketentuan komersial pada setiap alat AI yang di-host sebelum merilis karya Anda, sama seperti saat memeriksa lisensi tekstur.</p>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>CC0:</strong> domain publik. Penggunaan komersial dan modifikasi diperbolehkan tanpa atribusi. Poly Haven, ambientCG, <a href="http://3DTextures.me">3DTextures.me</a>, ShareTextures, cgbookcase, dan Kenney semuanya berlisensi CC0.</li>
<li><strong>CC-BY:</strong> penggunaan komersial gratis, tetapi Anda harus mencantumkan kredit kreator.</li>
<li><strong>Bebas royalti / lisensi gratis khusus:</strong> gratis digunakan berdasarkan ketentuan situs masing-masing. Bacalah ketentuannya. Paket gratis FreePBR tidak mengizinkan penggunaan komersial.</li>
<li><strong>Dilarang mendistribusikan ulang:</strong> bahkan situs dengan ketentuan yang longgar sering kali melarang pengunggahan ulang berkas mentah di tempat lain. Larangan ini berlaku untuk berkasnya, bukan gim Anda, sehingga menyertakannya di dalam build tidak menjadi masalah.</li>
</ul>
<p>Jika ragu, pilih CC0. Untuk penjelasan lengkap, lihat <a href="/id/guides/game-asset-licenses">panduan lisensi aset gim</a> kami.</p>
<h2>Pertanyaan Umum</h2>
<h3>Di mana saya dapat mengunduh tekstur PBR gratis untuk gim komersial?</h3>
<p>Poly Haven dan ambientCG adalah sumber terbaik: keduanya berlisensi CC0, sehingga setiap tekstur aman digunakan dalam gim komersial tanpa atribusi. <a href="http://3DTextures.me">3DTextures.me</a>, ShareTextures, dan cgbookcase juga sepenuhnya berlisensi CC0. Jangan berasumsi bahwa setiap situs &quot;tekstur gratis&quot; menerapkan ketentuan yang sama, karena beberapa situs (seperti FreePBR) membatasi penggunaan komersial untuk unduhan gratis.</p>
<h3>Apakah ambientCG benar-benar gratis untuk penggunaan komersial?</h3>
<p>Ya. Setiap aset di ambientCG berlisensi CC0, yang menurut situs tersebut bebas digunakan tanpa atribusi, bahkan dalam proyek komersial. Situs ini sebelumnya bernama CC0Textures dan telah menggunakan lisensi yang sama sejak 2018.</p>
<h3>Apakah FreePBR berlisensi CC0?</h3>
<p>Tidak. FreePBR menggunakan lisensinya sendiri: unduhannya gratis untuk penggunaan pribadi dan nonkomersial, tetapi penggunaan komersial memerlukan pembayaran satu kali sebesar $16, dan pendistribusian ulang berkas di situs lain tidak diizinkan. Jika Anda menginginkan tekstur komersial tanpa biaya, gunakan situs CC0 sebagai gantinya.</p>
<h3>Di mana saya bisa mendapatkan HDRI gratis untuk pencahayaan gim?</h3>
<p>Poly Haven memiliki lebih dari 980 HDRI CC0 dan merupakan pilihan standar. ambientCG menyediakan lebih dari 400 HDRI tambahan dengan lisensi CC0. HDRMaps menawarkan lebih dari 200 aset gratis yang dapat digunakan dalam proyek komersial, sedangkan situs saudaranya, OpenHDRI, sepenuhnya berlisensi CC0.</p>
<h3>Resolusi tekstur apa yang sebaiknya saya gunakan untuk gim web?</h3>
<p>Gunakan 1K untuk sebagian besar permukaan dan 2K untuk objek yang didekati kamera. Tekstur 4K tanpa kompresi menghabiskan 64 MB memori GPU, terlalu besar untuk dialokasikan oleh gim browser pada satu permukaan. Apa pun resolusi yang dipilih, konversikan ke KTX2 agar tetap terkompresi di VRAM.</p>
<h3>Bisakah AI menghasilkan material PBR yang dapat diulang?</h3>
<p>Ya. Alat khusus seperti Texturly dan 3D AI Studio menghasilkan set peta PBR berulang dari perintah teks, sedangkan Adobe Substance 3D Sampler membuat material dari satu foto. Untuk langit, Skybox AI dari Blockade Labs dan <a href="/id/tools/skybox">Generator Skybox</a> Cinevva membuat lingkungan 360 derajat penuh dari sebuah perintah.</p>
<h3>Apakah saya perlu mencantumkan kredit Poly Haven atau ambientCG dalam gim saya?</h3>
<p>Tidak. CC0 berarti atribusi tidak diwajibkan di mana pun, termasuk dalam gim komersial. Kedua situs menghargai pencantuman kredit atau donasi, tetapi secara hukum Anda tidak memiliki kewajiban apa pun.</p>
<p><BuildCta
  title="Lewati pencarian tekstur. Buat adegannya saja"
  desc="Cinevva menelusuri Poly Haven dan ambientCG untuk Anda, lalu memasukkan material dan HDRI langsung ke dalam gim yang dapat dimainkan."
  prompt="Buat lembah pegunungan berkabut saat matahari terbenam dengan reruntuhan batu yang dapat saya jelajahi, diterangi langit HDRI yang hangat" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Gim Gratis</a>: panduan lengkap dengan lebih dari 20 sumber</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik</a>: model tempat menggunakan material tersebut</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Gim</a>: CC0, CC-BY, dan lisensi lainnya</li>
<li><a href="/id/guides/ai-texture-generators">Generator Tekstur AI Terbaik untuk Gim</a>: ketika pustaka tidak memiliki aset yang Anda perlukan</li>
<li><a href="/id/guides/ai-skybox-generators">Generator Skybox AI dan HDRI Terbaik</a>: langit hasil generasi dibandingkan dengan HDRI gratis</li>
<li><a href="/id/guides/webgpu-vs-webgl-games">WebGPU vs WebGL untuk Gim</a>: tempat tekstur terkompresi tersebut digunakan</li>
<li><a href="/id/assets">Pencarian Pustaka Aset</a>: telusuri Poly Haven, ambientCG, dan lainnya di satu tempat</li>
<li><a href="/game-assets/free-wood-textures">Kayu gratis</a>, <a href="/game-assets/free-metal-textures">logam</a>, <a href="/game-assets/free-stone-textures">batu</a>, dan <a href="/game-assets/free-grass-textures">tekstur rumput</a>, ditambah <a href="/game-assets/free-hdri-skies">langit HDRI</a>: pustaka gratis, satu kategori demi satu</li>
</ul>
<style scoped>
.sample-sheet { margin: 1.25rem 0; }
.sample-sheet > a { display: block; }
.sample-sheet img { width: 100%; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.sample-sheet figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Panduan Developer CrazyGames: Publikasikan dan Hasilkan Pendapatan (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/publish-game-crazygames</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/publish-game-crazygames</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara memublikasikan game Anda di CrazyGames pada 2026: portal developer, pengajuan dan peninjauan, SDK, bagi hasil iklan, pembelian dalam game, dan cara kerja pembayaran.]]></description>
            <content:encoded><![CDATA[<h1>Panduan Developer CrazyGames: Publikasikan dan Hasilkan Pendapatan (2026)</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>Untuk memublikasikan game di CrazyGames, Anda mengunggah build HTML5 atau Unity WebGL melalui <a href="https://developer.crazygames.com/">portal developer</a>, lalu tim QA meninjaunya (umpan balik biasanya diterima dalam <a href="https://docs.pley.com/docs/crazy-games">1 hingga 2 hari</a>), dan game Anda dirilis dalam salah satu dari dua tahap. Basic Launch menempatkan game di situs tanpa memerlukan integrasi SDK agar CrazyGames dapat mengukur respons pemain. Jika game tersebut mampu mempertahankan perhatian pemain, Anda akan diundang ke Full Launch, tempat Anda mengintegrasikan <a href="https://docs.crazygames.com/">CrazyGames SDK</a> dan mulai menghasilkan pendapatan. Tidak ada biaya publikasi dan <a href="https://docs.crazygames.com/faq/">tidak ada persyaratan eksklusivitas</a>, sehingga Anda dapat menyediakan game yang sama di Steam, perangkat seluler, atau portal pesaing pada saat bersamaan.</p>
<p>Anda memperoleh penghasilan melalui bagi hasil dari iklan yang ditayangkan oleh SDK (video dan banner), ditambah pembelian dalam game bagi game yang diundang melalui Xsolla. CrazyGames tidak memublikasikan persentase pembagian yang pasti, tetapi membayar setiap bulan melalui <a href="https://docs.crazygames.com/payouts/">Tipalti</a> setelah saldo Anda melewati batas minimum €100, dengan target pembayaran paling lambat tanggal 10 pada bulan berikutnya. Pendapatan cenderung lebih tinggi di pasar Tier 1 berbahasa Inggris seperti AS, Inggris, dan Australia karena permintaan iklan paling kuat di sana dan sebagian besar audiens platform berasal dari wilayah tersebut.</p>
<h2>Referensi Singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Model pengajuan</td>
<td>Unggah mandiri melalui portal developer, lalu peninjauan QA oleh manusia</td>
</tr>
<tr>
<td>Biaya publikasi</td>
<td>Gratis, tanpa persyaratan eksklusivitas</td>
</tr>
<tr>
<td>Waktu peninjauan</td>
<td>Umpan balik biasanya 1 hingga 2 hari; pembaruan sering kali diproses pada hari kerja yang sama</td>
</tr>
<tr>
<td>Tahap peluncuran</td>
<td>Basic Launch (tanpa SDK, tanpa monetisasi) → Full Launch (SDK diwajibkan, menghasilkan pendapatan)</td>
</tr>
<tr>
<td>Monetisasi</td>
<td>Bagi hasil iklan (video + banner SDK); pembelian dalam game melalui Xsolla (khusus undangan)</td>
</tr>
<tr>
<td>Pembagian pendapatan</td>
<td>Tidak tercantum dalam dokumentasi utama; <a href="https://crazygames.indiehero.io/cggmwj-jg/">ketentuan game jam 2026</a> mencantumkan 60% iklan / 70% IAP untuk developer</td>
</tr>
<tr>
<td>Ambang pembayaran</td>
<td>Minimum €100, dibayar setiap bulan melalui Tipalti (transfer bank, ACH, PayPal)</td>
</tr>
<tr>
<td>Batas build</td>
<td>Pemuatan awal ≤ 50MB, total ≤ 250MB, ≤ 1.500 file</td>
</tr>
<tr>
<td>Audiens</td>
<td>PEGI 12 / usia 13+</td>
</tr>
</tbody>
</table>
<h2>Mengapa CrazyGames</h2>
<p>CrazyGames adalah salah satu portal game browser terbesar di web. Portal developer perusahaan tersebut kini mengklaim memiliki <a href="https://developer.crazygames.com/">lebih dari 50 juta pemain bulanan</a>, yang terkonsentrasi di pasar Tier 1, naik dari <a href="https://mobidictum.com/crazygames-reaches-35-million-monthly-users/">35 juta pengguna aktif bulanan</a> yang dilaporkan secara independen pada awal 2025 untuk katalog berisi sekitar 4.000 game. Itu merupakan audiens siap pakai yang besar dan tidak perlu Anda dapatkan sendiri—inti daya tarik portal dibandingkan meluncurkan game dari nol di domain Anda sendiri.</p>
<p>Tawaran bagi developer cukup sederhana. Anda menyediakan game yang dapat dimainkan di web, CrazyGames menyediakan trafik dan sistem periklanan, lalu Anda berbagi pendapatan iklan. Platform ini sangat menekankan dukungannya kepada developer kecil dan solo serta tidak mengikat Anda. Karena tidak ada klausul eksklusivitas, CrazyGames biasanya menjadi kanal distribusi tambahan, bukan satu-satunya tempat Anda mempertaruhkan segalanya.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 210" role="img" aria-label="Sekilas tentang CrazyGames: lebih dari 50 juta pemain bulanan, sekitar 4.000 game, umpan balik peninjauan dalam 1 hingga 2 hari, ambang pembayaran 100 euro" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="210" rx="14" fill="#0b1020"/>
  <text x="24" y="40" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Sekilas tentang CrazyGames</text>
  <text x="24" y="62" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Skala platform dan dasar-dasar publikasi. Sumber: portal developer &amp; dokumentasi CrazyGames.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g transform="translate(24,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#c8a8ff">50Jt+</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Pemain bulanan</text>
      <rect x="16" y="82" width="72" height="20" rx="10" fill="#c8a8ff22"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#c8a8ff">Dominan Tier 1</text>
    </g>
    <g transform="translate(196,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#7dd3fc">~4.000</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Game dalam katalog</text>
      <rect x="16" y="82" width="80" height="20" rx="10" fill="#7dd3fc22"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#7dd3fc">HTML5 + Unity</text>
    </g>
    <g transform="translate(368,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#6ee7b7">1-2 hari</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Umpan balik tinjauan</text>
      <rect x="16" y="82" width="76" height="20" rx="10" fill="#6ee7b722"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#6ee7b7">QA manusia</text>
    </g>
    <g transform="translate(540,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#fb7185">€100</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Minimum pembayaran</text>
      <rect x="16" y="82" width="60" height="20" rx="10" fill="#fb718522"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#fb7185">Bulanan</text>
    </g>
  </g>
</svg>
<h2>Cara Kerja Publikasi</h2>
<p>Anda memulai di <a href="https://developer.crazygames.com/games">portal developer</a>, tempat Anda menyiapkan akun, melengkapi detail pembayaran, dan mengunggah build. Portal tersebut mencakup Quality Assurance Tool yang menjalankan game persis seperti tampilannya di CrazyGames, sehingga Anda dapat menguji panggilan SDK dan menemukan masalah sebelum ditinjau oleh manusia. Siapkan metode pembayaran sebelum mengajukan game karena CrazyGames meminta Anda melakukannya terlebih dahulu.</p>
<p>Setelah itu, game akan melalui peninjauan, bukan langsung dipublikasikan. Tim QA memainkan game Anda, memeriksa kesesuaiannya dengan persyaratan, lalu mengirimkan satu putaran umpan balik. Developer melaporkan bahwa umpan balik biasanya diterima dalam <a href="https://docs.pley.com/docs/crazy-games">1 hingga 2 hari</a>, sering kali dilengkapi tangkapan layar yang menunjukkan hal-hal yang perlu diperbaiki. Catatan tersebut mencakup masalah yang wajib diperbaiki dan saran peningkatan. Setelah Anda mengatasi masalah penghambat, persiapan game untuk dirilis memerlukan waktu sekitar dua hari lagi. Pembaruan untuk game yang sudah tersedia diproses lebih cepat, biasanya <a href="https://docs.crazygames.com/faq/">dalam hari kerja yang sama</a>.</p>
<h3>Basic Launch, Kemudian Full Launch</h3>
<p>CrazyGames menggunakan <a href="https://docs.crazygames.com/requirements/intro/">peluncuran dua tahap</a>. Pada Basic Launch, game Anda mulai tersedia tanpa memerlukan penyesuaian apa pun. SDK bersifat opsional dan monetisasi dinonaktifkan. Ini adalah periode soft launch (digambarkan oleh developer berlangsung sekitar dua minggu) ketika platform memantau interaksi nyata: waktu bermain rata-rata, jumlah pengunjung yang benar-benar mulai bermain, dan retensi. Jika game Anda mencapai tolok ukur yang ditetapkan, Anda akan diundang ke Full Launch.</p>
<p>Full Launch adalah tahap ketika pendapatan mulai dihasilkan. Anda mengintegrasikan SDK dengan benar, memenuhi seluruh persyaratan integrasi dan QA, lalu game langsung membuka sesi permainan dengan monetisasi yang telah diaktifkan. Gerbang di antara kedua tahap ini merupakan inti dari model tersebut. CrazyGames lebih memilih memberi game kesempatan yang adil untuk diuji oleh pemain sungguhan daripada menyetujuinya hanya berdasarkan potensi. Karena itu, kualitas penyelesaian dan sesi bermain pertama yang menarik lebih penting di sini daripada daftar fitur yang panjang.</p>
<h3>Batas Build dan Persyaratan Teknis</h3>
<p>Build Anda memiliki batas tegas: <a href="https://docs.crazygames.com/requirements/intro/">unduhan awal harus berukuran 50MB atau kurang</a>, ukuran total 250MB atau kurang (50MB jika Anda tidak menggunakan SDK), dan semuanya harus tetap di bawah 1.500 file. Game ditujukan untuk iframe responsif 16:9 dan harus dapat dibaca pada devicePixelRatio 1. Fisika harus tetap <a href="https://docs.crazygames.com/requirements/quality/">konsisten pada berbagai refresh rate</a> seperti 144Hz dan 165Hz. Persyaratan ini menjegal cukup banyak engine yang mengaitkan pergerakan dengan frame rate alih-alih delta time. CrazyGames adalah situs bagi pemain <a href="https://docs.crazygames.com/requirements/gameplay/">berusia 13 tahun ke atas</a>, sehingga game Anda harus mematuhi PEGI 12.</p>
<h2>CrazyGames SDK</h2>
<p>SDK memungkinkan game Anda berkomunikasi dengan platform dan wajib digunakan untuk Full Launch. SDK menangani <a href="https://docs.crazygames.com/">iklan, akun pengguna, penyimpanan cloud, undangan, papan peringkat, dan pembelian</a>. Hanya iklan yang ditayangkan melalui SDK yang diizinkan, dan ini merupakan aturan inti dari seluruh model pendapatannya.</p>
<p>Untuk iklan, tersedia dua jenis iklan video. Iklan midgame ditayangkan pada jeda alami, seperti ketika pemain kalah atau menyelesaikan level, sedangkan iklan berhadiah diminta oleh pemain untuk mendapatkan sesuatu di dalam game. <a href="https://docs.crazygames.com/requirements/ads/">Persyaratannya ketat</a>: iklan tidak boleh mengganggu permainan aktif atau mengejutkan pemain, game harus dijeda dan input diblokir selama iklan berjalan, serta audio harus dibisukan selama iklan lalu diaktifkan kembali setelah iklan berakhir. Tersedia juga iklan banner. Selain iklan, SDK menyediakan penyimpanan data cloud agar progres pemain dapat tersinkronisasi di berbagai perangkat, autentikasi pengguna yang terhubung ke akun CrazyGames mereka, serta undangan teman dan fitur sosial untuk multiplayer. Platform telah mendorong fitur-fitur tersebut sejak menambahkan fungsi sosial sekitar pencapaian 35 juta penggunanya.</p>
<p>SDK secara langsung mendukung <a href="https://docs.crazygames.com/">HTML5, Unity, GameMaker, Construct 3, Godot, dan Cocos</a>, dengan ekstensi mitra untuk GDevelop, Defold, dan Wonderland Engine. CrazyGames memiliki game aktif yang dibuat menggunakan Unity, Defold, Godot, Phaser, PlayCanvas, Construct, Pixi.js, dan BabylonJS. Jadi, engine yang Anda pilih jauh kurang penting dibandingkan kemampuannya mengekspor build web yang bersih dan cepat. Dukungan SDK langsung dan saran khusus mengenai penempatan iklan mulai tersedia setelah seluruh game Anda mencapai <a href="https://docs.crazygames.com/requirements/intro/">50.000 kali dimainkan</a>.</p>
<h3>Pembelian Dalam Game</h3>
<p>Pembelian dalam game tersedia, tetapi <a href="https://docs.crazygames.com/sdk/in-game-purchases/">khusus undangan</a>. CrazyGames menjalankan IAP melalui <a href="https://xsolla.com/partner-spotlight/crazygames-adds-xsolla-payments">Xsolla</a> sebagai penyedia pembayaran, dan pembelian selalu ditangani melalui akun Xsolla milik CrazyGames sehingga secara otomatis ditautkan kembali ke ID pengguna CrazyGames milik pemain. Fitur ini diluncurkan secara lebih luas sepanjang 2025. Xsolla dan Defold <a href="https://www.pocketgamer.biz/xsolla-partners-with-defold-to-simplify-in-game-purchases-for-web-developers/">merilis SDK khusus</a> pada Juni 2025 yang memungkinkan game web Defold di CrazyGames menambahkan pembelian tanpa harus menghubungkan API secara manual. Dalam praktiknya, IAP bukan sesuatu yang dijadikan dasar rencana peluncuran. Raih undangan dengan menunjukkan performa iklan yang baik terlebih dahulu, lalu tambahkan pembelian setelahnya.</p>
<h2>Cara Anda Dibayar</h2>
<p>CrazyGames tidak memublikasikan pembagian pendapatan dalam dokumentasi utama developernya, jadi berhati-hatilah terhadap panduan yang menyebut persentase pasti sebagai angka resmi. Angka yang paling mendekati keterangan resmi terdapat dalam ketentuan yang diterbitkan CrazyGames untuk <a href="https://crazygames.indiehero.io/cggmwj-jg/">GameMaker web jam 2026</a>, yang menyatakan bahwa developer menerima 60% pendapatan iklan dalam game dan 70% pendapatan pembelian dalam game. <a href="https://developer.crazygames.com/">Portal developer</a> memungkinkan Anda melacak pendapatan setiap game. Hal yang didokumentasikan CrazyGames secara lengkap adalah mekanisme pembayaran, dan ketentuannya jelas.</p>
<p>Pembayaran dilakukan <a href="https://docs.crazygames.com/payouts/">setiap bulan melalui Tipalti</a> setelah saldo Anda mencapai minimum €100. Jika Anda tidak mencapai €100 pada bulan tertentu, saldo akan diakumulasikan ke bulan berikutnya. Tipalti mendukung transfer bank, setoran langsung/ACH, eCheck, dan PayPal, dengan ketersediaan yang bergantung pada negara Anda. Ketentuan resminya adalah NET 60, tetapi CrazyGames menyatakan bahwa saat ini mereka berupaya membayar lebih cepat, biasanya paling lambat tanggal 10 pada bulan berikutnya. Perhitungkan biaya valuta asing saat mengonversi mata uang dan kemungkinan biaya bank perantara yang berada di luar kendali CrazyGames. Pendapatan Anda bergantung pada jumlah permainan, retensi, dan lokasi pemain. Karena itu, game yang sama dapat menghasilkan pendapatan yang sangat berbeda dari audiens AS dibandingkan audiens di wilayah dengan CPM rendah.</p>
<h2>Game yang Berperforma Baik di CrazyGames</h2>
<p>Katalog CrazyGames cenderung berisi multiplayer bergaya .io, game aksi berdurasi singkat, puzzle kasual, balapan, dan shooter—jenis game yang menarik pemain dalam sepuluh detik pertama dan tetap cocok dimainkan di tab browser di sela-sela aktivitas lain. Karena gerbang Basic Launch mengukur waktu bermain dan retensi, game yang langsung menyajikan keseruan cenderung berperforma baik, sedangkan game yang memerlukan tutorial lima menit sebelum sesuatu terjadi cenderung tersendat. Fitur sosial dan undangan SDK menguntungkan game yang memiliki elemen multiplayer atau daya tarik untuk dibagikan. Itulah sebabnya begitu banyak game browser populer dibangun di seputar pengalaman bermain bersama atau melawan orang lain.</p>
<h2>Alasan Penolakan yang Umum</h2>
<p>Cara tercepat agar ditolak adalah mengirimkan sesuatu yang tidak orisinal. CrazyGames secara eksplisit menyaring <a href="https://docs.crazygames.com/requirements/quality/">klona, reskin, dan asset flip</a>, dan game Anda tidak boleh mudah tertukar dengan game lain karena nama atau ikonografinya. Masalah kedua yang paling umum adalah tingkat penyempurnaan. Seorang pengembang menulis tentang gamenya yang <a href="https://www.linkedin.com/pulse/my-game-got-rejected-just-2-hours-dmitrii-rigin">ditolak dalam waktu sekitar dua jam</a> dengan catatan bahwa game tersebut &quot;terlihat seperti prototipe,&quot; dan mengeluhkan bahwa masukan yang diberikan sangat minim dibandingkan beberapa portal pesaing. Ini peringatan yang wajar: standar yang ditetapkan adalah game yang terasa sudah selesai, bukan build game jam, dan masukan yang Anda terima bisa sangat singkat.</p>
<p>Kegagalan teknis melengkapi daftar tersebut. Game yang lambat dimuat, tersendat, crash, atau memunculkan error akan ditolak, begitu pula build dengan cacat grafis seperti artefak kompresi, gaya visual yang tidak konsisten, fisika yang rusak pada monitor dengan refresh rate tinggi, atau kontrol yang mengabaikan tata letak keyboard umum. Teks yang tidak terbaca pada resolusi standar atau di iframe 16:9 juga merupakan masalah yang sering terjadi. Semua ini bukan masalah yang aneh, tetapi justru merupakan hal-hal yang mudah terlewat saat Anda terburu-buru mengirimkan game.</p>
<h2>Peran Cinevva</h2>
<p>Jika Anda sedang menghadapi standar &quot;harus terasa selesai, bukan seperti prototipe&quot; dan belum memiliki build, alat seperti Cinevva dapat membantu. Anda menjelaskan game yang diinginkan, lalu Cinevva membuat game web 3D yang dapat dimainkan langsung di browser dan mengekspornya sebagai build HTML5 mandiri. Dengan begitu, Anda memiliki sesuatu yang bisa disempurnakan dan diuji melalui alat QA CrazyGames, alih-alih memulai dari proyek engine kosong. Cinevva tidak akan memenuhi standar orisinalitas dan penyempurnaan untuk Anda, tetapi alat ini memangkas jarak antara ide dan versi pertama yang dapat dimainkan, yang biasanya merupakan bagian paling lambat dalam proses menuju pengiriman game.</p>
<h2>Pertanyaan Umum</h2>
<h3>Berapa banyak CrazyGames membayar pengembang?</h3>
<p>CrazyGames tidak memublikasikan pembagian pendapatan dalam dokumentasi utama untuk pengembang. Data resmi terdekat berasal dari <a href="https://crazygames.indiehero.io/cggmwj-jg/">ketentuan web jam GameMaker 2026</a>, yang menyatakan bahwa pengembang memperoleh 60% pendapatan iklan dan 70% pendapatan pembelian. Anda memperoleh bagian dari pendapatan iklan yang dihasilkan game melalui SDK, yang dilacak per game di portal pengembang, ditambah pembelian dalam game jika Anda diundang. Pembayaran dilakukan setiap bulan melalui Tipalti setelah saldo Anda mencapai €100, dan pendapatan sebenarnya sangat bergantung pada jumlah permainan, retensi, serta seberapa besar bagian audiens Anda yang berada di pasar dengan CPM tinggi seperti AS dan Inggris.</p>
<h3>Berapa lama CrazyGames meninjau sebuah game?</h3>
<p>Pengembang biasanya menerima kabar dalam 1 hingga 2 hari setelah mengirimkan game, sering kali disertai tangkapan layar yang menunjukkan bagian yang perlu diperbaiki. Setelah Anda mengatasi masalah yang menghambat, persiapan game untuk dirilis membutuhkan sekitar dua hari lagi. Pembaruan untuk game yang sudah tayang diproses lebih cepat dan biasanya selesai dalam hari kerja yang sama. Waktu paling banyak tersita pada periode Basic Launch, yaitu masa peluncuran terbatas selama sekitar dua minggu ketika CrazyGames mengukur interaksi pemain yang sebenarnya sebelum mengundang Anda ke Full Launch.</p>
<h3>Apakah game saya harus eksklusif untuk CrazyGames?</h3>
<p>Tidak. CrazyGames tidak mewajibkan eksklusivitas, jadi Anda dapat menerbitkan game yang sama di Steam, toko aplikasi seluler, <a href="http://itch.io">itch.io</a>, atau portal pesaing seperti Poki secara bersamaan dan tetap memperoleh bagi hasil pendapatan di CrazyGames. Hal ini menjadikannya kanal berisiko rendah untuk ditambahkan ke peluncuran multiplatform, bukan keputusan yang membatasi distribusi game Anda.</p>
<h3>Jenis game apa yang paling cocok di CrazyGames?</h3>
<p>Game browser yang cepat dimuat dan langsung menyenangkan adalah yang paling unggul di sini. Tahap seleksi peluncuran platform ini mengukur waktu bermain dan retensi, sehingga game multipemain .io, game aksi dengan sesi singkat, teka-teki kasual, balapan, dan game tembak-menembak yang mampu memikat pemain dalam sepuluh detik pertama cenderung lolos dan berkembang. Game yang membutuhkan tutorial panjang sebelum keseruannya dimulai, atau yang lambat dimuat, cenderung kesulitan. Fitur undangan dan sosial dalam SDK juga memberikan keunggulan tambahan bagi game multipemain dan game yang mudah dibagikan.</p>
<h3>Berapa batas ukuran build untuk CrazyGames?</h3>
<p>Unduhan awal Anda harus berukuran 50MB atau kurang, total build harus 250MB atau kurang (atau 50MB jika Anda tidak mengintegrasikan SDK), dan semuanya harus berjumlah kurang dari 1.500 file. Game berjalan dalam iframe responsif 16:9 dan harus dapat dibaca pada devicePixelRatio 1. Menjaga ukuran pemuatan awal tetap kecil adalah hal terpenting karena waktu mulai yang lambat merugikan metrik konversi dan retensi yang menentukan apakah Anda dapat mencapai Full Launch.</p>
<h3>Bisakah saya menjual pembelian dalam game di CrazyGames?</h3>
<p>Ya, tetapi hanya melalui undangan. Pembelian dalam game diproses melalui Xsolla menggunakan akun Xsolla milik CrazyGames sendiri sehingga setiap pembelian secara otomatis terhubung dengan ID CrazyGames pemain. Umumnya, Anda akan diundang setelah game menunjukkan performa yang baik dalam monetisasi iklan. Jadi, rencanakan untuk meluncurkan game dengan iklan terlebih dahulu dan menambahkan pembelian nanti, alih-alih membangun seluruh ekonomi game berdasarkan IAP sejak hari pertama.</p>
<p><BuildCta
  title="Butuh game siap web untuk dikirimkan?"
  desc="Buat game 3D yang dapat dimainkan dari satu kalimat dan ekspor build HTML5 mandiri untuk alat QA CrazyGames."
  prompt="Buat game arena multipemain bergaya .io yang cepat dimuat dan dapat saya terbitkan di CrazyGames" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/publish-web-game">Cara Menerbitkan Game Web</a> — daftar lengkap portal dan platform untuk game browser</li>
<li><a href="/id/guides/publish-game-poki">Terbitkan Game Anda di Poki</a> — portal game browser besar lainnya, dibandingkan secara berdampingan</li>
<li><a href="/id/guides/web-game-monetization">Monetisasi Game Web</a> — bagaimana bagi hasil pendapatan iklan, IAP, dan video berhadiah benar-benar memberikan penghasilan</li>
<li><a href="/id/guides/itch-io-launch-guide">Luncurkan Game Anda di itch.io</a> — alternatif terbuka tanpa seleksi ketat tempat Anda menetapkan ketentuan sendiri</li>
<li><a href="/id/guides/promote-indie-game-no-budget">Promosikan Game Indie Tanpa Anggaran</a> — mendatangkan trafik sendiri ketika portal saja tidak cukup</li>
<li><a href="/id/tutorials/ship-web-game-fast">Rilis Game Web yang Dimuat dengan Cepat</a> — memenuhi batas pemuatan awal 50MB yang diberlakukan CrazyGames</li>
<li><a href="/id/guides/multiplayer-browser-game">Buat Game Browser Multipemain</a> — daya tarik bergaya .io yang memberikan performa terbaik di CrazyGames</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Menerbitkan Game di Discord Activities (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/publish-game-discord-activities</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/publish-game-discord-activities</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara menerbitkan game di Discord Activities pada 2026 - Embedded App SDK, batasan iframe dan proksi, integrasi multipemain, monetisasi, serta realitas penemuan.]]></description>
            <content:encoded><![CDATA[<h1>Cara Menerbitkan Game di Discord Activities (2026)</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>Ya, Anda dapat menerbitkan game di Discord, dan caranya disebut Activity. Activity adalah aplikasi web yang berjalan di dalam klien Discord, disematkan dalam iframe yang dapat Anda luncurkan dari kanal suara, kanal teks, atau DM. Anda membuatnya dengan <a href="https://github.com/discord/embedded-app-sdk">Discord Embedded App SDK</a>, perangkat JavaScript yang pertama kali diluncurkan pada 2024 dan masih aktif diperbarui (v2.5.0 dirilis pada <a href="https://github.com/discord/embedded-app-sdk/releases">5 Mei 2026</a>). Jika game Anda sudah berjalan di browser, sebagian besar pekerjaannya adalah meng-host game tersebut, memberi tahu Discord lokasinya, serta menggunakan SDK untuk mendapatkan informasi pengguna saat ini dan orang lain di kanal.</p>
<p>Versi singkatnya: buat aplikasi di Discord Developer Portal, aktifkan fitur Activities, host build web Anda di tempat yang dapat diakses publik, tambahkan pemetaan URL agar proksi Discord dapat menyajikannya, lalu gunakan SDK untuk mengautentikasi pemain dan membaca daftar peserta. Dengan begitu, Anda mendapatkan Activity yang berfungsi dan dapat diluncurkan oleh teman-teman Anda. Membuat orang lain menemukannya adalah bagian yang lebih sulit karena Discord tidak memiliki toko &quot;jelajahi semua game&quot;, dan kami akan membahasnya secara terbuka di bawah.</p>
<h2>Referensi singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Apa itu</strong></td>
<td>Aplikasi web (game Anda) yang berjalan dalam iframe di dalam Discord dan dapat diluncurkan di kanal suara/teks serta DM</td>
</tr>
<tr>
<td><strong>Teknologi</strong></td>
<td>Build web apa pun (HTML5/WebGL, Unity WebGL, ekspor web Godot) ditambah <a href="https://www.npmjs.com/package/@discord/embedded-app-sdk">Embedded App SDK</a> untuk autentikasi dan peserta</td>
</tr>
<tr>
<td><strong>Hosting</strong></td>
<td>Anda meng-host build sendiri; Discord meneruskannya melalui <code>discordsays.com</code> dengan CSP yang ketat</td>
</tr>
<tr>
<td><strong>Monetisasi</strong></td>
<td>Pembelian dalam aplikasi bawaan (langganan + item sekali beli). Biaya platform Discord adalah <a href="https://support-dev.discord.com/hc/en-us/articles/17299902720919-Premium-Apps-Payout">15% untuk pendapatan $1 juta pertama, lalu 30%</a>, ditambah biaya pemrosesan pembayaran</td>
</tr>
<tr>
<td><strong>Penemuan</strong></td>
<td>App Launcher, profil App Directory (setelah verifikasi), dan sebagian besar dari rekomendasi mulut ke mulut. Tidak ada halaman global untuk menjelajahi semua game</td>
</tr>
<tr>
<td><strong>Biaya penerbitan</strong></td>
<td>Gratis untuk membuat aplikasi; Anda membayar hosting sendiri dan server game jika diperlukan</td>
</tr>
</tbody>
</table>
<h2>Apa itu Activities pada 2026</h2>
<p>Activity bukanlah game native yang Anda unggah. Activity adalah situs web Anda yang berjalan secara langsung dan dimuat Discord dalam frame terisolasi saat orang-orang berkumpul bersama. SDK menjadi penghubung antara halaman Anda dan klien Discord serta menangani kebutuhan sosialnya: siapa yang ada di sini, siapa saya, kanal apa yang sedang kami gunakan, dan proses OAuth untuk memperoleh token yang dapat Anda percayai (<a href="https://docs.discord.com/developers/developer-tools/embedded-app-sdk">referensi SDK</a>).</p>
<p>Alasan hal ini lebih penting pada 2026 dibandingkan saat peluncuran adalah karena Discord makin serius menjadikan game sebagai sebuah kategori. Aplikasi dan Activities kini digunakan oleh lebih dari 25% pengguna aktif bulanan Discord, dan pada akhir 2025 terdapat lebih dari 10.000 komunitas game di platform tersebut dengan total lebih dari 80 juta anggota (<a href="https://discord.com/press-releases/discord-deepens-its-ability-to-drive-growth-for-games">siaran pers Discord, GDC 2026</a>). Beberapa Activities berhasil meraih popularitas nyata di kalangan tersebut. Death by AI dari Playroom mencapai puncak sekitar 700 ribu pengguna aktif harian dan memperoleh kurang lebih 7 juta pemain dalam hitungan minggu, dengan lebih dari 70% sesi melibatkan tiga teman atau lebih. Chef Showdown dari Mojiworks telah dimainkan oleh lebih dari 14 juta orang, yang menghabiskan waktu sekitar tiga kali lebih lama di dalam game dibandingkan di platform lain. Krunker Strike FRVR meningkatkan jumlah pemainnya lebih dari dua kali lipat setelah dirilis sebagai Activity (<a href="https://a16z.com/discord-activities-social-gaming/">a16z</a>, <a href="https://discord.com/press-releases/discord-deepens-its-ability-to-drive-growth-for-games">Discord</a>). Pola dari semua game tersebut adalah sosial, kasual, dan langsung multipemain. Itulah jenis game yang berhasil di sini.</p>
<h2>Menyiapkan Activity</h2>
<p>Mulailah di <a href="https://discord.com/developers/build">Discord Developer Portal</a>. Buat aplikasi baru, lalu aktifkan hak akses Activities untuk aplikasi tersebut di bagian Activities. Game Anda harus dapat diakses melalui URL HTTPS publik, jadi host build web-nya di layanan apa pun yang biasa Anda gunakan (Cloudflare Pages, Vercel, Netlify, atau hosting statis biasa).</p>
<p>Langkah yang sering menyulitkan orang adalah pemetaan URL. Discord tidak memuat situs Anda secara langsung. Setiap permintaan diteruskan melalui proksi di <code>https://&lt;your-app-id&gt;.discordsays.com</code> untuk menyembunyikan alamat IP pemain dan memblokir endpoint yang diketahui berbahaya (<a href="https://docs.discord.com/developers/activities/development-guides/networking">dokumentasi jaringan Discord</a>). Di Developer Portal, Anda memetakan prefiks jalur ke host sebenarnya, sehingga <code>/</code> mengarah ke game Anda dan, misalnya, <code>/api</code> mengarah ke backend Anda. Apa pun yang diambil game Anda dan belum dipetakan akan diblokir. Untuk permintaan yang baru muncul saat runtime, API <code>patchUrlMappings</code> milik SDK menulis ulang permintaan tersebut secara dinamis agar build pengembangan dan build produksi yang melalui proksi berperilaku sama (<a href="https://github.com/discord/embedded-app-sdk/blob/main/patch-url-mappings.md">panduan patch-url-mappings</a>).</p>
<p>Setelah hosting dan pemetaan siap, integrasikan SDK. Panggil <code>discordSdk.ready()</code> untuk memastikan frame telah terhubung, lalu <code>authorize()</code> dan <code>authenticate()</code> untuk menjalankan proses OAuth serta memperoleh token yang mengidentifikasi pemain (<a href="https://docs.discord.com/developers/developer-tools/embedded-app-sdk">referensi SDK</a>). Setelah itu, Anda dapat membaca daftar peserta di kanal dan merancang game berdasarkan mereka. Uji dengan meluncurkan Activity di kanal suara sungguhan setelah aplikasinya terpasang. Dokumentasi Discord dan templat komunitas untuk <a href="https://robojs.dev/discord-activities/proxy">Robo.js</a> serta konfigurasi vanilla dapat membantu Anda beralih dari repositori kosong menjadi frame yang berjalan dalam satu sore.</p>
<h2>Batasan teknis</h2>
<p>Karena Activity merupakan halaman web di dalam iframe yang sangat dibatasi, batasannya mencakup batasan web ditambah aturan keamanan Discord. Activities berjalan dengan Content Security Policy yang ketat, dan semua permintaan jaringan harus melalui proksi <code>discordsays.com</code>. Panggilan langsung ke domain eksternal yang tidak Anda petakan akan gagal dengan galat <code>blocked:csp</code> (<a href="https://blog.waveplay.com/discord-proxy-csp-patch/">catatan proksi Discord</a>). Masalah ini paling terasa ketika modul npm pihak ketiga diam-diam menghubungi CDN atau API miliknya sendiri. Anda harus memetakan domain tersebut atau menambal permintaannya.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="Alur permintaan Discord Activity: iframe game Anda mengirim setiap permintaan ke proksi discordsays.com; permintaan ke host yang dipetakan diizinkan dan disajikan, sedangkan permintaan ke host eksternal yang tidak dipetakan diblokir dengan galat blocked:csp" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <defs>
    <marker id="ah-g" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 L10 5 L0 10 z" fill="#6ee7b7"/></marker>
    <marker id="ah-r" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 L10 5 L0 10 z" fill="#fb7185"/></marker>
    <marker id="ah-b" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 L10 5 L0 10 z" fill="#c8a8ff"/></marker>
  </defs>
  <rect width="720" height="300" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Setiap permintaan melewati proksi</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Petakan host agar disajikan. Tanpa pemetaan, CSP Discord akan memblokirnya.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <rect x="24" y="150" width="160" height="70" rx="12" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
    <text x="104" y="181" text-anchor="middle" font-size="14" font-weight="800" fill="#e8edf5">Game Anda</text>
    <text x="104" y="200" text-anchor="middle" font-size="11.5" fill="#9aa7b4">iframe di Discord</text>
    <rect x="262" y="150" width="182" height="70" rx="12" fill="#121a31" stroke="#c8a8ff" stroke-width="1.5"/>
    <text x="353" y="181" text-anchor="middle" font-size="14" font-weight="800" fill="#c8a8ff">discordsays.com</text>
    <text x="353" y="200" text-anchor="middle" font-size="11.5" fill="#9aa7b4">proksi + CSP</text>
    <rect x="524" y="94" width="172" height="66" rx="12" fill="#121a31" stroke="#6ee7b7" stroke-width="1.5"/>
    <text x="610" y="122" text-anchor="middle" font-size="14" font-weight="800" fill="#6ee7b7">Host yang dipetakan</text>
    <text x="610" y="141" text-anchor="middle" font-size="11.5" fill="#9aa7b4">disajikan &#10003;</text>
    <rect x="524" y="210" width="172" height="66" rx="12" fill="#121a31" stroke="#fb7185" stroke-width="1.5"/>
    <text x="610" y="238" text-anchor="middle" font-size="14" font-weight="800" fill="#fb7185">Host tanpa pemetaan</text>
    <text x="610" y="257" text-anchor="middle" font-size="11.5" fill="#9aa7b4">blocked:csp &#10007;</text>
    <path d="M184 185 H256" fill="none" stroke="#c8a8ff" stroke-width="2.5" marker-end="url(#ah-b)"/>
    <path d="M444 176 C486 176 486 127 518 127" fill="none" stroke="#6ee7b7" stroke-width="2.5" marker-end="url(#ah-g)"/>
    <path d="M444 194 C486 194 486 243 518 243" fill="none" stroke="#fb7185" stroke-width="2.5" marker-end="url(#ah-r)"/>
    <text x="470" y="112" font-size="11" font-weight="700" fill="#6ee7b7">dipetakan</text>
    <text x="470" y="270" font-size="11" font-weight="700" fill="#fb7185">tidak dipetakan</text>
  </g>
</svg>
<p>Untuk kompatibilitas engine, jika dapat dikompilasi untuk web, game tersebut dapat dijadikan Activity. HTML5 biasa dan WebGL dapat digunakan. Ekspor WebGL Unity juga dapat digunakan, dengan komunitas yang menyediakan <a href="https://www.supertorio.dev/creating-a-unity-discord-activity/">wrapper SDK Unity</a> dan templat, karena Discord hanya meneruskan build WebGL yang disajikan ke dalam frame. Ekspor web Godot bekerja dengan cara yang sama, dan tersedia <a href="https://github.com/TheSleepyKoala/Svelcordot">templat siap pakai</a> yang memasangkan Godot dengan host web. Engine native yang tidak dapat menargetkan browser sama sekali tidak dapat dijadikan Activities. Jaga agar pemuatan awal tetap ringan karena unduhan WebGL yang berat di dalam jendela obrolan akan membuat orang pergi lebih cepat dibandingkan di halaman toko.</p>
<p>Dukungan seluler adalah bagian utama, bukan sesuatu yang baru dipikirkan belakangan. Activities berjalan di klien desktop, web, dan seluler Discord, jadi rancang untuk layar sentuh dan orientasi potret sejak awal alih-alih mengasumsikan pemain menggunakan papan ketik dan tetikus.</p>
<h2>Integrasi multipemain dan sosial</h2>
<p>Inilah alasan utama untuk hadir di Discord. Platform ini memberi Anda sekelompok teman yang sudah berada bersama dalam kanal suara, persis seperti kondisi yang coba diciptakan oleh kebanyakan game multipemain dengan biaya besar. SDK memberi Anda daftar peserta dan identitas secara gratis, sehingga &quot;semua orang dalam panggilan ini kini berada di game saya&quot; hanya memerlukan beberapa baris kode, bukan sebuah sistem matchmaking.</p>
<p>Anda tetap harus menjalankan state real-time game sendiri. Embedded App SDK menangani identitas dan presence, bukan netcode, jadi Anda perlu memasangkannya dengan server game. <a href="https://colyseus.io/blog/discord-embedded-sdk/">Colyseus menjelaskan cara kerjanya di balik Discord Activity</a>, dan opsi yang sama dari <a href="/id/guides/multiplayer-browser-game">panduan game browser multipemain kami</a> juga berlaku: gunakan WebSocket agar cepat dirilis dan server otoritatif supaya pencegahan kecurangan serta sumber data utama tetap sederhana. Ingat saja bahwa server game Anda merupakan satu lagi host eksternal, sehingga memerlukan pemetaan URL seperti yang lainnya.</p>
<p>Manfaatkan konteks sosialnya semaksimal mungkin. Activities yang berhasil populer adalah game yang menjadikan kebersamaan dalam kelompok sebagai inti permainan, bukan sekadar mode yang dapat dinonaktifkan. Game pesta, game menggambar, trivia, ronde kompetitif singkat—apa pun yang lebih seru saat langsung dimainkan bersama orang-orang yang sudah berada dalam panggilan Anda dibandingkan bermain sendirian.</p>
<h2>Realitas monetisasi</h2>
<p>Discord mendukung pembelian dalam aplikasi bawaan untuk Activities, sehingga Anda dapat berjualan tanpa mengarahkan pemain ke halaman pembayaran eksternal. <a href="https://docs.discord.com/developers/monetization/implementing-iap-for-activities">Sistem IAP untuk Activities</a> mencakup langganan (pengguna atau server) dan pembelian sekali bayar, baik dalam bentuk item permanen untuk membuka fitur selamanya maupun item konsumsi yang dapat digunakan pemain.</p>
<p>Soal pembagian pendapatan, pahami angkanya dengan jernih. Biaya platform Discord adalah 15% untuk penjualan kumulatif $1 juta pertama Anda, lalu 30% setelah melewati ambang tersebut, dan itu belum termasuk biaya pemrosesan pembayaran serta biaya transaksi (<a href="https://support-dev.discord.com/hc/en-us/articles/17299902720919-Premium-Apps-Payout">Pembayaran Premium Apps, berlaku sejak 6 Juni 2024</a>). Anda mungkin melihat angka &quot;Discord mengambil 10%&quot; beredar di internet. Jangan langsung mempercayainya karena ketentuan pembayaran yang terdokumentasi menetapkan tingkatan 15%/30% di atas. Anda berhak menerima pembayaran setelah memperoleh $100.
Dua bagian lain dari gambaran monetisasi 2026 juga perlu diketahui, meskipun saat ini belum relevan bagi sebagian besar pengembang indie. Mata uang Orbs dari Discord, yang diluncurkan secara global pada <a href="https://www.tweaktown.com/news/105500/discord-rewards-users-for-engaging-with-ads-new-orbs-currency-introduced/index.html">Juli 2025</a>, memungkinkan pemain memperoleh mata uang lunak dengan menyelesaikan Quest (aksi iklan berhadiah) dan membelanjakannya di Shop Discord. Ini adalah ekonomi periklanan yang lebih ditujukan untuk anggaran pemasaran game besar daripada Activity pertama. Kemudian, pada GDC 2026, Discord memperluas Social Commerce, yaitu cara bawaan untuk membeli dan menghadiahkan item dalam game di dalam server, yang pertama kali diperkenalkan bersama Marvel Rivals pada <a href="https://discord.com/blog/bringing-in-game-commerce-to-discord-communities">Desember 2025</a>. Sekitar 20% pembelian di Discord Shop merupakan hadiah, dan dalam peluncuran Marvel Rivals, 41% pembelian merupakan hadiah (<a href="https://discord.com/blog/building-on-the-social-layer-of-games-whats-new-from-gdc-2026">rangkuman GDC 2026</a>). Social Commerce pertama-tama diluncurkan kepada kelompok mitra terbatas, jadi ini merupakan opsi yang bisa Anda manfaatkan setelah berkembang, bukan alat yang tersedia sejak hari pertama.</p>
<h2>Realitas penemuan</h2>
<p>Inilah bagian yang perlu Anda pahami sebelum menyusun rencana dengan mengandalkan Discord. Tidak ada toko global untuk &quot;menjelajahi Activity&quot; di dalam Discord seperti halaman depan yang dimiliki Steam atau portal web (<a href="https://www.strayspark.studio/blog/discord-activities-embedded-app-sdk-indie-game-distribution-2026">StraySpark, 14 Mei 2026</a>). Penemuan terjadi melalui server yang sudah diikuti pengguna, tautan yang dibagikan dalam obrolan, dan App Launcher (ikon bentuk-bentuk di bagian bawah klien), serta halaman profil App Directory Anda. Keduanya baru muncul setelah aplikasi Anda diverifikasi dan Anda mengaktifkan Discovery di Developer Portal (<a href="https://support-dev.discord.com/hc/en-us/articles/21204493235991-How-Can-Users-Discover-and-Play-My-Activity">dukungan Discord</a>).</p>
<p>Dalam praktiknya, ini berarti sebuah Activity tidak menciptakan audiens dengan sendirinya. Jika komunitas Anda belum berada di Discord, menerbitkan Activity tidak akan secara ajaib menciptakan komunitas. Game-game yang sukses menyebar melalui kelompok pertemanan yang sudah ada, ketika satu orang meluncurkannya dalam panggilan dan seluruh kelompok langsung bermain. Jadi, siklus pertumbuhan yang perlu Anda rancang adalah &quot;satu orang membagikannya di sebuah kanal&quot;, bukan &quot;seseorang menemukannya saat menjelajahi katalog&quot;. Buat game tersebut agar 30 detik pertama bersama tiga teman sudah cukup untuk meyakinkan pemain.</p>
<h2>Apakah sepadan dibandingkan portal web</h2>
<p>Discord dan portal web menyelesaikan masalah yang berbeda, jadi jawabannya biasanya adalah &quot;keduanya, untuk alasan yang berbeda&quot;.</p>
<table>
<thead>
<tr>
<th></th>
<th>Discord Activities</th>
<th>Portal web (Poki, CrazyGames, <a href="http://itch.io">itch.io</a>)</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Audiens</strong></td>
<td>Teman-teman yang sudah berada dalam panggilan suara bersama</td>
<td>Orang asing yang sedang mencari game untuk dicoba</td>
</tr>
<tr>
<td><strong>Penemuan</strong></td>
<td>Rekomendasi dari mulut ke mulut, tanpa toko yang menampilkan semuanya</td>
<td>Trafik halaman depan dan algoritmik</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Game sosial, kasual, dan multipemain instan</td>
<td>Game pemain tunggal dan game web dengan jangkauan luas</td>
</tr>
<tr>
<td><strong>Monetisasi</strong></td>
<td>IAP bawaan, tingkat biaya 15%/30%</td>
<td>Bagi hasil iklan portal atau IAP milik Anda sendiri</td>
</tr>
<tr>
<td><strong>Pekerjaan tambahan setelah versi web dibuat</strong></td>
<td>SDK, pemetaan proksi, CSP, desain sosial</td>
<td>Biasanya hanya penyematan dan sebuah halaman</td>
</tr>
</tbody>
</table>
<p>Portal seperti <a href="/id/guides/publish-game-poki">Poki</a> dan <a href="/id/guides/publish-game-crazygames">CrazyGames</a> mendatangkan pemain yang belum mengenal Anda dan menampilkan game Anda kepada orang-orang yang aktif mencari sesuatu yang baru, hal yang tidak dilakukan Discord. Discord mendatangkan kelompok pertemanan dan konteks sosial yang membuat jumlah pemain awal untuk game multipemain mudah terpenuhi, hal yang tidak dilakukan portal. Jika game Anda adalah game pemain tunggal, portal merupakan tempat pertama yang lebih baik. Jika game tersebut menjadi jauh lebih seru saat dimainkan bersama tiga teman dalam panggilan, Discord sepadan dengan integrasi teknis tambahannya. Kabar baiknya, karena semua platform ini menjalankan versi web, satu game dapat diterbitkan di mana saja. Rilis terlebih dahulu sebagai game web, lalu sesuaikan untuk setiap platform.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bisakah saya menerbitkan game apa pun di Discord?</h3>
<p>Bisa, asalkan game tersebut berjalan di browser. Discord Activity adalah aplikasi web yang dimuat dalam iframe, jadi HTML5, WebGL, Unity WebGL, dan ekspor web Godot semuanya memenuhi syarat, sedangkan game khusus native yang tidak dapat dikompilasi untuk web tidak memenuhi syarat. Anda membuatnya dengan Embedded App SDK, meng-host versi web sendiri di URL publik, lalu mendaftarkannya sebagai Activity di Discord Developer Portal. Jika game Anda sudah dapat dimainkan di browser, sebagian besar pekerjaan sudah selesai.</p>
<h3>Apakah menerbitkan Discord Activity itu gratis?</h3>
<p>Membuat aplikasi dan mengaktifkan Activities di Developer Portal tidak dikenai biaya. Yang perlu Anda bayar adalah hosting sendiri untuk versi web dan server game apa pun yang Anda jalankan untuk multipemain, karena Discord hanya memproksikan situs Anda, bukan meng-host-nya. Jika Anda menjual pembelian dalam aplikasi, Discord mengambil biaya platform sebesar 15% dari penjualan pertama Anda hingga $1 juta dan 30% setelahnya, ditambah biaya pemrosesan pembayaran. Namun, tidak ada biaya di muka atau biaya pencantuman untuk menerbitkannya.</p>
<h3>Bagaimana pemain menemukan Discord Activity saya?</h3>
<p>Terutama melalui teman. Discord tidak memiliki etalase global untuk &quot;menjelajahi semua Activity&quot;, jadi penemuan bergantung pada tautan yang dibagikan di kanal, seseorang yang meluncurkannya dalam panggilan suara, serta—setelah aplikasi Anda diverifikasi—profil App Directory dan App Launcher dalam klien. Activity yang tumbuh besar berhasil dengan menyebar di dalam kelompok pertemanan yang sudah ada, bukan karena ditemukan dalam katalog. Rencanakan pertumbuhan dari mulut ke mulut dan rancang menit pertama bersama teman sebagai daya tarik utamanya.</p>
<h3>Apakah saya memerlukan fitur multipemain untuk menerbitkan Activity?</h3>
<p>Tidak, tetapi fitur itulah yang membuat platform ini menarik. Activity bisa berupa game pemain tunggal, tetapi keunggulan Discord adalah menempatkan game Anda ke dalam kanal suara tempat teman-teman sudah berkumpul, dan SDK langsung memberikan daftar pesertanya kepada Anda. Activity yang paling sukses bersifat sosial dan dapat dimainkan secara multipemain dengan seketika. Game pemain tunggal biasanya akan lebih berhasil di portal web yang mendatangkan trafik dari pengguna yang sedang menjelajah.</p>
<h3>Bagaimana perbandingan monetisasi Discord Activity dengan portal?</h3>
<p>Discord memungkinkan Anda menjual pembelian dalam aplikasi bawaan (langganan dan item sekali beli) tanpa mengarahkan pemain ke proses pembayaran eksternal. Anda menerima 85% pendapatan hingga penjualan mencapai $1 juta, lalu 70% setelahnya, sebelum dipotong biaya pemrosesan. Portal web lebih sering membayar bagian pendapatan iklan berdasarkan jumlah permainan, atau mengizinkan Anda menjalankan IAP sendiri. Model Discord menguntungkan game dengan pemain setia yang membeli kosmetik atau konten yang dapat dibuka, sedangkan portal menguntungkan game yang menghasilkan volume permainan kasual yang tinggi.</p>
<h3>Apa saja kendala teknis saat menerbitkan ke Discord?</h3>
<p>Dua kendala terbesar adalah proksi dan CSP. Setiap permintaan jaringan dari Activity Anda diarahkan melalui <code>discordsays.com</code>, dan domain eksternal apa pun yang belum Anda deklarasikan sebagai pemetaan URL akan diblokir. Masalah ini paling sering terjadi ketika sebuah dependensi diam-diam memanggil API-nya sendiri. Anda dapat memperbaikinya dengan memetakan domain tersebut atau memodifikasi permintaannya menggunakan SDK. Selain itu, jaga agar pemuatan awal tetap ringan karena game berjalan di dalam jendela obrolan, dan rancang untuk kontrol sentuh karena Activity juga berjalan di perangkat seluler.</p>
<p><BuildCta
  title="Discord Activities menjalankan game web"
  desc="Buat game browser 3D yang dapat dimainkan dari satu kalimat, lalu adaptasikan menjadi sebuah Activity."
  prompt="Buat game pesta cepat tempat hingga empat teman bertanding dalam ronde-ronde singkat" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/multiplayer-browser-game">Cara Membuat Game Browser Multipemain</a> — netcode yang dibutuhkan Activity Anda di balik SDK</li>
<li><a href="/id/guides/publish-web-game">Cara Menerbitkan Game Web</a> — rilis versi web yang akan menjadi Activity Anda</li>
<li><a href="/id/guides/publish-game-poki">Cara Menerbitkan Game di Poki</a> — portal yang mendatangkan trafik penjelajahan yang tidak disediakan Discord</li>
<li><a href="/id/guides/publish-game-crazygames">Cara Menerbitkan Game di CrazyGames</a> — portal web lain untuk menjangkau audiens luas</li>
<li><a href="/id/guides/web-game-monetization">Monetisasi Game Web</a> — perbandingan IAP dan pendapatan iklan di Discord dengan portal</li>
<li><a href="/id/guides/co-op-game-design">Desain Game Co-op</a> — merancang daya tarik sosial yang membuat Activity menyebar</li>
<li><a href="/id/tutorials/iframe-embedding-games">Menyematkan game dengan iframe</a> — dasar teknis cara Discord membingkai game Anda</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Memasukkan Game Anda ke Poki (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/publish-game-poki</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/publish-game-poki</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Poki hanya menerima melalui undangan dan didanai iklan. Berikut cara mengirimkan game web Anda, lolos Web Fit Test, memenuhi persyaratan teknis, dan memahami pembagian pendapatan.]]></description>
            <content:encoded><![CDATA[<h1>Cara Memasukkan Game Anda ke Poki (2026)</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>Untuk memasukkan game Anda ke Poki, kirimkan game tersebut melalui portal <a href="https://developers.poki.com/">Poki for Developers</a>, tempat tim manusia meninjau setiap game dan memutuskan apakah game itu cocok untuk platform. Tidak ada tombol unggah terbuka ataupun opsi &quot;terbitkan sekarang&quot;. Anda membuat akun developer, mengunggah build HTML5 yang memenuhi persyaratan teknis Poki (unduhan awal di bawah 8 MB, kanvas 16:9 yang dapat menyesuaikan ukurannya untuk desktop dan perangkat seluler, serta Poki SDK yang terintegrasi dengan benar), lalu game Anda melewati rangkaian pengujian bertahap: Player Fit Test, Web Fit Test, dan peninjauan akhir sebelum dirilis secara global.</p>
<p>Poki adalah platform game web terkurasi, bukan etalase, jadi proses untuk diterima lebih mirip menawarkan game kepada penerbit daripada mengunggahnya ke <a href="http://itch.io">itch.io</a>. Keuntungannya, Poki menangani distribusi untuk Anda. Platform ini menyambut <a href="https://markets.financialcontent.com/stocks/article/accwirecq-2026-3-20-poki-announces-milestone-of-625-million-players-without-raising-external-funding">625 juta pemain pada 2025</a> dan memiliki <a href="https://www.superjumpmagazine.com/what-pokis-100-million-monthly-gamers-reveal-about-the-future-of-browser-games/">lebih dari 100 juta pemain bulanan</a>, semuanya dijangkau oleh tim beranggotakan 65 orang yang tidak pernah menerima investasi eksternal. Anda membawa game web bagus yang mampu mempertahankan pemain selama tiga menit pertama, dan Poki menampilkannya kepada audiens sebesar jaringan konsol. Panduan ini membahas cara kerja pengiriman game yang sebenarnya, standar teknis yang harus dipenuhi, cara Anda dibayar, dan alasan game ditolak.</p>
<h2>Referensi Singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th>Poki</th>
</tr>
</thead>
<tbody>
<tr>
<td>Model pengiriman</td>
<td>Terkurasi, bergaya undangan. Setiap game ditinjau manusia. Tidak ada unggahan terbuka</td>
</tr>
<tr>
<td>Biaya pengiriman</td>
<td>Gratis</td>
</tr>
<tr>
<td>Model pendapatan</td>
<td>Pembagian pendapatan berbasis iklan. <a href="https://developers.poki.com/guide/monetization">100% pendapatan dari trafik yang Anda bawa, 50/50 dari trafik yang dibawa Poki</a></td>
</tr>
<tr>
<td>Metode pembayaran</td>
<td>Transfer bank atau PayPal, dalam mata uang pilihan Anda</td>
</tr>
<tr>
<td>Teknis</td>
<td>HTML5. Unduhan awal <a href="https://sdk.poki.com/new-requirements">di bawah 8 MB</a>, kanvas 16:9, wajib menggunakan Poki SDK</td>
</tr>
<tr>
<td>Rangkaian peninjauan</td>
<td>Player Fit Test, lalu Web Fit Test (<a href="https://sdk.poki.com/web-fit-test">sekitar 3–5 hari</a>), kemudian peninjauan akhir</td>
</tr>
<tr>
<td>Waktu hingga rilis global</td>
<td>Sekitar 2–3 minggu <a href="https://sdk.poki.com/releaseprocess">rilis terbatas</a> setelah Anda lolos pengujian</td>
</tr>
</tbody>
</table>
<h2>Apa itu Poki dan mengapa upayanya sepadan</h2>
<p>Poki adalah nama terbesar dalam dunia game web. Platform ini berjalan sepenuhnya di browser, tanpa unduhan dan tanpa toko aplikasi, serta berfokus pada game kasual yang dimainkan orang dalam sesi singkat. Skalanya menjadi alasan utama untuk memperhatikannya. Poki mengumumkan bahwa platform ini mencapai <a href="https://markets.financialcontent.com/stocks/article/accwirecq-2026-3-20-poki-announces-milestone-of-625-million-players-without-raising-external-funding">625 juta pemain pada 2025</a> dan memiliki <a href="https://www.superjumpmagazine.com/what-pokis-100-million-monthly-gamers-reveal-about-the-future-of-browser-games/">lebih dari 100 juta pemain bulanan</a>, sehingga layak disejajarkan dengan PlayStation Network. Game yang sukses di sana meraih angka besar: Subway Surfers telah melampaui satu miliar permainan di platform tersebut, sementara judul seperti Stickman Hook (lebih dari 500 juta permainan) dan Monkey Mart (sekitar 300 juta) menunjukkan seperti apa game web populer, menurut <a href="https://www.gamedeveloper.com/business/the-huge-hidden-web-game-market-no-one-talks-about-and-how-to-get-in-">Game Developer</a>.</p>
<p>Konsekuensinya adalah kendali. Di <a href="http://itch.io">itch.io</a>, Anda menerbitkan dan memasarkan sendiri. Di Poki, timnya mengkurasi katalog dan menangani distribusi, sehingga Anda menukar kemandirian dengan jangkauan. Model tersebut hanya berjalan jika game Anda memenuhi standar mereka, dan itulah yang dibahas dalam bagian selanjutnya dari panduan ini.</p>
<h2>Proses pengiriman, langkah demi langkah</h2>
<p>Anda memulai dari <a href="https://developers.poki.com/">Poki for Developers</a>, portal tempat informasi tim dan game Anda dikelola. Anda membuat akun dan mengirimkan game melalui formulir. Poki menggambarkan platformnya sebagai platform yang dikurasi secara manual: tim memeriksa setiap kiriman dan memutuskan apakah game tersebut cocok, jadi jawaban &quot;tidak&quot; atau tidak adanya respons merupakan hasil yang wajar, bukan kesalahan sistem.</p>
<p>Jika Poki ingin melanjutkan prosesnya, game Anda akan melewati rangkaian tahapan yang didokumentasikan di <a href="https://sdk.poki.com/what-is-p4d">situs Poki for Developers</a>: Anda menambahkan game, mengumpulkan masukan awal dari pemain, lalu menjalani Player Fit Test, Web Fit Test, dan peninjauan akhir Poki. Setiap tahap dibuat untuk menjawab satu pertanyaan menggunakan pemain sungguhan sebelum Poki mengalokasikan trafiknya kepada Anda: apakah orang benar-benar terus bermain?</p>
<p>Player Fit Test adalah rintangan nyata pertama. Seorang developer yang mendokumentasikan perjalanannya menuju penerbitan menjelaskan bahwa standarnya adalah <a href="https://kuyimobile.substack.com/p/my-game-production-process-and-how">125 dari 500 pemain (25%) bermain selama setidaknya 3 menit</a>. Jika cukup banyak pemain bertahan, Anda melanjutkan ke Web Fit Test, yang menguji game kepada kelompok pemain yang lebih besar selama <a href="https://sdk.poki.com/web-fit-test">sekitar 3 hingga 5 hari menurut dokumentasi Poki</a> (beberapa developer melaporkan durasi yang mendekati satu minggu). Jika berhasil melewatinya, Poki akan menghubungi Anda untuk melanjutkan menuju perilisan.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 380" role="img" aria-label="Rangkaian pengiriman Poki: kirim melalui portal developer, lalu Player Fit Test yang mewajibkan 125 dari 500 penguji (25 persen) bermain selama 3 menit atau lebih, kemudian Web Fit Test selama 3 hingga 5 hari, lalu rilis terbatas selama 2 hingga 3 minggu dengan target setidaknya satu iklan per pengguna aktif harian, kemudian rilis global dengan promosi unggulan selama sekitar 2 minggu" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="380" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Rangkaian pengiriman Poki</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Setiap tahap adalah rintangan. Pemain sungguhan menentukan hasil sebelum Poki mengalokasikan trafiknya.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g transform="translate(80,92)">
      <rect width="600" height="42" rx="9" fill="#7dd3fc"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">1 · Kirim melalui portal developer</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">Buat akun, unggah build HTML5. Ditinjau manusia, tanpa unggahan terbuka.</text>
    </g>
    <g transform="translate(80,148)">
      <rect width="500" height="42" rx="9" fill="#c8a8ff"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">2 · Player Fit Test</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">125 dari 500 penguji (25%) harus bermain selama 3+ menit.</text>
    </g>
    <g transform="translate(80,204)">
      <rect width="410" height="42" rx="9" fill="#a9b4ff"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">3 · Web Fit Test</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">Kelompok pemain lebih besar, berlangsung 3–5 hari.</text>
    </g>
    <g transform="translate(80,260)">
      <rect width="340" height="42" rx="9" fill="#f0abfc"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">4 · Rilis terbatas</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">2–3 minggu. Targetkan ≥1 iklan per DAU.</text>
    </g>
    <g transform="translate(80,316)">
      <rect width="300" height="42" rx="9" fill="#6ee7b7"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">5 · Rilis global</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">Promosi unggulan selama ~2 minggu.</text>
    </g>
  </g>
</svg>
<h2>Rilis terbatas dan peluncuran global</h2>
<p>Lolos uji kecocokan tidak langsung menempatkan game Anda di halaman utama. Poki terlebih dahulu menjalankan rilis terbatas. Menurut <a href="https://sdk.poki.com/releaseprocess">dokumentasi proses perilisan</a>, penjadwalan rilis terbatas biasanya memerlukan satu hingga dua minggu, lalu berlangsung selama sekitar dua hingga tiga minggu. Selama periode tersebut, game Anda muncul di halaman kategori yang relevan, tetapi tidak di halaman utama. Anda juga memantau serangkaian metrik tertentu di dasbor: konversi menjadi permainan, interaksi, galat, dan monetisasi. Untuk monetisasi, Poki menyarankan target setidaknya satu iklan per pengguna aktif harian, dengan perpaduan yang sehat antara video midroll dan video berhadiah.</p>
<p>Rilis terbatas adalah tahap untuk melakukan perbaikan. Anda dapat mengirim versi baru dan menjalankan pengujian A/B saat game tersedia bagi audiens yang lebih kecil, sambil menyempurnakan retensi dan ritme iklan sebelum promosi besar. Setelah metrik rilis terbatas Anda kuat, game berlanjut ke rilis global. Sistem promosi Poki kemudian menampilkannya di halaman utama yang dilokalkan, halaman kategori, dan halaman game, dengan promosi besar selama sekitar dua minggu menurut dokumentasinya, ditambah ikon api &quot;baru&quot;.</p>
<h2>Persyaratan teknis yang harus Anda penuhi</h2>
<p><a href="https://sdk.poki.com/new-requirements">Halaman persyaratan</a> Poki sangat spesifik, dan kegagalan memenuhi ketentuan ini dapat membuat game Anda cepat ditolak. Angka utamanya adalah ukuran: targetkan unduhan awal di bawah 8 MB. Pemain web tidak akan menunggu pemuatan yang berat, dan inilah satu-satunya batasan yang paling sering gagal dipenuhi oleh port konsol atau perangkat seluler.</p>
<p>Game Anda harus sesuai dengan kanvas 16:9 dan dapat menyesuaikan ukurannya dengan baik di berbagai perangkat. Poki mencantumkan dimensi proporsional 640x360, 836x470, atau 1031x580, dan game Anda harus memenuhi seluruh kanvas di desktop, perangkat seluler, dan tablet. Di ponsel, game harus memenuhi layar dalam orientasi potret, lanskap, atau keduanya. Tablet harus menggunakan skema kontrol perangkat seluler, bukan kontrol desktop.</p>
<p>Anda harus mengintegrasikan Poki SDK dengan benar, dan event SDK bukan sekadar tambahan opsional. <code>gameplayStart()</code> dipicu saat pemain memberikan input pertama, bukan saat pemuatan, sedangkan <code>gameplayStop()</code> dipicu ketika terjadi gangguan apa pun, seperti jeda, menu, atau berakhirnya level. Event ini tidak boleh dipicu berturut-turut, dan event iklan tidak boleh dipicu selama video midroll atau video berhadiah. Poki menggunakan sinyal-sinyal ini untuk menempatkan iklan dan mengukur uji kecocokan, sehingga penerapan yang salah akan merusak keduanya.</p>
<p>Ada beberapa persyaratan lain yang sering menjegal developer. Poki <a href="https://sdk.poki.com/new-requirements">memblokir semua permintaan eksternal secara default</a>, jadi Anda harus membundel semuanya: tanpa Google Fonts, tanpa CDN aset, dan tanpa library kode eksternal yang dimuat saat runtime. Hanya sistem iklan milik Poki yang diizinkan, jadi hapus SDK iklan atau pelacakan lainnya (pelacak eksternal harus mendapat persetujuan Poki terlebih dahulu). Game Anda harus berfungsi dalam mode samaran, yang berarti akses <code>localStorage</code> perlu dibungkus dengan try/catch agar pemanggilan penyimpanan yang diblokir tidak membuat game mengalami crash. Untuk rilis global, Anda juga memerlukan thumbnail statis dan animasi. Sebelum mengirimkan game, hapus semua kode debug, alat pengembangan, dan artefak pengujian.</p>
<p>Dalam hal engine, Poki tidak mempermasalahkan cara Anda membuat game selama hasil ekspornya berupa HTML5 yang bersih. <a href="https://sdk.poki.com/faq">FAQ</a> mencantumkan dukungan SDK untuk HTML5, Defold, Unity, GameMaker, Phaser 3, Godot, Cocos, Construct 3, dan GDevelop, serta tersedia alat untuk mengonversi game Flash lama menjadi HTML5. Unity dapat digunakan, tetapi paling sulit disesuaikan dengan batas 8 MB: Anda perlu mengikuti panduan pengoptimalan Poki dan mengekspor build WASM agar berpeluang memenuhi batas ukuran tersebut.</p>
<p>Jika Anda membuat game dengan Cinevva, sebagian besar bagian ini sudah ditangani untuk Anda. Cinevva mengekspor build HTML5 mandiri dengan aset yang telah dibundel, sesuai dengan format yang diinginkan Poki. Dengan demikian, fokus pekerjaan beralih dari upaya memangkas ukuran engine berat menjadi menghubungkan event SDK dan menyempurnakan retensi.</p>
<h2>Cara developer dibayar</h2>
<p>Model Poki <a href="https://developers.poki.com/guide/monetization">sepenuhnya berbasis iklan</a>, yang berarti Anda tidak perlu menangani integrasi pembayaran atau pembelian dalam aplikasi. Anda memperoleh bagian dari pendapatan iklan, dan pembagiannya bergantung pada asal pemain. Jika pemain membuka game Anda secara langsung, melalui bookmark, mesin pencari, media sosial, atau komunitas Anda sendiri, Anda menerima 100% pendapatan dari pemain tersebut. Jika pemain membuka game Anda melalui <a href="http://Poki.com">Poki.com</a> atau upaya pemasaran Poki, Poki membagi pendapatannya 50/50 dengan Anda. Struktur ini secara tidak langsung memberikan imbalan bagi developer yang membawa audiens sendiri: trafik yang Anda datangkan bernilai dua kali lebih besar bagi Anda dibandingkan trafik yang didatangkan Poki.</p>
<p>Poki membayar melalui transfer bank atau PayPal, dan Anda dapat menetapkan informasi penagihan serta mata uang pilihan di portal developer. Selain pembagian pendapatan langsung, Poki juga menawarkan kesepakatan lisensi, dengan membayar sebagian developer di muka atau secara berkelanjutan agar suatu game tetap eksklusif atau terutama tersedia di platform tersebut. Ketentuan kesepakatan ini tidak distandarkan secara publik dan cenderung disediakan bagi game yang ingin dipromosikan Poki secara besar-besaran.</p>
<p>Tetapkan ekspektasi berdasarkan angka nyata. Untuk game web pertama, kisaran yang realistis adalah <a href="https://indiegamebusiness.com/web-gaming-for-indie-developers/">sekitar $500 hingga $3.000 per bulan</a>, dan pendapatan sangat bergantung pada genre, seberapa sering Anda memperbaruinya, serta berapa lama game tersebut telah tersedia. Angka itu memang jauh lebih rendah daripada pendapatan singkat sebuah game populer di Steam, tetapi pendapatan web lebih stabil dan terakumulasi: durasi sesi mendorong pendapatan iklan, sehingga game dengan nilai replay tinggi terus menghasilkan pendapatan lama setelah diluncurkan. Selain itu, kebanyakan developer yang sukses di web mencapainya melalui beberapa game, bukan hanya satu.</p>
<h2>Poki dibandingkan platform web lainnya</h2>
<p>Poki bukan satu-satunya tempat untuk menerbitkan game browser, dan pilihan yang tepat bergantung pada seberapa besar Anda menghargai jangkauan dibandingkan kendali.</p>
<table>
<thead>
<tr>
<th>Platform</th>
<th>Cara bergabung</th>
<th>Model pendapatan</th>
<th>Paling cocok untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td>Poki</td>
<td>Dikurasi, ditinjau manusia, berbasis undangan</td>
<td>Bagi hasil iklan: <a href="https://developers.poki.com/guide/monetization">100% trafik langsung, 50/50 trafik Poki</a></td>
<td>Game kasual yang mengejar audiens web terbesar</td>
</tr>
<tr>
<td>CrazyGames</td>
<td>Dikurasi, ditinjau sebelum ditayangkan</td>
<td>Bagi hasil pendapatan iklan</td>
<td>Game web kasual dan mid-core, dengan jangkauan serupa Poki</td>
</tr>
<tr>
<td><a href="http://itch.io">itch.io</a></td>
<td>Terbuka, tanpa seleksi</td>
<td>Anda menentukan bagi hasilnya (<a href="https://itch.io/docs/creators/pricing">default ~10%</a>, bayar sesuka hati, atau harga tetap)</td>
<td>Game indie, eksperimental, dan game jam yang ingin Anda kendalikan sepenuhnya</td>
</tr>
<tr>
<td>Newgrounds</td>
<td>Pengajuan komunitas terbuka</td>
<td>Bagi hasil pendapatan iklan ditambah tip dari pendukung</td>
<td>Game pendek kreatif berbasis komunitas dengan audiens bawaan</td>
</tr>
</tbody>
</table>
<p>Cara paling sederhana untuk memahaminya: Poki dan CrazyGames bersifat terkurasi, didanai iklan, dan sangat besar, sehingga Anda menukar kemandirian dengan distribusi. <a href="http://itch.io">itch.io</a> dan Newgrounds bersifat terbuka, jadi siapa pun dapat menerbitkan game, tetapi Anda harus melakukan pemasaran sendiri. Banyak developer web mengajukan game ke Poki dan CrazyGames demi jangkauan, sambil mempertahankan halaman <a href="http://itch.io">itch.io</a> yang sepenuhnya mereka kendalikan. Untuk panduan lengkap <a href="http://itch.io">itch.io</a>, baca <a href="/id/guides/itch-io-launch-guide">panduan peluncuran itch.io</a>.</p>
<h2>Game seperti apa yang benar-benar sukses di Poki</h2>
<p>Poki mengutamakan game kasual. Game yang berkembang pesat biasanya mudah dipahami, dapat dimainkan dalam sesi singkat, ramah perangkat seluler, dan memiliki nilai replay tinggi. Poin terakhir lebih penting daripada yang terlihat: karena Anda memperoleh penghasilan dari tayangan iklan selama waktu bermain, game yang membuat pemain kembali akan menghasilkan jauh lebih banyak daripada pengalaman sekali tamat dengan puncak audiens yang sama. Loop arkade sederhana, game multipemain bergaya <code>.io</code>, game berdandan dan kustomisasi, serta game aksi dengan sesi singkat, semuanya sesuai dengan pola ini. Audiensnya juga cenderung lebih muda dan lebih sering bermain di perangkat seluler dibandingkan audiens Steam pada umumnya, sehingga kontrol satu jempol dan mulai ulang instan lebih unggul daripada desain mendalam yang menuntut komitmen besar.</p>
<h2>Alasan penolakan yang umum</h2>
<p>Sebagian besar penolakan disebabkan oleh retensi dan tingkat polesan, bukan selera. Alasan terbesar adalah <a href="https://indiegamebusiness.com/web-gaming-for-indie-developers/">retensi pemain yang lemah dalam tiga menit pertama</a>, dan itulah tepatnya yang diukur oleh Player Fit Test. Jadi, jika bagian pembuka game Anda lambat atau membingungkan, game akan gagal melewati tahap seleksi bahkan sebelum dinilai manusia. Alasan berikutnya: build yang melampaui <a href="https://sdk.poki.com/new-requirements">unduhan awal 8 MB</a>, kompatibilitas seluler yang buruk, game yang membutuhkan kontrol rumit atau komitmen waktu panjang, serta apa pun yang terasa belum selesai atau kurang dipoles. Masalah IP juga dapat menyebabkan penolakan karena Poki meninjau game dari segi kecocokan teknis sekaligus hak kekayaan intelektual. Perbaiki retensi dan ukuran terlebih dahulu karena keduanya paling sering menggagalkan pengajuan sebelum faktor lain dipertimbangkan.</p>
<p><BuildCta
  title="Buat sesuatu yang bisa Anda tawarkan kepada Poki"
  desc="Cinevva mengubah satu kalimat menjadi game web HTML5 siap dimainkan yang dapat Anda ekspor, integrasikan dengan SDK Poki, lalu ajukan."
  prompt="Buat game arkade satu jempol dengan loop 10 detik dan mulai ulang instan" /></p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara mengajukan game saya ke Poki?</h3>
<p>Anda mengajukannya melalui <a href="https://developers.poki.com/">portal Poki for Developers</a> dengan membuat akun developer dan mengirimkan game melalui formulir pengajuan. Poki dikurasi secara manual, jadi tim yang nyata meninjau setiap pengajuan dan memutuskan apakah game tersebut cocok sebelum ditayangkan. Jika mereka tertarik, game Anda akan melewati rangkaian pengujian (Player Fit Test, kemudian Web Fit Test, lalu tinjauan akhir), sehingga pemain sungguhan dapat membuktikan bahwa game tersebut mampu mempertahankan perhatian sebelum Poki mengalokasikan trafiknya. Tidak ada fitur unggah terbuka, jadi anggap proses ini lebih seperti menawarkan game kepada penerbit daripada memasangnya di etalase.</p>
<h3>Apakah menerbitkan game di Poki gratis, dan seberapa ketat seleksinya?</h3>
<p>Pengajuan tidak dikenai biaya, tetapi Poki sangat selektif. Timnya meninjau setiap game dan mengujikannya kepada pemain sungguhan dalam beberapa tahap, jadi ini bukan marketplace terbuka tempat semua game dapat diterbitkan. Tolok ukur utamanya adalah retensi: menurut laporan developer yang banyak dikutip, ambang Player Fit Test adalah <a href="https://kuyimobile.substack.com/p/my-game-production-process-and-how">25% penguji bermain setidaknya selama tiga menit</a>. Game yang kurang dipoles, terlalu berat, sulit dikendalikan, atau tidak optimal di perangkat seluler biasanya gagal lolos. Karena itu, polesan dan menit pembuka yang kuat lebih penting daripada ide yang unik.</p>
<h3>Berapa banyak uang yang bisa Anda hasilkan di Poki?</h3>
<p>Poki menggunakan sistem bagi hasil pendapatan iklan, dan kisaran realistis untuk game web pertama adalah <a href="https://indiegamebusiness.com/web-gaming-for-indie-developers/">sekitar $500 hingga $3.000 per bulan</a>, tergantung genre, frekuensi pembaruan, dan berapa lama game tersebut telah ditayangkan. Pembagiannya menguntungkan developer yang mendatangkan audiens sendiri: Anda mendapatkan <a href="https://developers.poki.com/guide/monetization">100% pendapatan dari trafik yang Anda datangkan dan 50% dari trafik yang didatangkan Poki</a>. Jumlahnya memang lebih kecil daripada peluncuran sukses besar di Steam, tetapi lebih stabil. Karena penghasilan mengikuti durasi sesi, game dengan nilai replay tinggi dapat terus menghasilkan uang lama setelah dirilis.</p>
<h3>Apa saja persyaratan teknis Poki?</h3>
<p>Game Anda harus berbasis HTML5 dengan <a href="https://sdk.poki.com/new-requirements">unduhan awal di bawah 8 MB</a>, menggunakan kanvas 16:9 yang dapat menyesuaikan ukuran di desktop, perangkat seluler, dan tablet, serta mengintegrasikan SDK Poki dengan event <code>gameplayStart()</code> dan <code>gameplayStop()</code> yang dipicu dengan benar. Poki memblokir permintaan eksternal secara default, jadi sertakan semua font, aset, dan library di dalam build alih-alih memuatnya saat runtime, dan hanya gunakan sistem iklan Poki. Game juga harus berfungsi dalam mode samaran (bungkus <code>localStorage</code> dengan try/catch) serta menyertakan thumbnail statis dan animasi untuk perilisan global.</p>
<h3>Berapa lama waktu yang diperlukan agar game ditayangkan di Poki?</h3>
<p>Rencanakan dalam hitungan minggu, bukan hari. Setelah Anda lolos Player Fit Test dan Web Fit Test (<a href="https://sdk.poki.com/web-fit-test">Web Fit Test sendiri berlangsung sekitar 3–5 hari</a>), game Anda memasuki perilisan terbatas yang <a href="https://sdk.poki.com/releaseprocess">biasanya membutuhkan satu hingga dua minggu untuk dijadwalkan dan berlangsung selama dua hingga tiga minggu</a>. Game baru akan dirilis secara global dengan dorongan promosi setelah metrik perilisan terbatasnya terlihat kuat. Seluruh proses dari pengajuan hingga peluncuran global unggulan biasanya memerlukan waktu satu bulan atau lebih.</p>
<h3>Jenis game apa yang paling sukses di Poki?</h3>
<p>Game kasual dengan nilai replay tinggi. Audiens Poki bermain dalam sesi singkat dan cenderung menggunakan perangkat seluler, sehingga loop arkade yang mudah dipahami, game bergaya <code>.io</code>, game berdandan dan kustomisasi, serta game aksi dengan sesi singkat adalah pilihan yang paling cocok. Karena Anda memperoleh penghasilan dari tayangan iklan selama waktu bermain, game yang membuat pemain kembali setiap hari akan menghasilkan lebih banyak daripada pengalaman sekali main dengan jumlah audiens yang sama. Kontrol yang rumit, tuntutan waktu yang panjang, dan build berukuran besar justru menjadi penghambat.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/publish-web-game">Menerbitkan Game Web: Panduan Lengkap</a> — semua platform dan jalur untuk merilis game browser</li>
<li><a href="/id/guides/publish-game-crazygames">Cara Memasukkan Game Anda ke CrazyGames</a> — platform web terkurasi besar lainnya yang sering menjadi tujuan pengajuan bersama Poki</li>
<li><a href="/id/guides/web-game-monetization">Monetisasi Game Web</a> — pendapatan iklan, IAP, dan lisensi di berbagai platform web</li>
<li><a href="/id/guides/publish-game-discord-activities">Cara Menerbitkan Game di Discord Activities</a> — audiens web bawaan lain yang dapat menjadi tujuan perilisan</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a> — alternatif terbuka yang sepenuhnya Anda kendalikan</li>
<li><a href="/id/tutorials/ship-web-game-fast">Rilis Game Web yang Dimuat dengan Cepat</a> — memenuhi batas 8 MB Poki dan mempercepat pemuatan awal</li>
<li><a href="/id/guides/casual-games-trends-2026">Tren Game Kasual pada 2026</a> — gambaran berdasarkan data tentang game yang diinginkan audiens Poki</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Monetisasi Game Web: Apa yang Sebenarnya Dikatakan Data (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/web-game-monetization</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/web-game-monetization</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Pendapatan nyata game web pada 2026, mulai dari bagi hasil portal seperti Poki dan itch.io hingga CPM iklan sebenarnya, harga lisensi, dan kisaran penghasilan yang jujur, semuanya disertai sumber.]]></description>
            <content:encoded><![CDATA[<h1>Monetisasi Game Web: Apa yang Sebenarnya Dikatakan Data (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Tanyakan &quot;bagaimana game web menghasilkan uang&quot; dan Anda akan mendapat selusin jawaban penuh percaya diri, sebagian besar hanya promosi untuk platform apa pun yang dijual sang penulis. Versi jujurnya lebih rumit tapi lebih berguna. Uang dari game web datang dari empat sumber (bagi hasil iklan portal, kesepakatan lisensi satu kali, pembelian dalam game, dan penjualan langsung) dan jumlahnya berkisar dari beberapa euro setahun hingga tujuh digit untuk segelintir kecil game yang berada di puncak. Kami mengambil ketentuan terkini langsung dari platform (<a href="https://developers.poki.com/guide/working-with-poki">Poki</a>, <a href="https://crazygames.indiehero.io/cggmwj-jg/">CrazyGames</a>, <a href="https://itch.io/updates/introducing-open-revenue-sharing">itch.io</a>, <a href="https://gamemonetize.com/developers">GameMonetize</a>), tolok ukur iklan 2026, dan rincian penghasilan pengembang sungguhan, serta membuang setiap angka yang tak bisa kami sumbernya. Inilah yang benar-benar terjadi.</p>
<p>Versi singkatnya: sebagian besar game web menghasilkan uang dengan membagikannya gratis di portal seperti Poki atau CrazyGames dan membagi pendapatan iklan, di mana pengembang mendapat sekitar 50% hingga 80% tergantung platform dan sumber trafik, menurut <a href="https://developers.poki.com/guide/working-with-poki">dokumen platform</a>. Jalur kedua adalah melisensikan game HTML5 jadi Anda ke portal dengan biaya tetap, biasanya <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">$300 hingga $800 non-eksklusif dan $5.000 atau lebih untuk eksklusif</a>. Jalur ketiga adalah menjual pembelian dalam game atau seluruh game secara langsung, di mana <a href="http://itch.io">itch.io</a> membiarkan Anda menyimpan <a href="https://itch.io/updates/introducing-open-revenue-sharing">90% secara default</a>. Angkanya kejam di titik tengah (sebagian besar game berbayar di <a href="http://itch.io">itch.io</a> hanya menghasilkan <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide">di bawah $50 sebulan</a>) dan besar di puncak (studio terbaik Poki bisa meraup <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1">hingga €1 juta setahun</a>). Game kasual yang tampil baik di portal besar berada di kisaran tengah <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php">$200 hingga $2.000 sebulan</a>.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 350" role="img" aria-label="Developer revenue share by web-game platform in 2026: itch.io 90 percent, Playgama Bridge 80 percent, CrazyGames in-game purchases 70 percent, CrazyGames ads 60 percent, Poki 50 percent, GameMonetize 45 percent" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="350" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Berapa banyak yang bisa Anda simpan dari tiap platform</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Bagian pendapatan pengembang, pertengahan 2026. Sumber: dokumen platform dan ketentuan jam yang dipublikasikan.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700">
    <text x="205" y="118" text-anchor="end" fill="#e8edf5">itch.io (default)</text>
    <rect x="220" y="102" width="414" height="24" rx="5" fill="#6ee7b7"/>
    <text x="644" y="119" font-size="13" font-weight="800" fill="#6ee7b7">90%</text>
    <text x="205" y="158" text-anchor="end" fill="#e8edf5">Playgama Bridge</text>
    <rect x="220" y="142" width="368" height="24" rx="5" fill="#7dd3fc"/>
    <text x="598" y="159" font-size="13" font-weight="800" fill="#7dd3fc">80%</text>
    <text x="205" y="198" text-anchor="end" fill="#e8edf5">CrazyGames · pembelian</text>
    <rect x="220" y="182" width="322" height="24" rx="5" fill="#7dd3fc"/>
    <text x="552" y="199" font-size="13" font-weight="800" fill="#7dd3fc">70%</text>
    <text x="205" y="238" text-anchor="end" fill="#e8edf5">CrazyGames · iklan</text>
    <rect x="220" y="222" width="276" height="24" rx="5" fill="#a9b4ff"/>
    <text x="506" y="239" font-size="13" font-weight="800" fill="#a9b4ff">60%</text>
    <text x="205" y="278" text-anchor="end" fill="#e8edf5">Poki</text>
    <rect x="220" y="262" width="230" height="24" rx="5" fill="#c8a8ff"/>
    <text x="460" y="279" font-size="13" font-weight="800" fill="#c8a8ff">50%</text>
    <text x="516" y="279" font-size="11.5" font-weight="600" fill="#9aa7b4">100% pada trafik milik Anda sendiri</text>
    <text x="205" y="318" text-anchor="end" fill="#e8edf5">GameMonetize</text>
    <rect x="220" y="302" width="207" height="24" rx="5" fill="#fb7185"/>
    <text x="437" y="319" font-size="13" font-weight="800" fill="#fb7185">45%</text>
  </g>
</svg>
<h2>Bisnis game web standar adalah gratis-main plus bagi hasil iklan</h2>
<p>Model dominan di web terbuka sangatlah sederhana. Anda menaruh game Anda di portal secara gratis, pemain memainkannya di browser, portal menampilkan iklan di sekitar dan di dalam game itu, dan Anda berdua membagi uangnya. Tidak ada biaya di muka dan tidak ada penjaga gerbang toko. Portal menangani teknologi iklan, trafik, dan pembayaran, dan Anda mendapat bagiannya.</p>
<p>Bagian inilah yang membedakan platform satu dengan lainnya. <a href="https://developers.poki.com/guide/working-with-poki">Poki</a> menjalankan pembagian 50/50 lurus, dengan satu kelokan penting: jika pemain mencapai game Anda lewat <a href="http://Poki.com">Poki.com</a> atau pemasaran milik Poki sendiri, Anda membagi pendapatan dua bagian sama rata, tapi jika mereka datang lewat bookmark, pencarian, media sosial, atau komunitas milik Anda sendiri, Anda menyimpan 100%. Itu dorongan yang disengaja agar Anda membawa audiens sendiri. Satu nuansa yang ditambahkan <a href="https://developers.poki.com/guide/revenue-deal-types">halaman kemitraan</a> Poki: bagi hasil berlaku untuk kesepakatan eksklusif web, penempatan non-eksklusif adalah biaya lisensi tetap satu kali tanpa bagi hasil sama sekali, dan angka pastinya ditetapkan per game dalam perjanjian Anda. CrazyGames tidak menyatakan pembagian dalam dokumen pengembang utamanya, tapi ketentuan yang dipublikasikannya untuk <a href="https://crazygames.indiehero.io/cggmwj-jg/">jam web GameMaker 2026</a> mencantumkan pengembang menyimpan 60% pendapatan iklan dalam game dan 70% pendapatan pembelian dalam game, dengan pembayaran begitu Anda melewati <a href="https://docs.crazygames.com/faq/">minimum €100</a>. GameMonetize berada di ujung bawah dengan <a href="https://gamemonetize.com/developers">bagian 45%</a>, sementara lapisan distribusi yang lebih baru seperti Playgama Bridge mengiklankan <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">80%</a>. Rentangnya nyata, jadi platform yang Anda pilih adalah keputusan pendapatan, bukan sekadar keputusan distribusi.</p>
<p>Skala adalah alasan mengapa pembagian ini bernilai. Poki melewati <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1">1 miliar mainan bulanan</a> pada 2026 dengan lebih dari 600 studio independen dalam katalognya, dan CrazyGames melaporkan <a href="https://gamesbeat.com/crazygames-hits-35m-users-for-browser-games-and-launches-social-multiplayer-features/">lebih dari 300 juta permainan sebulan</a> di lebih dari 50 juta pemain bulanan, menurut portal pengembangnya. Agregator bahkan lebih luas lagi: <a href="https://gamedistribution.com/developers/partnership/">GameDistribution</a> menyindikasikan ke lebih dari 4.000 portal yang menjangkau 350 juta pengguna bulanan, dan <a href="https://static.gamedistribution.com/terms/developer.html">perjanjian pengembangnya</a> menetapkan bagian Anda pada 33% dari pendapatan bersih iklan dan pembelian dalam game, dibayar dalam 60 hari setelah laporan bulanan begitu Anda melewati EUR 100. Y8, salah satu portal tertua yang masih menerima kiriman, membayar <a href="https://developer.y8.com/">50% pendapatan iklan dalam game</a> di bawah kemitraan terkelolanya, dengan minimum pembayaran $100 lewat PayPal atau $500 lewat transfer bank. Satu game bagus saja bisa mengumpulkan angka yang sulit dibayangkan. Dalam rangkuman pasar game web yang <a href="https://www.gamedeveloper.com/business/the-huge-hidden-web-game-market-no-one-talks-about-and-how-to-get-in-">dipublikasikan Game Developer</a>, Monkey Mart mencapai 300 juta permainan, Level Devil 83 juta, dan Stickman Hook 574 juta, semuanya pada game yang menghabiskan biaya di bawah $10.000 dan memakan waktu satu hingga tiga bulan untuk dibuat.</p>
<h2>CPM iklan yang sebenarnya dihasilkan game web</h2>
<p>Revenue share hanya penting jika Anda tahu tarif iklan yang mendasarinya, dan di sinilah data web-game masih tipis, karena sebagian besar benchmark yang dipublikasikan adalah untuk aplikasi mobile. Angka spesifik web yang paling jelas berasal dari <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">rincian monetisasi 2026 Playgama</a>: rewarded video, format berbayar tertinggi, mencapai sekitar $15 hingga $28 eCPM di Amerika Serikat, $8 hingga $15 di UE, dan hanya $1 hingga $3 di pasar tier-3 seperti India dan Brasil. Iklan &quot;intrinsic&quot; dalam game (penempatan brand yang dibakar ke dalam scene) berjalan di $2 hingga $6. Itu adalah tarif kotor sebelum pembagian pendapatan Anda, jadi audiens yang didominasi AS di Poki memberi Anda setengah dari angka teratas tersebut dan audiens global memberi Anda campuran yang lebih condong ke ujung bawah.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="eCPM rewarded video web berdasarkan wilayah pada 2026: Amerika Serikat 15 hingga 28 dolar, Uni Eropa 8 hingga 15 dolar, pasar tier-3 1 hingga 3 dolar" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="300" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Berapa bayaran rewarded video di web</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Kisaran eCPM untuk rewarded video di web, sebelum pembagian pendapatan. Sumber: Playgama, 2026.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12" fill="#5b6472">
    <line x1="180" y1="96" x2="180" y2="248" stroke="#ffffff" stroke-opacity="0.14"/>
    <text x="180" y="268" text-anchor="middle">$0</text>
    <text x="347" y="268" text-anchor="middle">$10</text>
    <text x="513" y="268" text-anchor="middle">$20</text>
    <text x="680" y="268" text-anchor="middle">$30</text>
  </g>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="14" font-weight="700">
    <text x="165" y="126" text-anchor="end" fill="#e8edf5">Amerika Serikat</text>
    <rect x="430" y="110" width="217" height="26" rx="6" fill="#c8a8ff"/>
    <text x="538" y="128" text-anchor="middle" font-size="12.5" font-weight="800" fill="#0b1020">$15–$28</text>
    <text x="165" y="176" text-anchor="end" fill="#e8edf5">Uni Eropa</text>
    <rect x="313" y="160" width="117" height="26" rx="6" fill="#7dd3fc"/>
    <text x="371" y="178" text-anchor="middle" font-size="12.5" font-weight="800" fill="#0b1020">$8–$15</text>
    <text x="165" y="226" text-anchor="end" fill="#e8edf5">Tier-3 (IN, BR)</text>
    <rect x="197" y="210" width="34" height="26" rx="6" fill="#fb7185"/>
    <text x="252" y="228" font-size="12.5" font-weight="800" fill="#fb7185">$1–$3</text>
  </g>
</svg>
<p>Tarif yang Anda dapatkan juga bergantung pada formatnya, dan di sini setiap sumber sepakat soal urutannya. Rewarded video (penempatan opt-in &quot;tonton iklan untuk mendapat reward&quot;) membayar paling banyak, sering kali sekitar dua kali lipat dari interstitial, menurut <a href="https://www.applixir.com/blog/the-complete-guide-to-ecpm-optimization-for-web-games/">panduan web-game AppLixir</a>. Interstitial yang diputar di jeda alami berada di urutan berikutnya, dan banner ada di posisi paling bawah dengan hanya beberapa sen per seribu tayangan di sebagian besar wilayah. Urutan itulah yang membuat CrazyGames dan Poki sama-sama mendorong rewarded dan mid-game video di SDK mereka dan memperlakukan banner sebagai pelengkap saja.</p>
<p>Google juga membuka kembali program iklan webnya. AdSense for Games yang lama kini menjadi <a href="https://support.google.com/adsense/answer/9959170">H5 Games Ads</a>, produk berbasis pengajuan yang menayangkan iklan interstitial dan rewarded melalui Ad Placement API. Ini tidak otomatis (persetujuan bergantung pada kelayakan), tapi memberi developer web opsi iklan first-party di luar portal-portal besar. Studi kasus dari Google sendiri menyebutkan seorang developer yang mengalami kenaikan pendapatan 20% dan peningkatan eCPM 50% dalam tiga bulan setelah beralih ke sistem ini.</p>
<h2>Melisensikan game Anda untuk biaya flat</h2>
<p>Tidak semua orang mau bertaruh pada revenue share. Model yang lebih lama, yang dipelopori situs seperti FGL bertahun-tahun lalu, adalah lisensi: Anda menjual hak untuk menjalankan game HTML5 yang sudah jadi ke sebuah portal atau brand dengan biaya sekali bayar. Pembeli mendapat game-nya, Anda dibayar di muka dan melanjutkan proyek berikutnya. Model ini masih ada melalui marketplace seperti MarketJS, GameDistribution, dan CodeThisLab.</p>
<p>Harganya bervariasi luas karena &quot;lisensi&quot; berarti hal yang berbeda-beda. <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">Angka 2026 dari Playgama</a> menempatkan lisensi non-eksklusif (game yang sama dijual ke banyak pembeli) sekitar $300 hingga $800 per platform, dengan kesepakatan eksklusif (pembeli memiliki game itu sepenuhnya dan ditarik dari katalog lain) dimulai sekitar $5.000 dan bisa melampaui $25.000 untuk judul yang sudah dipoles matang. Sebuah tulisan independen tentang <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php">lisensi ke portal</a> berada di kisaran yang sama, mematok biaya flat pada &quot;beberapa ratus dolar untuk game sederhana hingga $5.000 atau lebih&quot; untuk game berkualitas tinggi. Trade-off-nya cukup jelas. Lisensi membayar sekarang dan membatasi potensi upside Anda, revenue share membayar belakangan dan tidak membatasinya.</p>
<h2>Pembelian dalam game dan penjualan langsung di open web</h2>
<p>Menjual sesuatu di dalam game browser dulu merepotkan. Sekarang jadi lebih mudah. Di sisi pembelian, CrazyGames menjalankan <a href="https://docs.crazygames.com/resources/ad-monetization-guide/">program pembelian dalam game khusus undangan lewat Xsolla</a> untuk judul-judul berperforma tinggi, membayar developer <a href="https://crazygames.indiehero.io/cggmwj-jg/">70% dari pendapatan pembelian</a>. Lapisan distribusi yang lebih baru seperti Playgama Bridge mengiklankan dukungan IAP penuh dengan gateway pembayaran lokal yang sudah terpasang. Jika Anda merilis build yang sama sebagai Discord Activity, item dijual melalui sistem Premium Apps milik Discord, di mana <a href="https://support-dev.discord.com/hc/en-us/articles/23810643331735-Premium-Apps-Required-Support-for-Monetizing-Apps">halaman dukungan developer</a> milik Discord mencantumkan biaya platform 15% untuk tim kecil dan 30% di atas ambang pendapatan seumur hidup sebesar $1 juta. Di luar portal-portal, Anda bisa memasang checkout Stripe atau Xsolla di situs Anda sendiri dan menyimpan hampir semua pendapatan setelah biaya pemrosesan.</p>
<p>Versi paling murni dari &quot;simpan semua uangnya&quot; adalah <a href="http://itch.io">itch.io</a>. Ini adalah storefront, bukan portal iklan, dan model <a href="https://itch.io/updates/introducing-open-revenue-sharing">open revenue sharing</a> miliknya membiarkan Anda mengatur sendiri potongan platform, mulai dari 0% hingga 100%, dengan default 10%. Pada penjualan seharga $10 dengan tarif default, setelah biaya pemrosesan pembayaran sekitar <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide">2,9% plus $0,30</a> dan potongan dolar <a href="http://itch.io">itch.io</a>, Anda menyimpan $8,41. Bandingkan dengan 30% yang diambil Steam, App Store, dan Google Play dan Anda bisa melihat mengapa <a href="http://itch.io">itch.io</a> menjadi pilihan default bagi developer yang ingin mengenakan biaya langsung untuk build web mereka. Newgrounds menjalankan setup ramah-kreator yang serupa, membayarkan bagian pendapatan iklannya begitu Anda mencapai <a href="https://newgrounds.fandom.com/wiki/Revenue_Sharing">$50 lewat PayPal atau cek</a>, dan pada 2026 mereka semakin mengandalkan keanggotaan Supporter (menaikkan harga menjadi <a href="https://newgrounds.wiki.gg/wiki/Supporter_Status">$5 per bulan mulai April 2026</a>) untuk mendanai kumpulan pembayaran yang lebih sehat.</p>
<h2>Perbandingan utama</h2>
<p>Berikut semua jalur monetisasi web-game utama dalam satu tempat. Perlakukan kolom bagian-developer sebagai tarif headline sebelum campuran traffic dan geografi Anda menyesuaikannya.</p>
<table>
<thead>
<tr>
<th>Platform / model</th>
<th>Cara Anda menghasilkan</th>
<th>Bagian pengembang</th>
<th>Ketentuan penting</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developers.poki.com/guide/working-with-poki">Poki</a></td>
<td>Gratis dimainkan, bagi hasil iklan</td>
<td>50% (100% untuk trafik Anda sendiri)</td>
<td>Tanpa biaya di muka, katalog terkurasi, 1 miliar+ mainan per bulan</td>
</tr>
<tr>
<td><a href="https://crazygames.indiehero.io/cggmwj-jg/">CrazyGames</a></td>
<td>Bagi hasil iklan + IAP khusus undangan</td>
<td>60% iklan, 70% pembelian (berdasarkan ketentuan jam 2026, tidak ada di dokumen utama)</td>
<td>Minimum pencairan €100, IAP Xsolla untuk judul teratas</td>
</tr>
<tr>
<td><a href="https://gamemonetize.com/developers">GameMonetize</a></td>
<td>Bagi hasil iklan melalui SDK</td>
<td>45%</td>
<td>Sindikasi luas, pencairan bulanan via PayPal/USDT</td>
</tr>
<tr>
<td><a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">Playgama Bridge</a></td>
<td>Bagi hasil iklan + IAP</td>
<td>80%</td>
<td>Gateway pembayaran lokal, bagian yang dinyatakan lebih tinggi</td>
</tr>
<tr>
<td><a href="https://static.gamedistribution.com/terms/developer.html">GameDistribution</a></td>
<td>Bagi hasil iklan tersindikasi + IAP</td>
<td>33% dari pendapatan bersih</td>
<td>4.000+ portal, jangkauan 350 juta per bulan, minimum pencairan EUR 100</td>
</tr>
<tr>
<td><a href="https://developer.y8.com/">Y8</a></td>
<td>Bagi hasil iklan (Kemitraan Terkelola Y8)</td>
<td>50%</td>
<td>Minimum pencairan $100 via PayPal atau $500 via bank</td>
</tr>
<tr>
<td><a href="https://support-dev.discord.com/hc/en-us/articles/23810643331735-Premium-Apps-Required-Support-for-Monetizing-Apps">Discord Activities</a></td>
<td>Pembelian dalam aplikasi melalui Premium Apps</td>
<td>85% (70% setelah melewati $1 juta seumur hidup)</td>
<td>Build web yang sama, dijual di dalam Discord</td>
</tr>
<tr>
<td>Lisensi (MarketJS, CodeThisLab)</td>
<td>Biaya tetap satu kali</td>
<td>100% dari biaya tersebut</td>
<td><a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">$300–$800 non-eksklusif, $5.000+ eksklusif</a></td>
</tr>
<tr>
<td><a href="https://itch.io/updates/introducing-open-revenue-sharing">itch.io</a></td>
<td>Penjualan langsung, potongan bayar-sesuka-hati</td>
<td>Hingga 100% (10% default)</td>
<td>Anda yang menentukan bagian platform</td>
</tr>
<tr>
<td><a href="https://newgrounds.fandom.com/wiki/Revenue_Sharing">Newgrounds</a></td>
<td>Bagi hasil iklan + pool Supporter</td>
<td>Bagian dari pool iklan</td>
<td>Minimum pencairan $50</td>
</tr>
</tbody>
</table>
<h2>Ekspektasi pendapatan yang jujur</h2>
<p>Ini bagian yang biasanya dilewatkan sebagian besar panduan. Distribusi pendapatan game web sangat timpang ke atas, dan mediannya mendekati nol. Rincian paling jelas berasal dari <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide">analisis pendapatan itch.io 2026</a> yang mengelompokkan game berbayar ke dalam beberapa tingkatan: sekitar 80% menghasilkan $0 hingga $50 per bulan, sekitar 15% menghasilkan $50 hingga $500, sekitar 4% mencapai penghasilan paruh waktu di $500 hingga $2.000, kurang dari 1% mencapai penghasilan penuh waktu $2.000 hingga $10.000, dan kurang dari 0,2% menjadi hit besar di atas $10.000. Sebagian besar game, catatan itu menyebutkan secara terus terang, menghasilkan kurang dari $100 sepanjang masa hidupnya.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 320" role="img" aria-label="Bagian game berbayar itch.io berdasarkan pendapatan bulanan pada 2026: 80 persen menghasilkan 0 hingga 50 dolar, 15 persen menghasilkan 50 hingga 500, 4 persen menghasilkan 500 hingga 2000, kurang dari 1 persen menghasilkan 2000 hingga 10000, kurang dari 0,2 persen menghasilkan lebih dari 10000" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="320" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Sebagian besar game hampir tidak menghasilkan apa-apa</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Bagian game berbayar itch.io berdasarkan pendapatan bulanan, 2026. Sumber: Generalist Programmer.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700">
    <text x="205" y="118" text-anchor="end" fill="#e8edf5">$0–$50 / bln</text>
    <rect x="220" y="102" width="400" height="24" rx="5" fill="#fb7185"/>
    <text x="628" y="119" font-size="13" font-weight="800" fill="#fb7185">~80%</text>
    <text x="205" y="158" text-anchor="end" fill="#e8edf5">$50–$500</text>
    <rect x="220" y="142" width="75" height="24" rx="5" fill="#a9b4ff"/>
    <text x="303" y="159" font-size="13" font-weight="800" fill="#a9b4ff">~15%</text>
    <text x="205" y="198" text-anchor="end" fill="#e8edf5">$500–$2,000</text>
    <rect x="220" y="182" width="20" height="24" rx="5" fill="#7dd3fc"/>
    <text x="248" y="199" font-size="13" font-weight="800" fill="#7dd3fc">~4%</text>
    <text x="205" y="238" text-anchor="end" fill="#e8edf5">$2,000–$10,000</text>
    <rect x="220" y="222" width="7" height="24" rx="3" fill="#6ee7b7"/>
    <text x="235" y="239" font-size="13" font-weight="800" fill="#6ee7b7">&lt;1%</text>
    <text x="205" y="278" text-anchor="end" fill="#e8edf5">$10,000+</text>
    <rect x="220" y="262" width="5" height="24" rx="2.5" fill="#c8a8ff"/>
    <text x="233" y="279" font-size="13" font-weight="800" fill="#c8a8ff">&lt;0.2%</text>
  </g>
</svg>
<p>Pendapatan dari portal iklan menceritakan kisah yang sama dari sudut pandang berbeda. Game kasual yang tampil baik di portal besar biasanya menghasilkan <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php">$200 hingga $2.000 per bulan</a> melalui bagi hasil, sementara jajaran teratas katalog Poki mencapai <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1">hingga €1 juta per tahun</a>, lompatan sepuluh kali lipat dibandingkan pendapatan studio-studio tersebut sebelum model Poki, menurut Dealroom. Tulisan seorang developer indie di 2025 menggambarkan pencapaian <a href="https://medium.com/@playrea/from-hobby-to-67-million-gameplays-on-poki-in-2025-df2c147cfb27">67 juta gameplay di lima game Poki</a> dan sekitar 200.000 mainan per hari menjelang akhir tahun, cukup, menurut mereka, untuk menjadikan pengembangan game sebagai penghasilan utama.</p>
<p>Untuk gambaran konkret pendapatan per-mainan di sisi terendah, <a href="https://donislawdev.com/earnings-and-statistics-from-my-8-games-android-ios-webgl/">rincian pendapatan multi-game</a> dari seorang developer cukup mencerahkan, meski angkanya sudah lawas (game-gamenya dirilis sekitar 2018). Dari delapan game WebGL dan 451,327 mainan di CrazyGames, mereka menghasilkan €556.92, sekitar €1.20 per seribu mainan, ditambah $163.79 di Kongregate dari 104,444 mainan lainnya. Performa terbaik mereka, Fish Eat Fishes, meraih €149.36 dari 143,000 mainan. Tarifnya sudah berubah sejak saat itu dan sangat bervariasi menurut geografi dan format, tapi polanya tetap sama: Anda butuh volume nyata sebelum bagi hasil iklan menjadi uang yang berarti. Game dengan 10,000 mainan seumur hidup adalah bahan portofolio, bukan sumber gaji.</p>
<h2>Apa arti angka-angka ini</h2>
<p>Gabungkan semuanya dan sebuah strategi yang jelas pun muncul. Jika Anda ingin jangkauan seluas mungkin tanpa biaya di muka, taruh game gratis Anda di Poki atau CrazyGames dan hidup dari bagi hasil, sambil membawa trafik Anda sendiri sebisa mungkin untuk mendekati tarif 100% trafik langsung dari Poki. Jika Anda lebih suka dibayar sekarang dan melewati taruhan volume, lisensikan game yang sudah selesai dengan biaya tetap. Jika game Anda adalah sesuatu yang orang mau bayar untuk memilikinya, jual langsung di <a href="http://itch.io">itch.io</a> dan simpan lebih dari 90 persen. Dan jika Anda serius, lakukan lebih dari satu, karena developer yang benar-benar hidup dari game menumpuk pendapatan iklan di portal bersama pembelian dan penjualan langsung, alih-alih bertaruh pada satu saluran saja.</p>
<p>Benang merah dari semua ini adalah uang mengikuti game, bukan sebaliknya. Tidak ada skema monetisasi yang bisa menyelamatkan game yang tak ada yang mau mainkan, dan game web yang benar-benar seru akan menemukan jalur pendapatannya sendiri di portal mana pun ia berlabuh. Itu juga hal termurah yang bisa diuji sekarang. Ketika membangun prototipe yang bisa dimainkan hanya butuh beberapa menit, bukan satu akhir pekan penuh, Anda bisa menaruh beberapa game di hadapan pemain sungguhan dan biarkan dashboard iklan serta wishlist yang menunjukkan mana yang layak dimonetisasi. Alat seperti Cinevva bisa mengubah satu kalimat menjadi game web 3D yang bisa dimainkan langsung di browser Anda, cara tercepat untuk sampai ke satu-satunya pertanyaan yang benar-benar penting: apakah ada orang yang terus memainkannya.</p>
<h2>Pertanyaan Umum</h2>
<h3>Berapa banyak uang yang bisa dihasilkan game browser?</h3>
<p>Dari hampir nol hingga jutaan, dan distribusinya sangat timpang ke atas. Sekitar <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide">80% game berbayar di itch.io menghasilkan kurang dari $50 per bulan</a> dan sebagian besar menghasilkan kurang dari $100 sepanjang masa hidupnya. Game kasual yang tampil baik di portal seperti Poki atau CrazyGames biasanya menghasilkan <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php">$200 hingga $2.000 per bulan</a> dari bagi hasil iklan, dan sedikit studio papan atas di Poki mencapai <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1">hingga €1 juta per tahun</a>. Volume adalah segalanya, karena uang iklan baru terasa berarti setelah melewati ratusan ribu mainan.</p>
<h3>Berapa bagi hasil pendapatan yang diambil Poki?</h3>
<p><a href="https://developers.poki.com/guide/working-with-poki">Poki membagi pendapatan iklan 50/50</a> ketika pemain mencapai game kamu melalui <a href="http://Poki.com">Poki.com</a> atau pemasaran Poki. Ketika pemain datang melalui bookmark, pencarian, media sosial, atau komunitas milikmu sendiri, kamu mendapatkan 100%. Pembagian itu berlaku untuk kesepakatan eksklusif web, sementara penempatan non-eksklusif adalah biaya lisensi flat satu kali, sesuai <a href="https://developers.poki.com/guide/revenue-deal-types">halaman kemitraan</a> Poki. Tidak ada biaya di muka untuk mempublikasikan, dan katalog Poki kini menarik lebih dari 1 miliar putaran per bulan di lebih dari 600 studio.</p>
<h3>Berapa bagi hasil pendapatan yang dibayarkan CrazyGames dan Poki kepada developer?</h3>
<p>Per September 2026, ketentuan yang dipublikasikan Poki lebih jelas dibanding keduanya: <a href="https://developers.poki.com/guide/working-with-poki">50% pada pemain yang dibawa Poki dan 100% pada pemain yang kamu bawa sendiri</a>, pada kesepakatan eksklusif web. <a href="https://docs.crazygames.com/faq/">FAQ developer</a> CrazyGames mengonfirmasi pembayaran bulanan di atas saldo €100 dan audiens 50 juta+ per bulan, tapi tidak mempublikasikan persentase, sehingga data resmi terbaik tetap <a href="https://crazygames.indiehero.io/cggmwj-jg/">ketentuan jam GameMaker 2026</a>: 60% dari pendapatan iklan dan 70% dari pendapatan pembelian dalam game untuk developer. Keduanya jauh di atas <a href="https://static.gamedistribution.com/terms/developer.html">33%</a> milik GameDistribution dan <a href="https://developer.y8.com/">50%</a> milik Y8, dan di bawah 90% default <a href="http://itch.io">itch.io</a> pada penjualan langsung.</p>
<h3>Berapa banyak yang bisa dihasilkan game browser?</h3>
<p>Hanya rentang bersumber yang disajikan di sini, karena sebarannya sangat luas. Game kasual yang berkinerja baik di portal besar biasanya meraih <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php">$200 hingga $2.000 per bulan</a> dari bagi hasil iklan, studio-studio teratas Poki mencapai <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1">hingga €1 juta per tahun</a>, dan lisensi biaya flat berkisar <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">$300 hingga $800 untuk non-eksklusif atau $5.000-plus untuk eksklusif</a>. Di ujung lainnya, sekitar <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide">80% game berbayar di itch.io menghasilkan kurang dari $50 per bulan</a>. Faktor yang memindahkanmu di antara rentang-rentang itu adalah volume putaran, itulah sebabnya listing portal gratis biasanya menjadi langkah pertama bahkan untuk game yang akhirnya ingin kamu jual.</p>
<h3>Berapa bagi hasil pendapatan yang diambil CrazyGames?</h3>
<p>CrazyGames tidak mempublikasikan pembagian di dokumen developer utamanya, tapi data resmi yang paling mendekati adalah ketentuan <a href="https://crazygames.indiehero.io/cggmwj-jg/">jam web GameMaker 2026</a>, yang mencantumkan developer menyimpan 60% dari pendapatan iklan dalam game dan 70% dari pendapatan pembelian dalam game. Pembayaran terjadi bulanan setelah saldomu melewati <a href="https://docs.crazygames.com/faq/">minimum €100</a>, dan pembelian dalam game berjalan melalui integrasi Xsolla khusus undangan yang disediakan untuk judul-judul berkinerja tinggi.</p>
<h3>Bisakah kamu menjual pembelian dalam aplikasi di game web?</h3>
<p>Bisa. CrazyGames menawarkan <a href="https://docs.crazygames.com/resources/ad-monetization-guide/">program pembelian dalam game khusus undangan melalui Xsolla</a> yang membayar 70% kepada developer, lapisan distribusi seperti Playgama Bridge menyertakan IAP dengan gateway pembayaran lokal, dan kamu bisa memasang checkout Stripe atau Xsolla di situsmu sendiri untuk menyimpan hampir semuanya setelah biaya pemrosesan. Untuk menjual seluruh game alih-alih item, <a href="http://itch.io">itch.io</a> memungkinkanmu mengenakan biaya langsung dan menetapkan sendiri potongan platform, dengan default hanya 10%.</p>
<h3>Berapa penghasilan game web per 1.000 putaran?</h3>
<p>Ini sangat bergantung pada format iklan dan lokasi geografis pemain, jadi perlakukan angka tunggal apa pun dengan hati-hati. Rewarded video, format berbayar tertinggi, meraih sekitar <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">$15 hingga $28 eCPM di AS, $8 hingga $15 di Uni Eropa, dan $1 hingga $3 di pasar tier-3</a> sebelum pembagian pendapatanmu. Itu adalah tarif kotor per seribu tayangan iklan, bukan per sesi game, dan banner membayar sebagian kecil darinya. Satu rincian developer yang lebih lama melaporkan sekitar <a href="https://donislawdev.com/earnings-and-statistics-from-my-8-games-android-ios-webgl/">€1,20 per seribu putaran</a> di CrazyGames di seluruh portofolio game sederhana.</p>
<h3>Berapa biaya untuk melisensikan game HTML5 ke portal?</h3>
<p>Tidak ada biaya untuk mempublikasikan di portal bagi hasil seperti Poki atau CrazyGames. Jika yang kamu maksud adalah model lisensi biaya flat, <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/">lisensi non-eksklusif berkisar sekitar $300 hingga $800 per platform dan kesepakatan eksklusif dimulai sekitar $5.000 dan bisa melampaui $25.000</a> untuk game yang sudah dipoles. Non-eksklusif berarti game yang sama dijual ke banyak pembeli, eksklusif berarti satu pembeli memilikinya dan game itu keluar dari marketplace.</p>
<h3>Apakah <a href="http://itch.io">itch.io</a> cara yang baik untuk menghasilkan uang dari game web?</h3>
<p>Ini adalah opsi terbaik jika kamu ingin mengenakan biaya langsung untuk game dan menyimpan uang paling banyak. <a href="https://itch.io/updates/introducing-open-revenue-sharing">Bagi hasil terbuka</a> <a href="http://itch.io">itch.io</a> memungkinkanmu menetapkan potongannya di mana saja dari 0% hingga 100%, dengan default 10%, jadi pada penjualan $10 kamu menyimpan sekitar $8,41 setelah pemrosesan pembayaran. Itu mengalahkan 30% yang diambil Steam dan toko-toko mobile. Kelemahannya adalah <a href="http://itch.io">itch.io</a> mengirim pembeli, bukan derasnya lalu lintas main gratis, sehingga ini menguntungkan game dengan audiens bawaan atau word of mouth yang kuat, bukan penjelajah portal kasual.</p>
<p><BuildCta
  title="Bangun gamenya dulu, monetisasi belakangan"
  desc="Tidak ada model pendapatan yang bisa menyelamatkan game yang tidak dimainkan siapa pun. Mulailah dengan sesuatu yang menyenangkan."
  prompt="Make a fast browser game where you wall-jump up a collapsing tower" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/publish-web-game">Cara Mempublikasikan Game Web</a>: ke mana meletakkan build jadi dan cara kerja tiap platform</li>
<li><a href="/id/guides/publish-game-poki">Cara Mempublikasikan Gamemu di Poki</a>: standar pengajuan dan program 50/50 Poki dari dekat</li>
<li><a href="/id/guides/publish-game-crazygames">Cara Mempublikasikan Gamemu di CrazyGames</a>: SDK, format iklan, dan cara kerja pembayaran</li>
<li><a href="/id/guides/publish-game-discord-activities">Cara Mempublikasikan Game di Discord Activities</a>: permukaan distribusi lain, dengan jalur IAP dan iklannya sendiri</li>
<li><a href="/id/guides/casual-games-trends-2026">Tren Casual Games di 2026</a>: ke mana uang bergerak di seluruh pasar kasual</li>
<li><a href="/id/guides/itch-io-launch-guide">Panduan Peluncuran itch.io</a>: menjual game langsung dan menyimpan 90% darinya</li>
<li><a href="/id/guides/get-more-plays-itch-io">Cara Mendapatkan Lebih Banyak Putaran di itch.io</a>: volume yang membuat semua pembagian ini berarti</li>
<li><a href="/id/guides/promote-indie-game-no-budget">Cara Mempromosikan Indie Game Tanpa Anggaran</a>: mendatangkan lalu lintas yang mengubah bagi hasil menjadi uang sungguhan</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Musik AI Terbaik untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-music-generators-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-music-generators-games</guid>
            <pubDate>Thu, 16 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator musik AI terbaik untuk soundtrack game pada 2026, dibandingkan berdasarkan vokal, lisensi komersial, stem, dan self-hosting, mulai dari Suno dan ElevenLabs Music hingga model terbuka seperti Stable Audio dan ACE-Step.]]></description>
            <content:encoded><![CDATA[<h1>Generator Musik AI Terbaik untuk Game (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/ai-music-generators-games.jpg?v=1" alt="Generator musik AI terbaik untuk soundtrack game pada 2026" style="width:100%;border-radius:10px">
</figure>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>Dahulu, soundtrack adalah bagian game yang dilewatkan begitu saja oleh developer solo. Anda mungkin merilis game tanpa suara atau mengambil loop gratis yang sudah digunakan oleh lima puluh game lain karena biaya menyewa komposer melebihi biaya seluruh bagian proyek lainnya. Musik AI mengubah perhitungan itu. Anda dapat menjelaskan suasana dalam satu kalimat dan memperoleh track yang sudah jadi dalam waktu kurang dari satu menit.</p>
<p>Bagian tersulit pada 2026 bukanlah kualitas. Sebagian besar alat ini menghasilkan suara yang cukup bagus untuk digunakan dalam game yang dirilis. Masalahnya adalah lisensi. Game merupakan produk komersial, sementara separuh generator musik populer melarang penggunaan komersial pada paket gratisnya atau masih menghadapi gugatan hukum terkait data pelatihan mereka. Salah memilih alat berarti Anda menyertakan masalah hukum di dalam file game.</p>
<p>Kami berkepentingan langsung dalam hal ini. Cinevva menjalankan <a href="/id/tools/music">alat musik</a> sendiri, dan ketika memilih mesin di baliknya, kami mencoba jauh lebih dari tiga pilihan. Kami akhirnya memilih ElevenLabs Music, ACE-Step, dan Mubert, dan faktor penentunya bukanlah mesin mana yang memenangkan uji dengar buta. Faktor penentunya adalah lisensi mana yang berani kami pertanggungjawabkan ketika kreator mengajukan satu-satunya pertanyaan yang penting: bisakah saya menjual game yang memuat track ini? Pertanyaan tersebut menjadi benang merah seluruh pembahasan berikut.</p>
<p>Berikut gambaran suara yang dihasilkan dari prompt menjadi track, dengan alur yang sama seperti yang akan Anda gunakan di dalam alat:</p>
<audio controls style="width:100%">
  <source src="/img/ai-samples/music-sample.mp3" type="audio/mpeg">
</audio>
<p><em>Klip pendek yang dihasilkan AI. Jelaskan suasana, lalu dapatkan track yang sesuai.</em></p>
<p>Panduan ini membandingkan generator musik AI yang benar-benar cocok untuk game, dikelompokkan berdasarkan cara penggunaannya: alat pembuat lagu lengkap dengan vokal, generator bebas royalti yang dirancang untuk produk, dan model terbuka yang dapat Anda jalankan sendiri. Untuk setiap alat, hal terpenting dibahas terlebih dahulu: bisakah Anda secara legal memasukkan hasilnya ke dalam game yang dijual?</p>
<h2>Pilihan cepat</h2>
<p>Jika Anda menginginkan versi singkatnya, berikut pengguna yang paling cocok untuk setiap alat.</p>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Paling cocok untuk</th>
<th>Vokal</th>
<th>Lisensi komersial</th>
<th>Self-host</th>
<th>Harga</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>ElevenLabs Music</strong></td>
<td>Lisensi paling jelas untuk game yang dirilis</td>
<td>Ya</td>
<td>Diizinkan untuk penggunaan komersial, data pelatihan berlisensi</td>
<td>Tidak</td>
<td>Paket berbayar</td>
</tr>
<tr>
<td><strong>Suno</strong></td>
<td>Membuat lagu lengkap dengan vokal secara cepat</td>
<td>Ya</td>
<td>Hanya paket berbayar, ada risiko lanjutan dari litigasi</td>
<td>Tidak</td>
<td>Pro $10/bulan</td>
</tr>
<tr>
<td><strong>Stable Audio 3</strong></td>
<td>Self-hosting dan desain suara</td>
<td>Instrumental</td>
<td>Community License, gratis untuk pendapatan di bawah $1 juta</td>
<td>Ya</td>
<td>Bobot terbuka</td>
</tr>
<tr>
<td><strong>ACE-Step</strong></td>
<td>Track lengkap yang terbuka dan dapat di-self-host</td>
<td>Ya</td>
<td>MIT, sepenuhnya permisif</td>
<td>Ya</td>
<td>Gratis</td>
</tr>
<tr>
<td><strong>Mubert</strong></td>
<td>Musik latar tanpa henti di dalam aplikasi</td>
<td>Tidak</td>
<td>Bebas royalti sesuai paket, dirancang untuk produk</td>
<td>API</td>
<td>Tingkat harga API</td>
</tr>
<tr>
<td><strong>Soundraw</strong></td>
<td>Track bebas royalti dan API dalam produk</td>
<td>Tidak</td>
<td>Bebas royalti, katalog internal berlisensi</td>
<td>API</td>
<td>~$17/bulan</td>
</tr>
<tr>
<td><strong>AIVA</strong></td>
<td>Musik sinematik dan orkestra</td>
<td>Instrumental</td>
<td>Komersial pada tingkat berbayar</td>
<td>Tidak</td>
<td>Paket berbayar</td>
</tr>
<tr>
<td><strong>Magenta RealTime</strong></td>
<td>Musik adaptif yang bereaksi secara real-time</td>
<td>Instrumental</td>
<td>Terbuka, bobot CC-BY</td>
<td>Ya</td>
<td>Gratis</td>
</tr>
<tr>
<td><strong>Udio</strong></td>
<td>Mendengarkan dan membuat remix, bukan untuk file game</td>
<td>Ya</td>
<td>Hanya streaming, tanpa ekspor</td>
<td>Tidak</td>
<td>Paket berbayar</td>
</tr>
</tbody>
</table>
<h2>Generator lagu lengkap dengan vokal</h2>
<p>Alat-alat ini menulis track lengkap, sering kali dengan nyanyian, dari prompt teks. Inilah yang biasanya dimaksud orang ketika menyebut &quot;musik AI&quot;, dan alat-alat ini merupakan pilihan tepat ketika Anda menginginkan lagu tema, track menu, atau karya vokal untuk trailer.</p>
<h3>ElevenLabs Music</h3>
<p>Jika Anda akan merilis game komersial dan ingin berhenti mengkhawatirkan lisensi, mulailah dari sini. ElevenLabs meluncurkan Eleven Music pada Agustus 2025, dan tidak seperti para pesaingnya, mereka membangun model ini menggunakan musik produksi berlisensi serta menandatangani kesepakatan dengan Merlin dan Kobalt agar para pemegang hak mendapatkan bayaran. Hasilnya diizinkan untuk penggunaan komersial yang luas, dan game disebutkan secara khusus dalam persyaratannya.</p>
<p>Konsekuensinya adalah serangkaian batasan yang harus Anda patuhi. Anda tidak dapat menggunakan nama artis, judul lagu, atau lirik asli dalam prompt, dan beberapa sektor dikecualikan, jadi bacalah persyaratan musiknya sebelum membangun produk berdasarkan alat ini. Untuk soundtrack game, batasan tersebut jarang menjadi masalah. Sebagai gantinya, Anda memperoleh satu hal yang tidak dapat ditawarkan generator vokal lain pada 2026: rantai lisensi yang jelas dan dapat Anda tunjukkan jika ada yang bertanya. Ini adalah salah satu dari tiga mesin di balik <a href="/id/tools/music">alat musik</a> kami sendiri, khususnya karena urusan lisensinya sudah jelas.</p>
<h3>Suno</h3>
<p>Suno adalah cara tercepat untuk menghasilkan lagu vokal yang sudah jadi, dan mulai model v5.5 (Maret 2026), vokalnya terdengar paling alami dibandingkan generator lain. Untuk game, aturannya sederhana dan tegas. Paket gratis sepenuhnya dilarang untuk penggunaan komersial. Anda memerlukan paket Pro seharga $10 per bulan (atau $8 jika ditagih tahunan), yang memberikan hak komersial dan file yang dapat diunduh, kredit setara sekitar 500 lagu, serta akses ke model v5.5. Paket Premier seharga $30 per bulan menambahkan Suno Studio, yang penting untuk game karena dapat memisahkan track menjadi stem yang bisa Anda remix untuk berbagai konteks di dalam game.</p>
<p>Ada dua hal yang perlu dibedakan dengan jelas. Pertama, lisensi komersial bukanlah kepemilikan hak cipta. Persyaratan Suno sendiri menyatakan bahwa pemberian hak penggunaan komersial berbeda dengan pengalihan kepemilikan, sementara hukum AS umumnya mewajibkan adanya pencipta manusia untuk memperoleh hak cipta penuh. Jadi, yang Anda miliki adalah lisensi untuk menggunakan track tersebut, bukan hak cipta yang tak terbantahkan. Kedua, Suno mencapai penyelesaian dengan Warner pada November 2025, tetapi gugatan Sony dan Universal masih aktif menjelang sidang putusan ringkas pada Juli 2026. Suno juga menyatakan bahwa mereka berencana mengganti model saat ini dengan model baru berlisensi label pada akhir 2026, sehingga model dan aturan pengunduhan yang berlaku dapat berubah. Belum ada pengadilan yang menyatakan pengguna hilir bertanggung jawab, dan risiko praktis bagi developer indie tergolong rendah, tetapi ini tetap merupakan risiko lanjutan yang perlu diketahui sebelum Anda membangun waralaba berdasarkan alat tersebut. Simpan bukti pembayaran untuk menunjukkan bahwa langganan Anda aktif ketika setiap track dibuat.</p>
<h3>Udio</h3>
<p>Udio menghasilkan audio yang memukau, tetapi pada 2026 Anda tidak dapat memasukkannya ke dalam game. Setelah penyelesaian dengan Universal Music pada Oktober 2025, Udio menonaktifkan semua pengunduhan dan stem serta menjadi ekosistem tertutup yang hanya menyediakan streaming. Anda dapat membuat, mendengarkan, dan me-remix di dalam aplikasi, tetapi tidak dapat mengekspor file. Bagi pengembangan game, ini langsung menggugurkan Udio karena tujuan utamanya adalah memasukkan file audio ke dalam engine. Universal sedang mengembangkan bersama sebuah platform Udio berlisensi untuk 2026, sehingga situasinya mungkin berubah. Namun, pada saat artikel ini ditulis, anggap Udio sebagai tempat untuk bereksperimen, bukan sebagai sumber soundtrack.</p>
<h2>Generator bebas royalti yang dirancang untuk produk</h2>
<p>Kelompok ini ditujukan kepada kreator dan perusahaan, bukan musisi. Track yang dihasilkan biasanya instrumental, antarmukanya lebih sederhana, dan nilai jual utamanya adalah keamanan lisensi. Beberapa di antaranya menawarkan API, yang menjadi pilihan jika Anda ingin pemain membuat musik sendiri di dalam game.</p>
<h3>Mubert</h3>
<p>Mubert dirancang untuk produk, dan game merupakan salah satu kasus penggunaan utamanya. Alat ini menghasilkan musik bebas royalti dan bebas DMCA berdasarkan prompt, suasana, BPM, atau aktivitas, dengan pelatihan menggunakan konten berlisensi dan konten mitra. Detail pentingnya adalah struktur paket karena hal tersebut menentukan tindakan yang dapat Anda lakukan secara legal. Pada paket Startup, musik dapat diputar di dalam aplikasi, tetapi pengguna tidak dapat mengekspornya, sehingga cocok untuk game seluler dengan musik latar. Jika Anda ingin pemain dapat mengekspor atau membagikan track yang mereka buat, Anda memerlukan Startup+ atau paket yang lebih tinggi, yang mencakup hak sublisensi. Paket gratis tidak boleh digunakan secara komersial. Mubert juga merupakan salah satu mesin di balik <a href="/id/tools/music">alat musik</a> kami. Itulah sebabnya pembuatan musik di dalam aplikasi menjadi fitur utama, bukan sekadar tambahan.</p>
<h3>Soundraw</h3>
<p>Soundraw adalah generator bebas royalti yang sudah lama beroperasi, dilatih sepenuhnya menggunakan katalog internal berlisensi untuk menghindari persoalan hak cipta. Anda memilih genre, suasana, dan tema, lalu menyempurnakan aransemennya. Layanan ini menggunakan sistem langganan untuk penggunaan individual dengan harga sekitar $17 per bulan, serta menawarkan API yang digunakan oleh developer game dan alat kreator yang ingin menyematkan fitur pembuatan musik. Ini adalah pilihan aman dan sederhana ketika Anda membutuhkan musik latar instrumental serta penjelasan lisensi yang mudah disampaikan kepada penerbit.</p>
<h3>Beatoven, Loudly, dan AIVA</h3>
<p>Ada tiga pilihan lain yang patut diketahui untuk kebutuhan tertentu. <strong><a href="http://Beatoven.ai">Beatoven.ai</a></strong> adalah pilihan hemat, sekitar $2,50 per bulan dengan hak komersial yang sudah termasuk, sehingga sulit ditandingi jika Anda hanya membutuhkan musik latar yang bersih. <strong>Loudly</strong> berada sedikit lebih tinggi dengan harga sekitar $6 per bulan dan lebih menekankan kontrol kustomisasi serta kolaborasi. <strong>AIVA</strong> adalah pilihan spesialis: alat ini dibuat untuk scoring sinematik dan orkestra, sehingga paling cocok ketika game Anda membutuhkan tema simfonik yang megah alih-alih loop pop. Ketiganya memberikan hak komersial pada tingkat berbayar dan melarangnya pada tingkat gratis, yang merupakan pola umum di seluruh kategori ini.</p>
<h2>Model terbuka yang dapat Anda jalankan sendiri</h2>
<p>Jika Anda tidak menginginkan langganan maupun biaya per track serta ingin mengendalikan sepenuhnya audio proyek yang belum dirilis, jalankan model di perangkat keras sendiri. Model audio terbuka berkembang sangat cepat, dan pada 2026 beberapa di antaranya benar-benar bagus. Satu aturannya: periksa lisensi bobot model, bukan hanya lisensi kodenya, karena keduanya sering berbeda.</p>
<h3>Stable Audio 3</h3>
<p>Stable Audio 3 (Mei 2026) adalah pilihan terbuka terkuat untuk game karena kombinasi lisensi dan cakupannya. Stability merilis tiga model berbobot terbuka yang dilatih menggunakan data berlisensi penuh: Small-Music dan Small-SFX dapat dijalankan di CPU tanpa memerlukan GPU, sedangkan Medium berjalan di GPU kelas konsumen untuk menghasilkan kualitas lebih tinggi. Hanya model Large yang tersedia secara eksklusif melalui API. Berdasarkan Stability AI Community License, Anda memiliki hasilnya dan dapat mengomersialkannya secara bebas sampai pendapatan tahunan studio melampaui $1 juta. Setelah itu, Anda harus beralih ke lisensi Enterprise yang juga mencakup perlindungan hukum.</p>
<p>Untuk game, alat ini memenuhi dua kebutuhan sekaligus. Model musiknya menghasilkan track dengan durasi bervariasi hingga sekitar enam menit, sedangkan Small-SFX adalah model terbuka terbaik untuk membuat efek suara yang benar-benar dapat Anda sertakan dalam game yang dirilis. Anda juga dapat melakukan fine-tuning LoRA terhadap model mana pun menggunakan folder berisi audio Anda sendiri. Dengan begitu, Anda dapat mengajarkannya gaya suara khas game, lalu menghasilkan loop menu, stinger pertempuran, dan ambience yang selaras layaknya satu komposisi utuh.</p>
<h3>ACE-Step</h3>
<p>ACE-Step adalah model terbuka yang perlu diketahui untuk membuat track lengkap dengan vokal. Lini 1.5 (Januari 2026) menggunakan lisensi MIT, yang sangat permisif, dan dapat menghasilkan musik berdurasi beberapa menit dengan cepat dalam 19 bahasa, lengkap dengan fitur kloning suara, remix, dan penyuntingan lirik. Ini adalah alternatif Suno yang dapat di-self-host bagi tim yang lebih memilih memiliki pipeline sendiri daripada menyewanya, sekaligus menjadi mesin ketiga di balik <a href="/id/tools/music">alat musik</a> kami.</p>
<h3>Pilihan model terbuka lainnya</h3>
<p>Ada beberapa pilihan lain, tergantung kebutuhan Anda. <strong>YuE</strong> (Apache 2.0) menghasilkan lagu lengkap dengan vokal berdasarkan lembar lirik dan merupakan model terbuka pertama yang mampu melakukannya dengan baik. <strong>DiffRhythm 2</strong> (Apache 2.0, Februari 2026) dibuat untuk menghasilkan lagu lengkap dengan cepat. <strong>MusicGen</strong> dari Meta masih cukup baik untuk pembuatan prototipe, tetapi bobotnya menggunakan CC-BY-NC sehingga hanya boleh digunakan sebagai alat membuat sketsa. Jangan pernah memasukkan track MusicGen ke dalam game yang Anda jual. Gunakan ACE-Step atau Stable Audio untuk versi final.</p>
<p><strong>Magenta RealTime</strong> dari Google (kode Apache 2.0, bobot CC-BY) berbeda dari yang lain, dan perbedaan tersebut justru sangat cocok untuk game. Alih-alih merender file yang sudah jadi, alat ini menghasilkan musik secara langsung dan dapat Anda arahkan selama musik diputar. Format tersebut sangat sesuai untuk soundtrack adaptif yang berubah ketika pemain memasuki pertempuran atau saat bos muncul. Tidak ada model terbuka lain yang dirancang untuk pengarahan secara real-time. Jadi, jika musik interaktif adalah tujuan Anda, inilah titik awalnya.</p>
<h2>Efek suara, bukan hanya musik</h2>
<p>Soundtrack hanyalah separuh dari pekerjaan. Game juga membutuhkan suara langkah kaki, klik UI, ledakan, dan ambience, sementara aturan lisensi AI yang sama juga berlaku. Ada dua pilihan yang menonjol. <strong>Stable Audio 3 Small-SFX</strong> berjalan secara lokal, menghasilkan efek sesuai kebutuhan, dan dirilis dengan Community License yang aman untuk penggunaan komersial, sama seperti model musik saudaranya. <strong>ElevenLabs</strong> memiliki generator efek suara khusus dengan status izin komersial yang sama jelasnya seperti Eleven Music. Itulah sebabnya <a href="/id/tools/sfx">alat SFX</a> kami tersedia bersama alat musik. Untuk pendekatan tradisional, panduan <a href="/id/guides/free-sound-effects-music">efek suara dan musik gratis</a> kami membahas pustaka CC0 yang layak disimpan sebagai cadangan.</p>
<h2>Realitas lisensi untuk game</h2>
<p>Bagian inilah yang dapat menyelamatkan Anda dari pemberitahuan penghapusan, jadi bacalah sebelum membuat apa pun yang akan disertakan dalam game yang dirilis.</p>
<p><strong>&quot;Bebas royalti&quot; tidak berarti &quot;bebas hak cipta&quot;, dan keduanya juga tidak berarti kepemilikan.</strong> Bebas royalti berarti Anda tidak perlu membayar biaya setiap kali track diputar. Istilah tersebut tidak menjelaskan siapa pemilik musiknya atau apakah data pelatihannya bersih. Ketiganya merupakan konsep berbeda yang sering dicampuradukkan dalam materi pemasaran.</p>
<p><strong>Paket gratis hampir tidak pernah aman untuk game komersial.</strong> Pada Suno, Mubert, Soundraw, Beatoven, dan Loudly, paket gratis hanya boleh digunakan untuk keperluan pribadi dan nonkomersial. Game yang Anda jual, atau bahkan game gratis dengan iklan maupun DLC berbayar, merupakan proyek komersial. Gunakan paket berbayar atau model terbuka dengan lisensi permisif, dan jangan merilis track yang dibuat menggunakan paket gratis.</p>
<p><strong>Perhatikan gugatan terkait data pelatihan.</strong> Suno dan Udio sama-sama menghadapi litigasi aktif dari label-label besar. Sejauh ini, belum ada pengadilan yang menyatakan pengguna hilir bertanggung jawab, dan risiko praktis bagi developer indie tergolong rendah. Namun, risikonya tetap ada, dan inilah alasan pilihan dengan status paling jelas pada 2026 adalah alat yang dilatih menggunakan data berlisensi: ElevenLabs Music, Stable Audio, Mubert, Soundraw, dan AIVA.</p>
<p><strong>Simpan bukti pembayaran Anda.</strong> Hak komersial pada alat seperti Suno berlaku untuk track yang dibuat selama langganan Anda aktif. Simpan bukti bahwa langganan aktif pada saat pembuatan, agar Anda dapat menunjukkan bahwa track tersebut sudah berlisensi ketika dibuat.
<strong>Ungkapkan penggunaan AI jika diwajibkan oleh platform.</strong> <a href="http://itch.io">itch.io</a> dan Steam memiliki aturan pengungkapan konten AI masing-masing, dan bersikap jujur di sini adalah perlindungan murah. Lihat <a href="/id/ai-content">kebijakan konten buatan AI</a> kami untuk mengetahui cara kami menangani pengungkapan, serta <a href="/id/guides/game-asset-licenses">panduan lisensi aset game</a> kami untuk memahami posisi lisensi musik di samping aset visual dan kode Anda.</p>
<h2>Membuat musik yang cocok untuk game, bukan sekadar lagu</h2>
<p>Lagu pop berdurasi tiga menit bukanlah soundtrack game. Game membutuhkan loop tanpa sambungan yang terdengar, stem yang dapat Anda padukan saat adegan berubah, serta transisi suasana yang mengikuti pemain. Berikut beberapa catatan alur kerja.</p>
<p>Untuk <strong>loop</strong>, buat komposisi yang sedikit lebih panjang lalu potong pada titik loop yang mulus, atau gunakan fitur continuation dan inpainting (Stable Audio dan Suno sama-sama memilikinya) untuk menyambungkan bagian akhir kembali ke awal. Untuk <strong>stem</strong>, Suno Studio pada paket Premier dan mode remix ACE-Step dapat memisahkan lagu menjadi beberapa bagian, sehingga Anda dapat menghilangkan drum selama segmen mengendap-endap dan memunculkannya kembali saat pengejaran. Untuk musik <strong>adaptif dan real-time</strong> yang bereaksi terhadap tindakan pemain, Magenta RealTime memang dirancang khusus untuk itu, sementara stream tanpa akhir berdasarkan suasana dari Mubert cocok untuk lapisan latar ambient atau tanpa batas di dalam aplikasi.</p>
<h2>Yang benar-benar akan saya gunakan</h2>
<p>Jika saya membuat musik untuk sebuah game hari ini, berikut rangkaian alat yang akan saya pilih.</p>
<p><strong>Merilis game komersial yang lisensinya harus benar-benar aman?</strong> Gunakan ElevenLabs Music untuk trek vokal dan melodi utama, serta Stable Audio 3 untuk lapisan instrumental dan efek suara. Keduanya dilatih menggunakan data berlisensi dan mengizinkan output-nya untuk penggunaan komersial. Itulah alasan dua dari tiga mesin dalam alat kami sendiri berasal dari kategori ini.</p>
<p>Butuh <strong>iterasi cepat dan vokal terbaik</strong>? Suno Pro adalah jawabannya, selama Anda menyimpan bukti pembayaran dan bersedia menerima sedikit risiko dari proses hukum yang masih berlangsung. Ekspor hasil terbaik ke Suno Studio untuk memisahkan stem.</p>
<p>Ingin <strong>kendali penuh tanpa langganan</strong>? Host ACE-Step sendiri untuk trek vokal dan Stable Audio 3 untuk musik instrumental serta SFX, lalu lakukan fine-tuning LoRA pada Stable Audio menggunakan audio Anda sendiri agar semuanya terdengar seperti satu kesatuan musik latar.</p>
<p>Untuk <strong>musik latar di dalam aplikasi Anda</strong>, atau agar pemain dapat membuat musik sendiri, integrasikan API Mubert atau Soundraw pada tingkatan paket yang sesuai dengan izin ekspor bagi pengguna. Jika Anda menginginkan <strong>musik adaptif yang bereaksi terhadap gameplay</strong>, mulailah dengan membuat prototipe menggunakan Magenta RealTime.</p>
<p>Kesalahan umum adalah mencoba memakai satu alat untuk semuanya. Musik, stem, SFX, dan lapisan adaptif merupakan pekerjaan yang berbeda, dan solusi yang tepat biasanya berupa dua atau tiga alat yang masing-masing unggul dalam satu bidang. Tujuan semuanya sama: soundtrack tidak lagi menjadi bagian yang Anda korbankan.</p>
<hr>
<h2>Pertanyaan umum</h2>
<h3>Apa generator musik AI terbaik untuk game komersial?</h3>
<p>Untuk lisensi yang jelas, ElevenLabs Music dan Stable Audio 3 menjadi pilihan terdepan pada 2026 karena keduanya dilatih menggunakan data berlisensi dan mengizinkan output-nya untuk penggunaan komersial. Untuk mendapatkan vokal terbaik dengan cepat, Suno Pro cocok jika Anda bersedia menerima perkara hukum Sony yang masih berlangsung sebagai risiko kecil. Hindari paket gratis dan bobot model nonkomersial untuk apa pun yang akan Anda rilis.</p>
<h3>Apakah saya boleh secara legal menggunakan musik buatan AI dalam game yang saya jual?</h3>
<p>Biasanya boleh, jika menggunakan paket berbayar atau model terbuka dengan lisensi permisif, tetapi detailnya penting. Paket gratis hampir selalu hanya untuk penggunaan nonkomersial, lisensi komersial tidak sama dengan memiliki hak cipta, dan alat yang dilatih menggunakan data tanpa lisensi membawa risiko hukum. Periksa lisensi yang berlaku, simpan bukti langganan Anda, dan ungkapkan penggunaan konten AI jika diwajibkan oleh platform Anda.</p>
<h3>Generator musik AI mana yang dapat saya jalankan di perangkat keras sendiri?</h3>
<p>Stable Audio 3 (model Small dapat berjalan pada CPU, sedangkan Medium pada GPU konsumen), ACE-Step, YuE, DiffRhythm 2, dan Magenta RealTime semuanya bersifat terbuka dan dapat di-host sendiri. Periksa lisensi bobot model, bukan hanya kodenya: bobot MusicGen bersifat nonkomersial, sedangkan ACE-Step (MIT) dan Stable Audio (Community License) mengizinkan penggunaan komersial.</p>
<h3>Bagaimana cara membuat musik loop atau adaptif untuk game?</h3>
<p>Buat trek yang lebih panjang lalu potong menjadi loop tanpa celah, atau gunakan continuation dan inpainting untuk menyambungkan kedua ujungnya. Untuk stem, gunakan Suno Studio atau mode remix ACE-Step. Untuk musik real-time yang bereaksi terhadap gameplay, Magenta RealTime dirancang agar dapat diarahkan secara langsung, sedangkan stream berbasis suasana dari Mubert cocok untuk lapisan latar tanpa akhir.</p>
<hr>
<h2>Bacaan lanjutan</h2>
<ul>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Open-Source Terbaik untuk Game</a>, rangkuman lengkap model terbuka untuk video, gambar, 3D, audio, dan suara</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a>, pembuatan model 3D, tekstur, dan audio dalam satu panduan</li>
<li><a href="/id/guides/ai-voice-acting-games">Pengisi Suara AI untuk Game</a>, pembahasan alat serupa untuk dialog dan narasi</li>
<li><a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a>, pustaka CC0 untuk dipadukan dengan generasi AI</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a>, posisi lisensi musik di samping aset visual dan kode Anda</li>
<li><a href="/id/ai-content">Kebijakan konten buatan AI</a>, cara kami menangani pengungkapan penggunaan AI</li>
</ul>
<p><BuildCta
  title="Buat game dan soundtrack-nya di satu tempat"
  desc="Musik terasa lebih menyenangkan saat menjadi soundtrack untuk game yang benar-benar Anda buat."
  prompt="Buat game ritme berlatar kota neon, dengan ketukan musik yang menggerakkan rintangannya" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Perbandingan Platform Mini Game & HTML5 Tiongkok (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/china-mini-game-platforms</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/china-mini-game-platforms</guid>
            <pubDate>Fri, 10 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Perbandingan platform yang mendistribusikan game HTML5 dan Mini Game di Tiongkok. WeChat, Douyin, QQ, 4399, Kuaishou, Alipay, dan Meituan berdasarkan jangkauan, pembagian pendapatan, audiens, serta persyaratan untuk masuk ke masing-masing platform.]]></description>
            <content:encoded><![CDATA[<h1>Perbandingan Platform Mini Game &amp; HTML5 Tiongkok (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/china-mini-game-platforms-hero.jpg?v=1" alt="Perbandingan platform Mini Game dan HTML5 Tiongkok pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Di Barat, &quot;menerbitkan game web&quot; berarti <a href="http://itch.io">itch.io</a>, Poki, CrazyGames, atau Newgrounds. Tiongkok memiliki versinya sendiri, dan skalanya sangat besar. Pasar Mini Game menghasilkan sekitar $7,65 miliar pada 2025 dan diperkirakan mencapai sekitar $20 miliar pada 2030. Platformnya berbeda, mekanisme penemuannya berbeda, dan persyaratan untuk masuk ke sana pun berbeda. Inilah panduan lapangannya.</p>
<p>Untuk versi Baratnya, lihat <a href="/id/guides/publish-web-game">tempat terbaik untuk menerbitkan game web</a>. Halaman ini adalah peta platform Tiongkok. Jika Anda ingin memahami proses agar game terdaftar dan menghasilkan uang, <a href="/id/guides/publish-wechat-douyin-mini-games">panduan penerbitan di WeChat dan Douyin</a> membahas perizinan dan pembagian pendapatan secara lebih mendalam.</p>
<h2>Dua platform yang paling penting</h2>
<p>WeChat dan Douyin bersama-sama menguasai lebih dari 90% pendapatan Mini Game di Tiongkok. Jika Anda hanya merilis game di dua tempat, pilih keduanya.</p>
<p>WeChat Mini Games adalah raksasanya. Sekitar 500 hingga 570 juta pemain bulanan memainkan game di dalam aplikasi yang digunakan satu miliar orang untuk berkirim pesan dan melakukan pembayaran. Penemuannya bersifat sosial: game menyebar melalui teman dan grup percakapan. Ada lebih dari 400.000 pengembang WeChat Mini Game, dan lebih dari 300 tim membukukan pendapatan kuartalan di atas 10 juta yuan. Platform ini menguntungkan game dengan retensi dan promosi dari mulut ke mulut yang kuat, sementara ekosistem pembelian dalam aplikasinya sudah sangat matang. Jika game Anda memiliki siklus permainan yang membuat orang kembali membukanya serta alasan untuk membagikannya kepada teman, WeChat adalah tempat pertumbuhan tersebut dapat berlipat ganda.</p>
<p>Douyin Mini Games adalah penantang yang tumbuh pesat. Platform ini memiliki sekitar 170 juta pemain bulanan, sementara pendapatannya tumbuh sekitar 100% dan jumlah penggunanya sekitar 120% dari tahun ke tahun pada 2025. Penemuannya bersifat algoritmis dan didukung video pendek. Klip menarik di linimasa dapat mendatangkan gelombang pemain. Douyin menawarkan persyaratan yang agresif, dengan sejumlah mitra pilihan menerima hingga 90% dari hasil pendapatan, sementara label Ohayoo miliknya berfokus pada penerbitan game hiper-kasual. Jika game Anda terlihat sulit ditolak dalam lima detik, linimasa Douyin adalah mesin pertumbuhan yang tak mampu ditandingi WeChat.</p>
<h2>Platform lainnya</h2>
<p>Selain dua pemain besar tersebut, ada beberapa platform lain yang perlu diketahui, terutama untuk menjangkau audiens yang belum sepenuhnya dikuasai para raksasa.</p>
<p>QQ Mini Games adalah platform sosial Tencent lainnya, dengan demografi pengguna yang lebih muda daripada WeChat. Jika game Anda menyasar remaja dan pelajar, demografi QQ menjadi alasan kuat untuk hadir di sana. Berada di dalam ekosistem Tencent juga dapat menyederhanakan sejumlah integrasi.</p>
<p>4399 adalah pemain veteran dari era game web kasual Tiongkok. Portal ini sudah ada sebelum ledakan Mini Game dan masih menarik banyak pemain kasual. Platform tersebut dan perusahaan mapan serupa, seperti BoKe, Tanwan, dan lainnya, telah berekspansi ke Mini Game sambil mempertahankan keunggulan tradisional mereka sebagai portal kasual. Cocok untuk game kasual yang sederhana dan mudah dipahami.</p>
<p>Kuaishou adalah pesaing utama Douyin di ranah video pendek, dengan model penemuan algoritmis yang sama dan audiens yang lebih banyak berasal dari wilayah pedesaan serta kota lapis bawah. Pendapatan Mini Game-nya sejauh ini lebih kecil, tetapi basis penggunanya berbeda.</p>
<p>Alipay dan Meituan melengkapi peta ini. Keduanya sedang membangun momentum Mini Game dengan memanfaatkan basis pengguna transaksional yang sangat besar, masing-masing dari layanan pembayaran dan pesan-antar makanan, dan keduanya masih berada pada tahap awal. Jangkauannya sangat luas, tetapi pangsa gaming-nya masih kecil. Karena itu, platform-platform ini lebih cocok sebagai taruhan pada ceruk tertentu atau peluang masuk sebelum pasar ramai, bukan sebagai kanal utama untuk saat ini.</p>
<h2>Sekilas perbandingan</h2>
<table>
<thead>
<tr>
<th>Platform</th>
<th>Pemain bulanan</th>
<th>Penemuan</th>
<th>Ketentuan pendapatan</th>
<th>Paling cocok untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td>WeChat</td>
<td>~500–570 juta</td>
<td>Sosial, berbagi antarteman</td>
<td>Iklan ~50/50, pengembang menerima ~60–70% IAP</td>
<td>Game berbasis retensi yang mudah dibagikan secara sosial</td>
</tr>
<tr>
<td>Douyin</td>
<td>~170 juta</td>
<td>Video pendek algoritmis</td>
<td>Mitra pilihan menerima hingga ~90%</td>
<td>Game hiper-kasual dengan daya tarik visual yang kuat</td>
</tr>
<tr>
<td>QQ</td>
<td>Besar, lebih muda</td>
<td>Sosial, ekosistem Tencent</td>
<td>Ketentuan Tencent</td>
<td>Audiens remaja dan pelajar</td>
</tr>
<tr>
<td>4399</td>
<td>Basis pemain kasual yang besar</td>
<td>Penelusuran portal</td>
<td>Ketentuan portal</td>
<td>Game kasual yang sederhana</td>
</tr>
<tr>
<td>Kuaishou</td>
<td>Terus tumbuh</td>
<td>Video pendek algoritmis</td>
<td>Dinegosiasikan</td>
<td>Jangkauan kota lapis bawah dan wilayah pedesaan</td>
</tr>
<tr>
<td>Alipay / Meituan</td>
<td>Sangat besar, masih awal untuk game</td>
<td>Penempatan di aplikasi transaksional</td>
<td>Ketentuan tahap awal</td>
<td>Taruhan ceruk, posisi sebagai pelopor</td>
</tr>
</tbody>
</table>
<p>Jumlah pemain dan ketentuan berubah mengikuti kondisi pasar dan promosi, jadi anggap data ini sebagai gambaran umum medan persaingan, bukan angka yang tetap.</p>
<h2>Cara memilih</h2>
<p>Sesuaikan platform dengan cara game Anda ditemukan, bukan hanya dengan ukuran platform tersebut.</p>
<p>Jika game Anda membuat pemain kembali membukanya dan terdorong untuk membagikannya, WeChat adalah tempat retensi berubah menjadi pertumbuhan. Jika game tersebut merupakan judul hiper-kasual yang keberhasilannya bergantung pada klip menarik, linimasa Douyin adalah mesin terkuat di pasar. Jika Anda menyasar audiens muda, QQ layak mendapatkan upaya integrasi tambahan. Jika game Anda merupakan game kasual sederhana, 4399 dan berbagai portal sejenis adalah pilihan yang sesuai. Karena lisensi dan build game dapat digunakan lintas platform, merilis di lebih dari satu platform besar biasanya menjadi pilihan standar, bukan pengecualian.</p>
<p>Hambatan terbesar di semua platform sama: game yang dimonetisasi memerlukan lisensi Tiongkok dan operator lokal sebagai pemegangnya. Hal ini dibahas dalam <a href="/id/guides/publish-wechat-douyin-mini-games">panduan penerbitan</a>, dan berlaku untuk seluruh platform dalam tabel di atas.</p>
<h2>Peran Cinevva</h2>
<p>Tak satu pun dari platform tersebut merupakan tempat yang tepat untuk baru mencari tahu apakah game Anda menyenangkan. Lisensi, mitra lokal, dan peninjauan platform—semuanya terlalu mahal untuk dihabiskan pada ide yang belum teruji. Cinevva adalah tahap awal corong yang murah: buat game browser dalam hitungan menit, tampilkan kepada pemain sungguhan, lalu pelajari game mana yang memiliki siklus permainan khas WeChat atau daya tarik khas Douyin sebelum Anda membayar untuk memasuki pasar Tiongkok. Platform Mini Game menghargai hal yang sama dengan game web yang bagus—langsung dimainkan tanpa instalasi—jadi game yang berfungsi baik di browser pada dasarnya sudah menggunakan bahasa yang mereka pahami.</p>
<h2>Pertanyaan yang sering diajukan</h2>
<h3>Apa saja platform Mini Game terbesar di Tiongkok?</h3>
<p>WeChat Mini Games dan Douyin Mini Games, yang bersama-sama menguasai lebih dari 90% pendapatan pasar. WeChat memiliki sekitar 500 hingga 570 juta pemain bulanan, sedangkan Douyin memiliki sekitar 170 juta dan terus tumbuh pesat.</p>
<h3>Apakah ada versi Tiongkok dari <a href="http://itch.io">itch.io</a> atau Poki?</h3>
<p>Tidak persis sama. Padanan terdekatnya adalah platform Mini Game di dalam aplikasi super seperti WeChat, Douyin, dan QQ, serta portal kasual lama seperti 4399. Penemuan game berlangsung melalui jejaring sosial dan algoritme video pendek, bukan melalui situs game mandiri.</p>
<h3>Apakah saya memerlukan build berbeda untuk setiap platform Tiongkok?</h3>
<p>Biasanya Anda memerlukan penyesuaian khusus platform karena sistem login, iklan, dan SDK pembayaran berbeda, tetapi game inti beserta lisensinya dapat digunakan lintas platform. Engine seperti Cocos dan LayaAir dapat menargetkan beberapa platform Tiongkok dari satu proyek.</p>
<h3>Platform mana yang terbaik untuk game hiper-kasual?</h3>
<p>Douyin, karena linimasa video pendeknya dapat mengirimkan gelombang viral ke game dengan daya tarik visual yang kuat, sementara ketentuan pendapatannya bagi mitra pilihan juga menguntungkan. Ohayoo, label milik Douyin, berfokus pada game hiper-kasual.</p>
<h3>Seberapa besar pasar Mini Game Tiongkok?</h3>
<p>Sekitar $7,65 miliar pada 2025, naik kurang lebih 34% dari tahun ke tahun, dengan proyeksi mendekati $20 miliar pada 2030.</p>
<p><BuildCta
  title="Temukan kanal Anda dengan menguji game"
  desc="Buat di browser, amati reaksi pemain, lalu pilih platform yang paling sesuai."
  prompt="Buat game menyusun objek berbasis fisika yang penuh warna dan sulit ditinggalkan" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/publish-wechat-douyin-mini-games">Cara Menerbitkan Game di WeChat &amp; Douyin Mini Games</a> — lisensi, peninjauan, pembagian pendapatan</li>
<li><a href="/id/guides/wechat-mini-game-engines">Game Engine untuk WeChat Mini Games</a> — membuat game untuk platform tersebut</li>
<li><a href="/id/guides/localize-web-game-china">Melokalkan Game Web untuk Tiongkok</a> — font, hosting, pembayaran</li>
<li><a href="/id/guides/publish-web-game">Tempat Terbaik untuk Menerbitkan Game Web</a> — peta platform Barat</li>
<li><a href="/id/guides/casual-games-trends-2026">Tren Game Kasual pada 2026</a> — arah perkembangan game kasual</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Melokalkan Game Web untuk Tiongkok (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/localize-web-game-china</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/localize-web-game-china</guid>
            <pubDate>Fri, 10 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Hal-hal yang benar-benar diperlukan untuk membawa game web ke Tiongkok pada 2026. Bahasa Mandarin Sederhana dan font, pengajuan ICP, hosting di dalam Great Firewall, WeChat Pay dan Alipay, serta layanan pihak ketiga yang diam-diam tidak berfungsi.]]></description>
            <content:encoded><![CDATA[<h1>Melokalkan Game Web untuk Tiongkok (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/localize-web-game-china-hero.jpg?v=1" alt="Melokalkan game web untuk Tiongkok pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Melokalkan game web untuk Tiongkok bukan sekadar menerjemahkan. Penerjemahan adalah 10% yang mudah. Sementara itu, 90% yang sulit adalah lingkungan teknis dan hukumnya yang berbeda: font, hosting, penyedia pembayaran, dan setengah dari layanan pihak ketiga yang diam-diam Anda andalkan akan berubah atau berhenti berfungsi di perbatasan. Panduan ini adalah daftar periksa tentang hal-hal yang benar-benar harus dilakukan.</p>
<p>Jika target Anda secara khusus adalah Mini Game, baca juga <a href="/id/guides/publish-wechat-douyin-mini-games">panduan penerbitan di WeChat dan Douyin</a>. Halaman ini membahas game web secara lebih luas, baik yang akan diterbitkan ke platform Mini Game maupun situs mandiri.</p>
<h2>Bahasa: Mandarin Sederhana yang dikerjakan dengan benar</h2>
<p>Mulailah dengan Mandarin Sederhana (简体中文), standar tulisan di Tiongkok daratan. Mandarin Tradisional digunakan di Hong Kong dan Taiwan, dan keduanya tidak dapat dipertukarkan begitu saja. Pastikan variannya benar sebelum mengerjakan hal lain.</p>
<p>Kemudian tangani bagian-bagian yang tidak dapat diselesaikan oleh terjemahan mesin. Teks berbahasa Mandarin lebih padat daripada bahasa Inggris, sehingga UI yang disesuaikan untuk teks bahasa Inggris akan memiliki ruang kosong yang terasa janggal, dan tombol yang ukurannya dibuat untuk kata &quot;Continue&quot; terlihat aneh saat hanya berisi dua karakter. Pemenggalan baris juga bekerja secara berbeda karena tidak ada spasi di antara kata. Selain itu, nada bahasa sangat penting: terjemahan harfiah terdengar kaku bagi pemain Tiongkok, sama seperti terjemahan harfiah dari bahasa Mandarin ke bahasa Inggris terdengar kaku bagi Anda. Siapkan anggaran untuk peninjauan oleh penutur asli, bukan hanya keluaran model.</p>
<h2>Font: jebakan yang tidak diduga siapa pun</h2>
<p>Di sinilah sebagian besar game web Barat tersandung. Anda tidak dapat mengambil font Mandarin dari Google Fonts karena Google diblokir di Tiongkok daratan dan permintaannya langsung gagal. Halaman yang tampil indah di perangkat Anda bisa menampilkan teks rusak atau font fallback ketika dibuka dari dalam Firewall.</p>
<p>Lebih buruk lagi, ukuran font Mandarin sangat besar. Satu typeface CJK lengkap mencakup puluhan ribu glif dan dapat berukuran puluhan megabita, sehingga tidak layak untuk game web dan sama sekali mustahil digunakan dengan batas ukuran paket Mini Game. Solusinya: gunakan font sistem yang sudah tersedia di setiap perangkat, atau buat subset font yang hanya mencakup karakter yang benar-benar digunakan game Anda, lalu host sendiri. Apa pun pilihannya, host font tersebut sendiri dari dalam Tiongkok. Jangan mengandalkan CDN font eksternal.</p>
<h2>Hosting: di dalam tembok atau lambat di luarnya</h2>
<p>Lokasi penyajian game menentukan pengalaman pemain. Jika di-host di luar Tiongkok, setiap permintaan harus melewati pemeriksaan Great Firewall, menambah latensi yang membuat game waktu nyata terasa rusak. Jika di-host di Tiongkok daratan, game akan cepat, tetapi hosting di Tiongkok mewajibkan pengajuan ICP.</p>
<p>Pengajuan ICP (Internet Content Provider) adalah pendaftaran ke Kementerian Perindustrian dan Teknologi Informasi Tiongkok yang diwajibkan untuk setiap situs yang disajikan dari server di Tiongkok daratan. Ada dua bentuk: pengajuan dasar (备案) untuk situs nonkomersial dan lisensi ICP komersial untuk situs yang menjual, menampilkan iklan, atau menerima pembayaran, termasuk game yang dimonetisasi. Game yang beroperasi secara komersial biasanya juga memerlukan Internet Culture Business License (网络文化经营许可证). Nomor ICP harus ditampilkan di footer situs dan ditautkan ke situs arsip pemerintah. Proses pengajuan memakan waktu berminggu-minggu dan memerlukan badan usaha lokal. Ini menjadi alasan tambahan bagi studio asing untuk bekerja melalui mitra Tiongkok.</p>
<p>Namun, pengajuan ICP hanya mencakup hosting. Game yang dimonetisasi juga memerlukan persetujuan game ISBN (版号, &quot;banhao&quot;), yang hanya dapat diperoleh melalui penerbit Tiongkok berlisensi. <a href="/id/guides/publish-wechat-douyin-mini-games">Panduan penerbitan di WeChat dan Douyin</a> kami menjelaskan seluruh alur perizinannya.</p>
<p>Pengajuan tersebut bukan sekadar birokrasi. Inilah kunci yang membuka akses ke hal-hal lain: hosting lokal, CDN Tiongkok untuk pengiriman cepat ke seluruh negeri, dan integrasi pembayaran.</p>
<h2>Pembayaran: WeChat Pay dan Alipay, bukan Stripe</h2>
<p>Pemain Tiongkok tidak menggunakan kartu dan dompet digital yang digunakan di negara lain. Pembayaran dilakukan melalui WeChat Pay dan Alipay, tanpa pengecualian. Stripe, PayPal, dan alur pembayaran kartu Barat bukanlah jawabannya. Integrasi WeChat Pay atau Alipay memerlukan hosting lokal dan lisensi ICP. Jadi, pembayaran, hosting, dan pengajuan merupakan satu masalah yang saling terhubung, bukan tiga masalah terpisah. Rencanakan semuanya bersama-sama.</p>
<h2>Layanan yang diam-diam tidak berfungsi</h2>
<p>Bug paling menyakitkan dalam peluncuran di Tiongkok adalah bug yang baru muncul saat pemain dari dalam Firewall memuat game. Apa pun yang diambil game Anda dari layanan yang diblokir akan gagal, sering kali tanpa pesan, bahkan setelah hosting dan pengajuan Anda sudah benar. Korban yang paling umum:</p>
<p>Google Fonts, Google Analytics, dan segala layanan Google lainnya. Diblokir. Ganti dengan font yang di-host sendiri dan penyedia analitik domestik.</p>
<p>YouTube dan video tersemat dari hosting Barat. Diblokir. Gunakan hosting video domestik jika Anda menyematkan trailer.</p>
<p>Facebook, Twitter, serta SDK dan tombol berbagi milik keduanya. Diblokir. Ganti dengan fitur berbagi melalui WeChat dan Weibo.</p>
<p>CDN eksternal dan hosting skrip yang mungkin luput dari perhatian Anda. Sebagian berfungsi, tetapi banyak yang tidak. Audit setiap URL pihak ketiga yang dimuat game Anda dan anggap semuanya bermasalah sampai terbukti dapat diakses.</p>
<p>Aturannya: jika sumber daya disajikan oleh perusahaan yang diblokir di Tiongkok, sumber daya tersebut akan gagal bagi pemain Tiongkok terlepas dari seberapa benar bagian lain dari penyiapan Anda. Host sendiri atau cari padanan domestik untuk setiap dependensi.</p>
<h2>Peninjauan konten</h2>
<p>Tiongkok meninjau konten game, dan standarnya berbeda dari platform Barat. Tema, gambar, dan teks yang lolos di tempat lain dapat ditandai. Di sinilah penerbit lokal layak mendapatkan bagiannya, karena mereka memahami batasannya dan dapat melakukan peninjauan sebelum pengajuan, bukan setelah terjadi penolakan. Masukkan tahap peninjauan ke linimasa Anda, alih-alih menganggapnya sebagai formalitas di akhir proses.</p>
<h2>Daftar periksa pelokalan</h2>
<p>Terjemahkan ke Mandarin Sederhana dan lakukan peninjauan nada bahasa oleh penutur asli, bukan hanya mengandalkan hasil terjemahan mesin.</p>
<p>Sesuaikan UI untuk teks yang lebih padat dan aturan pemenggalan baris yang berbeda.</p>
<p>Host sendiri font subset atau gunakan font sistem. Jangan pernah memuat font Mandarin dari CDN yang diblokir.</p>
<p>Tentukan hosting: gunakan hosting lokal dengan pengajuan ICP demi kecepatan dan pembayaran, atau terima lambatnya hosting luar negeri.</p>
<p>Integrasikan WeChat Pay dan Alipay untuk segala hal yang dimonetisasi.</p>
<p>Audit setiap sumber daya pihak ketiga dan ganti yang diblokir.</p>
<p>Rencanakan peninjauan konten bersama mitra lokal.</p>
<h2>Peran Cinevva</h2>
<p>Versi jujurnya: game adalah bagian yang portabel, sedangkan lapisan Tiongkok berkaitan dengan distribusi dan kepatuhan. Cinevva membuat game web-native yang langsung berjalan melalui tautan tanpa instalasi, sesuai dengan format yang diinginkan platform Tiongkok. Namun, kami tidak akan berpura-pura bahwa pengajuan ICP, penerbit lokal, atau integrasi pembayaran dapat dihilangkan oleh sebuah alat. Bagian yang kami buat lebih murah adalah tahap sebelum semua itu. Buat game Anda, buktikan bahwa game tersebut layak dilokalkan, dan baru belanjakan dana untuk infrastruktur Tiongkok setelah Anda tahu game itu memang pantas mendapatkannya. Sebagian besar game tidak perlu melewati daftar periksa tersebut. Namun, game yang memang perlu melaluinya layak dikerjakan dengan benar.</p>
<h2>Pertanyaan umum</h2>
<h3>Apakah saya memerlukan lisensi ICP untuk menjalankan game web di Tiongkok?</h3>
<p>Untuk hosting di Tiongkok daratan, ya. Situs nonkomersial memerlukan pengajuan ICP dasar (备案); situs komersial yang menjual, menampilkan iklan, atau menerima pembayaran memerlukan lisensi ICP komersial, dan game yang dimonetisasi biasanya juga memerlukan Internet Culture Business License. Hosting di luar Tiongkok menghindari pengajuan tersebut, tetapi membuat game lambat saat melewati Great Firewall.</p>
<h3>Mengapa font saya tidak berfungsi di Tiongkok?</h3>
<p>Hampir selalu karena Anda memuatnya dari Google Fonts atau CDN lain yang diblokir, sehingga permintaannya gagal di dalam Firewall. Ukuran font Mandarin juga sangat besar. Solusinya adalah membuat subset font yang hanya berisi glif yang Anda gunakan dan meng-host-nya sendiri, atau mengandalkan font sistem perangkat.</p>
<h3>Dapatkah saya menggunakan Stripe atau PayPal untuk game di Tiongkok?</h3>
<p>Tidak. Pemain Tiongkok membayar menggunakan WeChat Pay dan Alipay. Integrasi keduanya memerlukan hosting lokal dan lisensi ICP. Jadi, pembayaran, hosting, dan pengajuan merupakan satu proyek yang saling terhubung.</p>
<h3>Layanan pihak ketiga apa yang tidak berfungsi di Tiongkok?</h3>
<p>Apa pun dari perusahaan yang diblokir di negara tersebut: Google (Fonts, Analytics), YouTube, SDK Facebook dan Twitter, serta banyak CDN eksternal. Audit setiap URL yang dimuat game Anda dan ganti URL yang diblokir dengan aset yang di-host sendiri atau penyedia domestik.</p>
<h3>Apakah menerjemahkan ke bahasa Mandarin sudah cukup untuk melokalkan game?</h3>
<p>Tidak. Penerjemahan hanyalah sebagian kecil dari prosesnya. Anda juga harus menangani teks yang lebih padat dan pemenggalan baris, font yang di-host sendiri, hosting lokal dan pengajuan, pembayaran lokal, layanan pihak ketiga yang diblokir, serta peninjauan konten. Bahasa adalah lapisan yang mudah.</p>
<p><BuildCta
  title="Buat gamenya terlebih dahulu, lalu lokalkan yang terbukti layak"
  desc="Buat game web-native dalam hitungan menit dan buktikan potensinya sebelum Anda berinvestasi dalam infrastruktur Tiongkok."
  prompt="Buat game bertani yang nyaman dengan siklus siang dan malam" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/publish-wechat-douyin-mini-games">Cara Menerbitkan Game di WeChat &amp; Douyin Mini Games</a> — lisensi, peninjauan, bagi hasil</li>
<li><a href="/id/guides/china-mini-game-platforms">Perbandingan Platform Mini-Game &amp; HTML5 Tiongkok</a> — tempat mendistribusikan game</li>
<li><a href="/id/guides/wechat-mini-game-engines">Game Engine untuk WeChat Mini Games</a> — buat game untuk platformnya</li>
<li><a href="/id/guides/publish-web-game">Tempat Terbaik untuk Menerbitkan Game Web</a> — lanskap platform Barat</li>
<li><a href="/id/guides/publish-web-game">Cara Menerbitkan Game Web</a> — terbitkan game di mana saja terlebih dahulu</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Menerbitkan Game Mini di WeChat & Douyin (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/publish-wechat-douyin-mini-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/publish-wechat-douyin-mini-games</guid>
            <pubDate>Fri, 10 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Alur nyata untuk menerbitkan Game Mini di Tiongkok pada 2026. Lisensi ISBN/banhao, alasan studio asing membutuhkan penerbit lokal, pembagian pendapatan WeChat vs Douyin, dan perbedaan sebenarnya antara kedua platform.]]></description>
            <content:encoded><![CDATA[<h1>Cara Menerbitkan Game Mini di WeChat &amp; Douyin (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/publish-wechat-douyin-mini-games-hero.jpg?v=1" alt="Menerbitkan Game Mini di WeChat dan Douyin pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Pasar Game Mini Tiongkok menghasilkan sekitar $7,65 miliar pada 2025, naik sekitar 34% dari tahun sebelumnya, dan diperkirakan akan mendekati $20 miliar pada 2030. Lebih dari 90% pasar tersebut dikuasai oleh dua platform: Game Mini WeChat dan Game Mini Douyin. Jika Anda telah membuat sebuah game dan ingin mencoba memasuki pasar tersebut, inilah alur yang benar-benar harus Anda tempuh. Tantangannya bukan hanya soal game, tetapi lebih pada perizinan, mitra lokal, dan pemilihan platform yang tepat.</p>
<p>Jika Anda belum memilih engine, mulailah dengan <a href="/id/guides/wechat-mini-game-engines">engine game untuk Game Mini WeChat</a>. Panduan ini mengasumsikan bahwa Anda sudah memiliki build dan membahas cara menerbitkan serta memperoleh pendapatan darinya.</p>
<h2>Lisensi adalah gerbang utama</h2>
<p>Setiap game yang didistribusikan di Tiongkok, mulai dari judul konsol AAA hingga Game Mini yang berjalan di dalam aplikasi perpesanan, berada di bawah rezim perizinan yang sama. Ada dua dokumen penting.</p>
<p>Hak cipta perangkat lunak (软著) adalah dokumen yang lebih mudah diperoleh, berupa pendaftaran kepengarangan. Dokumen yang menentukan kelangsungan bisnis Anda adalah ISBN, atau 版号 (banhao), yaitu lisensi penerbitan yang dikeluarkan oleh regulator. Dalam praktiknya, Game Mini yang menerima pembayaran dalam aplikasi membutuhkan banhao. Game gratis atau yang hanya mengandalkan iklan secara historis memiliki jalur yang lebih ringan, tetapi peraturannya makin ketat seiring waktu. Asumsi paling aman adalah bahwa monetisasi yang serius pada akhirnya akan membutuhkan lisensi tersebut.</p>
<p>Inilah bagian yang menghentikan langkah sebagian besar studio asing: hanya badan usaha Tiongkok yang disetujui yang dapat memegang lisensi dan mengoperasikan game yang dimonetisasi. Anda tidak dapat memperoleh banhao sebagai perusahaan asing. Anda harus menerbitkan melalui operator Tiongkok berlisensi yang memegang lisensi, menangani pembayaran, dan mengambil bagian pendapatan. Ini bukan sekadar formalitas yang dapat diakali. Beginilah struktur pasarnya.</p>
<p>Kabar baiknya: <a href="/id/news/2026-01-06-china-game-approvals-2025">Tiongkok menyetujui 1.771 game pada 2025</a>, jumlah terbanyak sejak 2018, dan ritme persetujuan bulanannya stabil. Alur yang dahulu dapat terhenti tanpa terduga kini kembali berjalan dengan konsisten, sehingga perencanaan menjadi jauh lebih memungkinkan dibandingkan beberapa tahun lalu.</p>
<h2>Yang sebenarnya perlu dilakukan studio asing</h2>
<p>Urutan yang realistis kurang lebih seperti ini.</p>
<p>Cari penerbit atau operator Tiongkok. Ini adalah keputusan yang menopang seluruh proses. Mereka memegang lisensi, menangani pengajuan banhao, mengintegrasikan pembayaran, dan sering kali membantu peninjauan budaya serta hubungan dengan platform. Besarnya bagian yang mereka ambil dan kompetensi mereka adalah dua faktor yang menentukan keberhasilan atau kegagalan kesepakatan.</p>
<p>Daftarkan akun Game Mini. Akun yang melakukan monetisasi harus didukung oleh badan usaha Tiongkok, yang dalam praktiknya adalah badan usaha milik penerbit Anda, bukan milik Anda.</p>
<p>Buat build untuk platform tersebut. Kemas game dengan engine dan adaptor yang tepat, pastikan ukurannya berada di bawah batas paket awal, lalu integrasikan SDK login, iklan, dan pembayaran platform.</p>
<p>Ajukan untuk ditinjau. Setiap Game Mini harus melewati peninjauan platform sebelum tersedia untuk publik, di samping proses perizinan. Konten yang tidak bermasalah di tempat lain bisa saja ditandai, jadi makin awal penerbit Anda meninjaunya, makin sedikit kejutan yang akan muncul.</p>
<p>Luncurkan dan lakukan iterasi. Kedua platform memberikan keuntungan bagi game yang menjalankan operasi langsung, acara, dan pembaruan. Game Mini adalah sebuah layanan, bukan produk yang cukup dirilis satu kali.</p>
<h2>WeChat vs Douyin: dua mesin yang berbeda</h2>
<p>Kedua platform besar ini tidak dapat dipertukarkan begitu saja. Keduanya menjangkau pemain dengan cara yang berlawanan, dan hal tersebut menentukan jenis game yang berhasil di masing-masing platform.</p>
<p>Game Mini WeChat adalah raksasa dengan sekitar 500 hingga 570 juta pemain bulanan. Penemuan game berjalan melalui jejaring sosial: berbagi antarteman, obrolan grup, dan kesan bahwa semua orang sudah memainkannya. Retensi dan rekomendasi dari mulut ke mulut adalah penggeraknya. Pembagian pendapatan WeChat bergantung pada modelnya. Untuk iklan dalam game, pembagiannya adalah 50/50. Untuk pembelian dalam aplikasi, pengembang biasanya memperoleh sekitar 60% dan WeChat mengambil 40%, sedangkan judul yang diterbitkan langsung melalui WeChat dapat memperoleh hingga 70%. WeChat menguntungkan game yang terus dimainkan kembali dan diceritakan kepada teman.</p>
<p>Game Mini Douyin lebih kecil, dengan sekitar 170 juta pemain bulanan, tetapi pertumbuhannya sangat pesat. Pada 2025, pendapatannya naik sekitar 100% dan jumlah penggunanya meningkat sekitar 120% dari tahun sebelumnya. Cara penemuannya berlawanan dengan WeChat: bersifat algoritmik dan digerakkan oleh video pendek. Cuplikan game Anda menjadi viral di feed lalu mendatangkan gelombang pemain. Douyin juga gencar menarik pengembang dengan mengizinkan sejumlah mitra pilihan memperoleh hingga 90% pendapatan, sementara label Ohayoo miliknya membantu menerbitkan dan memonetisasi judul hiper-kasual. Douyin menguntungkan game yang terlihat tak tertahankan dalam video berdurasi lima detik.</p>
<p>Kesimpulan praktisnya: game yang berfokus pada retensi dan mudah dibagikan secara sosial lebih cocok untuk WeChat. Game hiper-kasual dengan daya tarik visual yang kuat lebih cocok untuk Douyin. Banyak studio merilis game di keduanya karena lisensi dan build dapat digunakan kembali, sementara audiens kedua platform hampir tidak tumpang tindih.</p>
<h2>Gambaran singkat pembagian pendapatan</h2>
<table>
<thead>
<tr>
<th>Platform</th>
<th>Iklan dalam game</th>
<th>Pembelian dalam aplikasi</th>
<th>Catatan</th>
</tr>
</thead>
<tbody>
<tr>
<td>WeChat</td>
<td>~50/50</td>
<td>Pengembang memperoleh ~60% (hingga 70% secara langsung)</td>
<td>Penemuan sosial, jangkauan sangat luas, berfokus pada retensi</td>
</tr>
<tr>
<td>Douyin</td>
<td>Menguntungkan, melalui negosiasi</td>
<td>Mitra pilihan memperoleh hingga ~90%</td>
<td>Penemuan melalui video algoritmik, ketentuan agresif bagi pengembang, Ohayoo untuk game hiper-kasual</td>
</tr>
</tbody>
</table>
<p>Angka-angka tersebut dapat berubah mengikuti promosi dan status mitra, jadi anggaplah ini sebagai gambaran struktur kesepakatan, bukan kontrak. Bagian penerbit Anda diambil setelah bagian platform, sehingga memilih operator yang tepat sama pentingnya dengan memilih platform yang tepat.</p>
<h2>Peran Cinevva</h2>
<p>Cinevva tidak menerbitkan game Anda ke WeChat atau Douyin, dan kami tidak akan berpura-pura bahwa lapisan perizinannya lebih sederhana daripada kenyataannya. Penerbit lokal dan banhao adalah biaya nyata untuk memasuki Tiongkok. Cinevva memberi Anda cara semurah mungkin untuk mengetahui apakah sebuah game layak melalui seluruh proses tersebut: buat game browser dalam hitungan menit, tampilkan kepada pemain, lalu lihat apakah game itu memiliki daya tarik yang mampu menonjol dalam cuplikan Douyin atau siklus permainan yang membuat pemain membukanya kembali di WeChat. Buktikan terlebih dahulu potensi game Anda di web terbuka. Setelah itu, bawa game yang berhasil melalui alur penerbitan di Tiongkok.</p>
<h2>Pertanyaan yang sering diajukan</h2>
<h3>Apakah saya memerlukan ISBN (banhao) untuk menerbitkan Game Mini di Tiongkok?</h3>
<p>Jika game menerima pembayaran dalam aplikasi, pada dasarnya ya. Game Mini gratis atau yang hanya mengandalkan iklan pernah memiliki jalur yang lebih ringan, tetapi game yang dimonetisasi membutuhkan lisensi penerbitan, dan hanya badan usaha Tiongkok yang disetujui yang dapat memegangnya.</p>
<h3>Bisakah pengembang asing menerbitkan langsung ke Game Mini WeChat?</h3>
<p>Tidak untuk game yang dimonetisasi. Studio asing menerbitkan melalui operator Tiongkok berlisensi yang memegang lisensi, menangani pembayaran, dan mengambil bagian pendapatan. Menemukan penerbit lokal yang tepat adalah keputusan utama.</p>
<h3>Mana yang membayar lebih besar, WeChat atau Douyin?</h3>
<p>Itu bergantung pada model dan status kemitraan Anda. WeChat membagi pendapatan iklan sekitar 50/50 dan memungkinkan pengembang memperoleh sekitar 60 hingga 70% dari pembelian. Douyin menawarkan hingga sekitar 90% kepada sejumlah mitra pilihan. Ketentuan Douyin bisa lebih menguntungkan, tetapi jangkauan WeChat jauh lebih luas.</p>
<h3>Apa perbedaan antara Game Mini WeChat dan Douyin?</h3>
<p>Penemuan di WeChat bersifat sosial, digerakkan oleh aktivitas berbagi antarteman dan grup, serta mengutamakan retensi. Penemuan di Douyin bersifat algoritmik, digerakkan oleh video pendek, dan menguntungkan game yang tampak menarik dalam sebuah cuplikan. WeChat lebih besar, sedangkan Douyin tumbuh lebih cepat.</p>
<h3>Seberapa besar pasar Game Mini Tiongkok?</h3>
<p>Sekitar $7,65 miliar pada 2025, naik sekitar 34% dari tahun sebelumnya, dengan proyeksi mendekati $20 miliar pada 2030. WeChat dan Douyin bersama-sama menguasai lebih dari 90% pasar tersebut.</p>
<p><BuildCta
  title="Buktikan potensi game sebelum membayar seluruh prosesnya"
  desc="Buat versi browser dalam hitungan menit dan uji daya tariknya sebelum berkomitmen meluncurkannya di Tiongkok."
  prompt="Buat puzzle merge yang memuaskan dengan efek penggabungan yang menarik" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/wechat-mini-game-engines">Engine Game untuk Game Mini WeChat</a> — pilih engine sebelum menerbitkan</li>
<li><a href="/id/guides/china-mini-game-platforms">Perbandingan Platform Game Mini &amp; HTML5 Tiongkok</a> — pilihan di luar dua platform terbesar</li>
<li><a href="/id/guides/localize-web-game-china">Melokalkan Game Web untuk Tiongkok</a> — font, hosting, pembayaran, dan Tembok Api Besar</li>
<li><a href="/id/guides/publish-web-game">Tempat Terbaik untuk Menerbitkan Game Web</a> — lanskap distribusi Barat</li>
<li><a href="/id/guides/promote-indie-game-no-budget">Cara Mempromosikan Game Indie Tanpa Anggaran</a> — bangun audiens yang membuat peluncuran berhasil</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Engine Game untuk WeChat Mini Games (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/wechat-mini-game-engines</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/wechat-mini-game-engines</guid>
            <pubDate>Fri, 10 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Engine mana yang sebaiknya digunakan untuk WeChat Mini Games pada 2026. Cocos Creator, LayaAir, Egret, transformasi WebGL Unity, dan engine Tuanjie dari Unity China, dibandingkan berdasarkan batas paket 4 MB, plugin engine bawaan, serta cara memindahkan game web yang sudah ada.]]></description>
            <content:encoded><![CDATA[<h1>Engine Game untuk WeChat Mini Games (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/wechat-mini-game-engines-hero.jpg?v=1" alt="Engine game untuk WeChat Mini Games pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>WeChat Mini Games (微信小游戏) adalah platform game terbesar yang belum pernah dijadikan target rilis oleh sebagian besar developer Barat. Lebih dari 500 juta orang memainkannya setiap bulan, di dalam aplikasi yang sama yang mereka gunakan untuk berkirim pesan dengan teman dan membayar makan siang. Tidak perlu instalasi, toko aplikasi, atau layar unduhan. Pemain mengetuk sebuah tautan dan game langsung berjalan.</p>
<p>Masalahnya, Mini Game bukanlah game web biasa. Game berjalan di dalam sandbox JavaScript tanpa DOM dan HTML, menggunakan canvas khusus yang disediakan platform, dan paket pertama Anda tidak boleh melebihi 4 MB. Engine yang Anda pilih menentukan seberapa banyak masalah tersebut harus Anda tangani sendiri. Panduan ini membandingkan opsi yang benar-benar tersedia pada 2026.</p>
<p>Jika Anda terlebih dahulu ingin memilih engine browser secara umum, <a href="/id/guides/web-game-engines-comparison">perbandingan engine game web</a> kami mencakup pilihan yang lebih luas. Halaman ini hanya membahas engine yang dapat merilis game ke WeChat.</p>
<h2>Referensi Singkat</h2>
<table>
<thead>
<tr>
<th>Engine</th>
<th>Plugin WeChat bawaan?</th>
<th>2D/3D</th>
<th>Bahasa</th>
<th>Kondisi ukuran paket</th>
<th>Paling cocok untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Cocos Creator</strong></td>
<td>Ya, tertanam di klien WeChat</td>
<td>2D + 3D</td>
<td>TypeScript</td>
<td>Terbaik: engine tidak dihitung dalam batas 4 MB, ditambah subpaket AssetBundle</td>
<td>Proyek yang mengutamakan WeChat tanpa kode yang sudah ada (pilihan standar)</td>
</tr>
<tr>
<td><strong>LayaAir</strong></td>
<td>Tidak</td>
<td>2D + 3D</td>
<td>TypeScript</td>
<td>Engine menghabiskan anggaran paket; cukup untuk game 2D kecil, tetapi sempit untuk 3D</td>
<td>Tim yang lebih menyukai alur kerja Laya</td>
</tr>
<tr>
<td><strong>Egret</strong></td>
<td>Tidak</td>
<td>2D</td>
<td>—</td>
<td>Lawas, ekosistem terus menyusut</td>
<td>Hanya untuk memelihara game Egret yang sudah ada</td>
</tr>
<tr>
<td><strong>Unity (transformasi WebGL)</strong></td>
<td>Tidak, menggunakan SDK transformasi</td>
<td>2D + 3D</td>
<td>C#</td>
<td>Sangat berat: build WebGL berukuran besar, jadi bersiaplah melakukan stripping dan pembagian subpaket secara agresif</td>
<td>Memindahkan game Unity yang sudah ada dengan cepat</td>
</tr>
<tr>
<td><strong>Tuanjie (Unity China)</strong></td>
<td>Tidak, WeChat merupakan target ekspor native</td>
<td>2D + 3D</td>
<td>C#</td>
<td>Target native, menghindari pembengkakan akibat konversi WebGL</td>
<td>Studio yang berkomitmen pada pasar Tiongkok dan memiliki keahlian Unity</td>
</tr>
<tr>
<td><strong>Three.js / WebGL mentah</strong></td>
<td>Tidak, melalui <code>weapp-adapter</code></td>
<td>2D + 3D</td>
<td>JavaScript</td>
<td>Anda harus menangani subpaket sendiri; cocok untuk game kecil yang sensitif terhadap ukuran</td>
<td>Game kustom kecil atau tim yang sudah menggunakan Three.js</td>
</tr>
</tbody>
</table>
<h2>Hal yang membedakan WeChat Mini Game</h2>
<p>Sebelum pilihan engine dapat dipahami, ada tiga batasan penting.</p>
<p>Tidak ada DOM. Runtime Mini Game merupakan lingkungan JavaScript dasar dengan <code>canvas</code> dan konteks WebGL (serta semakin sering WebGPU), ditambah API milik WeChat untuk penyimpanan, audio, jaringan, dan fitur sosial. Apa pun yang bergantung pada <code>document</code>, <code>window</code>, atau elemen HTML harus melewati adapter yang memalsukan objek-objek tersebut. Setiap engine di bawah ini menyediakan adapter tersebut.</p>
<p>Aturan 4 MB adalah inti dari semuanya. Paket awal Anda—kode dan aset yang dimuat sebelum frame pertama—harus muat dalam 4 MB. Selebihnya harus dibagi menjadi subpaket (分包) yang diunduh sesuai kebutuhan, hingga mencapai batas total yang jauh lebih besar. Menurunkan ukuran hingga di bawah 4 MB adalah masalah rekayasa tersulit di platform ini, dan inilah faktor utama yang dapat dipermudah atau justru dipersulit oleh engine Anda.</p>
<p>Monetisasi memerlukan lisensi. Mini Game yang menerima pembayaran dalam aplikasi membutuhkan lisensi game Tiongkok, dan studio asing memerlukan penerbit lokal untuk mendapatkannya. Itu adalah masalah distribusi, bukan masalah engine, dan kami membahasnya dalam <a href="/id/guides/publish-wechat-douyin-mini-games">panduan penerbitan WeChat dan Douyin</a>.</p>
<h2>Cocos Creator: pilihan standar</h2>
<p>Sebagian besar WeChat Mini Games dibuat dengan Cocos Creator, dan platform ini memang dirancang untuk menguntungkannya. Sejak klien WeChat 7.0.7, runtime engine Cocos tersedia sebagai plugin yang tertanam langsung di aplikasi WeChat. Jika pemain pernah menjalankan Mini Game berbasis Cocos, kode engine sudah ada di ponselnya dan tidak dihitung dalam batas 4 MB Anda. Ini merupakan keunggulan struktural yang tidak dimiliki engine lain: paket Anda hanya berisi game, bukan game beserta engine-nya.</p>
<p>Cocos juga menyediakan sistem AssetBundle, yang merupakan cara paling praktis untuk menangani subpaket. Anda menandai bundle agar dimuat sesuai kebutuhan, dan perbedaan antara proyek yang muat dalam 4 MB dan yang tidak biasanya hanya soal memindahkan bundle yang tepat keluar dari paket utama. Cocos mendukung 2D dan 3D, menggunakan TypeScript, dan panel build-nya memperlakukan WeChat sebagai platform kelas utama.</p>
<p>Jika Anda belum memiliki basis kode dan membangun untuk WeChat sejak awal, Cocos Creator adalah pilihan aman. Mulailah dari sini kecuali Anda memiliki alasan khusus untuk memilih yang lain.</p>
<h2>LayaAir: alternatif yang kuat</h2>
<p>LayaAir (dari Laya) adalah engine lain yang sejak awal beradaptasi dengan WeChat dan memperlakukannya sebagai target kelas utama. Anda cukup memilih WeChat Mini Game di panel build, lalu menerbitkannya. Engine ini mendukung 2D dan 3D, menggunakan TypeScript, serta memiliki basis developer setia yang lebih menyukai alur kerjanya dibandingkan Cocos. Developer yang pernah menggunakan keduanya cenderung menggambarkan pilihan tersebut sebagai masalah selera, bukan kemampuan.</p>
<p>Satu hal yang perlu dipertimbangkan: runtime engine LayaAir tidak tertanam dalam klien WeChat seperti Cocos, sehingga engine itu sendiri memakan lebih banyak anggaran paket Anda. Untuk game 2D kecil, biasanya ini tidak menjadi masalah. Untuk game 3D sarat aset, ketika setiap kilobyte dari batas 4 MB sangat berarti, plugin bawaan Cocos dapat menjadi faktor penentu.</p>
<h2>Egret: engine lawas, gunakan dengan penuh pertimbangan</h2>
<p>Egret (白鹭) adalah engine HTML5 2D lama yang sejak awal mendukung WeChat Mini Games dan digunakan untuk membuat banyak game pada gelombang pertama. Engine ini masih berfungsi, tetapi momentumnya telah beralih ke Cocos dan Laya, aktivitas komunitasnya menurun, dan memulai proyek baru dengannya pada 2026 berarti bertaruh pada ekosistem yang terus menyusut. Jika Anda memelihara game Egret yang sudah ada, itu tidak masalah. Jika memulai dari nol, pilih Cocos atau Laya.</p>
<h2>Unity: jalur transformasi WebGL</h2>
<p>Unity tidak memiliki ekspor native ke WeChat, tetapi Tencent dan Unity mengelola alat resmi yang mengubah build Unity WebGL menjadi paket Mini Game: WeChat Mini Game transform SDK, yang terkadang didistribusikan sebagai WeChat MiniGame Exporter. Sejak pembaruan pertengahan 2025, alat ini mendukung ekspor sekali klik, dan <code>minigame-adaptor</code> pendampingnya diklaim memberikan performa rendering sekitar 3x lebih tinggi dibandingkan WebGL biasa dengan memanfaatkan jalur rendering WeChat yang telah dioptimalkan.</p>
<p>Inilah jalur yang tepat jika Anda sudah memiliki game Unity dan ingin membawanya ke WeChat tanpa menulis ulang. Namun, pertimbangkan komprominya secara realistis. Build Unity WebGL berukuran besar, dan batas paket awal 4 MB sangat berat bagi engine yang tidak dirancang untuk itu. Anda akan menghabiskan banyak upaya untuk stripping, pemisahan kode, dan memindahkan aset ke subpaket. Ini adalah alat untuk memindahkan game yang sudah ada, bukan alat untuk membuat game yang sejak awal ditujukan bagi WeChat.</p>
<h2>Tuanjie: solusi native dari Unity China</h2>
<p>Jika Anda menyukai alur kerja Unity tetapi menginginkan WeChat sebagai target build sungguhan alih-alih hasil konversi WebGL, pertimbangkan Tuanjie (团结引擎), engine lokal dari Unity China. Engine ini berbasis Unity 2022 LTS dan memperlakukan WeChat Mini Games sebagai platform native bersama iOS dan Android, serta target domestik seperti OpenHarmony dan AliOS. Versi-versi terbarunya menambahkan sistem global illumination real-time lengkap (TuanjieGI), dan jumlah unduhannya telah melampaui 500.000.</p>
<p>Bagi studio yang berkomitmen pada pasar Tiongkok dan sudah terbiasa dengan Unity, Tuanjie adalah opsi dari keluarga Unity yang paling siap untuk masa depan karena WeChat bukan fitur tambahan yang ditempelkan melalui WebGL. WeChat merupakan target ekspor kelas utama.</p>
<h2>Three.js dan WebGL mentah</h2>
<p>Anda dapat menjalankan Three.js atau WebGL yang ditulis manual di dalam Mini Game melalui <code>weapp-adapter</code> milik WeChat, yang menyediakan stub untuk objek DOM dan canvas yang diharapkan oleh library. Ini adalah opsi paling fleksibel sekaligus paling merepotkan: Anda harus menangani sendiri render loop, pipeline aset, subpaket, dan setiap kasus khusus pada adapter. Pilihan ini masuk akal untuk game kustom kecil yang sensitif terhadap ukuran dan tidak membutuhkan engine lengkap, atau ketika tim Anda sudah terbiasa dengan Three.js dan ingin menggunakan kembali kodenya.</p>
<p>Ini juga merupakan jalur yang paling dekat dengan game browser yang sudah Anda buat. Game Three.js yang berjalan di web terbuka memiliki struktur serupa dengan game yang berjalan di WeChat. Perbedaannya terletak pada adapter dan anggaran 4 MB, bukan pada rendering.</p>
<h2>Pilihan cepat</h2>
<p>Membuat game untuk WeChat sejak awal tanpa kode yang sudah ada: Cocos Creator. Plugin engine bawaan dan sistem AssetBundle membuat tantangan batas 4 MB lebih mudah diatasi.</p>
<p>Memindahkan game Unity yang sudah ada: gunakan WeChat WebGL transform SDK agar dapat segera merilisnya, atau Tuanjie jika Anda berkomitmen pada pasar Tiongkok untuk jangka panjang dan menginginkan target native.</p>
<p>Game kecil, kustom, atau sudah menggunakan Three.js: gunakan <code>weapp-adapter</code> dan WebGL mentah, serta terima bahwa Anda harus menangani sendiri seluruh infrastruktur dasarnya.</p>
<p>Lebih menyukai alur kerja Laya: gunakan LayaAir, sambil tetap memperhatikan ukuran paket untuk game 3D.</p>
<h2>Posisi Cinevva</h2>
<p>Cinevva membuat game 3D yang mengutamakan web menggunakan Three.js dan dapat dijalankan dari tautan di browser apa pun. Bentuk ini sama seperti yang dibutuhkan WeChat Mini Game: tanpa instalasi, langsung dimainkan, dengan JavaScript dan WebGL di balik layar. Great Firewall dan lapisan perizinan memang merupakan tantangan nyata, dan kami terbuka mengenai fakta bahwa merilis ke WeChat memerlukan penerbit lokal serta disiplin dalam memenuhi batas 4 MB. Namun, game itu sendiri—pengalaman 3D native-browser tanpa unduhan—sudah sesuai dengan konsep yang mendasari platform game terbesar di Tiongkok. Jika Anda membuat prototipe yang suatu hari mungkin ingin ditampilkan kepada 500 juta pemain Mini Game, memulai dari browser adalah langkah dengan upaya paling sedikit yang terbuang.</p>
<h2>Pertanyaan umum</h2>
<h3>Berapa batas ukuran berkas untuk WeChat Mini Game?</h3>
<p>Paket awal dibatasi hingga 4 MB. Apa pun yang melebihi batas tersebut harus dibagi menjadi subpaket (分包) yang dimuat sesuai kebutuhan dan secara keseluruhan dapat mencapai batas total yang jauh lebih besar. Memuat pengalaman awal ke dalam 4 MB merupakan masalah optimasi utama di platform ini.</p>
<h3>Bisakah saya menggunakan Unity untuk WeChat Mini Games?</h3>
<p>Ya, tetapi tidak secara native. Tencent dan Unity menyediakan SDK transformasi resmi yang mengubah build Unity WebGL menjadi Mini Game, dengan dukungan ekspor sekali klik sejak pertengahan 2025. Sebagai alternatif, engine Tuanjie dari Unity China mendukung WeChat sebagai target build native. Apa pun pilihannya, bersiaplah mencurahkan upaya untuk mengoptimalkan ukuran build.</p>
<h3>Engine apa yang digunakan oleh sebagian besar WeChat Mini Games?</h3>
<p>Cocos Creator adalah pilihan paling umum, didukung oleh fakta bahwa runtime engine-nya tertanam dalam klien WeChat sehingga tidak mengurangi jatah paket 4 MB Anda. LayaAir merupakan alternatif utamanya.</p>
<h3>Apakah WeChat Mini Games mendukung 3D?</h3>
<p>Ya. Cocos Creator, LayaAir, Unity (melalui SDK transformasi), dan Tuanjie semuanya mendukung 3D, sementara runtime WeChat menyediakan WebGL dan semakin sering WebGPU. Batasannya adalah ukuran paket dan performa pada ponsel kelas bawah, bukan soal apakah 3D dapat dijalankan.</p>
<h3>Bisakah saya mengubah game browser menjadi WeChat Mini Game?</h3>
<p>Sering kali bisa. Game yang dibuat dengan Three.js atau WebGL dapat berjalan di dalam WeChat melalui <code>weapp-adapter</code>, yang mengemulasikan objek browser yang dibutuhkan oleh kode. Pekerjaan utamanya terletak pada lapisan adapter dan menurunkan ukuran paket awal hingga di bawah batas 4 MB, bukan menulis ulang game.</p>
<p><BuildCta
  title="Mulai di browser, pertahankan semua opsi Anda"
  desc="Buat prototipe game 3D native-web terlebih dahulu. Bentuknya sama seperti yang dibutuhkan Mini Game, hanya tanpa sandbox."
  prompt="Buat endless runner cepat sekali ketuk melewati kota neon" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/publish-wechat-douyin-mini-games">Cara Menerbitkan Game di WeChat &amp; Douyin Mini Games</a> — lisensi, peninjauan, dan bagi hasil</li>
<li><a href="/id/guides/china-mini-game-platforms">Perbandingan Platform Mini-Game &amp; HTML5 Tiongkok</a> — WeChat, Douyin, QQ, 4399, dan platform lainnya</li>
<li><a href="/id/guides/localize-web-game-china">Melokalkan Game Web untuk Tiongkok</a> — font, hosting, pembayaran, dan Firewall</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026 (Dibandingkan)</a> — seluruh pilihan yang tersedia</li>
<li><a href="/id/guides/threejs-vs-babylonjs">Three.js vs Babylon.js</a> — jika Anda memilih jalur WebGL mentah</li>
<li><a href="/id/engine">Cinevva Engine</a> — engine sumber terbuka kami yang mengutamakan web dan dibuat dengan Three.js</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Tren Game Kasual pada 2026 (Apa yang Sebenarnya Ditunjukkan Data)]]></title>
            <link>https://app.cinevva.com/id/guides/casual-games-trends-2026</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/casual-games-trends-2026</guid>
            <pubDate>Tue, 30 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Tinjauan tren game kasual pada 2026 yang didukung data, mulai dari penurunan unduhan dan kebangkitan hybrid-casual hingga sumber pendapatan, judul yang sedang melejit, dan perubahan yang dibawa AI.]]></description>
            <content:encoded><![CDATA[<h1>Tren Game Kasual pada 2026 (Apa yang Sebenarnya Ditunjukkan Data)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Kisah game kasual pada 2026 bukanlah &quot;masa ledakan terus berlanjut.&quot; Yang terjadi adalah &quot;masa ledakan telah matang.&quot; Pemain masih lebih sering membuka game-game ini, tetapi mereka memasang lebih sedikit game baru, dan aliran pendapatan kini bergeser sehingga menguntungkan jenis game yang berbeda dari game pemenang tiga tahun lalu. Kami menelaah angka setahun penuh 2025 dari <a href="https://sensortower.com/state-of-gaming-2025">Sensor Tower</a>, AppMagic (melalui <a href="https://investgame.net/wp-content/uploads/2025/07/Gamesforum-Intelligence-Casual-Gaming-Report.pdf">Gamesforum Intelligence</a> dan <a href="https://www.gamerefinery.com/mobile-game-market-review-december-2025/">GameRefinery</a>), serta para analis di <a href="https://www.deconstructoroffun.com/blog/2026/2/2/state-of-mobile-2026">Deconstructor of Fun</a> dan <a href="https://www.pocketgamer.biz/what-happened-to-hypercasual-the-markets-evolution-over-the-past-year/">PocketGamer.biz</a> untuk memisahkan pergeseran nyata dari sekadar sensasi. Inilah yang sebenarnya terjadi.</p>
<p>Versi singkatnya: pasar game kasual telah matang pada 2025. Pendapatan dalam aplikasi hanya naik 1,3% menjadi sekitar $81,75 miliar, sementara unduhan turun 7,2% menjadi 50,4 miliar. Artinya, pertumbuhan kini berasal dari peningkatan belanja pemain, bukan pemasangan baru. Hybrid-casual adalah satu-satunya segmen yang mencatat pertumbuhan pendapatan dalam aplikasi, naik 20% menjadi $4,2 miliar, dengan puzzle hybrid-casual sebagai kategori paling menonjol. Monetisasi meluas ke spektrum yang lebar, mulai dari game bervolume tinggi yang hanya mengandalkan iklan hingga game bebas iklan yang menghasilkan lebih dari $500 juta, sementara AI generatif beralih dari eksperimen menjadi perangkat standar di studio. Paruh pertama 2026 menegaskan pola tersebut: belanja game seluler turun 2% menjadi sekitar $40 miliar, sementara hybrid-casual kembali tumbuh 23%, dan transaksi game kasual terbesar tahun ini melibatkan game berjenis persis seperti itu.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 210" role="img" aria-label="Papan skor game seluler 2025: pendapatan dalam aplikasi $81,8 miliar, naik 1,3%; 50,4 miliar unduhan, turun 7,2%; pendapatan hybrid-casual $4,2 miliar, naik 20%; 22,05 miliar pemasangan hypercasual" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="210" rx="14" fill="#0b1020"/>
  <text x="24" y="40" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Papan skor 2025</text>
  <text x="24" y="62" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Data game seluler setahun penuh. Sumber: Sensor Tower.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g transform="translate(24,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#c8a8ff">$81,8 M</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">IAP game seluler</text>
      <rect x="16" y="82" width="62" height="20" rx="10" fill="#fbbf2422"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#fbbf24">+1,3%</text>
    </g>
    <g transform="translate(196,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#7dd3fc">50,4 M</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Unduhan aplikasi</text>
      <rect x="16" y="82" width="62" height="20" rx="10" fill="#fb718522"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#fb7185">&#8722;7,2%</text>
    </g>
    <g transform="translate(368,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#f0abfc">$4,2 M</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">IAP hybrid-casual</text>
      <rect x="16" y="82" width="56" height="20" rx="10" fill="#6ee7b722"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#6ee7b7">+20%</text>
    </g>
    <g transform="translate(540,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#e8edf5">22,05 M</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Pemasangan hypercasual</text>
      <rect x="16" y="82" width="92" height="20" rx="10" fill="#ffffff14"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#9aa7b4">#1 berdasarkan volume</text>
    </g>
  </g>
</svg>
<h2>Pertumbuhan pasar tidak lagi bertumpu pada pemasangan</h2>
<p>Game seluler menghasilkan sekitar $81,75 miliar dari pembelian dalam aplikasi pada 2025, tetapi angka itu hanya naik 1,3% dibandingkan 2024, menurut <a href="https://www.deconstructoroffun.com/blog/2026/2/2/state-of-mobile-2026">data setahun penuh 2025</a>. Unduhan bergerak ke arah sebaliknya dan turun 7,2% menjadi 50,4 miliar, menandai penurunan selama dua tahun berturut-turut. Sebagai konteks, total belanja dalam aplikasi untuk seluruh aplikasi di toko tumbuh sehat sebesar 10,6% menjadi $167 miliar. Jadi, yang melandai secara khusus adalah game, bukan perdagangan seluler secara umum.</p>
<p>Kesenjangan itu merangkum seluruh situasinya. Interaksi pemain masih meningkat (pada tahun sebelumnya, jumlah sesi naik 12% dan waktu yang dihabiskan naik 7,9%), tetapi pemasangan baru menyusut. Pertumbuhan kini berasal dari upaya memperoleh lebih banyak pendapatan dari pemain yang sudah Anda miliki, bukan dari mengakuisisi pemain baru. Era akuisisi pengguna murah telah berakhir.</p>
<p>Angka awal 2026 menunjukkan bahwa tren ini semakin cepat, bukan berbalik arah. <a href="https://gamedevreports.substack.com/p/sensor-tower-mobile-market-in-q1">Data Q1 2026 Sensor Tower</a> mencatat belanja game seluler sebesar $20,4 miliar, hanya naik 0,5% dibandingkan tahun sebelumnya, sementara unduhan turun 11,9%—penurunan yang lebih tajam daripada angka setahun penuh 2025. Titik terangnya adalah puzzle, dengan pendapatan yang naik 21% dibandingkan tahun sebelumnya.</p>
<p>Perbedaan yang sama juga terlihat di dalam kategori kasual. Di antara 1.000 game kasual teratas, pendapatan pembelian dalam aplikasi naik dari $17,47 miliar pada 2022 menjadi $21,99 miliar pada 2024, dengan proyeksi $22,99 miliar untuk 2025, sementara unduhan relatif datar di sekitar 16 miliar, menurut <a href="https://investgame.net/wp-content/uploads/2025/07/Gamesforum-Intelligence-Casual-Gaming-Report.pdf">laporan game kasual Gamesforum Intelligence</a> (data AppMagic). Pendapatan meningkat dengan jumlah unduhan yang sama. Pemain sekadar membelanjakan lebih banyak uang per pemasangan.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 360" role="img" aria-label="Pendapatan game kasual terus meningkat sementara unduhan tetap datar dari 2022 hingga 2025" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <defs>
    <linearGradient id="revfill" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#c8a8ff" stop-opacity="0.34"/>
      <stop offset="1" stop-color="#c8a8ff" stop-opacity="0"/>
    </linearGradient>
  </defs>
  <rect width="720" height="360" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Pendapatan kasual terus meningkat. Pemasangan tidak.</text>
  <text textLength="682" lengthAdjust="spacingAndGlyphs" x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">1.000 game kasual teratas: pendapatan IAP ($ miliar) vs. unduhan (miliar). Proyeksi 2025. Sumber: AppMagic / Gamesforum.</text>
  <g stroke="#ffffff" stroke-opacity="0.07"><path d="M70 130 H680 M70 190 H680 M70 250 H680"/></g>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12" fill="#9aa7b4">
    <line x1="70" y1="300" x2="680" y2="300" stroke="#ffffff" stroke-opacity="0.14"/>
    <text x="110" y="324" text-anchor="middle">2022</text>
    <text x="300" y="324" text-anchor="middle">2023</text>
    <text x="490" y="324" text-anchor="middle">2024</text>
    <text x="650" y="324" text-anchor="middle">Proyeksi 2025</text>
  </g>
  <path d="M110 208 L300 168 L490 130 L650 120 L650 300 L110 300 Z" fill="url(#revfill)"/>
  <polyline points="110,208 300,168 490,130 650,120" fill="none" stroke="#c8a8ff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
  <polyline points="110,244 300,242 490,238 650,232" fill="none" stroke="#7dd3fc" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-weight="700" font-size="12">
    <circle cx="650" cy="120" r="5" fill="#c8a8ff"/>
    <text x="638" y="108" text-anchor="end" fill="#c8a8ff">Pendapatan $23,0 M</text>
    <circle cx="650" cy="232" r="5" fill="#7dd3fc"/>
    <text x="638" y="258" text-anchor="end" fill="#7dd3fc">Unduhan 16,4 M</text>
  </g>
  <g transform="translate(118,128)">
    <rect width="186" height="26" rx="13" fill="#c8a8ff1f"/>
    <text x="16" y="18" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700" fill="#c8a8ff">Pendapatan +32% sejak 2022</text>
  </g>
</svg>
<h2>Model hypercasual yang hanya mengandalkan iklan telah gagal, dan itu tidak masalah</h2>
<p>Judul berita yang sering Anda lihat adalah &quot;hypercasual sedang sekarat.&quot; Pernyataan itu hanya separuh benar. Yang gagal adalah model ekonominya, bukan game-nya. Selama bertahun-tahun, hypercasual mengandalkan satu trik: membeli pemasangan dengan murah, menampilkan iklan, lalu mengambil selisihnya. Ketika biaya akuisisi naik melampaui pendapatan yang dapat dihasilkan iklan, model murni yang hanya mengandalkan iklan itu tidak lagi berfungsi.</p>
<p>Game-nya sendiri baik-baik saja. Hypercasual masih mendominasi unduhan pada 2025 dengan 22,05 miliar pemasangan dan terus meningkatkan waktu bermain, menurut <a href="https://gameworldobserver.com/2026/01/21/in-2025-the-revenue-of-the-mobile-gaming-market-grew-but-only-slightly-analysis">Game World Observer</a>. <a href="https://www.pocketgamer.biz/what-happened-to-hypercasual-the-markets-evolution-over-the-past-year/">PocketGamer.biz melaporkan</a> bahwa judul-judul terkemuka menghasilkan pendapatan bulanan sekitar 3 kali lebih besar daripada tahun sebelumnya, meskipun angka tersebut berangkat dari basis yang rendah dan sebagian mencerminkan game hybrid-casual yang diklasifikasikan ulang. Kesimpulannya sederhana: format ini bertahan dengan menambahkan pembelian dalam aplikasi di atas iklan, alih-alih hanya bergantung pada iklan.</p>
<h2>Hybrid-casual adalah pemenang sesungguhnya</h2>
<p>Jika ada satu tren yang mendefinisikan 2026, tren itu adalah hybrid-casual. Ini adalah satu-satunya segmen kasual yang mencatat pertumbuhan pendapatan pembelian dalam aplikasi tahun lalu, naik 20% menjadi $4,2 miliar, sementara 10 judul teratas mencatat pertumbuhan IAP tahunan antara 67% dan 100%, sebagaimana diuraikan oleh <a href="https://gameworldobserver.com/2026/01/21/in-2025-the-revenue-of-the-mobile-gaming-market-grew-but-only-slightly-analysis">Game World Observer</a>. Berbagai pelacak mendefinisikan segmen ini secara berbeda—Game World Observer mencatat pertumbuhan 20%, sedangkan Sensor Tower mencatat 37%—tetapi semuanya sepakat bahwa ini adalah satu-satunya segmen kasual yang tumbuh. Hybrid-casual mengambil loop singkat yang ramah iklan dari hypercasual, lalu menambahkan meta-progression dan kedalaman belanja dari game kasual seutuhnya. Format ini mempertahankan kemudahan mendapatkan pemasangan sekaligus memberi pemain alasan untuk membayar.</p>
<p>Pertumbuhan terkonsentrasi pada puzzle hybrid-casual. <a href="https://www.gamerefinery.com/mobile-game-market-review-december-2025/">Ulasan Desember 2025 GameRefinery</a> menyebut subgenre mapan seperti Match3 &quot;sangat jenuh&quot;, sementara sekelompok judul puzzle baru berhasil menembus tangga game berpendapatan tertinggi: Color Block Jam, Pixel Flow, Screwdom, Magic Sort, dan All in Hole. Color Block Jam sendiri menghasilkan sekitar $42 juta dari 21,8 juta pemasangan hanya dalam satu kuartal. Kisah ini terus berkembang sepanjang paruh pertama 2026: Pixel Flow naik dari pendatang baru menjadi pemimpin kategori dan melampaui <a href="https://appmagic.rocks/research/casual-report-H12026">$125 juta dalam pendapatan aplikasi dalam waktu kurang dari setahun</a>, menurut laporan H1 2026 AppMagic; Jigsolitaire dan Color Block: Combo Blast adalah judul yang kini berkembang pesat; sementara Gossip Harbor dan Tasty Travels mendorong sebagian besar pertumbuhan pendapatan puzzle pada Q1. Studio di balik Pixel Flow juga menjadi subjek akuisisi paling besar tahun ini, yang akan dibahas pada bagian berikutnya. Jika Anda sedang menentukan jenis game kasual yang akan dibuat pada 2026, &quot;klona Match3 yang sudah jenuh&quot; dan &quot;puzzle hybrid-casual yang segar&quot; merupakan dua pertaruhan yang sangat berbeda.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="Game kasual populer yang menonjol pada 2025: Royal Match dan Monopoly Go dengan pendapatan tertinggi, puzzle hybrid-casual yang melejit Color Block Jam, Screwdom, dan Pixel Flow" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="300" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Game yang melejit pada 2025</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Periode pendapatan bervariasi. Sumber: AppMagic.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="32" y="100" font-size="12" font-weight="800" letter-spacing="1" fill="#c8a8ff">PENDAPATAN TERTINGGI · TANPA IKLAN</text>
    <g transform="translate(32,112)">
      <rect width="316" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="29" font-size="15" font-weight="700" fill="#e8edf5">Royal Match</text>
      <text x="300" y="29" text-anchor="end" font-size="14" font-weight="800" fill="#c8a8ff">&gt;$500M</text>
    </g>
    <g transform="translate(32,166)">
      <rect width="316" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="29" font-size="15" font-weight="700" fill="#e8edf5">Monopoly Go!</text>
      <text x="300" y="29" text-anchor="end" font-size="14" font-weight="800" fill="#c8a8ff">$431M</text>
    </g>
    <text x="372" y="100" font-size="12" font-weight="800" letter-spacing="1" fill="#7dd3fc">PUZZLE HYBRID-CASUAL YANG MELEJIT</text>
    <g transform="translate(372,112)">
      <rect width="316" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="22" font-size="15" font-weight="700" fill="#e8edf5">Color Block Jam</text>
      <text x="16" y="38" font-size="11" fill="#9aa7b4">21,8 juta instalasi dalam satu kuartal</text>
      <text x="300" y="30" text-anchor="end" font-size="14" font-weight="800" fill="#7dd3fc">$42M</text>
    </g>
    <g transform="translate(372,166)">
      <rect width="150" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="22" font-size="14" font-weight="700" fill="#e8edf5">Screwdom</text>
      <text x="134" y="38" text-anchor="end" font-size="13" font-weight="800" fill="#7dd3fc">$27.1M</text>
    </g>
    <g transform="translate(538,166)">
      <rect width="150" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="22" font-size="14" font-weight="700" fill="#e8edf5">Pixel Flow</text>
      <text x="134" y="38" text-anchor="end" font-size="11" fill="#9aa7b4">disalip pada Des</text>
    </g>
  </g>
  <text x="32" y="248" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12.5" fill="#9aa7b4">Magic Sort dan All in Hole juga masuk ke jajaran 50 besar berpendapatan tertinggi, sementara Match3</text>
  <text x="32" y="268" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12.5" fill="#9aa7b4">tetap stagnan di pasar yang sangat jenuh.</text>
</svg>
<h2>Angka H1 2026 dan kesepakatan yang dipicunya</h2>
<p>Laporan paruh pertama 2026 terbit pada Agustus, dan isinya lebih terasa sebagai kelanjutan 2025 ketimbang perubahan arah. <a href="https://sensortower.com/blog/h1-2026-digital-gaming-market-index">Indeks pasar game H1 2026</a> Sensor Tower mencatat belanja dalam aplikasi seluler sekitar $40 miliar, turun 2% dari tahun sebelumnya, dengan unduhan turun 12% menjadi 24 miliar dan waktu bermain tetap di 221 miliar jam. Di dalamnya, segmen kasual bertahan di kisaran $16,5 miliar, mid-core turun sekitar 7% menjadi kurang lebih $20,6 miliar, dan hybrid-casual kembali menjadi satu-satunya segmen yang tumbuh, naik sekitar 23% menjadi $2,4 miliar. IAP puzzle tumbuh hampir 20% menjadi $8,07 miliar pada periode yang sama, menurut <a href="https://gamedevreports.substack.com/p/sensor-tower-the-gaming-market-in">rincian laporan</a>, yang juga menempatkan Block Blast! sebagai penghasil pendapatan iklan tertinggi dari Januari hingga Mei sebesar $127 juta dan menunjukkan bahwa retensi hari ke-7 game hybrid-casual kini mengungguli 25 game kasual teratas—tolok ukur yang rata-rata mencapai 14,9% untuk game kasual pada Desember 2025 menurut <a href="https://gamedevreports.substack.com/p/sensor-tower-state-of-gaming-2026">State of Gaming 2026</a> dari Sensor Tower.</p>
<p><a href="https://appmagic.rocks/research/casual-report-H12026">Casual Games Report H1 2026</a> dari AppMagic (dirangkum oleh <a href="https://www.pocketgamer.biz/puzzle-accounts-for-44-of-casual-mobile-earnings-in-h1-2026/">PocketGamer.biz</a>) membagi periode yang sama berdasarkan subgenre. IAP game kasual mencapai sekitar $11 miliar, praktis stagnan, dengan puzzle mengambil porsi 44% atau $4,9 miliar. Match-3 tetap stagnan di $2,5 miliar meskipun unduhan naik 10%, dan hanya satu dari 120 game match-3 baru yang berhasil mencapai $100.000 per bulan. Merge-2 melonjak 74% menjadi $1,3 miliar berkat Gossip Harbor, yang menembus $100 juta hanya dalam satu bulan pada Maret, serta Tasty Travels, yang menghasilkan $127 juta sepanjang paruh tahun tersebut. Puzzle hybrid-casual sebagai kelompok menghasilkan sekitar $600 juta hanya dari IAP, pendapatan puzzle sortir tumbuh 229%, dan lebih dari 2.000 puzzle blok diluncurkan dalam enam bulan, naik 89%. Angka terakhir itu menjadi pertanda paling jelas sejauh ini tentang arah pergerakan game tiruan.</p>
<p>Uang pun mengikuti. Scopely <a href="https://www.scopely.com/en/news/scopely-to-acquire-majority-stake-in-breakout-mobile-game-pixel-flow-and-the-development-team-behind-it">mengumumkan akuisisi saham mayoritas Loom Games</a>, studio beranggotakan 20 orang di Istanbul yang membuat Pixel Flow, pada 19 Februari 2026—kesepakatan yang dinilai sekitar $1 miliar dalam <a href="https://investgame.net/news/pdf/video-game-market-update-q2-2026/">pembaruan pasar Q2 2026</a> dari InvestGame. Tripledot membeli label penerbitan hybrid-casual Supersonic dari Unity dengan nilai sekitar <a href="https://www.gamedeveloper.com/business/unity-sells-supersonic-publishing-biz-to-tripledot-for-40m">$40 juta</a>, dalam kesepakatan yang dituntaskan pada 4 Agustus 2026. InvestGame mencatat Q1 2026 sebagai kuartal paling aktif untuk kesepakatan konten bernilai lebih dari $100 juta sejak siklus pandemi, dengan <a href="https://wnhub.io/news/other/item-50518">$7,7 miliar dalam 52 transaksi</a>, yang sebagian besar berasal dari pembelian Moonton oleh Savvy Games Group senilai sekitar $6 miliar, sementara Q2 turun menjadi $2,3 miliar dalam 54 kesepakatan. Polanya konsisten: penerbit berskala besar membeli game puzzle hybrid-casual yang sudah terbukti sukses beserta alur produksi yang membuatnya, bukan volume hypercasual. Untuk setahun penuh, prakiraan Newzoo (laporan dijadwalkan terbit 10 September 2026, <a href="https://gamedevreports.substack.com/p/newzoo-the-gaming-market-in-2026">pratinjaunya tersedia di sini</a>) memperkirakan total pasar game mencapai $213,9 miliar, naik 6,1%, dengan segmen seluler sebesar $121,1 miliar, naik 6,8%. Artinya, industri memperkirakan sisi pendapatan akan terus tumbuh meskipun jumlah instalasi menyusut.</p>
<h2>Monetisasi kini merupakan spektrum, bukan satu model</h2>
<p>Tidak ada lagi satu &quot;model monetisasi game kasual&quot;. Pasar telah terbagi menjadi spektrum yang jelas, dan posisi sebuah game bergantung pada karakter game tersebut. Kesimpulan konsisten dari berbagai pelacak pasar adalah bahwa memadukan pembelian dalam aplikasi dengan iklan telah menjadi strategi tengah yang optimal, tetapi kedua model ekstrem tetap bisa menang besar.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 290" role="img" aria-label="Spektrum monetisasi game kasual, dari Block Blast yang hanya menggunakan iklan hingga Candy Crush dan Coin Master yang hybrid, serta Royal Match dan Monopoly Go yang bebas iklan" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <defs>
    <linearGradient id="spec" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#7dd3fc"/>
      <stop offset="0.5" stop-color="#a9b4ff"/>
      <stop offset="1" stop-color="#c8a8ff"/>
    </linearGradient>
  </defs>
  <rect width="720" height="290" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Satu genre, tiga model pendapatan</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Posisi game kasual populer dalam spektrum monetisasi. Sumber: AppMagic, Gamesforum.</text>
  <rect x="60" y="150" width="600" height="10" rx="5" fill="url(#spec)"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g text-anchor="middle">
      <circle cx="150" cy="155" r="9" fill="#7dd3fc" stroke="#0b1020" stroke-width="3"/>
      <text x="150" y="120" font-size="14" font-weight="800" fill="#e8edf5">Block Blast!</text>
      <text x="150" y="138" font-size="11.5" fill="#9aa7b4">paling banyak diunduh</text>
      <text x="150" y="186" font-size="12" font-weight="700" fill="#7dd3fc">Hanya iklan</text>
      <text x="150" y="204" font-size="11.5" fill="#9aa7b4">monetisasi lewat volume</text>
    </g>
    <g text-anchor="middle">
      <circle cx="360" cy="155" r="9" fill="#a9b4ff" stroke="#0b1020" stroke-width="3"/>
      <text x="360" y="120" font-size="14" font-weight="800" fill="#e8edf5">Candy Crush · Coin Master</text>
      <text x="360" y="138" font-size="11.5" fill="#9aa7b4">standar yang makin populer</text>
      <text x="360" y="186" font-size="12" font-weight="700" fill="#a9b4ff">Hybrid (IAP + iklan)</text>
      <text x="360" y="204" font-size="11.5" fill="#9aa7b4">video berhadiah plus pembelian</text>
    </g>
    <g text-anchor="middle">
      <circle cx="570" cy="155" r="9" fill="#c8a8ff" stroke="#0b1020" stroke-width="3"/>
      <text x="570" y="120" font-size="14" font-weight="800" fill="#e8edf5">Royal Match · Monopoly Go!</text>
      <text x="570" y="138" font-size="11.5" fill="#9aa7b4">&gt;$500M · $431M</text>
      <text x="570" y="186" font-size="12" font-weight="700" fill="#c8a8ff">Tanpa iklan, hanya IAP</text>
      <text x="570" y="204" font-size="11.5" fill="#9aa7b4">ditopang pemain yang berbelanja</text>
    </g>
  </g>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12" fill="#5b6472" font-weight="600">
    <text x="60" y="252">◄ Jangkauan &amp; volume</text>
    <text x="660" y="252" text-anchor="end">Kedalaman &amp; pemain berbelanja ►</text>
  </g>
</svg>
<table>
<thead>
<tr>
<th>Model</th>
<th>Siapa yang menggunakannya</th>
<th>Contoh</th>
<th>Maknanya bagi Anda</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tanpa iklan, hanya IAP</td>
<td>Game berpendapatan tertinggi</td>
<td>Royal Match (lebih dari $500 juta Jan–Apr 2025), Monopoly Go! ($431 juta)</td>
<td>Meta-game yang mendalam tidak memerlukan iklan; pemain yang berbelanja menopangnya</td>
</tr>
<tr>
<td>Hybrid (IAP + iklan)</td>
<td>Game papan tengah dan sebagian besar hit baru</td>
<td>Candy Crush, Coin Master, Township</td>
<td>Standar yang makin populer: video berhadiah plus pembelian</td>
</tr>
<tr>
<td>Hanya iklan</td>
<td>Game yang paling banyak diunduh</td>
<td>Block Blast!</td>
<td>Jangkauan sangat besar, dimonetisasi hampir sepenuhnya lewat volume</td>
</tr>
</tbody>
</table>
<p>Pelajarannya bukanlah &quot;pilih satu&quot;. Model harus mengikuti karakter game. Game puzzle murni dengan jangkauan sangat besar dapat bertahan dari iklan. Game yang memiliki koleksi, progresi, dan fitur sosial menyia-nyiakan potensi pendapatan jika menampilkan iklan kepada pemain yang berbelanja. Hampir semua game di antara kedua ekstrem tersebut memperoleh hasil terbaik dengan memadukan keduanya. Angka-angka ini berasal dari <a href="https://investgame.net/wp-content/uploads/2025/07/Gamesforum-Intelligence-Casual-Gaming-Report.pdf">laporan game kasual Gamesforum Intelligence</a> (data AppMagic).</p>
<h2>Berapa pendapatan iklan yang dapat diharapkan game kasual pada 2026?</h2>
<p>Sisi iklan dalam spektrum tersebut lebih besar daripada dugaan kebanyakan orang. Pendapatan iklan game seluler menembus <a href="https://gameworldobserver.com/2026/07/06/in-2025-mobile-game-advertising-revenue-exceeded-12-billion-analytics">$12 miliar pada 2025</a>, menurut analisis mendalam monetisasi iklan Sensor Tower, dan game puzzle sendiri meraih 53% pangsa pendapatan iklan berdasarkan genre pada awal 2026. Besarnya porsi pendapatan Anda yang seharusnya berasal dari iklan sangat bergantung pada lokasi pemain. Iklan menyumbang sekitar 22% pendapatan game seluler AS antara Januari dan Mei 2026, tetapi mencapai 70% di India. Jadi, audiens tier-1 membayar Anda melalui pembelian, sedangkan audiens global bervolume tinggi membayar melalui impresi.</p>
<p>Untuk tarif, <a href="https://business.mistplay.com/resources/mobile-ads-ecpm/">tolok ukur eCPM Appodeal</a> mencatat rata-rata AS sekitar $15 untuk video berhadiah, $12 hingga $13 untuk iklan interstisial, dan sekitar $0,50 untuk banner, sedangkan tarif di Eropa dan APAC jauh lebih rendah. Pendapatan per pemain lebih banyak dipengaruhi oleh subgenre ketimbang jaringan iklan: <a href="https://appdevelopermagazine.com/mobile-casual-benchmarks-report-2025/">laporan tolok ukur game kasual</a> Appodeal menunjukkan ARPU iklan Android AS di bawah satu dolar untuk hypercasual, hampir $3 untuk game match, dan jauh di atas $10 untuk game merge. Sementara itu, <a href="https://tenjin.com/blog/ad-mon-gaming-2026/">laporan tolok ukur 2026 dari Tenjin dan CAS.AI</a> mencatat Android menyumbang 57% pendapatan iklan game seluler, dengan AdMob dan AppLovin sebagai jaringan terbesar. Perlakukan semua angka ini sebagai petunjuk, bukan kebenaran mutlak. Genre, komposisi geografis, dan desain penempatan iklan lebih memengaruhi angka dibandingkan stack mediasi.</p>
<h2>Fitur meta: renovasi kini menjadi syarat dasar, lapisan barunya adalah tugas dan co-op</h2>
<p>Jika Anda bertanya-tanya fitur meta apa yang benar-benar digunakan oleh game kasual berpendapatan tertinggi, jawabannya ternyata sangat konsisten: dekorasi dan konstruksi. GameRefinery menemukan elemen renovasi dalam <a href="https://www.pocketgamer.biz/gamerefinery-renovation-features-are-in-every-top-100-us-casual-mobile-game/">setiap game kasual AS yang dirilis sejak 2020 dan masuk 100 besar berdasarkan pendapatan</a> (temuan tahun 2022 yang masih menjadi acuan kategori ini), serta <a href="https://www.gamerefinery.com/why-renovation-and-construction-elements-are-becoming-more-popular-in-casual-games/">elemen konstruksi dalam 49% game Match3 AS yang masuk 100 besar berdasarkan pendapatan</a>, naik dari 7% enam tahun sebelumnya.</p>
<p>Yang berubah pada 2026 adalah lapisan di atasnya. <a href="https://www.gamerefinery.com/mobile-game-market-review-january-2026/">Ulasan Januari 2026 GameRefinery</a> menyebutnya evolusi, bukan revolusi: Zen Match mengganti meta dekorasi ruangannya dengan lapisan eksplorasi pulau berbasis tugas, Gossip Harbor menambahkan Medal Challenges—kisi tugas meta paralel berdurasi panjang sebagai pengganti acara bulanan satu kali—dan Hay Day menambahkan progresi kooperatif tingkat lingkungan di atas mekanisme pertaniannya. Dekorasi membawa semua game sampai ke titik ini, tetapi diferensiasi kini berasal dari sistem tugas, siklus musiman, dan meta co-op yang ditumpuk di atasnya.</p>
<h2>Ke mana uang bergerak</h2>
<p>Secara geografis, game kasual mendorong pertumbuhan terbesar di pasar Barat. Amerika Utara mencatat pertumbuhan absolut terbesar dan Eropa tumbuh lebih cepat secara persentase, sementara Asia menjadi satu-satunya wilayah tempat pendapatan pembelian dalam aplikasi justru <a href="https://sensortower.com/state-of-gaming-2025">menurun</a>. Sebagian penurunan di Asia merupakan dampak menguatnya dolar, tetapi arahnya jelas: belanja game kasual sedang berkembang di Barat.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 240" role="img" aria-label="Pertumbuhan pendapatan game kasual berdasarkan wilayah pada 2025: Eropa naik 14 persen, Amerika Utara naik 9 persen dengan pertumbuhan absolut terbesar, Asia turun 3 persen" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="240" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Pertumbuhan game kasual bergeser ke Barat</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Perubahan pendapatan in-app per wilayah 2025. Penurunan Asia sebagian karena dolar menguat. Sumber: Sensor Tower.</text>
  <line x1="280" y1="96" x2="280" y2="212" stroke="#ffffff" stroke-opacity="0.18"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="14" font-weight="700">
    <text x="150" y="122" text-anchor="end" fill="#e8edf5">Eropa</text>
    <rect x="280" y="106" width="252" height="22" rx="5" fill="#6ee7b7"/>
    <text x="542" y="122" font-size="13" font-weight="800" fill="#6ee7b7">+14%</text>
    <text x="150" y="164" text-anchor="end" fill="#e8edf5">Amerika Utara</text>
    <rect x="280" y="148" width="162" height="22" rx="5" fill="#7dd3fc"/>
    <text x="452" y="164" font-size="13" font-weight="800" fill="#7dd3fc">+9%</text>
    <text x="504" y="164" font-size="11.5" font-weight="600" fill="#9aa7b4">pertumbuhan absolut terbesar</text>
    <text x="150" y="206" text-anchor="end" fill="#e8edf5">Asia</text>
    <rect x="226" y="190" width="54" height="22" rx="5" fill="#fb7185"/>
    <text x="218" y="206" text-anchor="end" font-size="13" font-weight="800" fill="#fb7185">&#8722;3%</text>
  </g>
</svg>
<p>Tonggak paling mencolok pada 2025 justru berada di luar game. Untuk pertama kalinya, aplikasi nongame menghasilkan pendapatan pembelian dalam aplikasi seluler yang lebih tinggi daripada game, sekitar $85,6 miliar berbanding $81,8 miliar. Sebagian besar pergeseran itu berasal dari aplikasi berlangganan AI generatif, seperti yang dijabarkan oleh <a href="https://www.deconstructoroffun.com/blog/2026/2/2/state-of-mobile-2026">Deconstructor of Fun</a>. Game kehilangan posisi teratas di toko aplikasi yang dahulu mereka kuasai, sebagian karena produk AI. Hal ini patut direnungkan.</p>
<h2>Aturan toko aplikasi juga berubah</h2>
<p>Hal lain yang membentuk ulang monetisasi game kasual pada 2026 terjadi di ruang sidang dan kantor regulator, bukan dalam desain game. Di AS, Apple dipaksa mengizinkan tautan pembayaran eksternal tanpa komisi sejak putusan penghinaan terhadap pengadilan pada April 2025. Meski <a href="https://www.macrumors.com/2025/12/11/apple-app-store-fees-external-payment-links/">putusan banding Desember 2025</a> memungkinkan Apple kelak mengenakan &quot;komisi yang wajar&quot;, tidak ada biaya yang berlaku sampai pengadilan menyetujuinya, sehingga tautan tersebut tetap bebas biaya hingga pertengahan 2026. Di Uni Eropa, Core Technology Fee per instalasi telah dihapus dan digantikan oleh <a href="https://developer.apple.com/support/dma-and-apps-in-the-eu/">Core Technology Commission sebesar 5%</a> atas pendapatan barang digital mulai Januari 2026. Sementara itu, di Android, Google dan Epic <a href="https://www.pocketgamer.biz/google-and-epic-withdraw-settlement-as-play-store-overhaul-moves-ahead/">menarik kesepakatan mereka pada 15 Juli 2026</a>, sehingga putusan awal tetap berlaku: mulai 22 Juli, toko aplikasi pesaing tersedia sebagai aplikasi yang dapat diunduh di Play Store AS, dan listing di AS otomatis didaftarkan ke toko pihak ketiga kecuali developer memilih untuk tidak ikut.</p>
<p>Bagi studio game kasual, kesimpulan praktisnya adalah pendapatan di luar toko tidak lagi menjadi hal yang asing. <a href="https://www.revenuecat.com/state-of-subscription-apps">State of Subscription Apps 2026</a> dari RevenueCat menemukan bahwa 41% aplikasi terbesar sudah menghasilkan pendapatan dari web, dibandingkan dengan sekitar 1% aplikasi kelas hobi. Toko web langsung ke konsumen, tautan checkout eksternal, dan toko alternatif kini menjadi opsi yang setidaknya perlu dievaluasi oleh game kasual skala menengah.</p>
<h2>Perubahan yang dibawa AI dalam pembuatan game kasual</h2>
<p>AI hadir di kedua sisi. Dari sisi belanja, seperti disebutkan di atas, aplikasi AI kini menarik uang yang sebelumnya mengalir ke game. Dari sisi produksi, AI generatif telah beralih dari eksperimen menjadi perangkat standar. Survei State of the Game Industry dari GDC untuk 2025 menemukan bahwa 52% developer bekerja di perusahaan yang menggunakan AI generatif di suatu bagian organisasi, sedangkan edisi 2026 mencatat penggunaan pribadi sebesar 36%.</p>
<p>Namun, trennya tidak terus meningkat secara lurus. <a href="https://www.gamedeveloper.com/production/developer-use-of-generative-ai-may-be-declining">Survei Game Developer Collective</a> yang lebih baru menemukan bahwa penggunaan pribadi turun menjadi 29%, yang menunjukkan bahwa sejumlah tim sempat mencoba alat AI lalu mengurangi penggunaannya. Sentimen pun makin negatif meski adopsi meluas: dalam survei GDC 2026 yang sama, 52% developer mengatakan AI generatif berdampak negatif terhadap industri, persentase tertinggi sejauh ini. Penilaian yang jujur pada 2026 adalah bahwa AI telah menjadi arus utama di studio game, tetapi posisinya masih terus disesuaikan agar benar-benar bermanfaat. Untuk game kasual, manfaat itu berarti pembuatan prototipe cepat, pembuatan aset, dan konten live ops, bukan merilis seluruh game tanpa sentuhan manusia.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 250" role="img" aria-label="Adopsi AI generatif di kalangan developer game: 52 persen bekerja di perusahaan yang menggunakan AI, 36 persen menggunakannya sendiri, 29 persen dalam survei berikutnya" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="250" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">AI masuk ke studio</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Persentase developer game yang menggunakan AI generatif. Sumber: GDC; Game Developer Collective.</text>
  <g transform="translate(180,120)">
    <circle r="44" fill="none" stroke="#1b2540" stroke-width="11"/>
    <circle r="44" fill="none" stroke="#c8a8ff" stroke-width="11" stroke-linecap="round" stroke-dasharray="143.8 276.5" transform="rotate(-90)"/>
    <text y="8" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="26" font-weight="800" fill="#e8edf5">52%</text>
    <text y="74" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700" fill="#e8edf5">Di perusahaan pengguna AI</text>
    <text y="92" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="11.5" fill="#9aa7b4">Survei GDC 2025</text>
  </g>
  <g transform="translate(360,120)">
    <circle r="44" fill="none" stroke="#1b2540" stroke-width="11"/>
    <circle r="44" fill="none" stroke="#7dd3fc" stroke-width="11" stroke-linecap="round" stroke-dasharray="99.5 276.5" transform="rotate(-90)"/>
    <text y="8" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="26" font-weight="800" fill="#e8edf5">36%</text>
    <text y="74" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700" fill="#e8edf5">Menggunakannya sendiri</text>
    <text y="92" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="11.5" fill="#9aa7b4">Survei GDC 2026</text>
  </g>
  <g transform="translate(540,120)">
    <circle r="44" fill="none" stroke="#1b2540" stroke-width="11"/>
    <circle r="44" fill="none" stroke="#f0abfc" stroke-width="11" stroke-linecap="round" stroke-dasharray="80.2 276.5" transform="rotate(-90)"/>
    <text y="8" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="26" font-weight="800" fill="#e8edf5">29%</text>
    <text y="74" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700" fill="#e8edf5">Penggunaan pribadi, kemudian</text>
    <text y="92" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="11.5" fill="#9aa7b4">turun dari 36%</text>
  </g>
</svg>
<p>Bagi kreator solo dan tim kecil, ini adalah perkembangan yang paling menarik. Pendekatan prompt-ke-game yang sama dengan pendekatan yang membangun kategori aplikasi AI kini diarahkan untuk membuat game itu sendiri. Game kasual adalah genre yang paling mampu ditangani AI karena loop-nya ringkas dan cakupannya kecil. Itulah sebabnya alat seperti Cinevva dapat menerima satu kalimat dan menghasilkan game yang dapat dimainkan di browser Anda.</p>
<h2>Artinya jika Anda membuat game kasual</h2>
<p>Jika semuanya digabungkan, strategi untuk 2026 berbeda dari 2022. Anda tidak lagi berlomba memenangkan instalasi murah karena era itu telah berakhir. Anda mencoba membuat sesuatu yang benar-benar akan dipertahankan dan dibelanjakan oleh audiens yang lebih kecil. Hal ini menguntungkan konsep utama yang jelas dengan kedalaman di baliknya, monetisasi hibrida yang menghargai penonton iklan maupun pemain yang berbelanja, serta pendekatan segar terhadap loop yang telah terbukti alih-alih menjadi klona Match3 keseribu. Audiens Barat sedang berbelanja, kategori puzzle memang padat di posisi teratas tetapi masih terbuka lebar bagi mekanik baru, dan biaya untuk mencoba sebuah ide telah anjlok karena AI kini dapat membuat versi pertama yang dapat dimainkan untuk Anda.</p>
<p>Bagian terakhir itulah peluang sebenarnya. Saat pembuatan prototipe hanya memerlukan beberapa menit alih-alih satu akhir pekan, Anda dapat menguji sepuluh konsep utama hybrid-casual dengan upaya yang sebelumnya hanya cukup untuk satu konsep. Pasar menghargai ide yang berhasil melekat, dan cara tercepat untuk menemukannya adalah dengan membuat dan memainkan, bukan merencanakan. <a href="/id/create">Mulai dari sebuah prompt</a> dan lihat mana yang bertahan.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah pasar game kasual menyusut pada 2026?</h3>
<p>Tidak, tetapi pertumbuhan unduhannya telah berhenti. Pendapatan dalam aplikasi masih naik tipis menjadi sekitar $81,75 miliar pada 2025, sementara unduhan turun 7,2%, dan penurunan itu berlanjut hingga 2026: unduhan pada Q1 turun 11,9% dibandingkan tahun sebelumnya, sedangkan <a href="https://sensortower.com/blog/h1-2026-digital-gaming-market-index">indeks H1 2026</a> dari Sensor Tower menunjukkan belanja paruh pertama turun 2% menjadi sekitar $40 miliar dan unduhan turun 12%. Segmen kasual sendiri bertahan di kisaran $16,5 miliar. Pasar ini makin matang, sehingga pertumbuhan berasal dari peningkatan belanja pemain, bukan dari instalasi baru.</p>
<h3>Apa itu hybrid-casual dan mengapa penting?</h3>
<p>Hybrid-casual memadukan loop hypercasual yang mudah dan cocok untuk iklan dengan progresi serta pembelian yang lebih mendalam seperti dalam game kasual lengkap. Ini adalah satu-satunya segmen kasual yang mencatat pertumbuhan pendapatan dalam aplikasi pada 2025, naik 20% menjadi $4,2 miliar, dan terus tumbuh pada H1 2026, naik sekitar 23% menjadi $2,4 miliar. Karena itu, hybrid-casual menjadi kategori yang paling layak dipelajari saat ini.</p>
<h3>Apa yang membuat game hybrid-casual sukses pada 2026?</h3>
<p>Loop inti yang dapat dipahami hanya dari satu tangkapan layar, lapisan meta yang memberi pemain alasan untuk kembali, dan monetisasi yang memperlakukan penonton iklan dan pemain yang berbelanja secara berbeda. Para pemenang pada 2026 memiliki pola yang sama: Pixel Flow, Color Block Jam, dan gelombang sort puzzle semuanya berawal dari mekanik sesederhana hypercasual, lalu menambahkan progresi, koleksi, dan kurva kesulitan yang mendorong penjualan booster tanpa menghalangi pemain gratis. Data mendukung formula ini. Hybrid-casual adalah satu-satunya segmen yang mencatat pertumbuhan IAP pada 2025 maupun H1 2026, dan <a href="https://gamedevreports.substack.com/p/sensor-tower-state-of-gaming-2026">State of Gaming 2026</a> dari Sensor Tower menunjukkan bahwa judul hybrid-casual teratas mengungguli game kasual teratas dalam retensi hari ke-7. Jadi, kemampuan mempertahankan pemain, bukan volume instalasi, adalah hal yang membedakan game sukses. Pola kegagalannya pun sama jelasnya: AppMagic menghitung lebih dari <a href="https://appmagic.rocks/research/casual-report-H12026">2.000 block puzzle dirilis pada H1 2026</a>, sehingga mekanik baru dalam kemasan yang telah terbukti lebih unggul daripada klona setia game pemuncak tangga pada kuartal sebelumnya.</p>
<h3>Apa tren game hypercasual pada 2026?</h3>
<p>Hypercasual masih menjadi raja volume, tetapi bukan lagi bisnis yang dapat berdiri sendiri. Segmen ini memimpin seluruh unduhan pada 2025 dengan 22,05 miliar instalasi, dan <a href="https://sensortower.com/blog/h1-2026-digital-gaming-market-index">indeks H1 2026</a> dari Sensor Tower mencatat bahwa peningkatan engagement dalam hypercasual mengimbangi penurunan di kategori lain. Sisi pendapatannya telah bergeser: hypercasual menghasilkan sekitar $2,02 miliar dalam pendapatan iklan dari Februari hingga April 2026, kurang lebih setara dengan seluruh segmen kasual, menurut <a href="https://gamedevreports.substack.com/p/sensor-tower-the-gaming-market-in">rincian laporan</a>. Namun, hampir semua studio yang memulai dari sana kini merilis game hybrid-casual dengan menambahkan pembelian di atas iklan. Daftar tren 2026 cukup singkat: block puzzle dan sort puzzle sebagai subgenre baru yang dominan, monetisasi hibrida sebagai pilihan standar, serta konsolidasi, dengan <a href="https://www.gamedeveloper.com/business/unity-sells-supersonic-publishing-biz-to-tripledot-for-40m">pembelian Supersonic oleh Tripledot</a> sebagai contoh paling jelas dari berpindah tangannya infrastruktur penerbitan hypercasual.</p>
<h3>Studio game kasual mana yang diakuisisi pada 2026?</h3>
<p>Kesepakatan utamanya adalah <a href="https://www.scopely.com/en/news/scopely-to-acquire-majority-stake-in-breakout-mobile-game-pixel-flow-and-the-development-team-behind-it">kepemilikan mayoritas Loom Games oleh Scopely</a>, studio di balik Pixel Flow, yang diumumkan pada 19 Februari 2026 dan dinilai oleh <a href="https://investgame.net/news/pdf/video-game-market-update-q2-2026/">InvestGame</a> sekitar $1 miliar. Tripledot mengakuisisi label penerbitan Supersonic dari Unity dengan nilai sekitar <a href="https://www.gamedeveloper.com/business/unity-sells-supersonic-publishing-biz-to-tripledot-for-40m">$40 juta</a>, dan transaksi tersebut rampung pada 4 Agustus 2026. Keduanya menargetkan puzzle hybrid-casual, yang menunjukkan di mana para pembeli memperkirakan sumber pendapatan game kasual dalam beberapa tahun mendatang.</p>
<h3>Game kasual mana yang sedang melejit?</h3>
<p>Di sisi hit baru, judul puzzle hybrid-casual seperti Color Block Jam, Pixel Flow, Screwdom, dan Magic Sort berkembang pesat pada 2025. Di antara raksasa yang telah mapan, Royal Match dan Monopoly Go! memimpin dari sisi pendapatan, sedangkan Block Blast! memimpin dari sisi unduhan.</p>
<h3>Haruskah game saya menggunakan iklan atau pembelian dalam aplikasi?</h3>
<p>Tergantung pada gamenya. Game ringan dengan jangkauan luas dapat mengandalkan iklan, meta-game yang mendalam paling efektif tanpa iklan dan mengandalkan pembelian, sementara sebagian besar game di antara keduanya menghasilkan lebih banyak dengan memadukan kedua model tersebut. Model monetisasi harus mengikuti desain, bukan sebaliknya.</p>
<h3>Bagaimana AI mengubah pengembangan game kasual?</h3>
<p>AI generatif kini sudah menjadi standar di studio, dengan 52% pengembang bekerja di perusahaan yang menggunakannya. Khusus untuk game kasual, AI mempercepat pembuatan prototipe, aset, dan live ops. Berbagai alat prompt-to-game kini juga memungkinkan kreator membuat game kasual yang dapat dimainkan hanya dari sebuah deskripsi.</p>
<h3>Seberapa besar pasar game kasual pada 2026?</h3>
<p>Game seluler menghasilkan sekitar $81,75 miliar dari pembelian dalam aplikasi pada 2025, hanya naik 1,3% dibandingkan 2024, dan 1.000 game kasual teratas menyumbang sekitar $23 miliar dari jumlah tersebut. Unduhan turun 7,2% menjadi 50,4 miliar, sehingga pertumbuhan pasar kini berasal dari belanja per pemain, bukan instalasi baru.</p>
<h3>Apakah hypercasual sudah mati pada 2026?</h3>
<p>Tidak. Yang tidak lagi efektif adalah model bisnis berbasis iklan saja, bukan gamenya. Hypercasual masih memimpin seluruh kategori unduhan pada 2025 dengan 22,05 miliar instalasi, dan format ini sedang beralih ke monetisasi hibrida yang menambahkan pembelian dalam aplikasi di samping iklan.</p>
<p><BuildCta
  title="Ikuti gelombang game kasual dengan game buatanmu sendiri"
  desc="Game cozy dan kasual adalah genre termudah untuk memulai."
  prompt="Buat game puzzle match-and-merge yang cozy dengan warna-warna lembut" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/ai-game-generators-2026">Generator Game AI Terbaik pada 2026</a>: alat yang membuat game kasual dari prompt</li>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Game dengan AI (Tanpa Coding)</a>: proses pembuatan langkah demi langkah</li>
<li><a href="/id/guides/vibe-coding-games">Vibe Coding untuk Game: Pengertian dan Cara Memulainya</a>: pola pikir pembuatan prototipe yang dihargai pasar ini</li>
<li><a href="/id/guides/vibe-coding-game-prompts">Prompt Game AI yang Dapat Kamu Buat dengan Sekali Klik</a>: konsep menarik untuk game kasual yang dapat diuji dengan cepat</li>
<li><a href="/id/guides/get-more-plays-itch-io">Cara Mendapatkan Lebih Banyak Pemain di itch.io</a>: menemukan audiens yang terus bermain</li>
<li><a href="/id/guides/web-game-monetization">Monetisasi Game Web: Fakta yang Sebenarnya Ditunjukkan Data</a>: tinjauan berbasis data yang sama mengenai cara game browser menghasilkan pendapatan</li>
<li><a href="/id/guides/publish-web-game">Tempat Terbaik untuk Menerbitkan Game Web pada 2026</a>: tempat game kasual yang mengutamakan browser dapat menemukan pemain</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara membuat game di Cinevva]]></title>
            <link>https://app.cinevva.com/id/guides/how-to-write-a-game</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/how-to-write-a-game</guid>
            <pubDate>Wed, 24 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Panduan praktis untuk menulis prompt yang berubah menjadi game yang benar-benar ingin terus Anda kembangkan. Cara memulai, melakukan iterasi, dan menjelaskan bug agar AI memperbaikinya pada percobaan pertama.]]></description>
            <content:encoded><![CDATA[<h1>Cara membuat game di Cinevva</h1>
<p>Anda mengetik apa yang diinginkan, Cinevva membuat game yang dapat dimainkan di browser, lalu Anda mengubahnya melalui percakapan. Begitulah seluruh alurnya. Bagian tersulitnya bukan alatnya, melainkan mengetahui apa yang harus dikatakan.</p>
<p>Kami mempelajari sesi nyata selama seminggu untuk melihat apa yang membedakan prompt yang menjadi game dan terus dikembangkan seseorang dari prompt yang ditinggalkan tepat setelah versi pertama dibuat. Polanya jelas dan sama sekali tidak rumit. Berikut hal-hal yang berhasil.</p>
<h2>Mulailah dengan satu kalimat yang jelas</h2>
<p>Pembuka terbaik adalah satu atau dua kalimat yang menyebutkan jenis game dan satu hal yang membuatnya seru. &quot;Game bertahan hidup melawan zombi dengan tampilan dari atas, tempat Anda membawa senter dan amunisi terbatas&quot; memberi AI genre, sudut kamera, sumber ketegangan utama, dan batasan sebagai dasar pembuatan game. AI tahu persis apa yang harus dibuat. Anda dapat <a href="/id/create#prompt=A%20top%20down%20zombie%20survival%20where%20you%20carry%20a%20flashlight%20and%20limited%20ammo">membuat pembuka tersebut sebagaimana ditulis</a> dan melihat manfaat dari kalimat yang spesifik. Jika Anda menginginkan seratus pembuka lain dengan pola seperti itu, halaman <a href="/id/guides/vibe-coding-game-prompts">ide prompt game AI</a> kami berisi kumpulan kalimat singkat.</p>
<p>Bandingkan dengan &quot;platformer&quot; atau &quot;game tembak-menembak&quot;. Itu adalah pembuka nyata yang kami lihat setiap hari. Cinevva akan membuat sesuatu dari prompt tersebut, tetapi hasilnya belum tentu sesuai dengan apa yang Anda bayangkan. Semakin spesifik kalimat pertama Anda, semakin dekat versi pertama dengan keinginan Anda.</p>
<h2>Jelaskan nuansanya, bukan game terkenal</h2>
<p>Banyak orang memulai dengan satu judul saja. Pokemon. GTA. Minecraft. Game Roblox yang mereka sukai. Kami memahaminya—game-game itulah yang membuat Anda ingin membuat game sendiri. Masalahnya, game tersebut membutuhkan waktu bertahun-tahun dan seluruh studio untuk dibuat, serta tidak dapat dimuat begitu saja dalam satu tab browser.</p>
<p>Jadi, sebutkan bagian yang benar-benar Anda inginkan. Jika Anda mengatakan GTA, kemungkinan maksud Anda adalah &quot;berkendara di kota terbuka dan menjalankan misi&quot;. Jika Anda mengatakan Minecraft, mungkin maksud Anda adalah &quot;menempatkan dan menghancurkan blok pada petak tanpa batas untuk membangun sesuatu&quot;. Jelaskan mekaniknya secara terperinci dan Cinevva dapat menangkap nuansanya, meskipun tidak dapat membuat seluruh waralaba tersebut. Menjelaskan pengalaman selalu lebih baik daripada sekadar menyebutkan merek.</p>
<h2>Biarkan game dibuat dalam skala kecil, lalu kembangkan</h2>
<p>Cinevva sengaja membuat bagian kecil yang dapat dimainkan pada percobaan pertama. Kreator yang akhirnya menghasilkan sesuatu yang mereka sukai tidak mencoba memasukkan semuanya ke dalam prompt pembuka. Mereka menambahkan satu hal per pesan setelah melihat gamenya berjalan.</p>
<p>&quot;Tambahkan mobil di jalan.&quot; &quot;Buat lompatannya lebih tinggi.&quot; &quot;Beri saya level kedua.&quot; &quot;Tambahkan bilah nyawa.&quot; Setiap perubahan berukuran kecil, cepat, dan mudah diperiksa, lalu semuanya terakumulasi menjadi sebuah game yang utuh. Mencoba menjejalkan sepuluh fitur ke dalam perintah pertama biasanya menghasilkan versi yang kurang matang dari kesepuluh fitur tersebut. Game yang bagus dibuat melalui satu perubahan yang jelas setiap kalinya.</p>
<h2>Jika ada yang salah, jelaskan dengan tepat</h2>
<p>Pesan tidak membantu yang paling sering kami temui adalah &quot;tidak berfungsi&quot;, atau sekadar &quot;perbaiki&quot;. AI tidak dapat melihat layar Anda, sehingga hanya bisa menebak.</p>
<p>Sampaikan tiga hal: apa yang Anda lakukan, apa yang terjadi, dan apa yang Anda harapkan. &quot;Ketika saya menekan spasi, burungnya hampir tidak melompat, padahal saya ingin burung itu mengepak lebih tinggi&quot; akan menghasilkan perbaikan nyata pada percobaan pertama. &quot;Mobilnya menembus dinding alih-alih berhenti&quot; langsung menunjukkan masalah pada deteksi tabrakan. Sepuluh kata tambahan dapat menghemat tiga putaran percakapan bolak-balik.</p>
<h2>Jelaskan tampilan secara konkret</h2>
<p>Cinevva mampu menghasilkan visual yang bagus jika Anda memberinya sesuatu yang dapat dibayangkan. Warna, bentuk, suasana, dan detail karakter. Seorang kreator mendeskripsikan pahlawannya sebagai &quot;sosok gelap dengan jubah putih, sarung tangan putih, dan mata putih bercahaya&quot;, lalu mendapatkan hasil yang persis seperti itu.</p>
<p>&quot;Buat tampilannya lebih keren&quot; tidak memberi AI bahan apa pun untuk dikerjakan. Sebagai gantinya, sebutkan palet warna, nuansa (neon, nyaman, retro, horor, gambar tangan), serta detail penting karakter atau dunia yang Anda inginkan. Beberapa kata konkret dapat mengubah keseluruhan tampilannya.</p>
<h2>Gunakan karya seni Anda sendiri</h2>
<p>Anda tidak terbatas pada apa pun yang digambar oleh AI. Masukkan gambar Anda sendiri langsung ke percakapan dan Cinevva akan menggunakannya sebagai tekstur, sprite, atau latar belakang. Anda juga dapat membuka pustaka aset untuk menggunakan model 3D gratis tanpa kerumitan atribusi. Jika memiliki tampilan tertentu dalam pikiran, memberikan gambar referensi sering kali lebih efektif daripada mencoba mendeskripsikannya. Jika Anda lebih suka membuat model atau langit terlebih dahulu lalu mengimpornya, <a href="/id/tools/hunyuan3d#prompt=dark%20figure%20with%20a%20white%20cape&amp;character=1">generator 3D</a> dan <a href="/id/tools/skybox">generator skybox</a> mandiri dapat menghasilkan jenis aset yang sama di luar percakapan.</p>
<h2>Versi pertama adalah yang paling lambat, dan pekerjaan Anda tersimpan</h2>
<p>Pembuatan versi pertama membutuhkan waktu paling lama karena Cinevva menulis seluruh game Anda dari nol. Setelah itu, hasil pengeditan tersedia dalam hitungan detik. Jadi, bersabarlah selama penantian pertama tersebut karena itulah waktu tunggu terlama yang akan Anda alami dalam sesi itu.</p>
<p>Dan ya, game Anda tersimpan. Tutup tab, kembali besok, buka Game saya, lalu lanjutkan tepat dari bagian terakhir. Tidak ada yang hilang ketika Anda keluar.</p>
<h2>Contoh prompt yang bagus dari awal hingga akhir</h2>
<p>Jika semuanya digabungkan, pembuka yang kuat akan terlihat seperti ini:</p>
<p>&quot;Game tembak-menembak twin-stick dengan tampilan dari atas. Saya adalah robot kecil di arena neon, gelombang musuh terus mendekat, dan saya menghindar serta menembak untuk bertahan hidup. Buat permainannya cepat dan bergaya arkade.&quot;</p>
<p>Prompt tersebut memiliki genre, karakter, latar, alur permainan inti, dan nuansa, semuanya dalam empat kalimat pendek. <a href="/id/create#prompt=A%20top%20down%20twin%20stick%20shooter.%20I%27m%20a%20little%20robot%20in%20a%20neon%20arena%2C%20waves%20of%20enemies%20close%20in%2C%20and%20I%20dodge%20and%20shoot%20to%20survive.%20Make%20it%20fast%20and%20arcadey.">Buat gamenya</a>, lihat hasilnya berjalan, lalu mulailah menambahkan sesuatu. Satu bos setiap lima gelombang. Gerakan dash dengan tombol Shift. Pengganda skor untuk kombo. Begitulah satu kalimat dapat berubah menjadi game yang benar-benar ingin Anda bagikan. Untuk memahami metode yang lebih luas di balik proses ini, termasuk apa yang harus dilakukan jika versi pertama tidak sesuai bayangan Anda, lihat <a href="/id/guides/make-a-game-with-ai">cara membuat game dengan AI</a> dan <a href="/id/guides/vibe-coding-games">panduan vibe coding</a>.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara menulis prompt game yang benar-benar berhasil?</h3>
<p>Sebutkan jenis game, satu hal yang membuatnya seru, dan apa yang harus dilakukan pemain dalam satu atau dua kalimat. Jelaskan pengalamannya (&quot;berkendara di kota terbuka dan menjalankan misi&quot;) alih-alih menyebutkan judul terkenal, lalu simpan setiap fitur tambahan untuk pesan berikutnya. Dalam sesi yang kami pelajari, pola inilah yang membedakan game yang terus dikembangkan dari game yang ditinggalkan setelah versi pertama dibuat.</p>
<h3>Bagaimana cara menjelaskan bug agar AI memperbaikinya pada percobaan pertama?</h3>
<p>Sampaikan apa yang Anda lakukan, apa yang terjadi, dan apa yang Anda harapkan, sesuai urutan tersebut. &quot;Ketika saya menekan spasi, burungnya hampir tidak melompat, padahal saya ingin burung itu mengepak lebih tinggi&quot; dapat diperbaiki dalam satu putaran, sedangkan &quot;tidak berfungsi&quot; hanya akan menghasilkan tebakan. AI tidak dapat melihat layar Anda, jadi sepuluh kata tambahan dapat menggantikan tiga putaran percakapan bolak-balik.</p>
<h3>Mengapa pembuatan versi pertama lambat, sedangkan versi berikutnya cepat?</h3>
<p>Pada percobaan pertama, Cinevva menulis seluruh game Anda dari nol, sehingga itulah waktu tunggu terlama dalam sebuah sesi. Setiap pengeditan setelahnya hanya mengubah sebagian kecil dari game yang sudah ada dan hasilnya tersedia dalam hitungan detik. Pekerjaan Anda tersimpan selama proses berlangsung, jadi Anda dapat menutup tab dan melanjutkannya nanti dari Game saya.</p>
<h3>Bisakah saya memulai dengan templat atau game lain, bukan prompt kosong?</h3>
<p>Ya. Halaman <a href="/id/guides/vibe-coding-game-prompts">100 ide prompt game AI</a> berisi seratus titik awal sekali klik yang diurutkan berdasarkan genre, masing-masing sudah mengikuti format yang direkomendasikan panduan ini. Pilih salah satu, buat gamenya, lalu ubah satu kata atau tambahkan mekanik agar menjadi milik Anda.</p>
<p>Siap mencobanya? <a href="/id/create?utm_source=guide&amp;utm_medium=content&amp;utm_campaign=how_to_write_a_game">Buka alat kreasi dan mulai membuat secara gratis →</a></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/vibe-coding-game-prompts">100 Ide Prompt Game AI</a>: pembuka sekali klik yang diurutkan berdasarkan genre</li>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Game dengan AI (Tanpa Coding)</a>: alur kerja lengkap dari prompt hingga publikasi</li>
<li><a href="/id/guides/vibe-coding-games">Game Vibe Coding: Pengertian dan Cara Memulainya</a>: penjelasan tentang pendekatan iterasi melalui percakapan</li>
<li><a href="/id/guides/ai-game-generators-2026">Generator Game AI Terbaik pada 2026</a>: perbandingan Cinevva dengan alat lainnya</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Membuat Game Browser 3D Tanpa Coding (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/3d-browser-game-without-coding</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/3d-browser-game-without-coding</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Pilihan nyata untuk membuat game browser 3D tanpa coding pada 2026, alasan sebagian besar alat tanpakode hanya mendukung 2D, dan bagaimana alat AI berbasis perintah-teks menjadi cara praktis untuk membuat game 3D di browser.]]></description>
            <content:encoded><![CDATA[<h1>Cara Membuat Game Browser 3D Tanpa Coding (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Membuat game 2D tanpa kode sudah bisa dilakukan selama bertahun-tahun. Namun, membuat game 3D yang berjalan di browser tanpa kode ternyata sangat sulit, dan sebagian besar panduan diam-diam menghindari masalah ini dengan menunjukkan alat 2D. Panduan ini tidak demikian. Berikut kondisi sebenarnya dari pembuatan game 3D tanpa kode di browser pada 2026, serta cara yang kini benar-benar berfungsi.</p>
<h2>Kenyataan kurang menyenangkan tentang 3D tanpa kode</h2>
<p>Sebagian besar pembuat game no-code klasik berfokus pada 2D. Segelintir alat 3D no-code murni yang berjalan di browser kebanyakan telah ditutup atau beralih arah:</p>
<ul>
<li><strong>Struckd</strong>, alat yang paling mendekati pembuatan 3D drag-and-drop sejati di web, ditutup pada 1 Agustus 2026, menurut <a href="https://struckdunity.zendesk.com/hc/en-us/articles/48481704549908-Struckd-Shutdown-FAQ">FAQ penutupannya</a>. Game yang tidak diekspor ke Unity sebelum tanggal tersebut telah hilang.</li>
<li><strong>Crayta</strong> ditutup pada 2023.</li>
<li><strong>Core</strong> mendukung pembuatan 3D tanpa kode, tetapi hanya tersedia sebagai klien yang harus diunduh, bukan game browser.</li>
<li><strong>PlayCanvas</strong> adalah mesin 3D web yang luar biasa, tetapi mengharuskan Anda menulis JavaScript, jadi sebenarnya bukan no-code.</li>
</ul>
<p>Hal ini menyisakan kekosongan nyata. Jika Anda menginginkan 3D di browser tanpa kode, dunia pembuat visual klasik hampir tidak memiliki pilihan lagi, kecuali satu alat.</p>
<h2>Satu pengecualian klasik: GDevelop</h2>
<p>GDevelop adalah pembuat game visual gratis dan sumber terbuka yang berjalan di browser serta telah banyak berinvestasi pada fitur 3D sejak akhir 2025. Anda membangun logika menggunakan lembar peristiwa visual, bukan kode. GDevelop memiliki editor 3D khusus dan fisika 3D, serta dapat menerbitkan game ke web melalui gd.games dengan tautan yang bisa dibagikan. Pada dasarnya ini adalah alat 2D dengan kemampuan 3D yang terus berkembang, sehingga tidak akan menandingi mesin 3D khusus. Namun, untuk pembuatan 3D yang benar-benar tanpa kode di browser, GDevelop adalah pilihan klasik terkuat. GDevelop juga menambahkan agen AI, yang mengarah ke opsi lainnya.</p>
<h2>Cara yang benar-benar berfungsi pada 2026: AI prompt-to-game</h2>
<p>Inilah perubahan besarnya. Cara paling praktis untuk membuat game browser 3D tanpa coding pada 2026 sama sekali bukan menggunakan editor visual, melainkan mendeskripsikan game kepada AI dan membiarkannya membangun game 3D sungguhan dengan mesin web. Pendekatan ini terkadang disebut <a href="/id/guides/vibe-coding-games">vibe coding</a>, dan khusus untuk 3D, pendekatan ini diam-diam menjadi pilihan yang dapat diandalkan ketika alat 3D no-code klasik semakin menghilang.</p>
<p>Beberapa alat dapat melakukannya:</p>
<ul>
<li><strong>Cinevva</strong> membuat game 3D sungguhan yang dapat dimainkan di browser dari prompt teks menggunakan mesin berbasis Three.js, lengkap dengan pembuatan model 3D, gambar, musik, dan skybox bawaan, serta tautan yang langsung bisa dibagikan.</li>
<li><strong>Rosebud</strong> menawarkan pembuatan game dari prompt untuk 2D dan kemampuan 3D yang terus berkembang, dengan hosting di browser.</li>
<li><strong>Nilo</strong> kini berfokus pada rangkaian alat browser yang menghasilkan, melakukan rigging, menganimasikan, dan mengekspor aset 3D ke Roblox Studio (beta terbuka per September 2026), sehingga cocok jika game Anda akan diterbitkan di Roblox.</li>
<li><strong>SEELE</strong> membuat game 2D dan 3D dari satu prompt serta mengekspor hasilnya sebagai WebGL yang dapat dimainkan di browser atau sebagai proyek Unity 6, dengan hak komersial pada paket Pro.</li>
</ul>
<p>Anda tidak perlu menulis kode saat menggunakan alat-alat ini. Anda cukup mendeskripsikan game, memainkan hasilnya, lalu menyempurnakannya dengan meminta perubahan. Lihat <a href="/id/guides/ai-game-generators-2026">perbandingan generator game AI</a> selengkapnya untuk memahami perbedaannya.</p>
<h2>Cara membuat game browser 3D dengan AI, langkah demi langkah</h2>
<h3>1. Deskripsikan game 3D sederhana</h3>
<p>Sebutkan genre, satu detail unik, dan sebuah tujuan. Konsep 3D memberikan hasil terbaik jika sederhana dan berorientasi pada ruang. Contohnya:</p>
<blockquote>
<p>Buat game parkour sudut pandang orang pertama, tempat saya melompati pulau-pulau terapung dan berpacu dengan waktu untuk mencapai garis akhir.</p>
</blockquote>
<p>Anda dapat <a href="/id/create#prompt=Make%20a%20first%20person%20parkour%20game%20where%20I%20jump%20across%20floating%20islands%20and%20race%20a%20timer%20to%20the%20end">membuat game dari prompt tersebut</a>, <a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=3d_no_code">memulai dengan prompt kosong</a>, atau mengambil <a href="/id/guides/vibe-coding-game-prompts">prompt 3D sekali klik</a> dan menyesuaikannya.</p>
<h3>2. Mainkan, lalu ubah satu hal</h3>
<p>Anda akan mendapatkan adegan 3D yang dapat dimainkan. Mainkan dan tentukan satu masalah terbesarnya. Mintalah satu perubahan tersebut: &quot;buat jarak lompatan lebih jauh&quot;, &quot;tambahkan mekanisme jatuh lalu muncul kembali&quot;, atau &quot;percepat pemain&quot;. Ubah, mainkan, lalu ulangi. Siklus ini adalah inti dari seluruh prosesnya.</p>
<h3>3. Tambahkan aset 3D</h3>
<p>Mintalah model dan tampilan yang Anda inginkan: &quot;beri pemain karakter robot low-poly&quot;, &quot;gunakan skybox matahari terbenam&quot;, atau &quot;buat pulau dari batu dengan rumput di atasnya&quot;. Generator yang sama juga tersedia sebagai alat mandiri jika Anda ingin memeriksa model atau langit sebelum memasukkannya ke dalam game: <a href="/id/tools/hunyuan3d#prompt=low%20poly%20robot&amp;character=1">generator 3D</a> dan <a href="/id/tools/skybox">generator skybox</a> kami. Jika alat tersebut memiliki pustaka aset CC0, manfaatkan aset itu untuk apa pun yang akan Anda terbitkan. <a href="/id/guides/game-assets-guide">Panduan aset game gratis</a> kami menjelaskan sumber dan lisensinya.</p>
<h3>4. Buat hasilnya terasa seperti game</h3>
<p>Tambahkan sentuhan akhir yang diperhatikan pemain dalam game 3D: kamera yang jelas, kontrol responsif, tujuan yang terlihat, suara untuk tindakan penting, serta kondisi menang atau kalah. Mintalah layar judul dan tombol mulai ulang.</p>
<h3>5. Terbitkan tautannya</h3>
<p>Alat berbasis browser memberi Anda URL yang bisa dibagikan dengan sekali klik. Bagikan kepada orang lain, perhatikan bagian yang membuat mereka berhenti bermain, lalu jadikan temuan tersebut sebagai dasar untuk perubahan berikutnya.</p>
<h2>Bagaimana jika membuatnya secara manual?</h2>
<p>Jika Anda bersedia mempelajari sedikit kode, dunia 3D web menawarkan banyak pilihan: Three.js, Babylon.js, dan PlayCanvas semuanya dapat membuat game browser 3D yang sangat baik, sementara mesin seperti Godot juga dapat mengekspor game ke web. Itu memang bukan no-code, tetapi penting untuk diketahui bahwa potensinya sangat tinggi setelah Anda melewati batas tersebut. <a href="/id/guides/web-game-engines-comparison">Perbandingan mesin game web</a> kami membahas pilihan-pilihan tersebut. Jika ingin tetap benar-benar tanpa kode, GDevelop atau alat AI prompt-to-game adalah jawabannya.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bisakah Anda membuat game 3D di browser tanpa coding?</h3>
<p>Ya, tetapi pilihannya terbatas. GDevelop adalah alat no-code klasik utama dengan kemampuan 3D browser sungguhan, sementara alat AI prompt-to-game seperti Cinevva, Rosebud, dan Nilo memungkinkan Anda membuat game browser 3D dengan mendeskripsikannya, bukan menulis kode. Beberapa alat 3D no-code murni yang lebih lama, seperti Struckd dan Crayta, telah ditutup. Jadi, pilihan praktis per September 2026 adalah GDevelop atau pendekatan AI.</p>
<h3>Apa cara termudah untuk membuat game 3D tanpa pengalaman?</h3>
<p>Deskripsikan game kepada alat AI prompt-to-game, lalu sempurnakan melalui percakapan. Anda akan mendapatkan game 3D yang dapat dimainkan dalam hitungan menit tanpa perlu memasang mesin game atau menulis kode, kemudian dapat meningkatkannya satu perubahan demi satu. Ini adalah titik awal dengan hambatan paling rendah bagi pemula sepenuhnya.</p>
<h3>Apakah GDevelop bagus untuk 3D?</h3>
<p>GDevelop pada dasarnya adalah mesin 2D, tetapi sejak akhir 2025 telah menambahkan editor 3D khusus, fisika 3D, dan berbagai fitur 3D. GDevelop juga gratis, bersumber terbuka, berbasis browser, dan mendukung penerbitan ke web. Kemampuannya tidak akan menandingi mesin 3D khusus, tetapi untuk pembuatan 3D no-code gratis di browser, GDevelop adalah pilihan klasik terkuat.</p>
<h3>Apa yang terjadi pada Struckd?</h3>
<p>Struckd, pembuat game 3D yang mengutamakan perangkat seluler dan telah diakuisisi oleh Unity, ditutup pada 1 Agustus 2026 setelah pengumuman pada 30 April. Kreator dapat mengekspor proyek ke Unity Editor sebelum tenggat waktu, tetapi game yang di-host dan editor dalam aplikasinya kini sudah tidak tersedia. Jika Anda datang untuk mencari pengganti Struckd, GDevelop adalah pilihan no-code klasik terdekat yang mendukung 3D di browser, sedangkan alat AI prompt-to-game menawarkan cara lebih cepat untuk mendapatkan tautan game 3D yang bisa dibagikan.</p>
<h3>Alat AI mana yang dapat membuat game browser 3D dari prompt?</h3>
<p>Cinevva membuat game 3D sungguhan berbasis Three.js dari prompt teks serta memberi Anda tautan dan build web yang dapat diunduh. Rosebud menawarkan pembuatan game dari prompt dengan kemampuan 3D yang terus berkembang melalui tautan yang di-host. SEELE menghasilkan game 2D dan 3D dengan ekspor WebGL atau Unity, sedangkan Nilo menghasilkan aset 3D untuk Roblox, bukan game web mandiri. <a href="/id/guides/ai-game-generators-2026">Perbandingan generator game AI</a> kami menyediakan tabel lengkapnya. Anda juga dapat <a href="/id/create#prompt=Build%20a%203D%20platformer%20collecting%20stars%20to%20open%20the%20next%20door">mencoba prompt 3D</a> dan menilainya sendiri.</p>
<h3>Apakah saya memerlukan komputer yang canggih untuk membuat game browser 3D?</h3>
<p>Tidak. Alat AI berbasis browser dan GDevelop menjalankan pekerjaan berat di server mereka atau langsung di browser, sehingga Anda tidak memerlukan PC gaming maupun GPU khusus. Komputer modern yang cukup memadai dan browser versi terbaru sudah cukup untuk membuat dan memainkan game.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/ai-game-generators-2026">Generator Game AI Terbaik pada 2026</a>: alat yang membuat game 3D dari prompt</li>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Game dengan AI (Tanpa Coding)</a>: alur kerja lengkap untuk pemula</li>
<li><a href="/id/guides/vibe-coding-games">Vibe Coding untuk Game: Pengertian dan Cara Memulainya</a>: penjelasan pendekatan berbasis prompt</li>
<li><a href="/id/guides/vibe-coding-game-prompts">Prompt Game AI yang Bisa Anda Buat dengan Sekali Klik</a>: titik awal untuk game 3D</li>
<li><a href="/id/guides/web-game-engines-comparison">Mesin Game Web Terbaik untuk 2026</a>: jika Anda memutuskan untuk mempelajari sedikit kode</li>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik</a>: alat di balik aset teks-ke-3D</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: model dan tekstur 3D</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Aset AI Terbaik untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-asset-generators-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-asset-generators-games</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Generator aset AI terbaik untuk game pada 2026 untuk model 3D, tekstur, dan audio, membandingkan Meshy, Tripo, Hunyuan3D, TRELLIS, Stable Audio, dan lainnya, beserta catatan lisensi.]]></description>
            <content:encoded><![CDATA[<h1>Generator Aset AI Terbaik untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Generator aset AI terbaik untuk game pada 2026 adalah Meshy dan Tripo untuk 3D terkelola, Hunyuan3D 2.1 dan TRELLIS.2 untuk 3D terbuka yang dapat Anda hosting sendiri, FLUX.2 klein dan Stable Diffusion 3.5 untuk tekstur dan ilustrasi 2D, serta Stable Audio 3.0 dan ACE-Step 1.5 untuk suara dan musik berbobot terbuka. Menghasilkan aset game sering kali lebih cepat daripada mencari aset gratis yang tepat. Deskripsikan sebuah properti, lalu dapatkan model 3D bertekstur dalam waktu kurang dari satu menit. Ketik suasana yang diinginkan, lalu dapatkan musik. Panduan ini membahas generator aset AI terbaik untuk game dalam kategori 3D, tekstur, dan audio, keunggulan masing-masing, serta ketentuan lisensi yang harus Anda perhatikan sebelum merilis game.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/9zUOvhQ828g" title="Meshy 5 - ulasan generator model 3D AI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Ulasan Meshy, salah satu generator model 3D AI terkemuka.</div>
<h2>Ketentuan lisensi yang perlu diperhatikan (baca ini terlebih dahulu)</h2>
<p>Sebagian besar generator AI terkelola memungkinkan Anda membuat aset secara gratis, tetapi hak komersial hanya tersedia melalui paket berbayar, dan keluaran paket gratis sering kali tidak boleh digunakan secara komersial. Model terbuka yang Anda hosting sendiri biasanya merupakan pilihan paling aman untuk penggunaan komersial, tetapi masing-masing memiliki lisensi tersendiri (beberapa mengecualikan wilayah tertentu). Sebelum merilis apa pun yang dibuat oleh AI, pastikan ketentuan hak atas keluaran model tersebut. Jika ragu, gunakan model terbuka dengan lisensi permisif atau paket berbayar yang memberikan hak komersial.</p>
<h2>Generator model 3D</h2>
<p>Ini adalah kategori paling mendalam dalam rangkaian alat ini, sehingga memiliki panduan tersendiri: <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> membandingkan Meshy, Tripo, Rodin, Hi3D, TRELLIS.2, Hunyuan3D, dan SAM 3D dalam hal kualitas keluaran, topologi, harga, dan hak komersial. Berikut versi singkatnya.</p>
<h3>Terkelola (paling cepat untuk memulai)</h3>
<ul>
<li><strong>Meshy</strong>: mengubah teks atau gambar menjadi mesh 3D bertekstur yang dapat diberi rig, lengkap dengan material PBR, kini menggunakan generasi model Meshy 6 dan 7. Paket gratis memberikan 100 kredit per bulan dan keluarannya dilisensikan dengan CC BY 4.0, sehingga penggunaan komersial diperbolehkan selama Anda mencantumkan atribusi kepada Meshy, sedangkan paket Pro ($20/bulan) dan di atasnya memberi Anda kepemilikan penuh, menurut <a href="https://www.meshy.ai/pricing">halaman harga Meshy</a>. Pilihan serbaguna paling populer. <a href="https://www.meshy.ai">meshy.ai</a></li>
<li><strong>Tripo</strong>: mengubah teks atau gambar menjadi 3D dengan PBR 4K dan rigging otomatis. Sejak Februari 2026, alat rigging-nya juga mendukung makhluk nonhumanoid (berkaki empat, berkaki enam, unggas, berbentuk ular, dan akuatik, menurut <a href="https://developers.tripo3d.ai/en/docs/animations-rig">dokumentasi pengembang Tripo</a>). Tingkat gratis bersifat publik dan nonkomersial, sedangkan hak komersial tersedia pada paket berbayar. Menghasilkan keluaran yang kuat dan berfokus pada game. <a href="https://www.tripo3d.ai">tripo3d.ai</a></li>
<li><strong>Rodin / Hyper3D</strong>: topologi quad yang rapi, gratis untuk menghasilkan aset dan berbayar untuk mengunduhnya. Cocok jika Anda mementingkan topologi mesh. <a href="https://hyper3d.ai">hyper3d.ai</a></li>
<li><strong>Sloyd</strong>: pembuatan parametrik dan AI yang berfokus pada game, dengan penggunaan komersial pada tingkat berbayar. <a href="https://www.sloyd.ai">sloyd.ai</a></li>
</ul>
<h3>Terbuka (hosting mandiri, ramah penggunaan komersial)</h3>
<ul>
<li><strong>Hunyuan3D 2.1</strong> (Tencent): bobot dan kode pelatihan terbuka, tekstur PBR berkualitas produksi, dan masih menjadi model produksi terbuka hingga September 2026. <a href="https://github.com/Tencent-Hunyuan/Hunyuan3D-2.1">Lisensinya</a> &quot;tidak berlaku di Uni Eropa, Britania Raya, dan Korea Selatan&quot;, jadi periksa ketentuannya sebelum merilis game di wilayah tersebut. Hunyuan 3D 3.0 yang lebih baru dari Tencent (diluncurkan secara global pada November 2025) hanya tersedia sebagai layanan terkelola dengan 20 generasi gratis per hari, bukan bobot terbuka, sedangkan repositori Hunyuan3D-Omni dan Hunyuan3D-Part yang lebih kecil bersifat terbuka. Cinevva menjalankan versi 2.1 sebagai <a href="/id/tools/hunyuan3d">Generator Model 3D</a>.</li>
<li><strong>TRELLIS.2</strong> (Microsoft): model gambar-ke-3D dengan 4 miliar parameter dan <a href="https://github.com/microsoft/TRELLIS.2">lisensi MIT</a>, dirilis pada Desember 2025, yang saat ini menjadi pemimpin model terbuka, dengan PBR bawaan (warna dasar, kekasaran, metalik, dan opasitas).</li>
<li><strong>SAM 3D</strong> (Meta): mengubah satu foto menjadi 3D untuk objek dan tubuh manusia. Cinevva menjalankannya sebagai <a href="/id/tools/sam3d">pengambilan objek 3D dari gambar</a> di browser yang menghasilkan Gaussian splat.</li>
<li><strong>Roblox Cube 3D</strong>: alat teks-ke-mesh dengan sumber terbuka.</li>
</ul>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/-_ZlUTXaFqA" title="Tripo 3.1 - ulasan pembuatan aset 3D dengan AI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Tinjauan Tripo dalam menghasilkan aset 3D yang siap digunakan dalam game.</div>
<h2>Generator tekstur dan gambar</h2>
<p>Untuk tekstur yang dapat diulang, sprite, ilustrasi konsep, dan UI:</p>
<ul>
<li><strong>FLUX.2</strong> (Black Forest Labs): pembuatan dan penyuntingan gambar dari teks yang andal. Opsi terbuka yang bebas digunakan secara komersial adalah klein 4B, yang dirilis di bawah Apache 2.0 menurut <a href="https://bfl.ai/blog/flux2-klein-towards-interactive-visual-intelligence">pengumuman FLUX.2 klein</a>, dan dapat berjalan dengan VRAM sekitar 13 GB. Klein 9B yang lebih besar bersifat nonkomersial.</li>
<li><strong>Qwen-Image</strong> (Alibaba): terbuka, Apache 2.0, dengan perenderan teks terbaik di kelasnya (sangat cocok untuk papan tanda dan label).</li>
<li><strong>Stable Diffusion 3.5</strong>: ekosistem matang (ControlNet, inpainting, LoRA) untuk penyesuaian mendalam, di bawah <a href="https://stability.ai/community-license-agreement">Stability Community License</a>, yang gratis untuk penggunaan komersial hingga pendapatan tahunan organisasi Anda melampaui $1 juta.</li>
<li><strong>Scenario</strong> (terkelola): latih model dengan gaya seni Anda sendiri dan hasilkan sprite serta properti yang selaras dengan identitas visual Anda. Kredit harian gratis hanya untuk &quot;penggunaan pribadi dan evaluasi&quot;, sedangkan hak komersial dimulai dari paket Starter seharga $15/bulan menurut <a href="https://www.scenario.com/pricing">halaman harga Scenario</a>.</li>
<li><strong>Layer</strong> (terkelola): pembuatan 2D yang ditujukan untuk studio, dengan lisensi komersial di setiap tingkat, dihargai berdasarkan pemakaian mulai dari $10/bulan untuk 300 Creative Units menurut <a href="https://layer.ai/pricing">layer.ai/pricing</a>.</li>
</ul>
<p>Model-model ini menghasilkan tekstur yang dapat diulang dan ilustrasi 2D yang dapat langsung Anda masukkan ke dalam game. <a href="/id/tools/flux">Generator Gambar</a> Cinevva menjalankan model FLUX di browser dengan akun gratis. Lihat <a href="/id/guides/frontier-gen-ai-models">panduan model AI generatif terbuka</a> kami untuk daftar lengkap model dan lisensinya.</p>
<h2>Generator audio (musik dan efek suara)</h2>
<ul>
<li><strong>Stable Audio 3.0</strong>: dirilis pada 20 Mei 2026 sebagai keluarga empat model menurut <a href="https://stability.ai/news-updates/meet-stable-audio-3-the-model-family-built-for-artistic-experimentation-with-open-weight-models">pengumuman Stability AI</a>. Small-SFX (model khusus efek suara), Small-Music, dan Medium dirilis sebagai bobot terbuka di bawah Stability Community License, Large hanya tersedia melalui API, dan semuanya dilatih menggunakan data berlisensi (landasan hukum yang jelas). Pilihan terbuka terkuat untuk efek suara game.</li>
<li><strong>ACE-Step 1.5</strong>: pembuatan musik terbuka dengan <a href="https://github.com/ace-step/ACE-Step-1.5">lisensi MIT</a>, dirilis pada Februari 2026, berjalan dengan VRAM kurang dari 4 GB, mendukung banyak bahasa, dan dilengkapi kloning suara.</li>
<li><strong>ElevenLabs</strong>: opsi terkelola terkuat untuk efek suara dan musik, dengan hak komersial pada paket berbayar.</li>
</ul>
<h2>Rigging dan animasi</h2>
<p>Rigging otomatis telah berkembang pesat: model terbuka <strong>UniRig</strong> (<a href="https://github.com/VAST-AI-Research/UniRig">MIT</a>, SIGGRAPH 2025) memprediksi kerangka dan bobot skin untuk biped, hewan berkaki empat, burung, dan serangga, sedangkan <strong>SOMA-X</strong> dari NVIDIA (Apache 2.0) menyediakan rig model tubuh terpadu untuk retargeting dan alur kerja manusia digital. Keduanya menjadi pengganti Mixamo yang layak, karena Mixamo kini semakin tidak dapat diandalkan. Alat terkelola seperti Tripo dan Meshy juga menyediakan rigging otomatis, dan alat rigging v2.5 Tripo (Februari 2026) mendukung makhluk nonhumanoid. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva melakukannya di browser: unggah GLB, FBX, atau OBJ, lalu dapatkan model yang telah diberi rig dengan animasi preset opsional. Karakter pertama yang Anda rig dapat diunduh secara gratis. Untuk gerakan yang tidak tersedia dalam pustaka preset mana pun, <a href="/id/tools/animate">Animasi dari Prompt</a> menghasilkan gerakan dari deskripsi tertulis dan melakukan retargeting ke karakter yang telah diberi rig.</p>
<h2>Perbandingan</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Menghasilkan</th>
<th>Terbuka / terkelola</th>
<th>Penggunaan komersial</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Meshy</strong></td>
<td>Model 3D</td>
<td>Terkelola</td>
<td>Tingkat gratis CC BY (atribusi kepada Meshy), keluaran paket Pro mulai $20/bln menjadi milik pengguna</td>
</tr>
<tr>
<td><strong>Tripo</strong></td>
<td>Model 3D + rig (termasuk hewan berkaki empat)</td>
<td>Terkelola</td>
<td>Tingkat berbayar</td>
</tr>
<tr>
<td><strong>Hunyuan3D 2.1</strong></td>
<td>Model 3D</td>
<td>Terbuka</td>
<td>Ya (tidak di UE, Britania Raya, dan Korea Selatan)</td>
</tr>
<tr>
<td><strong>TRELLIS.2</strong></td>
<td>Model 3D</td>
<td>Terbuka (MIT)</td>
<td>Ya</td>
</tr>
<tr>
<td><strong>FLUX.2 klein 4B</strong></td>
<td>Gambar/tekstur</td>
<td>Terbuka (Apache)</td>
<td>Ya (9B bersifat nonkomersial)</td>
</tr>
<tr>
<td><strong>Qwen-Image</strong></td>
<td>Gambar/tekstur</td>
<td>Terbuka (Apache)</td>
<td>Ya</td>
</tr>
<tr>
<td><strong>Stable Diffusion 3.5</strong></td>
<td>Gambar/tekstur</td>
<td>Terbuka (Community License)</td>
<td>Ya, untuk pendapatan di bawah $1 juta</td>
</tr>
<tr>
<td><strong>Scenario</strong></td>
<td>Ilustrasi 2D dengan gaya Anda</td>
<td>Terkelola</td>
<td>Tingkat berbayar mulai $15/bln</td>
</tr>
<tr>
<td><strong>Layer</strong></td>
<td>Ilustrasi 2D untuk studio</td>
<td>Terkelola</td>
<td>Semua tingkat, mulai $10/bln</td>
</tr>
<tr>
<td><strong>Stable Audio 3.0</strong></td>
<td>Musik + efek suara</td>
<td>Terbuka (Small dan Medium), Large terkelola</td>
<td>Ya, untuk pendapatan di bawah $1 juta</td>
</tr>
<tr>
<td><strong>ACE-Step 1.5</strong></td>
<td>Musik</td>
<td>Terbuka (MIT)</td>
<td>Ya</td>
</tr>
<tr>
<td><strong>ElevenLabs</strong></td>
<td>Efek suara + musik</td>
<td>Terkelola</td>
<td>Tingkat berbayar</td>
</tr>
<tr>
<td><strong>UniRig</strong></td>
<td>Rigging</td>
<td>Terbuka (MIT)</td>
<td>Ya</td>
</tr>
</tbody>
</table>
<h2>Opsi lengkap dalam satu platform</h2>
<p>Menghubungkan alat-alat ini memang bisa dilakukan, tetapi Anda harus membangun alur kerjanya. Sejumlah alat pembuat game menggabungkan proses generasi langsung ke dalam editor: Cinevva memiliki fitur teks-ke-3D, gambar, musik, dan pembuatan skybox bawaan, sehingga Anda dapat menghasilkan aset dan langsung memasukkannya ke dalam game tanpa perlu mengekspor dan mengimpor antaralat. Anda dapat <a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=ai_asset_generators">mencobanya secara gratis</a>.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa generator model 3D AI terbaik untuk game?</h3>
<p>Untuk alat terkelola, Meshy dan Tripo adalah pilihan serbaguna terkemuka (mengubah teks atau gambar menjadi mesh bertekstur yang dapat diberi rig). Keluaran tingkat gratis Meshy menggunakan lisensi CC BY 4.0, sehingga Anda dapat menggunakannya secara komersial jika mencantumkan kredit kepada Meshy, sedangkan Tripo memberikan hak komersial pada paket berbayarnya. Untuk model terbuka yang dapat di-hosting sendiri, Hunyuan3D 2.1 dan TRELLIS.2 dari Microsoft adalah yang terkuat per September 2026. Pilihan terbaik bergantung pada apakah Anda menginginkan alat terkelola yang cepat atau bobot terbuka yang ramah penggunaan komersial. Panduan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami membandingkan semuanya secara berdampingan.</p>
<h3>Bisakah saya menggunakan aset buatan AI dalam game komersial?</h3>
<p>Sering kali bisa, tetapi periksa lisensinya. Model terbuka yang Anda hosting sendiri biasanya paling aman (perhatikan bahwa Hunyuan3D mengecualikan beberapa wilayah). Alat terkelola umumnya membatasi hak komersial pada paket berbayar, dan keluaran tingkat gratis sering kali bersifat nonkomersial. Selalu pastikan ketentuan hak atas keluaran model dan ungkapkan penggunaan konten AI jika platform Anda mewajibkannya.</p>
<h3>Apakah ada generator aset AI gratis?</h3>
<p>Banyak alat memiliki tingkat gratis, tetapi biasanya membatasi penggunaan dan tidak menyertakan hak komersial. Model terbuka seperti TRELLIS.2, FLUX.2 klein, Qwen-Image, dan Stable Audio dapat dijalankan sendiri secara gratis dengan lisensi yang ramah penggunaan komersial jika Anda memiliki perangkat keras yang memadai. Tabel perbandingan di atas menunjukkan alat mana yang terbuka dan mana yang terkelola.</p>
<h3>Bisakah AI menghasilkan musik dan efek suara untuk game?</h3>
<p>Ya. Stable Audio 3.0 menawarkan bobot terbuka, termasuk model khusus efek suara, ACE-Step menghasilkan musik dengan lisensi MIT, dan ElevenLabs merupakan opsi terkelola yang kuat dengan hak komersial pada paket berbayar. Alat-alat ini mencakup musik dan efek suara untuk keseluruhan lanskap suara game.</p>
<h3>Apa alternatif Tripo3D terbaik untuk pembuatan aset game?</h3>
<p>Meshy adalah alternatif terkelola terdekat: mengubah teks atau gambar menjadi mesh bertekstur yang dapat diberi rig, dengan tingkat gratis yang keluarannya menggunakan CC BY 4.0 (penggunaan komersial dengan atribusi), berbeda dari tingkat gratis nonkomersial milik Tripo. Rodin (Hyper3D) adalah pilihan tepat jika Anda mementingkan topologi quad. Jika Anda lebih suka memiliki kendali penuh atas alur kerjanya, Hunyuan3D 2.1 dan TRELLIS.2 dari Microsoft yang berlisensi MIT adalah dua model terbuka yang layak di-hosting sendiri pada 2026. Untuk opsi tanpa penyiapan, <a href="/id/tools/hunyuan3d#prompt=a%20low%20poly%20sci-fi%20supply%20crate">Generator Model 3D</a> Cinevva menjalankan Hunyuan3D di browser dengan akun gratis, dan panduan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami membandingkan semuanya berdasarkan kualitas dan lisensi.</p>
<h3>V2Fun vs Meshy: mana yang sebaiknya saya gunakan untuk karakter game?</h3>
<p>V2Fun adalah produk nyata: alur kerja berbasis browser yang menghubungkan pembuatan gambar AI, konversi teks atau gambar menjadi 3D, rigging otomatis, dan animasi, serta mengekspor FBX dan GLB menurut <a href="https://v2fun.ai/">v2fun.ai</a>. Namun, hingga September 2026, V2Fun belum menerbitkan halaman harga atau ketentuan lisensi komersial, dan daftar pihak ketiga menyebutkan bahwa aksesnya dibatasi. Meshy menerbitkan keduanya: 100 kredit gratis per bulan di bawah CC BY 4.0 dan kepemilikan penuh mulai $20/bulan. Untuk game yang ingin Anda jual, pilih alat dengan ketentuan yang dapat Anda baca, yang saat ini berarti Meshy, lalu pertimbangkan kembali V2Fun setelah lisensinya diterbitkan. Jika daya tarik V2Fun adalah rangkaian buat-lalu-rig-lalu-animasikan, Cinevva menyediakan hal yang sama melalui tiga alat browser: <a href="/id/tools/hunyuan3d#prompt=a%20stylized%20robot%20companion%20in%20T-pose&amp;character=1">Generator Model 3D</a>, <a href="/id/tools/rigger">Auto Rigger</a>, dan <a href="/id/tools/animate">Animasi dari Prompt</a>.</p>
<h3>Apa generator gambar AI sumber terbuka paling hemat biaya untuk di-host sendiri guna membuat tekstur game dalam skala besar?</h3>
<p>FLUX.2 klein 4B menawarkan nilai terbaik pada 2026: berlisensi Apache 2.0, sehingga tidak ada batas pendapatan atau kewajiban atribusi, serta mampu menghasilkan gambar dalam waktu kurang dari satu detik pada GPU konsumen dengan VRAM sekitar 13 GB. Kecepatan inilah yang menentukan saat Anda memproses ribuan variasi tile secara batch. Stable Diffusion 3.5 menjadi pilihan kedua jika Anda membutuhkan ControlNet, inpainting, dan ekosistem LoRA untuk membuat sambungan tile yang mulus. Model ini gratis berdasarkan Stability Community License hingga pendapatan organisasi Anda melampaui $1 juta per tahun. Qwen-Image (Apache 2.0) unggul ketika tekstur memuat teks yang harus terbaca, seperti papan petunjuk. Hindari FLUX.2 klein 9B untuk proyek komersial karena bobot modelnya hanya untuk penggunaan nonkomersial. <a href="/id/tools/flux">Generator Gambar</a> Cinevva menjalankan FLUX di browser jika Anda ingin menguji prototipe prompt sebelum menyewa GPU.</p>
<h3>Apakah ada generator aset game 3D berbasis AI dengan alat rigging dan animasi bawaan?</h3>
<p>Ya, tersedia dalam beberapa variasi. Tripo dan Meshy sama-sama dapat menghasilkan mesh dan melakukan auto-rig dalam aplikasi yang sama, sedangkan rigger Tripo versi Februari 2026 juga mendukung hewan berkaki empat dan makhluk lainnya. Cinevva menyediakan seluruh rangkaian proses ini sebagai alat browser yang dapat digunakan gratis untuk memulai: buat karakter dengan <a href="/id/tools/hunyuan3d#prompt=a%20low%20poly%20knight%20with%20a%20sword%20in%20T-pose&amp;character=1">Generator Model 3D</a>, kirim ke <a href="/id/tools/rigger">Auto Rigger</a> untuk menambahkan kerangka dan mengakses pustaka berisi 260 klip CC0, lalu gunakan <a href="/id/tools/animate">Animasi dari Prompt</a> untuk menghasilkan gerakan apa pun yang belum tersedia di pustaka hanya dari sebuah kalimat. Hasilnya adalah file GLB dengan animasi yang sudah disematkan dan siap digunakan di Unity, Godot, Three.js, atau Blender.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Sumber Terbuka Terbaik untuk Game</a>: ulasan teknis mendalam</li>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik</a>: perbandingan mendalam berbagai alat 3D</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Auto-Rigging Gratis</a>: lakukan rigging dan animasikan hasil buatan Anda</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: aset gratis siap pakai</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a>: cari model alih-alih membuatnya</li>
<li><a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a>: audio siap pakai</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a>: memahami ketentuan lisensi</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Generator Game AI Terbaik pada 2026 (Peringkat dan Perbandingan)]]></title>
            <link>https://app.cinevva.com/id/guides/ai-game-generators-2026</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/ai-game-generators-2026</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Kami membandingkan generator game AI terbaik pada 2026 berdasarkan apa yang benar-benar dapat dibuat, 2D vs 3D, kepemilikan, dan harga, mulai dari Rosebud dan Summer hingga Replit, Gameer, GDevelop AI, dan Cinevva.]]></description>
            <content:encoded><![CDATA[<h1>Generator Game AI Terbaik pada 2026 (Peringkat dan Perbandingan)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Anda mengetik satu kalimat, lalu AI membuat sebuah game. Itulah janjinya, dan pada 2026 hal ini benar-benar terwujud, tetapi cara kerja berbagai alat yang mewujudkannya sangat berbeda. Sebagian membuat game arkade 2D yang rapi di browser Anda. Sebagian merupakan engine desktop yang memberikan proyek yang sepenuhnya Anda miliki. Sebagian lagi adalah asisten coding umum yang kebetulan bisa membuat game. Memilih alat yang salah bisa menyia-nyiakan akhir pekan. Jawaban singkat kami per September 2026: Rosebud atau Cinevva jika Anda ingin mendapatkan game browser yang bisa dimainkan secepat mungkin, Summer Engine jika Anda ingin memiliki kodenya dan merilisnya di Steam, GDevelop AI jika Anda menginginkan solusi gratis dan sumber terbuka, serta Gameer jika game Anda sebenarnya merupakan cerita interaktif.</p>
<p>Panduan ini membandingkan generator game AI yang layak diketahui pada 2026, apa yang benar-benar dihasilkan masing-masing alat, apakah Anda dapat memiliki dan mengekspor game Anda, serta berapa biayanya. Kami berusaha jujur mengenai keunggulan setiap alat, termasuk keunggulan dan kekurangan alat kami sendiri.</p>
<h2>Empat jenis &quot;generator game AI&quot;</h2>
<p>Sebagian besar daftar &quot;pembuat game AI terbaik&quot; mencampur semua jenis ini, sehingga membingungkan. Sebenarnya ada empat kategori:</p>
<ol>
<li><strong>Pembuat prompt-ke-game</strong> membuat game yang bisa dimainkan dari sebuah deskripsi. Rosebud, Gameer, Astrocade, SEELE, dan Cinevva termasuk dalam kategori ini.</li>
<li><strong>Agen AI yang terintegrasi dengan engine</strong> menambahkan asisten AI ke dalam engine yang sudah ada. GDevelop AI, Buildbox 4, Unity AI, serta agen Godot yang lebih baru, Ziva dan Orca Engine, termasuk dalam kategori ini.</li>
<li><strong>Pembuat kode umum</strong> seperti Replit dan Websim dapat membuat game karena bisa membuat aplikasi web apa pun, tetapi tidak dirancang khusus untuk game.</li>
<li><strong>Alat ideasi dan aset</strong> seperti <a href="http://Ludo.ai">Ludo.ai</a> membantu Anda merencanakan dan membuat aset, tetapi tidak menghasilkan game jadi.</li>
</ol>
<p>Mengetahui kategori yang Anda inginkan akan mempersempit pilihan dengan cepat.</p>
<h2>Pilihan Cepat</h2>
<ul>
<li><strong>Hasil siap dimainkan paling cepat di browser:</strong> Rosebud atau Cinevva.</li>
<li><strong>Anda ingin memiliki kode dan merilisnya di Steam:</strong> Summer Engine.</li>
<li><strong>Fiksi interaktif dan novel visual:</strong> Gameer.</li>
<li><strong>Gratis dan sumber terbuka dengan hosting web:</strong> GDevelop AI.</li>
<li><strong>Game 3D dari prompt yang langsung dapat dibagikan melalui tautan:</strong> Cinevva atau Nilo.</li>
<li><strong>Sudah menjadi developer Unity atau web:</strong> Unity AI atau Replit.</li>
<li><strong>Game HTML5 kasual atau hiperkasual untuk dibagikan di media sosial:</strong> Astrocade untuk siklus remix instan, Rosebud atau GDevelop untuk build yang dapat Anda hosting sendiri.</li>
</ul>
<h2>Tabel Perbandingan</h2>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Menghasilkan</th>
<th>2D / 3D</th>
<th>Memiliki kodenya?</th>
<th>Dapat dibagikan di web</th>
<th>Tingkat gratis</th>
<th>Paket berbayar termurah</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="/id/engine"><strong>Cinevva</strong></a></td>
<td>Game siap dimainkan</td>
<td>2D + 3D (web)</td>
<td>✅ dapat diunduh</td>
<td>✅ tautan</td>
<td>✅</td>
<td>lihat <a href="/id/plans">paket</a></td>
</tr>
<tr>
<td><a href="https://rosebud.ai/"><strong>Rosebud</strong></a></td>
<td>Game siap dimainkan</td>
<td>2D + 3D</td>
<td>Ekspor JS</td>
<td>✅ tautan</td>
<td>✅ ~20 prompt/minggu</td>
<td>paket berbasis kredit (10x Dev, Pro)</td>
</tr>
<tr>
<td><a href="https://www.summerengine.com/"><strong>Summer Engine</strong></a></td>
<td>Proyek engine sungguhan</td>
<td>2D + 3D</td>
<td>✅ penuh (Godot)</td>
<td>❌ build native</td>
<td>✅ (ekspor manual)</td>
<td>$20/bulan (Pro)</td>
</tr>
<tr>
<td><a href="https://www.gameer.io/"><strong>Gameer</strong></a></td>
<td>Cerita interaktif</td>
<td>2D</td>
<td>❌ terkunci pada engine</td>
<td>✅ tautan</td>
<td>✅</td>
<td>$1,99/bulan (Pro)</td>
</tr>
<tr>
<td><a href="https://gdevelop.io/"><strong>GDevelop AI</strong></a></td>
<td>Proyek engine</td>
<td>2D + 3D</td>
<td>✅ sumber terbuka</td>
<td>✅ gd.games</td>
<td>✅ 40 kredit AI/bulan</td>
<td>Silver (200 kredit/minggu)</td>
</tr>
<tr>
<td><a href="https://replit.com/"><strong>Replit</strong></a></td>
<td>Aplikasi/game web</td>
<td>2D (3D memungkinkan)</td>
<td>✅ ekspor kode</td>
<td>✅ URL</td>
<td>✅</td>
<td>$20/bulan (Core)</td>
</tr>
<tr>
<td><a href="https://unity.com/"><strong>Unity AI</strong></a></td>
<td>Proyek Unity</td>
<td>2D + 3D</td>
<td>✅ proyek Anda</td>
<td>Ekspor WebGL</td>
<td>Uji coba 14 hari (1.000 kredit)</td>
<td>$10/bulan (Personal)</td>
</tr>
<tr>
<td><a href="https://www.buildbox.com/"><strong>Buildbox 4</strong></a></td>
<td>Game tanpa kode</td>
<td>2D + 3D</td>
<td>❌ terkunci pada engine</td>
<td>Ekspor HTML5</td>
<td>✅</td>
<td>langganan (lihat situs)</td>
</tr>
<tr>
<td><a href="https://www.astrocade.com/"><strong>Astrocade</strong></a></td>
<td>Game sosial</td>
<td>2D (mengklaim 3D)</td>
<td>❌ terkunci</td>
<td>✅ tautan</td>
<td>✅</td>
<td>tidak ada yang dicantumkan (pembayaran kreator)</td>
</tr>
<tr>
<td><a href="https://nilo.io/"><strong>Nilo</strong></a></td>
<td>Aset 3D untuk Roblox</td>
<td>3D</td>
<td>Ekspor Roblox Studio</td>
<td>✅ tautan + Roblox</td>
<td>✅ 1.500 Bits/bulan</td>
<td>$14,99/bulan (Builder, promo)</td>
</tr>
<tr>
<td><a href="https://www.seeles.ai/"><strong>SEELE</strong></a></td>
<td>Game siap dimainkan + aset</td>
<td>2D + 3D</td>
<td>✅ ekspor Unity 6 / Three.js</td>
<td>✅ WebGL</td>
<td>✅ kredit</td>
<td>Pro (hak komersial)</td>
</tr>
</tbody>
</table>
<p>Harga diperiksa berdasarkan halaman harga resmi masing-masing vendor pada September 2026 dan sering berubah, jadi pastikan kembali saat melakukan pembayaran. Jika vendor menyembunyikan harga di balik halaman login (Rosebud, Buildbox), kami memilih untuk tidak mencantumkan angka daripada menebak. Tingkat gratis biasanya membatasi hak komersial, jadi periksa ketentuannya sebelum merilis sesuatu yang ingin Anda jual.</p>
<h2>Ulasan setiap alat</h2>
<h3>Rosebud AI</h3>
<p>Rosebud mengubah prompt menjadi game yang dapat dimainkan di browser dan paling unggul dalam 2D, dengan dukungan 3D dan voxel yang terus berkembang. Di balik layar, alat ini menghasilkan JavaScript (Three.js untuk 3D, Phaser untuk 2D), sehingga secara teori hasilnya portabel. Anda melakukan iterasi dengan berbincang bersama asistennya, yang membuat sprite dan NPC untuk Anda, lalu memublikasikannya ke URL yang dapat dibagikan dan di-host oleh Rosebud. Tingkat gratis memberi Anda sekitar 20 prompt per minggu tanpa hak komersial, dan menurut <a href="https://lab.rosebud.ai/blog/pricing-subscription-faqs">FAQ harga</a> Rosebud sendiri, Anda memerlukan paket 10x Dev atau Pro untuk menjual hasil karya Anda, tanpa potongan pendapatan. Paketnya berbasis kredit dan angkanya sering berubah, jadi lihat langsung halaman paket Rosebud daripada mengandalkan artikel rangkuman. Paling cocok untuk pemula, pengajar, dan peserta game jam yang menginginkan jalur tercepat untuk mendapatkan tautan game 2D.</p>
<h3>Summer Engine</h3>
<p>Summer adalah pilihan yang tepat jika Anda ingin merilis dan menjual game sungguhan serta memiliki semuanya. Ini merupakan engine desktop berbasis AI yang diposisikan sebagai pengganti langsung Godot 4, sehingga proyek Anda terdiri dari file Godot standar (GDScript atau C#) tanpa vendor lock-in. Anda mendeskripsikan adegan dan logika melalui chat, alat ini membuat kode dan aset, lalu Anda mengekspornya ke Windows, macOS, Linux, perangkat seluler, web, dan Steam sambil mempertahankan seluruh pendapatan Anda. Konsekuensinya dibandingkan alat berbasis browser: ini adalah aplikasi desktop yang ditujukan untuk merilis game ke toko, bukan untuk menghasilkan tautan publik secara instan. Per September 2026, <a href="https://www.summerengine.com/pricing">halaman harga</a> mencantumkan tingkat aplikasi gratis dengan akses editor dan ekspor manual, Pro seharga $20/bulan dengan model frontier yang di-host dan pembuatan aset, Pro+ seharga $60, serta Ultra seharga $200 dengan penggunaan 20 kali lebih banyak. Perlu diketahui bahwa Summer menerbitkan banyak artikel rangkuman &quot;pembuat game AI terbaik&quot; yang menempatkan Summer di posisi pertama, jadi pertimbangkan hal itu saat membacanya. Dua pesaing lebih kecil berbasis Godot muncul pada 2026. <a href="https://ziva.sh/">Ziva</a> adalah agen AI yang berjalan di dalam editor standar Godot 4.2+ dan dapat menggunakan langganan Claude atau ChatGPT Anda yang sudah ada maupun model lokal. <a href="https://github.com/Simplifine-gamedev/orca-engine">Orca Engine</a> adalah fork Godot dengan kode sumber yang tersedia dan agen yang terintegrasi ke inti editor, yang harus Anda kompilasi sendiri serta jalankan dengan kunci API Anda sendiri. Kodenya juga menggunakan lisensi nonkomersial, jadi anggap ini sebagai pilihan untuk mereka yang suka bereksperimen.</p>
<h3>Gameer</h3>
<p>Gameer membuat game cerita interaktif sinematik dan novel visual dari prompt teks biasa dalam beberapa menit, tanpa coding. Sistem multiagen menangani narasi, visual, dan mekanik. Anda langsung mendapatkan tautan yang dapat dibagikan, meskipun game tersebut terkunci pada runtime Gameer. Harganya paling sederhana dalam daftar ini: gratis, Pro seharga $1,99/bulan, atau Enterprise seharga $99/bulan menurut <a href="https://www.gameer.io/pricing">halaman harganya</a>. Alat ini dibuat untuk penulis, pengajar, dan pemasar yang menginginkan fiksi bercabang, bukan aksi waktu nyata atau 3D. Jika Anda menginginkan dialog bercabang di dalam game 3D waktu nyata, cobalah <a href="/id/create#prompt=Make%20a%20quest%20game%20talking%20to%20villagers%20to%20find%20a%20lost%20relic">game misi tempat Anda berbicara dengan penduduk desa</a>.</p>
<h3>GDevelop AI</h3>
<p>GDevelop adalah engine gratis dan sumber terbuka yang menambahkan agen AI di dalam editor. Anda memintanya membuat fitur atau game utuh, lalu alat ini menulis event dan behavior ke dalam proyek Anda yang tetap dapat diedit. Alat ini mendukung 2D serta kemampuan 3D yang terus berkembang, dapat mengekspor ke web, Android, iOS, dan desktop, serta menyediakan hosting publik gratis di gd.games dengan tautan berbagi. AI-nya menggunakan jatah kredit: 40 kredit AI gratis per bulan, kemudian Silver, Gold, dan Pro masing-masing dengan 200, 1.000, dan 3.000 kredit per minggu menurut <a href="https://gdevelop.io/pricing">halaman harga</a>. Harga paket berbayar naik 20% pada 12 Januari 2026 untuk pelanggan baru, menurut <a href="https://forum.gdevelop.io/t/gdevelop-premium-subscription-prices-will-increase-this-monday/74132">pengumuman forum GDevelop</a>. Pilihan gratis dan terbuka yang kuat jika Anda tidak keberatan dengan batas kredit dan beberapa kali iterasi.</p>
<h3>Replit</h3>
<p>Agent milik Replit adalah pembuat full-stack umum, bukan engine game, tetapi dapat membuat game web dari deskripsi dan men-deploy-nya ke URL publik. Alat ini tidak membuat sprite, musik, atau suara, jadi Anda harus menyediakan aset sendiri, dan hasilnya cenderung 2D. Core berharga $20/bulan ($17 dengan penagihan tahunan) termasuk kredit model senilai $20, sedangkan Pro berharga $100, menurut <a href="https://replit.com/pricing">halaman harga Replit</a>. Paling cocok bagi orang yang sudah nyaman mengarahkan alat coding AI dan menginginkan hasil yang dapat dimainkan di web serta sepenuhnya mereka kendalikan.</p>
<h3>Unity AI</h3>
<p>Unity mengganti produk lamanya, Muse, dengan Unity AI, yang memasuki beta terbuka pada Mei 2026 dan masih diberi label beta per September 2026 di <a href="https://unity.com/features/ai">halaman AI Unity</a>. Ini adalah agen di dalam editor untuk Unity 6.0 ke atas yang membuat kode C#, aset placeholder, dan adegan menggunakan model frontier. Pengguna Personal mendapatkan uji coba satu kali sebanyak 1.000 kredit selama 14 hari, lalu membayar $10 per bulan untuk 1.000 kredit, sedangkan lisensi Pro, Enterprise, dan Industry sudah menyertakannya. Anda tetap bekerja di dalam proyek Unity milik Anda sendiri dan memiliki game tersebut, dengan opsi ekspor ke WebGL serta platform lainnya. Ini ditujukan bagi orang yang sudah bekerja dengan Unity dan menginginkan bantuan AI, bukan pendatang baru yang ingin membuat game dari satu kalimat.</p>
<h3>Buildbox 4, Astrocade, Nilo</h3>
<p><strong>Buildbox 4</strong> adalah engine tanpa kode yang terutama ditujukan untuk game seluler hiperkasual dan telah menambahkan pembuatan aset serta node dengan AI. Alat ini dapat mengekspor HTML5, tetapi terkunci pada engine, dan harga paketnya tersembunyi di balik halaman pendaftaran, jadi periksa langsung di sana. <strong>Astrocade</strong> adalah platform sosial berbagi instan dengan pendanaan terbesar dalam kelompok ini: perusahaan tersebut memperoleh pendanaan Seri B sebesar $56 juta yang dipimpin Sequoia pada Mei 2026 dan melaporkan sekitar 5 juta pengguna aktif bulanan, 140 juta sesi permainan per bulan, serta 75.000 game buatan kreator, menurut <a href="https://fortune.com/2026/05/05/astrocade-raises-56-million-series-b-sequoia-video-games-platform-ali-amir-sadeghian/">Fortune</a>. Dalam praktiknya, hasilnya cenderung 2D meskipun dipasarkan sebagai 3D, dengan vendor lock-in yang kuat dan tanpa ekspor kode. Platform ini juga tidak mencantumkan paket berbayar dan justru membayar kreator teratas dari platform. <strong>Nilo</strong> telah mempersempit penawarannya sejak peninjauan kami pada Juni. Kini alat ini mendeskripsikan dirinya sebagai rangkaian alat berbasis browser untuk membuat, memasang rig, menganimasikan, dan mengekspor aset 3D langsung ke Roblox Studio. Nilo masih dalam beta terbuka, dengan tingkat Starter gratis yang menyediakan 1.500 Bits per bulan dan paket Builder seharga $14,99 per bulan dalam harga promosi menurut <a href="https://nilo.io/pricing">halaman harganya</a>. Cocok jika Roblox adalah target Anda, tetapi kurang sesuai jika Anda menginginkan game web mandiri.</p>
<h3>SEELE dan Websim</h3>
<p><strong>SEELE</strong> adalah pendatang baru pada 2026 yang layak diketahui. <a href="https://www.seeles.ai/">SeeleAgent</a> miliknya mengubah satu prompt menjadi game 2D atau 3D beserta gambar, aset 3D, dan video, dengan build WebGL yang dapat dimainkan di browser serta ekspor ke proyek Unity 6 atau Three.js. Anda dapat memulainya secara gratis dengan kredit, tetapi hak komersial memerlukan paket Pro, jadi baca ketentuannya sebelum menjual apa pun. <strong>Websim</strong> berada di ujung gratis spektrum ini: sebuah sandbox prompt-ke-web tempat komunitas umumnya membuat game dan simulasi browser kecil, masing-masing dengan URL yang dapat dibagikan, di-fork, dan di-remix oleh pengguna lain. Per September 2026, tidak ada halaman harga sama sekali. Hal ini menjadikannya tempat yang menyenangkan untuk membuat prototipe ide seperti <a href="/id/create#prompt=Build%20a%20game%20where%20gravity%20points%20wherever%20I%20click">game dengan gravitasi yang mengarah ke mana pun Anda mengeklik</a>, tetapi bukan tempat untuk membuat sesuatu yang akan Anda pelihara dalam jangka panjang.</p>
<h2>Generator AI untuk game kasual dan HTML5</h2>
<p>Banyak pencarian yang sampai ke halaman ini sebenarnya menanyakan hal yang lebih spesifik: pembuat game AI mana yang bisa menghasilkan game kecil, cepat, dan kasual seperti yang tersedia di portal web atau ponsel? Jawabannya bergantung pada hasil akhir yang Anda butuhkan. Jika Anda menginginkan build HTML5 yang dapat diunggah ke <a href="http://itch.io">itch.io</a>, CrazyGames, atau Poki, Anda memerlukan alat yang mengekspor bundle web mandiri. GDevelop melakukannya secara native (seluruh opsi ekspornya mencakup HTML5, Android, iOS, dan desktop), Buildbox 4 mengekspor HTML5, Rosebud menghasilkan JavaScript berbasis Phaser dan Three.js yang dapat Anda keluarkan, sedangkan Cinevva memungkinkan Anda mengunduh game web lengkap untuk di-host di mana saja. Panduan kami tentang <a href="/id/guides/publish-game-crazygames">publikasi di CrazyGames</a> dan <a href="/id/guides/publish-game-poki">Poki</a> menjelaskan apa yang diharapkan portal tersebut dari sebuah build.</p>
<p>Jika tujuannya adalah membuat gameplay loop hiperkasual yang dimainkan dan di-remix orang di dalam platform itu sendiri, Astrocade dirancang tepat untuk hal tersebut, sedangkan Websim adalah versi sandbox gratis dari gagasan yang sama. Keduanya tidak memberikan file yang Anda miliki, dan hal itu tidak menjadi masalah untuk game viral berdurasi 60 detik, tetapi merupakan kendala bagi sesuatu yang ingin Anda monetisasi sendiri. Startup pembuatan game HTML5 dengan AI yang mendapatkan pendanaan pada 2025 dan 2026 sebagian besar masuk dalam kelompok kedua ini, karena UGC kasual tidak memerlukan kedalaman sistem—seperti inventaris, status penyimpanan, dan kurva progresi—yang masih sulit ditangani generator AI. Panduan <a href="/id/guides/casual-games-trends-2026">tren game kasual</a> kami membahas sisi pasar dari kisah tersebut. Untuk melihat sejauh mana satu baris prompt kasual dapat diwujudkan dalam pembuat 3D, cobalah <a href="/id/create#prompt=Build%20an%20endless%20runner%20dodging%20obstacles%20that%20speeds%20up%20over%20time">endless runner yang semakin cepat seiring waktu</a>.</p>
<h2>Cara memilih</h2>
<p>Ajukan tiga pertanyaan. Pertama, apakah Anda membutuhkan 3D, atau 2D sudah cukup? Sebagian besar alat paling unggul dalam 2D, sedangkan menghasilkan 3D yang andal dari sebuah prompt merupakan standar tinggi yang hanya mampu dicapai oleh sedikit alat. Kedua, apakah Anda perlu memiliki dan mengekspor kodenya, atau tautan yang di-host sudah cukup? Summer, GDevelop, Unity AI, dan Cinevva memungkinkan Anda mengekspor proyek (Cinevva memungkinkan Anda mengunduh game lengkap untuk di-host di mana saja); Rosebud, Gameer, dan Astrocade lebih mengandalkan tautan yang dapat langsung dibagikan. Ketiga, apakah Anda akan merilisnya di Steam dan toko aplikasi, atau sekadar membagikan tautan kepada teman? Toko lebih cocok untuk engine desktop; tautan lebih cocok untuk alat berbasis browser.</p>
<h2>Posisi Cinevva</h2>
<p>Kami akan berterus terang. Bagian pasar yang paling ramai adalah pembuatan game 2D di browser (Rosebud, Astrocade, Gameer, Replit). Cinevva menempati posisi yang jauh lebih lengang: dikendalikan melalui percakapan, mampu membuat game 2D maupun game 3D sungguhan, dapat dimainkan di browser dengan engine nyata berbasis Three.js, dapat langsung dibagikan melalui tautan, serta dapat diekspor sebagai game lengkap yang bisa Anda unduh dan host di mana saja, dengan fitur pembuatan 3D dari teks, gambar, musik, dan skybox, serta pustaka aset CC0 bawaan. Ekspor kode itu penting karena beberapa pesaing yang menawarkan berbagi instan (Astrocade, Gameer) mengunci game Anda ke runtime mereka. Alat yang paling mendekati perpaduan tersebut adalah SEELE, yang mengekspor build WebGL dan Unity tetapi membatasi hak komersial untuk paket Pro, serta Nilo, yang kini mempersempit fokusnya pada pembuatan aset 3D untuk Roblox. Karena itu, celah yang kami fokuskan adalah game web yang dapat Anda host sendiri, bagikan, sekaligus unduh.</p>
<p>Catatan jujurnya adalah bahwa &quot;3D sungguhan dari sebuah prompt&quot; merupakan klaim yang paling sulit dalam kategori ini, dan para pengulas memang wajar bersikap skeptis. Cara yang adil untuk menilai alat-alat ini, termasuk alat kami, adalah dengan membuat sesuatu lalu membagikan tautannya. Anda dapat <a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=ai_game_generators">membuat game 3D dari prompt secara gratis</a> dan melihat hasilnya, atau <a href="/id/guides/vibe-coding-game-prompts">memulai dengan prompt sekali klik</a> jika Anda tidak ingin terpaku pada kotak kosong.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa generator game AI terbaik pada 2026?</h3>
<p>Tidak ada satu alat yang terbaik untuk semuanya karena setiap alat melayani tujuan berbeda. Untuk membuat game browser 2D dengan cepat, Rosebud sangat bagus. Untuk game browser 3D yang bisa langsung dibagikan, pilih Cinevva atau Nilo. Untuk game yang Anda miliki dan rilis di Steam, pilih Summer Engine. Untuk pilihan gratis dan sumber terbuka, pilih GDevelop AI. Tentukan pilihan berdasarkan 2D atau 3D, apakah Anda perlu memiliki kodenya, serta apakah Anda ingin membagikan tautan atau merilis game ke toko.</p>
<h3>Bisakah AI benar-benar membuat game lengkap dari sebuah prompt?</h3>
<p>Untuk game kecil dan kasual, bisa, terutama dalam 2D. AI menangani pergerakan, collision, fisika, dan grafis dasar sehingga Anda dapat mengubah ide menjadi game yang bisa dimainkan dalam hitungan menit. Game yang lebih besar atau lebih halus tetap membutuhkan iterasi dan pekerjaan desain oleh manusia, sedangkan 3D lebih sulit dibuat dengan tepat oleh AI dibandingkan 2D. Anggap hasil generasi pertama sebagai titik awal yang kuat untuk disempurnakan, bukan produk akhir.</p>
<h3>Apakah saya memiliki game yang dibuat dengan generator game AI?</h3>
<p>Itu tergantung pada alatnya. Alat berbasis engine seperti Summer, GDevelop, dan Unity AI memberi Anda proyek nyata yang dapat dimiliki dan diekspor. Platform prompt-to-game yang di-host memiliki kebijakan berbeda-beda: beberapa memungkinkan Anda mengekspor kode, sementara yang lain mengunci game ke runtime mereka, dan banyak yang membatasi hak komersial untuk paket berbayar. Selalu baca ketentuannya sebelum menjual apa pun.</p>
<h3>Apa pembuat game AI terbaik untuk pemula?</h3>
<p>Bagi pemula sepenuhnya, pembuat game dari prompt berbasis browser lebih mudah daripada engine yang sekadar ditambahi AI karena tidak ada yang perlu diinstal dan hasil pertama yang dapat dimainkan tersedia dalam hitungan menit. Rosebud paling ramah untuk 2D, Cinevva untuk 3D, dan Gameer jika Anda ingin menulis cerita bercabang alih-alih mekanik permainan. Beralihlah ke GDevelop, Summer Engine, atau Unity AI setelah Anda yakin ingin memiliki berkas proyek sungguhan. Anda dapat <a href="/id/create#prompt=Make%20a%20cozy%20fishing%20game%20on%20a%20quiet%20lake%20at%20sunset">memulai dari prompt satu baris</a> untuk melihat apakah pendekatan berbasis browser sesuai sebelum berkomitmen menggunakan sebuah engine.</p>
<h3>Apakah ada engine game AI, atau hanya AI di dalam engine game?</h3>
<p>Keduanya kini tersedia. Summer Engine dan Orca Engine merupakan engine AI-native yang dibangun di atas Godot 4, tempat agen membuat node, menulis GDScript, dan menjalankan game untuk memeriksa hasil kerjanya sendiri, sedangkan Cinevva merupakan engine browser AI-native berbasis Three.js. Pendekatan lainnya adalah menambahkan AI ke dalam engine yang sudah ada: Unity AI di Unity 6, agen GDevelop di GDevelop, dan Ziva di dalam editor standar Godot. Perbedaan praktisnya adalah kepemilikan dan ketergantungan pada platform, bukan kecerdasan. Alat berbasis engine memberi Anda proyek biasa yang dapat terus dikerjakan tanpa AI.</p>
<h3>Pembuat game AI mana yang dapat membuat game kasual atau HTML5?</h3>
<p>Untuk mendapatkan berkas HTML5 yang dapat diunggah ke portal, gunakan GDevelop, Buildbox 4, Rosebud, atau Cinevva, yang semuanya dapat mengekspor build web mandiri. Untuk game kasual yang tersedia di platform sosial dan dapat dibuat ulang, Astrocade dan Websim adalah dua alat yang dirancang untuk alur tersebut, tetapi Anda tidak akan mendapatkan berkas yang bisa di-host di tempat lain. Sesuaikan alat dengan tempat game akan dimainkan, lalu baca bagian di atas tentang generator game kasual dan HTML5 untuk memahami komprominya.</p>
<h3>Apakah game yang dibuat AI dapat dibuat secara gratis?</h3>
<p>Sebagian besar alat memiliki paket gratis yang cukup untuk mencobanya, tetapi paket gratis biasanya membatasi jumlah konten yang dapat Anda buat dan sering kali tidak mencakup hak komersial. Anda perlu membayar ketika ingin menerbitkan secara komersial, membuat banyak konten, atau mengekspor. Tabel perbandingan di atas mencantumkan paket gratis dan paket berbayar termurah dari setiap alat.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Game dengan AI (Panduan 2026)</a>: alur kerja tanpa kode lengkap, langkah demi langkah</li>
<li><a href="/id/guides/3d-browser-game-without-coding">Cara Membuat Game Browser 3D Tanpa Coding</a>: jalur khusus untuk 3D</li>
<li><a href="/id/guides/vibe-coding-games">Vibe Coding untuk Game: Pengertian dan Cara Memulainya</a>: istilah, alur kerja, dan jebakannya</li>
<li><a href="/id/guides/vibe-coding-game-prompts">Prompt Game AI yang Dapat Anda Buat dengan Sekali Klik</a>: titik awal untuk dicoba</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026</a>: jika Anda lebih suka membuatnya secara manual</li>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Sumber Terbuka Terbaik untuk Game</a>: model di balik pembuatan aset AI</li>
<li><a href="/id/guides/ai-npcs-dialogue">NPC dan Dialog AI dalam Game</a>: AI di dalam game, bukan hanya untuk membuatnya</li>
<li><a href="/id/guides/publish-web-game">Cara Menerbitkan Game Web</a>: menyajikan build HTML5 kepada pemain</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Engine Game Gratis Terbaik untuk Pemula (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/best-free-game-engines-beginners</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/best-free-game-engines-beginners</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Engine game gratis terbaik untuk pemula pada 2026, mulai dari alat tanpa kode seperti GDevelop hingga Godot dan Phaser, beserta kegunaan terbaik masing-masing dan cara memilih engine pertama Anda.]]></description>
            <content:encoded><![CDATA[<h1>Engine Game Gratis Terbaik untuk Pemula (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Saat baru memulai, engine terbaik adalah yang paling cepat membantu Anda menghasilkan game yang bisa dimainkan tanpa biaya atau hambatan pemrograman yang tinggi. Jawaban singkatnya: GDevelop jika Anda tidak ingin menulis kode, Godot jika Anda ingin belajar pemrograman, Phaser jika Anda sudah memahami JavaScript, dan ketiganya gratis tanpa batas pendapatan. Kabar baiknya pada 2026 adalah pilihan terkuat untuk pemula benar-benar gratis, dan kami telah memeriksa kembali setiap batas paket gratis di bawah ini per September 2026. Berikut pilihannya, diurutkan berdasarkan seberapa banyak kode yang ingin Anda tulis, ditambah pendekatan baru “jelaskan kepada AI”.</p>
<h2>Pilihan cepat berdasarkan titik awal Anda</h2>
<ul>
<li><strong>Tidak ingin menulis kode sama sekali dan ingin membuat game hari ini:</strong> GDevelop atau alat AI prompt-to-game.</li>
<li><strong>Sedikit kode dan ingin belajar dengan benar:</strong> Godot.</li>
<li><strong>Anda menguasai sedikit JavaScript:</strong> Phaser.</li>
<li><strong>Skrip visual dengan editor yang matang:</strong> Construct (paket gratis) atau GDevelop.</li>
</ul>
<h2>Engine gratis terbaik</h2>
<h3>GDevelop</h3>
<p>Gratis, bersumber terbuka, berjalan di browser atau sebagai aplikasi desktop, dan memungkinkan Anda membangun logika dengan lembar event visual alih-alih kode. Engine ini mendukung 2D dan semakin baik dalam 3D, dapat mengekspor ke web, perangkat seluler, dan desktop, serta menyediakan hosting gratis di gd.games dengan tautan berbagi. Paket gratisnya mengizinkan 3 proyek cloud dan satu ekspor desktop atau Android per hari, menurut <a href="https://gdevelop.io/pricing">halaman harga GDevelop</a> per September 2026, sedangkan engine-nya sendiri menggunakan lisensi MIT. GDevelop bahkan telah menambahkan agen AI yang dapat membangun fitur dari prompt. Ini adalah titik awal tanpa kode terbaik bagi sebagian besar pemula, tanpa biaya untuk merilis game.</p>
<h3>Godot</h3>
<p>Gratis dan bersumber terbuka dengan lisensi MIT, tanpa biaya atau batas pendapatan selamanya. Godot mendukung 2D maupun 3D, memiliki bahasa skrip yang mudah dipelajari (GDScript) dan dirancang agar ramah bagi pemula, serta menyediakan pustaka tutorial gratis yang sangat besar. Versi terbarunya adalah 4.7.2 (Agustus 2026), sementara 4.8 sedang dikembangkan, menurut <a href="https://godotengine.org/blog/">blog Godot</a>. Ini adalah pilihan terbaik jika Anda ingin mempelajari pemrograman game sungguhan tanpa mengkhawatirkan lisensi, dan engine ini dapat terus digunakan dari proyek pertama hingga merilis game lengkap. Satu catatan: proyek C# tidak dapat diekspor ke web, jadi gunakan GDScript jika web adalah target Anda.</p>
<h3>Phaser</h3>
<p>Gratis dengan lisensi MIT, Phaser adalah framework game HTML5 terpopuler, dengan komunitas terbesar dan tutorial terbanyak untuk game web 2D. Versi 4 dirilis pada April 2026 dan telah mencapai 4.2.1 per September 2026, menurut <a href="https://github.com/phaserjs/phaser/releases">rilis Phaser</a>. Pendekatannya mengutamakan kode (JavaScript atau TypeScript), sehingga cocok untuk pemula yang telah memahami sedikit pengembangan web dan ingin belajar dengan menulis kode alih-alih menggunakan editor visual.</p>
<h3>Construct (paket gratis)</h3>
<p>Construct adalah engine visual berbasis lembar event yang berjalan di browser tanpa perlu menulis kode. Edisi gratisnya memungkinkan Anda membuat dan menerbitkan game 2D ke web, dengan batasan yang akan terasa saat proyek bertambah besar: 50 event dan 2 layer per proyek, menurut <a href="https://www.construct.net/en/make-games/buy-construct">halaman harga Construct</a> per September 2026. Paket Personal yang menghapus batas tersebut berharga $129.99 per tahun atau $15.99 per bulan. Sangat cocok bagi pemula total yang menginginkan editor terpandu dan matang, dengan langganan yang baru diperlukan ketika proyek Anda berkembang.</p>
<h3>Pendekatan AI / tanpa kode</h3>
<p>Pilihan yang lebih baru: jelaskan sebuah game kepada alat AI prompt-to-game, lalu sempurnakan melalui percakapan tanpa perlu menginstal engine. Ini adalah jalur tercepat dari ide menuju game yang dapat dimainkan dan dibagikan, terutama untuk 3D, bidang yang masih kurang dikuasai alat tanpa kode konvensional. Lihat <a href="/id/guides/make-a-game-with-ai">cara membuat game dengan AI</a> dan <a href="/id/guides/ai-game-generators-2026">perbandingan generator game AI</a> kami.</p>
<h2>Perbandingan</h2>
<table>
<thead>
<tr>
<th>Engine</th>
<th>Perlu kode</th>
<th>2D / 3D</th>
<th>Berjalan di browser</th>
<th>Publikasi web</th>
<th>Biaya</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>GDevelop</strong></td>
<td>Tidak (visual)</td>
<td>2D + 3D</td>
<td>Ya</td>
<td>gd.games</td>
<td>Gratis</td>
</tr>
<tr>
<td><strong>Godot</strong></td>
<td>Sedikit (GDScript)</td>
<td>2D + 3D</td>
<td>Desktop</td>
<td>Ekspor</td>
<td>Gratis (MIT)</td>
</tr>
<tr>
<td><strong>Phaser</strong></td>
<td>Ya (JS/TS)</td>
<td>2D</td>
<td>Ya</td>
<td>Hosting sendiri</td>
<td>Gratis (MIT)</td>
</tr>
<tr>
<td><strong>Construct</strong></td>
<td>Tidak (visual)</td>
<td>2D</td>
<td>Ya</td>
<td>Paket gratis</td>
<td>Paket gratis; berbayar untuk berkembang</td>
</tr>
<tr>
<td><strong>AI prompt-to-game</strong></td>
<td>Tidak (cukup jelaskan)</td>
<td>2D + 3D</td>
<td>Ya</td>
<td>Tautan instan</td>
<td>Gratis untuk memulai</td>
</tr>
</tbody>
</table>
<h2>Arti “gratis” untuk setiap engine</h2>
<p>“Gratis” tidak selalu berarti hal yang sama. Berikut ketentuannya per September 2026, berdasarkan pemeriksaan terhadap halaman harga atau lisensi resmi masing-masing penyedia.</p>
<table>
<thead>
<tr>
<th>Engine</th>
<th>Ketentuan gratis</th>
<th>Biaya yang mungkin dibayar nanti</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Godot</strong></td>
<td>Lisensi MIT, tanpa batas, tanpa royalti</td>
<td>Tidak ada, selamanya</td>
</tr>
<tr>
<td><strong>GDevelop</strong></td>
<td>Engine MIT, ekspor web gratis, 3 proyek cloud</td>
<td>Paket Silver/Gold/Pro opsional untuk layanan cloud</td>
</tr>
<tr>
<td><strong>Phaser</strong></td>
<td>Lisensi MIT, tanpa batas</td>
<td>Tidak ada (tersedia editor berbayar opsional)</td>
</tr>
<tr>
<td><strong>Defold</strong></td>
<td>Gratis, tanpa royalti, tanpa biaya runtime</td>
<td>Tidak ada</td>
</tr>
<tr>
<td><strong>Construct</strong></td>
<td>Edisi gratis: 50 event, 2 layer</td>
<td>Personal $129.99/tahun atau $15.99/bulan</td>
</tr>
<tr>
<td><strong>GameMaker</strong></td>
<td>Gratis untuk penggunaan nonkomersial</td>
<td>Professional $99.99 sekali bayar untuk rilis komersial</td>
</tr>
<tr>
<td><strong>Unity</strong></td>
<td>Personal gratis jika pendapatan atau pendanaan dalam 12 bulan sebelumnya di bawah $200K</td>
<td>Pro $2,310/kursi/tahun jika melebihi batas tersebut</td>
</tr>
<tr>
<td><strong>Unreal</strong></td>
<td>Gratis digunakan, kode sumber tersedia</td>
<td>Royalti 5% atas pendapatan kotor produk di atas $1 juta sepanjang masa</td>
</tr>
</tbody>
</table>
<p>Sumber: <a href="https://godotengine.org/license/">Godot</a>, <a href="https://gdevelop.io/pricing">GDevelop</a>, <a href="https://defold.com/">Defold</a>, <a href="https://www.construct.net/en/make-games/buy-construct">Construct</a>, <a href="https://gamemaker.io/en/get">GameMaker</a>, <a href="https://unity.com/pricing">Unity</a>, <a href="https://www.unrealengine.com/en-US/faq">Unreal</a>.</p>
<h2>Cara memilih engine pertama Anda</h2>
<p>Jangan terlalu dipikirkan. Sesuaikan engine dengan seberapa banyak kode yang ingin Anda tulis, lalu mulailah dari proyek kecil. Jika gagasan menulis kode terasa tidak menarik, mulailah dengan GDevelop dan rilis game kecil minggu ini. Jika Anda ingin mempelajari pemrograman sekaligus desain, mulailah dengan Godot dan ikuti salah satu dari banyak tutorial pemulanya. Jika Anda sudah memahami JavaScript, Phaser akan terasa alami. Dan jika Anda hanya ingin melihat ide Anda dapat dimainkan secepat mungkin, cobalah pendekatan AI, lalu beralih ke engine berbasis kode atau visual saat proyek Anda berkembang. Kesalahan terbesar pemula adalah memilih engine profesional yang berat, merasa kewalahan, lalu menyerah. Game kecil yang selesai dibuat dengan engine sederhana akan mengajarkan lebih banyak daripada game besar yang ditinggalkan.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa engine game gratis yang paling mudah untuk pemula?</h3>
<p>GDevelop adalah titik awal gratis yang paling mudah: tanpa kode (menggunakan lembar event visual), berjalan di browser, dan dapat menerbitkan game ke web secara gratis. Construct juga ramah bagi pemula dan memiliki paket gratis. Jika Anda benar-benar tidak ingin melakukan penyiapan apa pun, alat AI prompt-to-game dapat menghasilkan game yang bisa dimainkan dari sebuah deskripsi.</p>
<h3>Apakah Godot cocok untuk pemula?</h3>
<p>Ya. Godot gratis, bersumber terbuka, dan memiliki bahasa skrip yang ramah bagi pemula (GDScript), ditambah pustaka tutorial gratis yang besar. Ini adalah pilihan gratis terbaik jika Anda ingin mempelajari pemrograman game sungguhan, serta mendukung 2D maupun 3D. Perlu diingat bahwa proyek C# tidak dapat diekspor ke web, jadi tetap gunakan GDScript jika Anda menargetkan browser.</p>
<h3>Apakah saya perlu memahami pemrograman untuk membuat game?</h3>
<p>Tidak. Engine tanpa kode seperti GDevelop dan Construct memungkinkan Anda membuat game menggunakan logika visual, sementara alat AI prompt-to-game membangun game dari deskripsi dalam bahasa biasa. Pemrograman memberikan kontrol lebih besar dan pada akhirnya layak dipelajari, tetapi Anda sudah dapat membuat dan menerbitkan game sungguhan hari ini tanpa menulis kode.</p>
<h3>Apakah ada engine game yang benar-benar gratis tanpa batas pendapatan?</h3>
<p>Ya. Godot (MIT), Phaser (MIT), engine GDevelop (MIT), dan Defold (gratis, tanpa royalti) tidak memiliki batas pendapatan, biaya per kursi, atau royalti pada tingkat pendapatan berapa pun. Hal yang sama berlaku untuk pustaka 3D web Three.js (MIT) dan Babylon.js (Apache 2.0). Engine yang “gratis” dengan persyaratan tambahan adalah Unity Personal (hanya gratis jika pendapatan atau pendanaan di bawah $200K), Unreal (royalti 5% di atas $1 juta per produk), GameMaker (hanya gratis untuk penggunaan nonkomersial), dan Construct (edisi gratis dibatasi hingga 50 event). <a href="/id/guides/open-source-game-engines-2026">Panduan engine game bersumber terbuka</a> kami mencantumkan semua pilihan tanpa syarat tambahan.</p>
<h3>Apa engine game 3D gratis terbaik untuk pemula?</h3>
<p>Godot. Engine ini gratis tanpa batas, alat 3D-nya solid untuk game berskala indie, dan GDScript adalah cara paling mudah untuk mulai mempelajari pemrograman 3D. GDevelop kini memiliki editor 3D real-time jika Anda menginginkan pembuatan 3D tanpa kode, sedangkan Unity Personal gratis di bawah $200K jika Anda menginginkan pustaka tutorial 3D terbesar dan tidak keberatan dengan editor yang lebih sulit dipelajari. Jika Anda hanya ingin melihat ide 3D berjalan hari ini, <a href="/id/create#prompt=Make%20a%20simple%203D%20obstacle%20course%20with%20checkpoints%20and%20a%20finish%20line">jelaskan idenya dan mainkan di browser</a> sebelum menginstal apa pun.</p>
<h3>Apa engine game drag-and-drop gratis terbaik?</h3>
<p>GDevelop. Ini adalah engine drag-and-drop gratis terbaik karena seluruh engine-nya gratis dan bersumber terbuka, berjalan di browser, serta dapat menerbitkan game ke web tanpa biaya. Construct adalah editor drag-and-drop matang lainnya, tetapi edisi gratisnya dibatasi hingga 50 event, sehingga sebagian besar game yang selesai dibuat memerlukan paket Personal berbayar. Lihat <a href="/id/guides/construct-vs-gdevelop">Construct vs GDevelop</a> untuk perbandingan langsung.</p>
<h3>Apakah engine game gratis?</h3>
<p>Sebagian besar engine yang bagus dapat digunakan secara gratis untuk memulai, tetapi ketentuannya berbeda-beda. Godot, GDevelop, Phaser, dan Defold gratis pada tingkat pendapatan berapa pun. Unity dan Unreal gratis sampai game Anda menghasilkan pendapatan nyata (masing-masing $200K dan $1 juta), lalu mengenakan biaya per kursi atau royalti. GameMaker gratis untuk proyek hobi dan memerlukan pembayaran satu kali sebesar $99.99 untuk menjual game. Construct gratis untuk belajar dan memerlukan langganan untuk merilis game. Tabel di atas memuat ketentuan tepatnya per September 2026.</p>
<h3>Engine gratis mana yang sebaiknya saya pelajari pada 2026?</h3>
<p>Pilih berdasarkan seberapa banyak kode yang ingin Anda tulis: GDevelop atau alat AI untuk pendekatan tanpa kode, Godot untuk mempelajari pemrograman, dan Phaser jika Anda memahami JavaScript. Semuanya dapat digunakan secara gratis untuk merilis game komersial. Mulailah dengan pilihan yang paling memudahkan Anda, selesaikan sebuah game kecil, lalu tingkatkan kemampuan dari sana.</p>
<p><BuildCta
  title="Buat game pertama Anda sebelum menginstal apa pun"
  desc="Cara tercepat untuk mengetahui apakah membuat game cocok untuk Anda."
  prompt="Buat lintasan rintangan 3D sederhana dengan checkpoint dan garis finis" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/vibe-coding-game-prompts">100 Ide Prompt Game AI yang Dapat Anda Buat dengan Sekali Klik</a>: ambil sebuah ide dan jadikan game yang bisa dimainkan dalam sekitar satu menit</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026</a>: semua pilihan yang tersedia saat kemampuan Anda berkembang</li>
<li><a href="/id/guides/best-2d-game-engines-2026">Engine Game 2D Terbaik untuk 2026</a>: jika game pertama Anda berbentuk 2D</li>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Game dengan AI (Tanpa Pemrograman)</a>: pendekatan AI tanpa kode</li>
<li><a href="/id/guides/3d-browser-game-without-coding">Cara Membuat Game Browser 3D Tanpa Pemrograman</a>: 3D untuk pemula</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Merilis Game Anda di itch.io</a>: menerbitkan game pertama Anda</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Situs Model 3D Gratis Terbaik untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/free-3d-model-sites</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/free-3d-model-sites</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Situs model 3D gratis terbaik untuk game pada 2026, mulai dari sumber CC0 seperti Kenney, Quaternius, dan Poly Haven hingga Sketchfab dan penerus Google Poly, lengkap dengan penjelasan lisensinya.]]></description>
            <content:encoded><![CDATA[<h1>Situs Model 3D Gratis Terbaik untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Situs model 3D gratis terbaik untuk game pada 2026 adalah Kenney, Quaternius, KayKit, dan Poly Haven. Semuanya berlisensi CC0, jadi Anda dapat merilis model mereka secara komersial tanpa atribusi. Berikutnya adalah Sketchfab dan Poly Pizza yang menawarkan banyak variasi dengan beragam lisensi Creative Commons. Anda tidak perlu membuat semua model sendiri ataupun membayarnya. Ada banyak sekali model 3D gratis dan siap pakai untuk game, dan yang terbaik di antaranya berlisensi CC0, yang berarti Anda dapat menggunakannya secara komersial tanpa atribusi. Berikut situs yang layak ditandai pada 2026, diurutkan berdasarkan cara Anda benar-benar akan menggunakannya, dengan lisensi yang dijelaskan secara jelas.</p>
<p>Jika ingin langsung melihat hasilnya, kami menyediakan halaman model gratis yang dapat dijelajahi berdasarkan subjek: <a href="/game-assets/free-3d-character-models">karakter</a>, <a href="/game-assets/free-3d-vehicle-models">kendaraan</a>, <a href="/game-assets/free-3d-weapon-models">senjata</a>, <a href="/game-assets/free-3d-tree-models">pohon dan tanaman</a>, <a href="/game-assets/free-3d-furniture-models">furnitur</a>, <a href="/game-assets/free-3d-building-models">bangunan</a>, dan <a href="/game-assets/">lainnya</a>.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/pC937t3NlOA" title="Ribuan Model Game 3D GRATIS (aset CC0 Quaternius)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Tur ribuan model game 3D CC0 gratis dari Quaternius.</div>
<h2>Referensi singkat</h2>
<table>
<thead>
<tr>
<th>Kebutuhan</th>
<th>Sumber terbaik</th>
<th>Lisensi</th>
<th>Atribusi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Properti siap pakai untuk game dalam satu gaya yang seragam</td>
<td>Kenney</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Karakter low-poly bergaya</td>
<td>Quaternius, KayKit</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Karakter dasar dan pakaian dengan rig</td>
<td>Quaternius Universal Base Characters dan Modular Outfits</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Properti fotorealistis, tekstur, HDRI</td>
<td>Poly Haven</td>
<td>CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Variasi terluas, model kompleks</td>
<td>Sketchfab</td>
<td>Campuran, filter per model</td>
<td>Tergantung model</td>
</tr>
<tr>
<td>Arsip Google Poly, properti bergaya yang cepat digunakan</td>
<td>Poly Pizza, Icosa Gallery</td>
<td>Sebagian besar CC-BY</td>
<td>Cantumkan kredit kreator</td>
</tr>
<tr>
<td>Pindaian berkualitas AAA gratis</td>
<td>Fab (paket pemula Megascans)</td>
<td>Fab Standard, sebagian CC</td>
<td>Tidak ada, periksa halaman aset</td>
</tr>
<tr>
<td>Pustaka besar yang mengutamakan Blender</td>
<td>Tingkat gratis BlenderKit</td>
<td>Royalty-Free dan CC0</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Karya komunitas yang ramah sumber terbuka</td>
<td>OpenGameArt</td>
<td>CC0, CC-BY, OGA-BY, GPL</td>
<td>Tergantung aset</td>
</tr>
<tr>
<td>Gratisan dari marketplace</td>
<td>CGTrader, TurboSquid</td>
<td>Royalty-Free</td>
<td>Tidak ada</td>
</tr>
<tr>
<td>Pindaian museum dan antariksa</td>
<td>Smithsonian, NASA</td>
<td>CC0 / karya pemerintah AS</td>
<td>Tidak ada</td>
</tr>
</tbody>
</table>
<h2>Pilihan cepat</h2>
<ul>
<li><strong>Siap pakai untuk game, gaya konsisten, tanpa kerepotan:</strong> Kenney, Quaternius, KayKit (semuanya CC0).</li>
<li><strong>Model fotorealistis, tekstur, HDRI:</strong> Poly Haven (CC0).</li>
<li><strong>Variasi terluas, model kompleks:</strong> Sketchfab (lisensi campuran, periksa satu per satu).</li>
<li><strong>Low-poly, arsip Google Poly:</strong> Poly Pizza, Icosa Gallery (sebagian besar CC-BY).</li>
<li><strong>Properti unik yang tidak tersedia di tempat lain:</strong> Smithsonian Open Access dan NASA 3D Resources.</li>
<li><strong>Mengunduh karakter yang tidak bisa dianimasikan:</strong> <a href="/id/tools/rigger">Auto Rigger</a> Cinevva memasangkan kerangka di browser dan menyertakan klip berjalan, diam, serta bertarung, dengan rig karakter pertama Anda gratis.</li>
</ul>
<h2>Sumber CC0 andalan (tanpa atribusi, aman untuk penggunaan komersial)</h2>
<h3>Kenney</h3>
<p>Titik awal terbaik. Kenney menawarkan puluhan ribu aset siap pakai untuk game, semuanya CC0, yang mencakup model 3D, sprite, UI, dan audio dalam gaya visual konsisten yang dapat dipadupadankan. Semuanya dioptimalkan untuk game, dengan atlas tekstur bersama dan jumlah poligon yang wajar. Jika ingin mendapatkan tampilan yang seragam dengan cepat, mulailah dari sini.</p>
<figure class="sample-sheet">
<a href="/id/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-3d.jpg" alt="Contoh model 3D CC0 dari Kenney: mobil balap, pesawat luar angkasa, menara pengepungan, rumah, kapal bajak laut, kincir angin, UFO, dan mobil pemadam kebakaran" loading="lazy"></a>
<figcaption>Delapan properti Kenney, semuanya CC0. <a href="/id/assets?providers=kenney">Jelajahi seluruh koleksi Kenney di pustaka aset</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://kenney.nl">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0, tidak memerlukan atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 200 paket, dengan lebih dari 60.000 aset individual menurut <a href="https://kenney.itch.io/kenney-game-assets">halaman All-in-1</a> milik Kenney</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLB/GLTF, OBJ, FBX untuk 3D, serta PNG dan WAV</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, ZIP gratis per paket, tanpa perlu akun</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Membuat prototipe dengan cepat dan merilis game dalam satu gaya yang seragam</td>
</tr>
</tbody>
</table>
<h3>Quaternius</h3>
<p>Model 3D low-poly yang imut dan bergaya, semuanya CC0, disusun dalam paket bertema (karakter, lingkungan, kendaraan, monster), ditambah pustaka animasi universal yang berfungsi di seluruh paket karakter. Cocok untuk game indie yang menginginkan estetika low-poly menawan.</p>
<figure class="sample-sheet">
<a href="/id/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-quaternius.jpg" alt="Contoh model low-poly CC0 dari Quaternius: monster, kapten bajak laut, mech, penyihir, pesawat luar angkasa, shiba inu, dan kesatria" loading="lazy"></a>
<figcaption>Karakter dan kapal Quaternius, semuanya CC0 dan sebagian besar telah dianimasikan. <a href="/id/assets">Cari di pustaka aset gratis</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://quaternius.com">quaternius.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0, tidak memerlukan atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 80 paket bertema, termasuk Universal Base Characters dengan rig dan kit CC0 Modular Character Outfits</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLTF/GLB, FBX</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, ZIP gratis per paket, tanpa perlu akun</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Karakter dan makhluk low-poly dengan animasi yang serasi</td>
</tr>
</tbody>
</table>
<h3>KayKit oleh Kay Lousberg</h3>
<p>KayKit adalah lini paket aset low-poly buatan Kay Lousberg yang mengisi celah antara Kenney dan Quaternius dengan kit dungeon, paket karakter (petualang, kerangka), medan heksagonal, dan puluhan paket properti &quot;Bits&quot; bertema. Sebagian besar paket tersedia gratis dan berlisensi CC0, dengan bundel lengkap berbayar jika Anda menginginkan semuanya sekaligus. Paket karakternya dilengkapi animasi dan memiliki rig yang rapi.</p>
<figure class="sample-sheet">
<a href="/id/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-kaykit.jpg" alt="Contoh model CC0 dari KayKit: peti harta karun, penyihir kerangka, kesatria, menara heksagonal, penyihir, menara air, tong, dan lentera labu" loading="lazy"></a>
<figcaption>Paket dungeon dan karakter KayKit, berlisensi CC0. <a href="/id/assets">Cari KayKit di pustaka aset</a>.</figcaption>
</figure>
<figure class="sample-sheet">
<a href="/id/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-kaylousberg.jpg" alt="Contoh properti interior dan taman CC0 oleh Kay Lousberg: kulkas, kue ulang tahun, kaktus, pohon, bangku taman, bak mandi, air mancur, dan roti" loading="lazy"></a>
<figcaption>Paket Bits rumah tangga dan taman dari Kay Lousberg, berlisensi CC0. <a href="/id/assets">Temukan di pustaka aset</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://kaylousberg.itch.io">kaylousberg.itch.io</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 pada paket gratis, tidak memerlukan atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Sekitar 25 paket, sebagian besar gratis</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLTF, FBX, OBJ</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, melalui <a href="http://itch.io">itch.io</a> (bayar sesuka Anda dengan harga $0)</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Game penjelajahan dungeon, properti RPG, karakter fantasi beranimasi</td>
</tr>
</tbody>
</table>
<h3>Poly Haven</h3>
<p>Model 3D fotorealistis, tekstur PBR, dan HDRI, semuanya CC0, dengan berbagai resolusi dan API tanpa kunci untuk unduhan langsung. Lebih dari 2.300 aset dan terus bertambah per September 2026 (<a href="https://api.polyhaven.com/assets?t=models">API publik</a> mencantumkan 521 model, 856 set tekstur, dan 993 HDRI). Paling cocok untuk properti, lingkungan, dan pencahayaan realistis. Koleksi HDRI-nya saja sudah layak ditandai; semuanya dapat membuat adegan apa pun terlihat lebih baik hanya dengan sekali klik, dan halaman <a href="/game-assets/free-hdri-skies">langit HDRI gratis</a> kami mengumpulkan pilihan terbaiknya.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://polyhaven.com">polyhaven.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0, tidak memerlukan atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 2.300 (520+ model, 850+ tekstur PBR, 990+ HDRI)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLTF, Blend, FBX, resolusi dari 1K hingga 16K</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya, publik dan tanpa kunci</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Properti realistis, material, dan pencahayaan berbasis gambar</td>
</tr>
</tbody>
</table>
<h3>PolygonalMind</h3>
<p>Studio yang membuka sebagian karyanya sebagai sumber terbuka. Proyek 100 Avatars telah merilis lebih dari 200 karakter low-poly CC0 dalam dua putaran penuh (dengan putaran ketiga sedang dikerjakan), masing-masing telah diberi rig dan siap digunakan untuk game atau VR, ditambah paket properti CC0 bertema yang diterbitkan di Sketchfab dan GitHub. Sumber yang bagus untuk karakter bergaya dan beragam ketika Anda membutuhkan kerumunan.</p>
<figure class="sample-sheet">
<a href="/id/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-polygonalmind.jpg" alt="Contoh avatar CC0 dari proyek 100 Avatars milik PolygonalMind: delapan karakter bergaya dengan rig" loading="lazy"></a>
<figcaption>Delapan dari 200+ avatar CC0 dengan rig dari 100 Avatars. <a href="/id/assets">Jelajahi avatar di pustaka aset</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://github.com/PolygonalMind">github.com/PolygonalMind</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 pada rilis sumber terbuka</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 200 avatar ditambah paket properti bertema</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX, VRM, GLB (bervariasi menurut paket)</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, melalui rilis GitHub dan Sketchfab</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Karakter bergaya dengan rig dalam jumlah besar</td>
</tr>
</tbody>
</table>
<h2>Pustaka besar (lisensi campuran, periksa satu per satu)</h2>
<h3>Sketchfab</h3>
<p>Pustaka model 3D terbesar, dengan jutaan model dan pratinjau 3D sebelum Anda mengunduhnya. Lisensi berbeda-beda untuk setiap model, jadi gunakan filter dapat diunduh serta CC0 atau CC-BY. Kisah Sketchfab pada 2026 terbagi menjadi dua bab. Pertama, toko berbayar Sketchfab ditutup dan aktivitas penjualan dipindahkan ke Fab milik Epic. Hanya konten CC-BY dan Fab Standard yang dapat dipindahkan, sehingga model CC0, CC-BY-SA, CC-BY-NC, dan CC-BY-ND tetap berada di Sketchfab. Kemudian, pada 10 Agustus 2026, Epic <a href="https://www.epicgames.com/site/news/kitbash-acquires-artstation-and-sketchfab">menjual Sketchfab dan ArtStation kepada KitBash</a>, perusahaan di balik KitBash3D dan Greyscalegorilla, yang menyatakan bahwa belum ada perubahan langsung terhadap cara Anda mengakses atau menggunakan kedua situs tersebut. Per September 2026, unduhan gratis dan API unduhan masih berfungsi (kami memeriksa API-nya bulan ini), dan rencana Epic sebelumnya untuk menghapus lisensi gratis dari Sketchfab belum diterapkan di bawah pemilik baru. Anggaplah Sketchfab sebagai sumber yang masih berguna, tetapi masa depannya sedang ditentukan oleh pihak baru. Jadi, ambil yang Anda perlukan alih-alih berasumsi bahwa semuanya akan selalu tersedia.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://sketchfab.com">sketchfab.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Campuran, per model (CC0, CC-BY, CC-BY-NC, dan lainnya)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Jutaan model</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLTF, FBX, OBJ, USDZ</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya, API unduhan dan penampil masih aktif per September 2026</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Menemukan satu model spesifik yang tidak tersedia di tempat lain</td>
</tr>
</tbody>
</table>
<h3>Poly Pizza dan Icosa Gallery</h3>
<p>Google Poly ditutup pada 2021, tetapi katalog low-poly-nya tetap hidup. Poly Pizza menampung lebih dari 10.600 model gratis (berdasarkan jumlah di halaman utamanya per September 2026), termasuk koleksi arsip &quot;Poly by Google&quot; serta ribuan unggahan komunitas baru. Icosa Gallery yang bersifat nirlaba melanjutkan misi terbuka tersebut dengan arsip dan API-nya sendiri, serta keterkaitan dengan proyek Open Brush dan Open Blocks. Sebagian besar model di kedua situs berlisensi CC-BY (cantumkan kredit kreator), dengan beberapa model CC0. Sangat cocok untuk properti bergaya yang cepat digunakan dan selaras dengan tampilan Kenney serta Quaternius.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://poly.pizza">poly.pizza</a> dan <a href="https://icosa.gallery">icosa.gallery</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Sebagian besar CC-BY, sebagian CC0, ditampilkan per model</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 10.600 di Poly Pizza, ditambah ribuan lainnya di Icosa</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLB/GLTF, OBJ</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, tanpa perlu akun di Poly Pizza</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Properti low-poly cepat jika Anda tidak keberatan mencantumkan satu baris kredit</td>
</tr>
</tbody>
</table>
<h3>Fab (Epic)</h3>
<p>Marketplace terpadu Epic, penerus Unreal Marketplace, Quixel Megascans, dan toko Sketchfab. Daya tarik utamanya bagi pemburu aset adalah koleksi pemula Megascans gratis yang dideskripsikan Epic sebagai &quot;1500+ aset&quot; yang dapat digunakan &quot;di engine atau alat apa pun&quot; berdasarkan lisensi Fab Standard (menurut <a href="https://forums.unrealengine.com/t/megascans-starter-content-on-fab/2255322">pengumuman forum Epic</a>), ditambah pilihan konten gratis berbatas waktu yang berganti secara berkala. Pustaka Megascans yang lebih luas menjadi berbayar pada akhir 2024. Periksa lisensi pada setiap halaman aset sebelum merilis game.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.fab.com">fab.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Fab Standard (Personal/Professional) dan sebagian Creative Commons</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Paket pemula Megascans gratis dengan 1.500+ aset, ditambah konten gratis berbatas waktu yang berganti secara berkala</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Unreal, Unity, glTF, dan lainnya</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, setelah mendaftar secara gratis</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Pindaian fotorealistis dan kebiasaan berburu gratisan dua mingguan</td>
</tr>
</tbody>
</table>
<h3>OpenGameArt</h3>
<p>Repositori karya komunitas untuk game sumber terbuka dan indie yang beroperasi sejak 2009. Situs ini menampung karya 2D dan 3D, audio, serta tekstur di bawah serangkaian lisensi terbuka yang ketat (CC0, CC-BY 3.0 dan 4.0, CC-BY-SA 3.0 dan 4.0, OGA-BY 3.0 dan 4.0, GPL 2.0 dan 3.0, menurut <a href="https://opengameart.org/content/faq">FAQ</a>-nya), jadi semua yang tersedia di sana legal digunakan selama Anda mengikuti lisensi yang ditampilkan. FAQ tersebut juga menegaskan bahwa ini mencakup proyek komersial. Bagian 3D-nya lebih kecil dan kurang konsisten dibandingkan situs khusus model, tetapi menyimpan banyak temuan berharga, dan filter lisensinya memudahkan penjelajahan aset CC0 saja. Waspadai aset berlisensi GPL, yang dapat memberlakukan kewajiban berbagi serupa pada proyek Anda.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://opengameart.org">opengameart.org</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0, CC-BY, CC-BY-SA, OGA-BY, atau GPL, tergantung aset</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan kontribusi komunitas yang mencakup 2D, 3D, dan audio</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Bervariasi (Blend, OBJ, FBX, GLTF)</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, tanpa perlu akun</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Menjelajah dengan filter CC0 dan proyek yang ramah sumber terbuka</td>
</tr>
</tbody>
</table>
<h3>BlenderKit</h3>
<p>Pustaka aset besar yang tersedia di dalam add-on Blender, sehingga model, material, dan HDRI dapat langsung dimasukkan ke adegan Anda. Tingkat gratisnya benar-benar besar: lebih dari 17.000 model gratis, 26.000 material gratis, dan 2.000 HDRI gratis berdasarkan hitungan publik terakhir. BlenderKit hanya menggunakan dua lisensi, Bebas Royalti dan CC0, dan Anda dapat memfilter salah satunya. Bebas Royalti di sini berarti aset dapat digunakan secara komersial dalam game Anda, tetapi aset mentahnya tidak boleh dijual kembali.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.blenderkit.com">blenderkit.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas Royalti atau CC0, dapat difilter</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 45.000 aset gratis (model, material, HDRI, kuas)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Blend secara native, ekspor ke GLB/FBX dari Blender</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya, melalui add-on Blender, memerlukan akun gratis</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Mengisi adegan dan menyediakan material jika Blender menjadi bagian dari pipeline Anda</td>
</tr>
</tbody>
</table>
<h2>Bagian gratis marketplace (bebas royalti, baca ketentuannya dengan teliti)</h2>
<h3>TurboSquid</h3>
<p>Marketplace 3D besar tertua, kini dimiliki Shutterstock, dengan bagian gratis yang cukup besar. Model gratis menggunakan lisensi bebas royalti TurboSquid yang sama seperti model berbayar: game untuk konsol, PC, perangkat seluler, dan VR secara eksplisit diizinkan, Anda dapat menggunakan model dalam proyek tanpa batas selamanya, tetapi Anda tidak boleh mendistribusikan ulang file mentahnya dan pengguna akhir tidak boleh dapat mengekstraknya. Hindari apa pun yang berlabel &quot;Editorial Use&quot; karena model tersebut tidak boleh dirilis dalam game komersial.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.turbosquid.com/Search/3D-Models/free">turbosquid.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas royalti TurboSquid, diizinkan untuk game</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Bagian gratis yang besar dalam katalog berisi jutaan model</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MAX, FBX, OBJ, Blend, GLTF (bervariasi menurut model)</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Setelah mendaftar akun gratis</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Properti realistis satuan, kendaraan, dan model hard-surface</td>
</tr>
</tbody>
</table>
<h3>CGTrader</h3>
<p>Bagian gratis terbesar di antara semua marketplace, dengan lebih dari 150.000 model gratis (<a href="https://www.cgtrader.com/free-3d-models">bagian gratis</a> CGTrader berisi sedikit di atas 150.000 model per September 2026). Lisensi bebas royaltinya mengizinkan penggunaan komersial dalam game tanpa biaya tambahan, dengan batasan yang sama seperti TurboSquid: model harus diintegrasikan ke dalam game agar pemain tidak dapat mengambil filenya, dan Anda tidak boleh menjualnya kembali secara terpisah. Kualitasnya jauh lebih bervariasi daripada situs yang dikurasi, jadi periksa jumlah poligon dan tekstur sebelum memutuskan menggunakannya.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.cgtrader.com/free-3d-models">cgtrader.com/free-3d-models</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas royalti CGTrader, penggunaan komersial diizinkan</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 150.000 model gratis</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX, OBJ, Blend, GLTF, MAX (bervariasi menurut model)</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Setelah mendaftar akun gratis</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Pilihan yang sangat banyak saat situs CC0 tidak memiliki aset yang Anda cari</td>
</tr>
</tbody>
</table>
<h2>Pindaian domain publik (museum dan antariksa)</h2>
<h3>Smithsonian Open Access 3D</h3>
<p>Smithsonian merilis jutaan benda koleksinya di bawah CC0, termasuk lebih dari 2.000 pindaian 3D yang dapat diunduh: fosil dinosaurus, wahana antariksa, patung, instrumen, dan artefak yang tidak akan Anda temukan di tempat lain. Cari tanda CC0 pada halaman model. Pindaiannya banyak mengandalkan fotogrametri, jadi rencanakan untuk mengurangi jumlah poligonnya di Blender sebelum digunakan dalam game browser.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://3d.si.edu">3d.si.edu</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 pada model yang ditandai, periksa satu per satu</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 2.000 pindaian 3D</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>OBJ, glTF/GLB</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, tanpa perlu akun</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Properti berkualitas museum, fosil, dan dekorasi latar bersejarah</td>
</tr>
</tbody>
</table>
<h3>NASA 3D Resources</h3>
<p>NASA menerbitkan ratusan model wahana antariksa, penjelajah, asteroid, dan medan planet yang dapat diunduh serta digunakan secara gratis berdasarkan pedoman penggunaan media NASA (sebagian besar materi buatan NASA tidak dilindungi hak cipta, tetapi jangan menyiratkan bahwa NASA mendukung game Anda atau menggunakan lambang NASA). Kualitas mesh berkisar dari pindaian siap cetak hingga model rekayasa asli, dan koleksinya juga dicerminkan di GitHub.</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://science.nasa.gov/3d-resources/">science.nasa.gov/3d-resources</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Gratis berdasarkan pedoman media NASA, tanpa menyiratkan dukungan</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ratusan model dan tekstur</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLB, FBX, Blend, STL, 3DS, dan lainnya</td>
</tr>
<tr>
<td><strong>Unduhan langsung</strong></td>
<td>Ya, tanpa perlu akun</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Game antariksa yang menginginkan penjelajah Curiosity asli</td>
</tr>
</tbody>
</table>
<h2>Membuat model dengan AI</h2>
<p>Pada 2026, membuat model bisa lebih cepat daripada mencarinya. Alat seperti Meshy dan Tripo mengubah teks atau gambar menjadi mesh 3D bertekstur, sementara model terbuka seperti Hunyuan3D dan TRELLIS.2 dapat Anda host sendiri. Sebagian besar alat yang di-host membatasi hak komersial di balik paket berbayar, jadi periksa ketentuannya. Panduan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami membandingkan setiap alat teks-ke-3D dan gambar-ke-3D yang layak digunakan, lengkap dengan penjelasan lisensi masing-masing, sementara <a href="/id/guides/ai-asset-generators-games">panduan generator aset AI</a> membahas pipeline yang lebih luas. Cinevva juga memiliki <a href="/id/tools/hunyuan3d#prompt=a%20low%20poly%20wooden%20market%20stall%20with%20a%20striped%20awning">Generator Model 3D</a> bawaan yang mengubah foto atau prompt teks menjadi model.</p>
<p>Jika benda yang Anda cari tidak tersedia di pustaka mana pun di atas, biasanya lebih cepat mendeskripsikannya daripada terus mencari. Pendekatan ini sangat berguna untuk satu properti yang tidak pernah disertakan dalam paket gratis, kendaraan saat semua paket hanya menyediakan mobil, atau dekorasi latar untuk adegan tertentu.</p>
<p>Satu hal yang perlu diingat terkait semua opsi di atas: mesh hasil generasi tidak memiliki edge loop yang dirancang untuk deformasi, jadi mesh tersebut sangat baik untuk properti dan dekorasi latar, tetapi kurang cocok untuk karakter utama yang akan dianimasikan dari jarak dekat.</p>
<h2>Menyiapkan model agar siap digunakan dalam game</h2>
<p>Menemukan model baru separuh pekerjaan. Berikut cara memastikan model tersebut benar-benar dapat berjalan dalam game Anda.</p>
<p><strong>Utamakan GLB untuk game web.</strong> GLB adalah satu file biner yang menyertakan mesh, material, dan tekstur, dan setiap engine web (Three.js, Babylon.js, PlayCanvas) dapat memuatnya secara native. Jika model hanya tersedia sebagai FBX atau OBJ, buka di Blender lalu ekspor ke GLB; prosesnya hanya memerlukan satu menit. Kenney, Quaternius, KayKit, dan Poly Haven semuanya sudah menyediakan GLTF/GLB, yang menjadi salah satu alasan utama mereka berada di urutan teratas daftar ini.</p>
<p><strong>Perhatikan anggaran poligon.</strong> Game browser berjalan di perangkat keras apa pun yang digunakan pemain, termasuk ponsel berusia tiga tahun. Sebagai patokan, batasi properti hingga beberapa ratus atau beberapa ribu segitiga, karakter utama antara 10.000 dan 30.000, dan setiap unduhan di bawah 100.000. Model dari marketplace dan museum sering kali jauh melampaui batas ini, jadi periksa jumlah segitiganya sebelum terlanjur menyukai model tersebut, atau rencanakan proses pengurangan poligon di Blender.</p>
<p><strong>Perhatikan draw call, bukan hanya poligon.</strong> Lima puluh properti terpisah dengan lima puluh material akan lebih membebani daripada satu mesh padat. Paket yang dikurasi juga membantu dalam hal ini; aset Kenney dan Quaternius menggunakan atlas tekstur bersama sehingga seluruh adegan dapat dirender hanya dengan beberapa draw call.</p>
<p><strong>Periksa lisensi sebelum merilis, bukan sesudahnya.</strong> Simpan tangkapan layar atau PDF halaman lisensi untuk setiap model non-CC0 yang Anda gunakan, dan pelihara daftar kredit untuk aset CC-BY. Mencari kembali asal suatu model setahun kemudian sangat merepotkan.</p>
<p><strong>Lakukan rigging pada karakter yang Anda unduh.</strong> Langkah inilah yang menghambat kebanyakan orang. Hampir setiap model karakter gratis dalam daftar ini disediakan sebagai mesh statis tanpa kerangka, sehingga tidak dapat berjalan, diam, atau menyerang sebelum di-rig, sedangkan penempatan tulang secara manual ditambah weight painting di Blender benar-benar dapat menghabiskan satu sore. <a href="/id/tools/rigger">Auto Rigger</a> Cinevva melakukannya di browser, dan karakter pertama Anda yang telah di-rig dapat diunduh secara gratis: unggah GLB, FBX, atau OBJ yang baru saja Anda unduh, lalu dapatkan kembali GLB yang telah di-rig. Untuk humanoid, Anda mendapatkan kerangka yang kompatibel dengan Mixamo dan dapat menyematkan gerakan berdasarkan kategori, mulai dari lokomosi hingga pertarungan dan reaksi, sehingga siklus berjalan sudah tersedia di dalam file yang dikembalikan. Karakter berkaki empat seperti paket hewan KayKit dan Quaternius juga didukung oleh engine Pro, dan dikembalikan sebagai rig tanpa klip animasi yang disematkan, jadi Anda perlu menganimasikannya sendiri. <a href="/id/guides/free-character-animations-rigging">Panduan animasi dan rigging karakter gratis</a> kami membahas alternatif desktop.</p>
<p><strong>Atau tak perlu bolak-balik membuka tab.</strong> <a href="/id/assets">Pencarian aset</a> Cinevva menelusuri Kenney, Quaternius, Poly Haven, Sketchfab, dan lainnya dari satu kotak pencarian, dengan informasi lisensi pada setiap kartu serta filter per sumber seperti <a href="/id/assets?providers=kenney">hanya Kenney</a> atau <a href="/id/assets?providers=polyhaven">hanya Poly Haven</a>.</p>
<h2>Lisensi dalam 30 detik</h2>
<ul>
<li><strong>CC0:</strong> domain publik. Dapat digunakan secara komersial dan dimodifikasi tanpa atribusi. Pilihan paling aman.</li>
<li><strong>CC-BY:</strong> penggunaan komersial gratis, tetapi Anda harus mencantumkan kredit pembuatnya.</li>
<li><strong>Bebas Royalti:</strong> bayar sekali (atau gratis), lalu gunakan tanpa biaya per penggunaan, tetapi Anda tidak boleh menjual kembali file mentahnya.</li>
<li><strong>CC-BY-NC / Editorial:</strong> tidak boleh digunakan secara komersial. Hindari untuk game yang akan Anda jual.</li>
</ul>
<p>Jika ragu, pilih CC0. Untuk penjelasan lengkap, lihat <a href="/id/guides/game-asset-licenses">panduan lisensi aset game</a> kami.</p>
<h2>Pertanyaan Umum</h2>
<h3>Di mana saya dapat menemukan model 3D gratis untuk game?</h3>
<p>Kenney, Quaternius, KayKit, dan Poly Haven adalah titik awal terbaik. Semuanya berlisensi CC0, sehingga dapat digunakan secara komersial tanpa atribusi. Untuk pilihan yang lebih beragam, Sketchfab memiliki jutaan model dengan berbagai lisensi, Poly Pizza menampung arsip katalog Google Poly, dan bagian gratis CGTrader memiliki lebih dari 150.000 model. Selalu periksa lisensi masing-masing model sebelum merilis game.</p>
<h3>Apa arti CC0 untuk model 3D?</h3>
<p>CC0 berarti model tersebut berada dalam domain publik: Anda dapat menggunakannya dalam game komersial, memodifikasinya, dan tidak perlu mencantumkan kredit pembuatnya. Ini adalah lisensi yang paling longgar dan berisiko paling rendah. Kenney, Quaternius, KayKit, Poly Haven, dan AmbientCG merupakan sumber CC0 utama untuk aset game.</p>
<h3>Apakah model 3D gratis boleh digunakan untuk game komersial?</h3>
<p>Sebagian besar boleh, tetapi bergantung pada lisensinya. Aset CC0 selalu aman. CC-BY mewajibkan Anda mencantumkan kredit pembuatnya. Model marketplace bebas royalti mengizinkan penggunaan dalam game komersial, tetapi melarang distribusi ulang file mentahnya. Model CC-BY-NC dan khusus Editorial tidak boleh digunakan dalam game yang Anda jual, jadi periksa lisensi setiap model dan utamakan CC0 jika memungkinkan.</p>
<h3>Apa yang terjadi pada Google Poly?</h3>
<p>Google menutup Poly pada 30 Juni 2021. Katalognya diarsipkan oleh komunitas sebelum ditutup dan kini tersedia di dua tempat: Poly Pizza menampung koleksi &quot;Poly by Google&quot; bersama ribuan unggahan baru, sementara Icosa Gallery yang bersifat nirlaba meneruskan misi platform terbuka tersebut. Sebagian besar model yang diarsipkan berlisensi CC-BY, jadi cantumkan kredit pembuat aslinya.</p>
<h3>Apakah Sketchfab akan ditutup?</h3>
<p>Tidak ditutup, dan kini memiliki pemilik baru. Epic menutup toko Sketchfab pada 2024 dan memindahkan penjualan ke Fab, tempat hanya konten CC-BY dan Fab Standard yang dapat dimigrasikan, lalu menjual Sketchfab dan ArtStation kepada KitBash pada 10 Agustus 2026. KitBash menyatakan tidak ada perubahan langsung, dan per September 2026 situs, unduhan gratis, serta API unduhannya masih berfungsi, termasuk model CC0 yang masih dapat diunduh. Langkah paling aman tetap mengunduh apa pun yang Anda tahu akan dibutuhkan daripada berasumsi bahwa situs tersebut akan terus tersedia selamanya.</p>
<h3>Apa saja situs model 3D gratis terbaik pada 2026?</h3>
<p>Untuk model siap pakai dalam game, Kenney, Quaternius, dan KayKit memimpin karena semuanya berlisensi CC0 dan dibuat untuk engine, sementara Poly Haven adalah sumber CC0 fotorealistis terbaik untuk model, tekstur, dan HDRI. Sketchfab menawarkan variasi terluas dengan berbagai lisensi, Poly Pizza menyediakan arsip Google Poly di bawah CC-BY, dan CGTrader memiliki bagian gratis marketplace terbesar dengan lebih dari 150.000 model. Pilih berdasarkan arahan visual terlebih dahulu, lalu lisensinya, dan Anda jarang memerlukan lebih dari dua atau tiga situs ini.</p>
<h3>Untuk game indie komersial, di mana saya dapat menemukan aset pakaian 3D bebas royalti dengan lisensi yang jelas?</h3>
<p>Mulailah dengan paket <a href="https://quaternius.com/packs/modularcharacteroutfitsfantasy.html">Modular Character Outfits</a> dari Quaternius: 12 pakaian fantasi dalam 62 bagian yang dapat dipertukarkan, masing-masing dengan tiga variasi tekstur, berlisensi CC0, tersedia dalam FBX dan glTF, serta dibuat agar cocok dengan <a href="https://quaternius.com/packs/universalbasecharacters.html">Universal Base Characters</a>, tetapi juga dapat digunakan pada kepala karakter buatan Anda sendiri. Paket karakter CC0 dari Kenney dan KayKit menyediakan pakaian yang menyatu dengan karakter, bukan sebagai pakaian terpisah, yang tidak menjadi masalah jika Anda memang menggunakan karakter mereka. Di luar CC0, pencarian Sketchfab memungkinkan Anda menggabungkan filter &quot;downloadable&quot; dengan CC0 atau CC-BY untuk istilah seperti &quot;jacket&quot; atau &quot;armor&quot;, sedangkan Fab, CGTrader, dan TurboSquid menjual pakaian bebas royalti yang dapat Anda sertakan dalam game, tetapi tidak boleh didistribusikan ulang sebagai file. Untuk material kain alih-alih pakaian, halaman <a href="/game-assets/free-fabric-textures">tekstur kain gratis</a> kami mengumpulkan set PBR CC0, dan untuk properti pakaian satuan yang tidak tersedia dalam paket mana pun, <a href="/id/tools/hunyuan3d">Generator Model 3D</a> Cinevva dapat membuatnya dari deskripsi. Apa pun yang Anda pilih, simpan halaman lisensi setiap item non-CC0 sebelum mengembangkan proyek di atasnya.</p>
<h3>Situs model 3D gratis mana yang tidak memerlukan pendaftaran?</h3>
<p>Kenney, Quaternius, KayKit (bayar sesuka Anda seharga $0 di <a href="http://itch.io">itch.io</a>, tanpa perlu akun), Poly Haven, Poly Pizza, OpenGameArt, Smithsonian Open Access, dan NASA 3D Resources semuanya memungkinkan Anda mengunduh tanpa akun. Sketchfab, Fab, CGTrader, TurboSquid, dan BlenderKit memerlukan akun gratis sebelum tombol unduh dapat digunakan. Jika Anda menginginkan satu kotak pencarian untuk berbagai sumber CC0 tanpa pendaftaran, <a href="/id/assets">pencarian aset</a> Cinevva mencakup Kenney, Quaternius, dan Poly Haven sekaligus.</p>
<h3>Apa alternatif gratis terbaik untuk TurboSquid?</h3>
<p>Untuk aset siap pakai dalam game, Kenney, Quaternius, dan KayKit mengungguli bagian gratis marketplace mana pun karena semua asetnya berlisensi CC0 dan dioptimalkan untuk game engine. Untuk hasil pemindaian realistis, Poly Haven dan paket pemula Megascans gratis dari Fab lebih unggul. Jika Anda secara khusus menginginkan variasi marketplace, bagian gratis CGTrader lebih besar daripada TurboSquid, dengan lebih dari 150.000 model gratis di bawah lisensi bebas royalti yang serupa.</p>
<h3>Berapa jumlah poligon yang ideal untuk model game web?</h3>
<p>Batasi properti hingga beberapa ratus atau beberapa ribu segitiga, karakter antara 10.000 hingga 30.000, dan hindari satu model yang memiliki lebih dari 100.000 segitiga. Agar berjalan lancar di ponsel kelas menengah, seluruh adegan browser sebaiknya memiliki total beberapa ratus ribu segitiga saja. <a href="/id/tools/glb-viewer">Inspektur glTF</a> akan menunjukkan seberapa berat model yang Anda unduh. Jika terlalu berat, modifier Decimate di Blender biasanya dapat memangkas jumlahnya hingga setengah sebelum perbedaannya terlihat.</p>
<h3>Bisakah saya membuat model 3D dengan AI?</h3>
<p>Bisa. Alat seperti Meshy dan Tripo membuat mesh bertekstur dari teks atau gambar, sedangkan model terbuka seperti Hunyuan3D dan TRELLIS.2 dapat di-host sendiri. Hak penggunaan komersial pada alat yang di-host biasanya memerlukan paket berbayar, jadi pastikan untuk memeriksa ketentuannya. Pembuatan model dengan AI kini semakin cepat dibandingkan mencari model gratis yang tepat. Lihat perbandingan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami untuk menentukan alat yang sesuai.</p>
<p><BuildCta
  title="Tak perlu mengunduh. Biarkan properti ditempatkan untuk Anda"
  desc="Cinevva menyediakan ribuan properti CC0 gratis dan menempatkannya ke dalam game untuk Anda."
  prompt="Buat adegan perkemahan low-poly yang bisa saya jelajahi pada malam hari dengan senter" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: panduan lengkap dengan lebih dari 20 sumber</li>
<li><a href="/id/guides/sketchfab-polyhaven-kenney">Sketchfab vs Poly Haven vs Kenney</a>: perbandingan langsung tiga sumber terbaik</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a>: buat aset alih-alih mencarinya</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a>: CC0, CC-BY, dan lisensi lainnya</li>
<li><a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a>: sumber daya audio</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Auto-Rigging Gratis</a>: lakukan rigging pada karakter yang baru Anda unduh</li>
<li><a href="/id/tools/rigger">Auto Rigger Cinevva</a>: rigging di browser, mendukung masukan GLB, FBX, atau OBJ, dengan rig pertama gratis</li>
<li><a href="/game-assets/free-3d-character-models">Model karakter 3D gratis</a>, <a href="/game-assets/free-3d-vehicle-models">kendaraan</a>, <a href="/game-assets/free-3d-weapon-models">senjata</a>, dan <a href="/game-assets/free-low-poly-3d-models">paket low-poly</a>: jelajahi pustaka gratis berdasarkan kategori</li>
</ul>
<style scoped>
.sample-sheet { margin: 1.25rem 0; }
.sample-sheet > a { display: block; }
.sample-sheet img { width: 100%; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.sample-sheet figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Efek Suara dan Musik Gratis untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/free-sound-effects-music</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/free-sound-effects-music</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Tempat menemukan efek suara dan musik gratis untuk game pada 2026, mulai dari sumber CC0 seperti Kenney dan Freesound hingga Incompetech dan Pixabay, lengkap dengan penjelasan lisensi dan atribusi.]]></description>
            <content:encoded><![CDATA[<h1>Efek Suara dan Musik Gratis untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Efek suara gratis terbaik untuk game tersedia di Freesound (lebih dari 730.000 suara, sekitar separuhnya CC0), paket audio CC0 dari Kenney, dan bundel Sonniss GDC (7 GB SFX studio bebas royalti setiap tahun), sedangkan Pixabay Music dan Incompetech menyediakan musik gratis dengan maupun tanpa kewajiban mencantumkan kredit. Audio menentukan separuh dari kesan sebuah game, dan Anda tidak memerlukan anggaran untuk mendapatkannya. Namun, lisensinya sangat bervariasi, dan beberapa situs populer hanya mengizinkan penggunaan nonkomersial, yang diam-diam dapat menggagalkan game yang ingin Anda jual. Berikut tempat mencarinya pada 2026 dan apa saja yang benar-benar boleh Anda distribusikan.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/eFSKkNdHh_k" title="Tempat Mendapatkan Efek Suara dan Musik untuk Game Anda (Gratis dan Berbayar)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Ringkasan sumber gratis dan berbayar untuk efek suara dan musik game.</div>
<h2>Referensi Cepat</h2>
<table>
<thead>
<tr>
<th>Kebutuhan</th>
<th>Sumber Terbaik</th>
<th>Lisensi</th>
<th>Atribusi</th>
</tr>
</thead>
<tbody>
<tr>
<td>SFX dalam jumlah besar, kualitas studio</td>
<td><a href="https://sonniss.com/gameaudiogdc">Bundel Sonniss GDC</a></td>
<td>Bebas royalti</td>
<td>Tidak</td>
</tr>
<tr>
<td>Satu suara tertentu</td>
<td><a href="https://freesound.org">Freesound</a> (filter CC0)</td>
<td>CC0</td>
<td>Tidak</td>
</tr>
<tr>
<td>SFX siap pakai dengan gaya konsisten</td>
<td><a href="https://kenney.nl/assets/category:Audio">Kenney</a></td>
<td>CC0</td>
<td>Tidak</td>
</tr>
<tr>
<td>SFX cepat untuk UI dan game kasual</td>
<td><a href="https://mixkit.co/free-sound-effects/">Mixkit</a></td>
<td>Lisensi gratis Mixkit</td>
<td>Tidak</td>
</tr>
<tr>
<td>Musik latar tanpa kerumitan</td>
<td><a href="https://pixabay.com/music/">Pixabay Music</a></td>
<td>Lisensi Konten Pixabay</td>
<td>Tidak</td>
</tr>
<tr>
<td>Beragam pilihan soundtrack</td>
<td><a href="https://incompetech.com">Incompetech</a></td>
<td>CC-BY 4.0</td>
<td>Ya</td>
</tr>
<tr>
<td>Musik chiptune dan RPG</td>
<td><a href="https://opengameart.org">OpenGameArt</a></td>
<td>CC0 / CC-BY per item</td>
<td>Tergantung</td>
</tr>
<tr>
<td>Paket tematik dengan gaya khas</td>
<td><a href="https://itch.io/game-assets/free/tag-audio">itch.io</a></td>
<td>Per paket, sering kali CC0</td>
<td>Tergantung</td>
</tr>
<tr>
<td>Pustaka SFX besar, tidak masalah mencantumkan kredit</td>
<td><a href="https://www.zapsplat.com">ZapSplat</a></td>
<td>ZapSplat Standard</td>
<td>Ya</td>
</tr>
<tr>
<td>Audio khusus yang dihasilkan otomatis</td>
<td>Alat <a href="/id/tools/sfx">SFX Cinevva</a> dan <a href="/id/tools/music">Musik</a></td>
<td>Bebas Anda gunakan</td>
<td>Tidak</td>
</tr>
</tbody>
</table>
<h2>Pilihan CC0 paling aman (tanpa atribusi, aman untuk penggunaan komersial)</h2>
<p>Jika Anda tidak ingin direpotkan dengan urusan lisensi, mulailah dari sini. <strong>Audio Kenney</strong> sepenuhnya berlisensi CC0, dengan suara klik UI, benturan, dan SFX retro yang bersih serta siap dipakai dalam game. <strong>Pixabay Music</strong> tersedia gratis di bawah Lisensi Konten Pixabay, mengizinkan penggunaan komersial tanpa atribusi (Anda tidak boleh menjual kembali berkasnya secara terpisah, tetapi boleh menyertakannya dalam game). <strong>Bundel Sonniss GDC</strong> bebas royalti untuk penggunaan komersial tanpa atribusi, dan bundel lama dari satu dekade terakhir masih dapat diunduh bersama bundel terbaru. <strong>Freesound</strong> dan <strong>OpenGameArt</strong> juga menyediakan konten CC0 melalui filter lisensi, jadi gunakan filter tersebut agar tetap aman. Jika Anda lebih suka langsung menjelajah daripada menggunakan filter, halaman <a href="/game-assets/free-footstep-sound-effects">langkah kaki</a>, <a href="/game-assets/free-ui-sound-effects">UI</a>, <a href="/game-assets/free-explosion-sound-effects">ledakan</a>, <a href="/game-assets/free-gun-sound-effects">senjata api</a>, dan <a href="/game-assets/free-ambient-game-sounds">ambience</a> kami telah difilter agar hanya menampilkan suara yang aman untuk penggunaan komersial.</p>
<h2>Efek suara</h2>
<h3>Freesound</h3>
<p><strong>Terbaik untuk:</strong> Efek spesifik sekali pakai dan rekaman lapangan</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://freesound.org">freesound.org</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Per suara: CC0, CC-BY, atau CC-BY-NC (ditambah sejumlah konten lama berlisensi Sampling+)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 730.000 suara, sekitar 52% di antaranya CC0</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>WAV, MP3, FLAC, OGG (bervariasi menurut unggahan)</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Tidak diperlukan untuk CC0, wajib untuk CC-BY, sedangkan CC-BY-NC tidak aman untuk penggunaan komersial</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Pustaka SFX gratis terbesar di web dan masih terus berkembang pada 2026</li>
<li>Filter pencarian lanjutan berdasarkan lisensi, sehingga Anda dapat membatasi hasil ke CC0</li>
<li>Rekaman lapangan dan suara unik yang tidak akan Anda temukan dalam paket pilihan</li>
</ul>
<p>Kekurangannya, lisensi ditetapkan per suara, jadi periksa setiap berkas sebelum mendistribusikan game. CC0 tidak memerlukan kredit, CC-BY memerlukan kredit, dan CC-BY-NC tidak boleh digunakan dalam game yang Anda jual. Kabar baiknya, CC0 kini menjadi mayoritas: per September 2026, <a href="https://freesound.org/search/?q=">filter lisensi</a> Freesound menampilkan sekitar 381.000 suara CC0 dari total 734.000, dan menurut artikel Freesound <a href="https://blog.freesound.org/?p=2347">2025 dalam angka</a>, CC0 mencakup 72% dari seluruh konten yang diunggah pada 2025. Katalog CC0 Freesound juga dapat dicari langsung melalui <a href="/id/assets?providers=freesound">pencarian aset Cinevva</a>, yang telah difilter agar semua yang Anda impor aman untuk penggunaan komersial.</p>
<h3>Audio Kenney</h3>
<p><strong>Terbaik untuk:</strong> SFX siap pakai dengan gaya konsisten dan tanpa kerumitan lisensi</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://kenney.nl/assets/category:Audio">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (Domain Publik)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>10 paket audio (UI, benturan, fiksi ilmiah, RPG, kasino, jingle, sulih suara)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>WAV, siap digunakan dalam game</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Tidak ada</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Semuanya CC0, jadi tidak ada lisensi atau kredit yang perlu dilacak</li>
<li>Suara dalam satu paket memiliki gaya yang sama, sehingga audio game Anda terdengar konsisten</li>
<li>Mencakup kebutuhan dasar setiap game: klik, konfirmasi, benturan, dan jingle</li>
</ul>
<p>Unduh paket Interface Sounds dan Impact Sounds terlebih dahulu. Kedua paket tersebut sudah mencakup sebagian besar kebutuhan game kecil, sedangkan paket Music Jingles menyediakan efek musik singkat untuk kemenangan dan kekalahan.</p>
<h3>Bundel Sonniss GDC</h3>
<p><strong>Terbaik untuk:</strong> SFX berkualitas studio dalam jumlah besar</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://sonniss.com/gameaudiogdc">sonniss.com/gameaudiogdc</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas royalti, penggunaan komersial, proyek tanpa batas seumur hidup</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Bundel 2026 berukuran 7,47 GB dan berisi 347 berkas WAV, ditambah seluruh bundel sejak 2015 dalam arsip</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>WAV (laju sampel tinggi)</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Tidak ada</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Pustaka desain suara profesional yang disumbangkan oleh vendor komersial</li>
<li>Bundel baru dirilis setiap tahun sekitar penyelenggaraan GDC (edisi 2026 hadir pada Maret)</li>
<li>Arsip bundel lama tetap dapat diunduh tanpa batas waktu</li>
</ul>
<p>Edisi 2026 di <a href="https://gdc.sonniss.com/">gdc.sonniss.com</a> berisi &quot;Efek Suara 7,47 GB+&quot; dalam 347 berkas. Setiap berkas merupakan sampel dari pustaka lengkap di toko Sonniss, dan Anda dapat mengunduhnya tanpa akun melalui tautan langsung, mirror Google Drive, atau torrent. <a href="https://sonniss.com/gameaudiogdc">Halaman arsip</a> juga masih menyediakan bundel dari 2015 hingga 2024. Ada dua batasan dari ketentuan Sonniss sendiri: penggunaan suara untuk pelatihan AI/ML &quot;dilarang keras&quot;, dan Anda tidak boleh mendistribusikannya kembali &quot;sebagai berkas terpisah atau dalam pustaka efek suara&quot;, meskipun Anda &quot;sepenuhnya boleh menjualnya sebagai bagian dari game yang telah selesai&quot;. Ukuran berkasnya besar, jadi sebaiknya unduh, pilih yang Anda perlukan, lalu transkode ke OGG sebelum mendistribusikan game.</p>
<h3>ZapSplat</h3>
<p><strong>Terbaik untuk:</strong> Pustaka SFX sehari-hari yang luas jika Anda dapat mencantumkan kredit</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.zapsplat.com">zapsplat.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Lisensi Standar ZapSplat (tingkat gratis), sebagian suara berlisensi CC-BY</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Puluhan ribu SFX dalam berbagai kategori</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3 gratis, WAV dengan tingkat Gold berbayar</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Wajib pada tingkat gratis</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Unduhan gratis tanpa batas untuk proyek pribadi dan komersial</li>
<li>Persyaratan kreditnya sederhana dan game secara eksplisit tercakup</li>
<li>Keanggotaan Gold menghapus kewajiban atribusi dan mempertahankan lisensi suara seumur hidup</li>
</ul>
<p>Kredit yang diwajibkan untuk game berupa kalimat seperti &quot;Efek suara diperoleh dari <a href="http://zapsplat.com">zapsplat.com</a>&quot; pada layar kredit atau halaman game Anda. Suara yang diunduh saat langganan Gold aktif tetap bebas atribusi selamanya, bahkan setelah Anda membatalkan langganan.</p>
<h3>Mixkit</h3>
<p><strong>Terbaik untuk:</strong> Suara UI dan game kasual yang cepat dan rapi tanpa perlu mendaftar</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://mixkit.co/free-sound-effects/">mixkit.co</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Lisensi Gratis Efek Suara Mixkit</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Kategori SFX dan musik stok pilihan, termasuk bagian khusus game</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3 dan WAV</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Tidak ada</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Secara eksplisit mengizinkan penggunaan komersial, termasuk dalam video game, tanpa atribusi</li>
<li>Tidak perlu akun, cukup unduh</li>
<li>Kualitasnya telah dikurasi, sehingga Anda tidak perlu menggali sebanyak di pustaka besar</li>
</ul>
<p>Musik dan efek suara Mixkit menggunakan lisensi gratis yang berbeda, jadi baca sekilas keduanya jika Anda mengambil aset dari kedua katalog. Pilihannya lebih sedikit daripada Freesound atau ZapSplat, tetapi semuanya bersih dan dapat langsung digunakan.</p>
<h3>Audio OpenGameArt</h3>
<p><strong>Terbaik untuk:</strong> Musik chiptune, RPG, dan SFX retro yang dibuat oleh kreator game untuk game</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://opengameart.org">opengameart.org</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Per item: CC0, CC-BY, OGA-BY, atau GPL</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan trek musik dan paket SFX</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>OGG, WAV, MP3, format tracker</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Tidak diperlukan untuk CC0, wajib untuk CC-BY dan OGA-BY</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Musik ditulis khusus untuk game, sehingga treknya dapat di-loop dan sesuai dengan berbagai genre</li>
<li>Filter lisensi dalam pencarian memudahkan Anda membatasi hasil ke CC0</li>
<li>Koleksi komunitas menghimpun audio CC0 terbaik di satu tempat</li>
</ul>
<p>Dua catatan lisensi: OGA-BY adalah lisensi atribusi milik OpenGameArt, mirip dengan CC-BY tetapi lebih ramah untuk game yang dilindungi DRM. Audio berlisensi GPL secara hukum merepotkan untuk game sumber tertutup, jadi utamakan opsi CC.</p>
<h3>Paket audio <a href="http://itch.io">itch.io</a></h3>
<p><strong>Terbaik untuk:</strong> Paket tematik dengan arahan artistik yang kuat</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://itch.io/game-assets/free/tag-audio">itch.io/game-assets/free/tag-audio</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Per paket, ditetapkan oleh masing-masing kreator (banyak yang CC0 atau bebas royalti)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 1.000 paket gratis bertagar audio (1.046 per September 2026)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>WAV, OGG, MP3 (bervariasi menurut paket)</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Tergantung paket, baca setiap halaman</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Komposer indie menerbitkan paket lengkap yang sesuai dengan genre (synthwave, RPG fantasi, horor)</li>
<li>Banyak paket menggunakan skema bayar sesuka Anda, jadi bisa diunduh gratis sekarang dan diberi tip nanti</li>
<li>Halaman paket menjelaskan ketentuan dengan bahasa sederhana</li>
</ul>
<p><a href="http://itch.io">itch.io</a> tidak memiliki lisensi yang berlaku untuk seluruh situs; kreator menetapkan ketentuan untuk setiap paket, jadi baca deskripsinya sebelum mendistribusikan game. Sebagian besar paket populer secara jelas menyatakan &quot;gratis untuk penggunaan komersial&quot;, dan banyak di antaranya berlisensi CC0.</p>
<h2>Musik</h2>
<h3>Incompetech (Kevin MacLeod)</h3>
<p><strong>Terbaik untuk:</strong> Trek latar lengkap untuk hampir setiap suasana</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://incompetech.com">incompetech.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC-BY 4.0, tersedia lisensi berbayar tanpa atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 2.000 trek lengkap</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Wajib, baris kredit yang tepat disediakan untuk setiap trek</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Salah satu katalog musik gratis dari satu komposer terbesar di dunia</li>
<li>Dapat dicari berdasarkan genre, suasana, dan tempo</li>
<li>Lisensinya memiliki satu aturan yang jelas, bukan ketentuan acak untuk setiap trek</li>
</ul>
<p>Kredit yang diwajibkan adalah baris lengkap: &quot;Musik oleh Kevin MacLeod (<a href="http://incompetech.com">incompetech.com</a>), Dilisensikan berdasarkan Creative Commons: Atribusi 4.0&quot;. Jika Anda tidak dapat menampilkan kredit, lisensi berbayar tanpa atribusi dimulai dari $30 untuk satu lagu, dengan harga per lagu yang lebih murah jika Anda melisensikan beberapa lagu sekaligus. Pada 2026, musiknya masih gratis dengan atribusi; tidak ada perubahan dalam hal ini.</p>
<h3>Pixabay Music</h3>
<p><strong>Terbaik untuk:</strong> Musik latar yang aman untuk penggunaan komersial tanpa kerumitan</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://pixabay.com/music/">pixabay.com/music</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Lisensi Konten Pixabay (unggahan sebelum 2019 berlisensi CC0)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Katalog besar trek dan loop yang dapat dicari</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Tidak ada</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Penggunaan komersial tanpa atribusi dan tanpa prosedur akun yang merepotkan</li>
<li>Pilihan loop dan musik latar berbagai genre yang bagus</li>
<li>Efek suara tersedia di situs yang sama dengan lisensi yang sama</li>
</ul>
<p>Lisensi Konten melarang penjualan kembali berkas secara terpisah dan penggunaan konten yang menampilkan merek dagang atau logo untuk mempromosikan barang, tetapi menyematkan trek dalam game Anda merupakan penggunaan yang memang dimaksudkan. Ini tetap menjadi pilihan termudah saat Anda &quot;hanya membutuhkan musik&quot;.</p>
<h3>Purple Planet</h3>
<p><strong>Terbaik untuk:</strong> Musik soundtrack yang dikelompokkan berdasarkan suasana dengan kredit sederhana</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.purple-planet.com">purple-planet.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Gratis dengan atribusi, lisensi berbayar menghapus kewajiban kredit</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Trek orisinal karya Chris Martyn dan Geoff Harvey, dikelompokkan berdasarkan suasana</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3 gratis, berkas berkualitas lebih tinggi dengan lisensi berbayar</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Wajib pada tingkat gratis: &quot;Musik: <a href="https://www.purple-planet.com">https://www.purple-planet.com</a>&quot;</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Ketentuan mereka secara eksplisit mengizinkan game yang Anda jual dan distribusikan sendiri</li>
<li>Trek dikelompokkan berdasarkan emosi, sehingga pencarian soundtrack menjadi cepat</li>
<li>Kredit dapat dicantumkan pada layar kredit atau halaman toko game Anda</li>
</ul>
<p>Penggunaan komersial yang lebih luas, seperti iklan dan siaran, memerlukan salah satu lisensi berbayar mereka, yang juga menghapus kewajiban atribusi. Untuk game indie pada umumnya, tingkat gratis ditambah satu baris kredit sudah mencukupi.</p>
<h3>Uppbeat</h3>
<p><strong>Terbaik untuk:</strong> Musik bagi kreator konten, kurang cocok untuk game yang didistribusikan</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://uppbeat.io">uppbeat.io</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Paket gratis Uppbeat, kode kredit per unduhan</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Katalog modern pilihan (25% tersedia dalam paket gratis)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Wajib pada paket gratis</td>
</tr>
</tbody>
</table>
<p>Paket gratis kini memberikan 3 unduhan per bulan dan bahasa lisensinya ditujukan untuk platform sosial, siaran langsung, podcast, dan situs web, bukan game yang dapat diunduh. Jadi, baca ketentuannya dengan cermat sebelum menjadikannya dasar soundtrack Anda. Uppbeat sangat cocok untuk trailer dan devlog game Anda. Untuk musik di dalam game komersial, sumber-sumber di atas lebih aman.</p>
<h3>Free Music Archive</h3>
<p><strong>Terbaik untuk:</strong> Menjelajahi genre secara mendalam jika Anda bersedia memeriksa setiap lisensi</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://freemusicarchive.org">freemusicarchive.org</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Per trek: CC0, CC-BY, CC-BY-SA, dan banyak varian NC</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Katalog besar dari musisi sungguhan yang mencakup beragam genre</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Tergantung pada lisensi CC trek tersebut</td>
</tr>
<tr>
<td>FMA tetap aktif dan berkembang pada 2026 di bawah Tribe of Noise. Kendalanya tidak berubah: banyak trek berlisensi nonkomersial atau share-alike, jadi saring berdasarkan lisensi dan baca halaman trek sebelum merilis game. Layanan berbayarnya, Tribe of Noise PRO, melisensikan trek untuk proyek komersial termasuk game dengan harga sekitar 45 euro per lagu.</td>
<td></td>
</tr>
</tbody>
</table>
<h3>Jamendo</h3>
<p><strong>Terbaik untuk:</strong> Menemukan musik, bukan untuk penggunaan komersial gratis</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.jamendo.com">jamendo.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC untuk didengarkan secara pribadi, lisensi sinkronisasi berbayar untuk proyek komersial</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Katalog besar dari artis independen</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>tidak berlaku untuk penggunaan komersial (memerlukan lisensi berbayar)</td>
</tr>
</tbody>
</table>
<p>Jamendo sering membuat orang keliru. Unduhan gratisnya hanya untuk penggunaan pribadi, dan sebagian besar trek menggunakan ketentuan CC nonkomersial. Memasukkan trek ke dalam game yang Anda jual memerlukan lisensi per trek dari Jamendo Licensing, program sinkronisasi berbayar mereka. Anggap Jamendo sebagai sumber berbayar dengan pratinjau gratis, bukan sumber gratis.</p>
<h2>Waspadai jebakan lisensi</h2>
<p>Beberapa sumber populer tidak aman untuk game komersial:</p>
<ul>
<li><strong>Arsip BBC Sound Effects</strong> gratis, tetapi lisensi RemArc-nya hanya untuk penggunaan nonkomersial. Gunakan untuk prototipe dan proyek pelajar, bukan game yang Anda jual.</li>
<li><strong>Unduhan gratis Jamendo</strong> hanya untuk penggunaan pribadi, seperti dijelaskan di atas. Penggunaan komersial berarti Anda harus membeli lisensi sinkronisasi.</li>
<li><strong>Paket gratis Uppbeat</strong> ditujukan untuk konten media sosial, bukan game yang dapat diunduh, jadi jangan berasumsi bahwa lisensinya mencakup build Anda.</li>
<li>Lisensi audio di <strong>Internet Archive</strong> sangat bervariasi untuk setiap item, dan beberapa diunggah tanpa persetujuan pemegang hak. Periksa kolom hak pada setiap item; ini adalah sumber dengan risiko tertinggi di sini.</li>
</ul>
<h2>Format audio untuk game web</h2>
<p>Jika game Anda berjalan di browser, pilihan format memengaruhi ukuran file dan apakah audio berulang benar-benar dapat diputar tanpa jeda.</p>
<table>
<thead>
<tr>
<th>Format</th>
<th>Ukuran pada kualitas bagus</th>
<th>Dukungan browser</th>
<th>Gunakan untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td>OGG Vorbis</td>
<td>Kecil</td>
<td>Semua browser, Safari sejak 18.4 (2025)</td>
<td>Musik dan SFX, pilihan default Anda</td>
</tr>
<tr>
<td>MP3</td>
<td>Sedikit lebih besar</td>
<td>Universal, termasuk Safari lama</td>
<td>Format cadangan, suara sekali putar</td>
</tr>
<tr>
<td>Opus (WebM/OGG)</td>
<td>Paling kecil</td>
<td>Browser modern, dukungan Safari masih baru</td>
<td>Musik panjang dengan bitrate rendah</td>
</tr>
<tr>
<td>WAV</td>
<td>Sangat besar</td>
<td>Universal</td>
<td>Hanya bunyi UI yang sangat singkat, jika memang perlu</td>
</tr>
</tbody>
</table>
<p>Safari akhirnya menambahkan dukungan native OGG Vorbis pada versi 18.4, jadi sejak 2026 Anda dapat menyediakan OGG saja untuk sebagian besar audiens. Jika analitik Anda menunjukkan adanya pengguna iOS lama, sediakan MP3 sebagai format cadangan menggunakan pola beberapa sumber pada elemen <code>&lt;audio&gt;</code> atau pustaka seperti Howler.js.</p>
<h3>Memutar musik berulang tanpa jeda</h3>
<p>MP3 adalah format yang keliru untuk audio berulang. Encoder menambahkan beberapa milidetik keheningan di awal dan akhir setiap file, sehingga loop MP3 terdengar patah atau tersendat pada sambungannya. Gunakan OGG untuk segala sesuatu yang berulang. Untuk loop dengan akurasi sampel, dekode file menggunakan Web Audio API (<code>decodeAudioData</code> ke dalam <code>AudioBufferSourceNode</code> dengan <code>loop = true</code>), yang mengulang audio tanpa jeda sama sekali. Pangkas keheningan pada kedua ujung file dan potong loop di batas birama agar sambungannya tidak terdengar.</p>
<h3>Menormalkan volume</h3>
<p>Suara gratis berasal dari berbagai sumber dengan tingkat kenyaringan yang sangat berbeda. Sebelum merilis game, masukkan semuanya ke editor seperti Audacity lalu normalkan: musik latar sekitar -14 hingga -16 LUFS, dan efek suara memuncak satu atau dua desibel di bawah skala penuh agar beberapa suara yang diputar bersamaan tidak mengalami clipping. Dalam kode, salurkan semuanya melalui satu node gain utama agar satu penggeser volume dapat mengontrol seluruh campuran audio.</p>
<h3>Menekan ukuran total audio</h3>
<p>Audio dapat diam-diam menjadi bagian terberat dari game browser. Enkode musik sebagai OGG 96 hingga 128 kbps (pemain tidak akan mendengar perbedaannya saat bermain), ekspor SFX dalam mono, dan pilih satu loop berdurasi 60 detik daripada trek berdurasi 4 menit. Streaming musik panjang melalui elemen <code>&lt;audio&gt;</code> alih-alih mendekodenya ke memori, dan gunakan buffer Web Audio hanya untuk SFX pendek yang memerlukan latensi rendah. Seluruh audio untuk sebuah game kecil dapat tetap nyaman di bawah 5 MB.</p>
<h2>Membuat audio dengan AI</h2>
<p>Cara lain untuk memperoleh audio game gratis pada 2026 adalah dengan membuatnya sendiri. Model terbuka kini mencakup kedua jenis audio: <a href="https://stability.ai/news-updates/meet-stable-audio-3-the-model-family-built-for-artistic-experimentation-with-open-weight-models">Stable Audio 3.0</a> (Mei 2026) menyediakan model khusus Small-SFX serta Small-Music dan Medium sebagai bobot terbuka di bawah Stability Community License, gratis untuk penggunaan komersial jika pendapatan tahunan di bawah $1 juta, sedangkan <a href="https://github.com/ace-step/ACE-Step-1.5">ACE-Step 1.5</a> (Februari 2026) menghasilkan lagu lengkap di bawah lisensi MIT. ElevenLabs adalah opsi hosted terkuat, dengan hak komersial pada paket berbayar. <a href="/id/guides/frontier-gen-ai-models">Panduan model AI generatif terbuka kami</a> membandingkan semuanya.</p>
<p>Satu catatan tentang lisensi: berdasarkan panduan terkini dari Kantor Hak Cipta AS, audio yang sepenuhnya dihasilkan AI tidak dapat dilindungi hak cipta dengan sendirinya. Jadi, tidak ada yang dapat mengeklaim kepemilikan atas SFX buatan Anda, tetapi Anda juga tidak dapat mencegah orang lain menggunakan hasil yang identik. Secara praktis, hal yang penting adalah ketentuan penyedia, jadi pastikan Anda memiliki hak penggunaan komersial sebelum merilisnya.</p>
<p>Cinevva menyediakan keduanya dan dapat dicoba secara gratis. <a href="/id/tools/sfx">Buat efek suara dari deskripsi teks</a> (tembakan laser, derit pintu, suara mengambil koin) atau <a href="/id/tools/music">buat lagu orisinal</a> dengan vokal dan instrumental untuk soundtrack Anda. Jika lebih suka menggunakan suara rekaman, katalog CC0 Freesound telah terhubung ke <a href="/id/assets?providers=freesound">pencarian aset Cinevva</a>, sehingga Anda dapat mencari dan langsung memasukkan audio yang aman untuk penggunaan komersial ke dalam game.</p>
<h2>Referensi singkat lisensi</h2>
<table>
<thead>
<tr>
<th>Sumber</th>
<th>Lisensi</th>
<th>Atribusi</th>
<th>Aman untuk penggunaan komersial</th>
</tr>
</thead>
<tbody>
<tr>
<td>Audio Kenney</td>
<td>CC0</td>
<td>Tidak</td>
<td>✅</td>
</tr>
<tr>
<td>Pixabay Music</td>
<td>Pixabay Content License</td>
<td>Tidak</td>
<td>✅</td>
</tr>
<tr>
<td>Sonniss GDC</td>
<td>Bebas royalti</td>
<td>Tidak</td>
<td>✅</td>
</tr>
<tr>
<td>Mixkit</td>
<td>Lisensi gratis Mixkit</td>
<td>Tidak</td>
<td>✅</td>
</tr>
<tr>
<td>Freesound</td>
<td>Per suara (CC0/CC-BY/NC)</td>
<td>Tergantung</td>
<td>✅ (periksa satu per satu)</td>
</tr>
<tr>
<td>OpenGameArt</td>
<td>Per item (CC0/CC-BY/OGA-BY)</td>
<td>Tergantung</td>
<td>✅ (periksa satu per satu)</td>
</tr>
<tr>
<td>Paket <a href="http://itch.io">itch.io</a></td>
<td>Per paket</td>
<td>Tergantung</td>
<td>✅ (periksa satu per satu)</td>
</tr>
<tr>
<td>Incompetech</td>
<td>CC-BY 4.0</td>
<td>Ya</td>
<td>✅</td>
</tr>
<tr>
<td>ZapSplat (gratis)</td>
<td>Standar</td>
<td>Ya</td>
<td>✅</td>
</tr>
<tr>
<td>Purple Planet (gratis)</td>
<td>Lisensi atribusi</td>
<td>Ya</td>
<td>✅</td>
</tr>
<tr>
<td>Uppbeat (gratis)</td>
<td>Tingkat gratis</td>
<td>Ya</td>
<td>Terbatas</td>
</tr>
<tr>
<td>Free Music Archive</td>
<td>CC per trek</td>
<td>Tergantung</td>
<td>⚠️ banyak trek NC</td>
</tr>
<tr>
<td>Jamendo</td>
<td>CC pribadi/sinkronisasi berbayar</td>
<td>tidak berlaku</td>
<td>❌ tanpa lisensi berbayar</td>
</tr>
<tr>
<td>BBC Sound Effects</td>
<td>RemArc</td>
<td>tidak berlaku</td>
<td>❌ nonkomersial</td>
</tr>
<tr>
<td>Internet Archive</td>
<td>Bervariasi</td>
<td>Bervariasi</td>
<td>⚠️ verifikasi satu per satu</td>
</tr>
</tbody>
</table>
<h2>Pertanyaan Umum</h2>
<h3>Di mana saya bisa mendapatkan efek suara gratis untuk game?</h3>
<p>Freesound memiliki pustaka terbesar dengan lebih dari 730.000 suara (lisensi berbeda untuk setiap suara, saring untuk CC0), Kenney menawarkan paket audio yang sepenuhnya berlisensi CC0 tanpa atribusi, dan paket Sonniss GDC menyediakan banyak SFX profesional bebas royalti sekaligus. Untuk game komersial, utamakan sumber CC0 atau yang jelas bebas royalti dan periksa lisensi setiap file.</p>
<h3>Di mana saya bisa menemukan efek suara game CC0?</h3>
<p>Tiga tempat dapat memenuhi sebagian besar kebutuhan. Sepuluh paket audio Kenney (Interface Sounds, Impact Sounds, RPG Audio, Sci-fi Sounds, Music Jingles, dan lainnya) sepenuhnya berlisensi CC0. Freesound memiliki sekitar 381.000 suara CC0 per September 2026, yang dapat ditemukan dengan mencentang &quot;Creative Commons 0&quot; pada filter lisensi. Pencarian lanjutan OpenGameArt memiliki kotak centang CC0 untuk musik dan SFX. Ketiganya tidak memerlukan atribusi, dan halaman suara <a href="/game-assets/free-footstep-sound-effects">langkah kaki</a>, <a href="/game-assets/free-door-sound-effects">pintu</a>, <a href="/game-assets/free-water-sound-effects">air</a>, serta <a href="/game-assets/free-engine-sound-effects">mesin</a> kami mengumpulkan pilihan CC0 dari sumber-sumber tersebut berdasarkan kategori.</p>
<h3>Apakah efek suara game gratis aman untuk penggunaan komersial?</h3>
<p>Hanya jika lisensinya mengizinkan, dan sumber yang aman mudah dikenali. CC0 (Kenney, bagian CC0 dari Freesound, item CC0 di OpenGameArt) dan paket bebas royalti seperti Sonniss GDC dapat digunakan dalam game berbayar tanpa kredit. Sumber CC-BY (Incompetech, suara CC-BY di Freesound) dapat digunakan dengan mencantumkan kredit. Semua yang berlisensi CC-BY-NC, arsip BBC Sound Effects, dan unduhan gratis Jamendo tidak aman untuk penggunaan komersial. Selain itu, &quot;gratis untuk diunduh&quot; di sebuah situs tidak pernah berarti &quot;gratis untuk dijual&quot;, jadi baca lisensinya sebelum merilis game, bukan setelahnya.</p>
<h3>Bagaimana cara menyaring Freesound agar hanya menampilkan suara CC0?</h3>
<p>Lakukan pencarian di <a href="https://freesound.org">freesound.org</a>, lalu lihat bagian License pada bilah samping filter di halaman hasil. Di sana terdapat lima opsi dengan jumlah terkini: &quot;Approved for Free Cultural Works&quot; (gabungan CC0 dan CC BY), &quot;Creative Commons 0&quot;, &quot;Attribution&quot;, &quot;Attribution NonCommercial&quot;, dan lisensi lama &quot;Sampling+&quot;. Centang &quot;Creative Commons 0&quot; agar semua hasil sama sekali tidak memerlukan kredit, atau centang &quot;Approved for Free Cultural Works&quot; jika Anda bersedia menambahkan baris kredit untuk suara CC BY. <a href="https://freesound.org/help/faq/">FAQ</a> Freesound menjelaskan filter Free Cultural Works sebagai suara di bawah CC-BY atau CC0. Filter berlaku untuk setiap kueri, jadi centang kembali saat Anda memulai pencarian baru.</p>
<h3>Apa itu GDC Game Audio Bundle dan apakah masih gratis?</h3>
<p>Ini adalah hadiah tahunan Sonniss yang diselenggarakan bersamaan dengan Game Developers Conference: koleksi efek suara profesional sumbangan dari pustaka komersial, gratis diunduh tanpa akun. <a href="https://gdc.sonniss.com/">Paket 2026</a> berisi file WAV sebesar 7,47 GB (347 file), dan semua paket sejak 2015 masih tersedia di <a href="https://sonniss.com/gameaudiogdc">halaman arsip</a>. Menurut Sonniss, semuanya &quot;bebas royalti dan dapat digunakan secara komersial&quot; tanpa atribusi untuk proyek tanpa batas seumur hidup. Anda hanya tidak boleh mengemas ulang suara tersebut sebagai file mandiri atau menggunakannya untuk pelatihan AI. Paket ini juga dapat dicari di dalam <a href="/id/assets">pustaka aset Cinevva</a> bersama Freesound.</p>
<h3>Di mana saya bisa menemukan aset musik gratis untuk game?</h3>
<p>Pixabay Music adalah pilihan aman untuk penggunaan komersial yang paling mudah tanpa atribusi. Incompetech memiliki lebih dari 2.000 trek Kevin MacLeod di bawah CC-BY 4.0 dengan format kredit tetap, Purple Planet gratis dengan kredit dan secara eksplisit mengizinkan penggunaannya dalam game yang Anda jual, sedangkan OpenGameArt menyediakan loop yang dibuat untuk game di bawah CC0 dan CC-BY. Paket Music Jingles Kenney menyediakan musik pendek. Jika lebih suka membuat trek yang sesuai, <a href="/id/tools/music">alat musik</a> Cinevva dapat menulis lagu orisinal dari prompt, atau Anda dapat <a href="/id/create#prompt=Build%20a%20rhythm%20clicker%20game%20with%20upbeat%20music%20and%20satisfying%20sound%20effects">mendeskripsikan sebuah game dan meminta Cinevva membuatkan musiknya</a>.</p>
<h3>Apa musik gratis terbaik untuk game?</h3>
<p>Untuk musik tanpa atribusi, Pixabay Music adalah pilihan aman untuk penggunaan komersial yang paling mudah. Incompetech menawarkan lebih dari 2.000 trek di bawah CC-BY jika Anda mencantumkan kredit, sedangkan OpenGameArt memiliki loop khusus game di bawah CC0. Free Music Archive menawarkan variasi yang sangat besar, tetapi lisensinya beragam, jadi periksa setiap trek. Hindari unduhan gratis Jamendo untuk game komersial karena hanya ditujukan bagi penggunaan pribadi.</p>
<h3>Bisakah saya menggunakan audio Freesound dalam game komersial?</h3>
<p>Ya, jika lisensi suara tersebut mengizinkannya. Suara CC0 sepenuhnya aman untuk penggunaan komersial tanpa kredit, suara CC-BY dapat digunakan dengan atribusi, sedangkan suara CC-BY-NC tidak dapat digunakan dalam game yang Anda jual. Bilah samping pencarian Freesound dapat menyaring berdasarkan lisensi, jadi centang &quot;Approved for Free Cultural Works&quot; agar hanya melihat hasil CC0 dan CC-BY yang aman digunakan.</p>
<h3>Apakah saya harus mencantumkan kredit untuk Kenney?</h3>
<p>Tidak. Semua aset Kenney, termasuk setiap paket audio, merupakan domain publik CC0, jadi atribusi tidak diperlukan bahkan dalam game komersial. Kenney secara eksplisit mendorong penggunaan komersial. Mencantumkan kredit atau memberikan donasi adalah bentuk apresiasi yang baik, bukan kewajiban hukum.</p>
<h3>Apakah musik Incompetech masih gratis?</h3>
<p>Ya. Pada 2026, katalog Kevin MacLeod yang berisi lebih dari 2.000 trek masih gratis di bawah CC-BY 4.0 selama Anda mencantumkan baris kredit lengkap dengan namanya, situsnya, dan lisensinya. Jika Anda tidak dapat menampilkan kredit, lisensi tanpa atribusi tersedia mulai dari $30 untuk satu lagu.</p>
<h3>Apakah saya harus mencantumkan kredit untuk audio game gratis?</h3>
<p>Tergantung lisensinya. Audio CC0, berlisensi Pixabay, dan Mixkit tidak memerlukan kredit. CC-BY (seperti Incompetech), ZapSplat tingkat gratis, dan Purple Planet memerlukan atribusi, biasanya berupa satu baris pada layar kredit. CC-BY-NC dan lisensi BBC RemArc sepenuhnya melarang penggunaan komersial. Utamakan CC0 agar tidak perlu mengelola atribusi.</p>
<h3>Format audio apa yang sebaiknya digunakan game web?</h3>
<p>OGG Vorbis. Ukurannya kecil dengan kualitas bagus, dapat berulang tanpa jeda, dan kini didukung oleh semua browser utama setelah Safari menambahkannya pada versi 18.4. Pertahankan MP3 sebagai format cadangan jika Anda perlu mendukung perangkat iOS lama, dan hindari MP3 untuk musik berulang karena padding encoder merusak sambungan loop.</p>
<h3>Bisakah saya menggunakan AI untuk membuat suara dan musik game?</h3>
<p>Ya. Model terbuka seperti Stable Audio 3.0 (model SFX dan musik berbobot terbuka di bawah Stability Community License) dan ACE-Step 1.5 (MIT) dapat menghasilkan audio dengan lisensi yang ramah untuk penggunaan komersial, sedangkan ElevenLabs merupakan opsi hosted yang kuat dengan hak komersial pada paket berbayar. Alat <a href="/id/tools/sfx">SFX</a> dan <a href="/id/tools/music">musik</a> gratis dari Cinevva dapat membuat audio game dari prompt teks. Pastikan ketentuan hak atas output dari penyedia sebelum merilis apa pun secara komersial.</p>
<p><BuildCta
  title="Tambahkan musik dan suara ke dalam game secara otomatis"
  desc="AI membuat musik untuk game Anda sembari membangunnya."
  prompt="Buat game rhythm clicker dengan musik ceria dan efek suara yang memuaskan" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: panduan aset lengkap</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a>: sisi visual</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a>: CC0, CC-BY, bebas royalti</li>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Sumber Terbuka Terbaik untuk Game</a>: pembuatan audio dengan AI</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Merilis Game di itch.io</a>: merilis game dengan paket audio tersebut</li>
<li><a href="/id/tutorials/tone-js-game-audio">Audio game dengan Tone.js</a>: memutar audio di browser</li>
<li><a href="/game-assets/free-footstep-sound-effects">Suara langkah kaki</a>, <a href="/game-assets/free-ui-sound-effects">UI</a>, <a href="/game-assets/free-explosion-sound-effects">ledakan</a>, dan <a href="/game-assets/free-ambient-game-sounds">suara lingkungan</a> gratis: pustaka gratis, satu kategori demi satu</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Mendapatkan Lebih Banyak Pemain di itch.io (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/get-more-plays-itch-io</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/get-more-plays-itch-io</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Panduan praktis 2026 untuk mendapatkan lebih banyak pemain dan unduhan di itch.io, mencakup cara kerja penemuan, tag, build web yang dapat dimainkan, devlog, game jam, dan trafik dari luar platform.]]></description>
            <content:encoded><![CDATA[<h1>Cara Mendapatkan Lebih Banyak Pemain di <a href="http://itch.io">itch.io</a> (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Mengunggah ke <a href="http://itch.io">itch.io</a> itu mudah. Mendapatkan pemain adalah bagian yang sulit. <a href="http://itch.io">itch.io</a> tidak akan langsung memberi Anda audiens seperti portal besar, jadi jumlah permainan berasal dari halaman yang kuat, build web yang dapat dimainkan, devlog, game jam, dan trafik yang Anda datangkan sendiri. Berikut hal-hal yang benar-benar berdampak pada 2026, berdasarkan cara kerja penemuan di <a href="http://itch.io">itch.io</a> yang sebenarnya.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/dSLhu2ufSvc" title="Cara Mendapatkan Lebih Banyak Tayangan & Unduhan di Itch.io — Brani_Dev" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Taktik praktis untuk mendapatkan lebih banyak tayangan dan unduhan di itch.io.</div>
<h2>Cara kerja penemuan di <a href="http://itch.io">itch.io</a> yang sebenarnya</h2>
<p>Beberapa fakta sebagai dasar upaya Anda:</p>
<ul>
<li>Urutan <strong>Popular</strong> menggunakan algoritma tertutup yang menggabungkan aktivitas historis dan terbaru, dengan bobot lebih besar pada aktivitas terbaru. Faktor yang telah dikonfirmasi adalah tayangan organik, unduhan, dan permainan. Memalsukan salah satunya akan membuat game Anda dihapus dari daftar.</li>
<li><strong>Most Recent</strong> menempatkan game Anda satu kali, saat pertama kali dipublikasikan; Anda tidak dapat memicunya kembali dengan menerbitkan ulang (itch tidak akan mengubah tanggal publikasi Anda).</li>
<li><strong>Halaman depan dikurasi oleh manusia</strong>, dipilih langsung oleh staf, bukan secara algoritmis. Anda tidak dapat mengakalinya agar masuk ke sana, tetapi halaman yang bagus dan traksi nyata akan meningkatkan peluang Anda.</li>
<li>Agar dapat diindeks, halaman Anda harus bersifat publik, memiliki gambar sampul, serta dapat dimainkan atau diunduh. Halaman placeholder kosong tidak akan diindeks, dan akun penjual baru harus melewati antrean peninjauan singkat.</li>
</ul>
<p>Kesimpulan praktisnya: itch menghargai aktivitas nyata yang terkonsentrasi di awal dan halaman yang lengkap. itch tidak menghargai trik.</p>
<h2>Buat game dapat dimainkan di browser</h2>
<p>Ini adalah langkah pada halaman yang paling efektif. Unggah build HTML5 (file ZIP dengan <code>index.html</code>) agar orang dapat langsung bermain tanpa perlu mengunduh. Game yang dapat dimainkan di browser memperoleh interaksi jauh lebih tinggi daripada game yang hanya dapat diunduh karena tidak ada hambatan. Pendiri itch pernah menyampaikan bahwa rasio konversi dari kunjungan halaman menjadi permainan jauh lebih tinggi untuk build browser, dan pengembang yang membandingkan keduanya dalam postmortem melaporkan hal serupa. Jika engine Anda dapat mengekspor ke web, lakukanlah. Jika tidak bisa, atau Anda belum memiliki game, Anda dapat <a href="/id/create#prompt=Make%20a%20short%20one-button%20browser%20game%20I%20can%20upload%20to%20itch.io">membuat game web-native dari prompt</a> lalu mengunggah hasil ekspornya.</p>
<h2>Sempurnakan halaman Anda</h2>
<ul>
<li><strong>Gambar sampul:</strong> wajib, dengan ukuran yang disarankan 630x500. Ini adalah elemen grafis terpenting di halaman Anda, dan sampul GIF animasi didukung serta dianjurkan. Tampilkan gerakan yang memperlihatkan daya tarik utama game.</li>
<li><strong>Tangkapan layar dan trailer/GIF:</strong> itch menampilkan sematan video (YouTube, Vimeo) di atas tangkapan layar dan sangat menyarankannya, terutama untuk game. Tunjukkan, jangan hanya ceritakan.</li>
<li><strong>Deskripsi singkat:</strong> deskripsi ini muncul di berbagai daftar, jadi buatlah daya tarik yang jelas dan spesifik.</li>
</ul>
<h2>Tag dan metadata</h2>
<p>Gunakan tag yang disarankan alih-alih membuat tag sendiri, hindari sinonim, dan jangan memenuhi game dengan tag karena hal itu dapat membuatnya dihapus dari halaman jelajah. Editor proyek membatasi jumlah tag yang dapat Anda tambahkan di luar genre, jadi gunakan jatah tersebut untuk istilah spesifik yang benar-benar dijelajahi pemain (roguelike, pixel-art, one-button), bukan istilah umum. Hanya centang platform (Windows/Mac/Linux) jika Anda benar-benar memiliki build yang telah diuji untuk platform tersebut. Klasifikasi yang keliru dapat membuat game Anda dihapus dari daftar.</p>
<h2>Gunakan devlog</h2>
<p>Menerbitkan devlog akan menampilkannya di feed semua pengikut Anda dan feed devlog seluruh situs, sehingga jangkauannya melampaui pengikut Anda sendiri. Pengikut juga akan menerima notifikasi saat Anda merilis proyek baru atau memberikan diskon. Jadi, memposting devlog membantu menambah pengikut, dan para pengikut tersebut akan mendapat notifikasi pada peluncuran Anda berikutnya. Perlakukan devlog sebagai alat rutin untuk mendatangkan trafik dan membangun audiens, bukan sebagai pelengkap belakangan.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/l9TZl_0Gqe4" title="Mengapa Game itch.io Anda Mendapat 0 Unduhan (dan Cara Memperbaikinya) — KiriSoft Games" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Alasan umum game itch.io tidak mendapatkan unduhan dan cara memperbaikinya.</div>
<h2>Ikuti game jam (mesin penemuan yang sebenarnya)</h2>
<p>Game jam adalah pendorong penemuan organik terbesar di <a href="http://itch.io">itch.io</a>, dengan ratusan ribu game yang dibuat untuk berbagai jam. Sebuah jam memberi Anda audiens bawaan, tenggat waktu, dan mekanisme timbal balik: jika Anda memberi rating dan komentar pada karya peserta lain (dan telah mengirimkan karya sendiri), tautan menuju game Anda otomatis ditambahkan di bawah komentar, sehingga mendatangkan pemain kembali kepada Anda. Jam besar seperti GMTK menarik puluhan ribu peserta. Game jam tidak akan secara ajaib meningkatkan posisi dalam algoritma Popular, tetapi akan mendatangkan orang sungguhan ke game Anda ketika metode lain belum berhasil. Jika Anda mengadakan jam sendiri, editor tema jam yang dirilis <a href="http://itch.io">itch.io</a> pada <a href="https://itch.io/updates">Juli 2026</a> (Google Fonts, kontrol warna, gambar latar belakang, serta tema yang dapat disalin sebagai JSON) memungkinkan halaman jam terlihat sebagus halaman game, dan itu penting saat Anda mengajak orang asing untuk berpartisipasi.</p>
<h2>Menentukan harga demi mendapatkan pemain</h2>
<p>Sistem harga itch selalu bersifat bayar sesuka Anda: harga yang ditetapkan adalah harga minimum, dan pembeli dapat membayar lebih (sekitar <a href="https://itch.io/docs/creators/pricing">30% dari uang yang dibelanjakan merupakan tambahan di atas harga minimum</a>, menurut dokumentasi <a href="http://itch.io">itch.io</a> sendiri). Untuk memaksimalkan jumlah pemain, opsi gratis atau bayar sesuka Anda menghilangkan semua hambatan sekaligus tetap memungkinkan penggemar memberi tip. Perhatikan bahwa game HTML5 hanya dapat menerima pembayaran sebagai donasi karena sematan browser tidak mengharuskan pembelian untuk bermain. Hindari diskon tanpa henti karena itch tidak menganggapnya sebagai diskon sungguhan dan dapat menghapus game dari indeks.</p>
<h2>Datangkan trafik Anda sendiri (sumber sebagian besar pemain)</h2>
<p>itch mengganti game unggulan dengan cepat dan tidak mempertahankan penemuan seperti Steam, jadi trafik eksternal adalah sumber pemain yang sebenarnya:</p>
<ul>
<li><strong>Streamer dan YouTuber</strong> adalah kanal dengan potensi hasil terbesar. Satu kreator saja dapat mendatangkan lebih banyak instalasi daripada upaya lain selama berbulan-bulan, dan mereka aktif mencari demo gratis di itch.</li>
<li><strong>Video berdurasi pendek</strong> (TikTok, Reels, Shorts) berisi cuplikan gameplay sungguhan kini menjadi pendorong utama viralitas game indie.</li>
<li><strong>Reddit</strong> (r/IndieGaming, r/playmygame, dan komunitas serupa), dengan tetap menghormati aturan sekitar 9 banding 1 antara postingan komunitas dan promosi diri.</li>
<li><strong>Discord</strong> untuk mendapatkan playtester dan mempertahankan pemain, serta X #screenshotsaturday dengan GIF.</li>
</ul>
<p>Dua sarana dalam platform juga hadir pada 2026, menurut <a href="https://itch.io/updates">feed pembaruan itch.io</a>. Sale Explorer yang diluncurkan bersama Summer Sale memungkinkan pemain memfilter diskon di seluruh situs berdasarkan harga, tag, dan pilihan staf, sehingga mengikuti diskon musiman kini membuat game Anda dapat dijelajahi alih-alih terkubur. Integrasi Patreon yang dibangun ulang memberikan akses berdasarkan tingkat keanggotaan, sehingga <a href="http://itch.io">itch.io</a> menjadi tempat yang rapi untuk build awal jika Anda sudah memiliki pendukung. Keduanya tidak menggantikan trafik eksternal, tetapi sama-sama gratis.</p>
<p>Untuk strategi lebih luas tanpa anggaran, baca <a href="/id/guides/promote-indie-game-no-budget">cara mempromosikan game indie tanpa anggaran</a>.</p>
<h2>Kesalahan umum</h2>
<p>Hanya menyediakan unduhan saat build web sebenarnya memungkinkan, sampul yang lemah atau tidak ada, tanpa trailer atau GIF, deskripsi yang minim, tag yang buruk atau berlebihan, menerbitkan lalu menghilang (tanpa devlog), berharap algoritma atau fitur unggulan melakukan semuanya, tidak menyediakan demo, serta memalsukan metrik (yang akan membuat game dihapus dari daftar). Perbaiki semua ini terlebih dahulu; semuanya gratis.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara mendapatkan lebih banyak pemain di <a href="http://itch.io">itch.io</a>?</h3>
<p>Unggah build HTML5 yang dapat dimainkan di browser (interaksinya jauh lebih tinggi daripada unduhan), buat halaman yang kuat dengan sampul animasi dan trailer, gunakan tag yang disarankan secara akurat, posting devlog untuk menjangkau pengikut, ikuti game jam demi penemuan bawaan, dan datangkan trafik eksternal dari streamer, video berdurasi pendek, serta komunitas. itch menghargai aktivitas nyata dan halaman yang lengkap, bukan trik.</p>
<h3>Apakah <a href="http://itch.io">itch.io</a> akan mempromosikan game Anda?</h3>
<p>Tidak banyak. Halaman depan dikurasi langsung oleh staf, sementara urutan Popular berubah cepat berdasarkan aktivitas nyata terbaru. itch memberi Anda alat dan audiens dasar, tetapi penemuan yang berkelanjutan berasal dari upaya Anda sendiri: build yang dapat dimainkan, devlog, game jam, serta trafik yang Anda datangkan dari streamer, video, dan komunitas.</p>
<h3>Apakah game web mendapatkan lebih banyak pemain daripada unduhan di <a href="http://itch.io">itch.io</a>?</h3>
<p>Ya, jauh lebih banyak. Game yang dapat dimainkan di browser menghilangkan hambatan pengunduhan, dan data menunjukkan interaksi sekitar 3 kali lebih tinggi daripada game yang hanya dapat diunduh, dengan sebagian besar kunjungan halaman berubah menjadi permainan. Jika engine Anda dapat mengekspor ke HTML5, menerbitkan build web yang dapat dimainkan adalah langkah terbaik untuk mendapatkan lebih banyak pemain.</p>
<h3>Apakah game jam layak diikuti untuk mendapatkan pemain?</h3>
<p>Sangat layak. Game jam adalah pendorong penemuan organik terbesar di <a href="http://itch.io">itch.io</a>: Anda mendapatkan audiens bawaan dan tenggat waktu, sementara memberi rating pada karya lain akan otomatis menautkan kembali game Anda sehingga mendatangkan pemain. Game jam tidak akan meningkatkan algoritma secara langsung, tetapi akan membawa pemain sungguhan ke game Anda saat Anda belum memiliki audiens.</p>
<h3>Mengapa game <a href="http://itch.io">itch.io</a> saya mendapatkan 0 tayangan?</h3>
<p>Hampir selalu karena belum ada yang diarahkan ke sana. Penempatan Most Recent di <a href="http://itch.io">itch.io</a> hanya terjadi sekali dan berlalu dalam hitungan jam, halaman depan dipilih langsung oleh staf, dan urutan Popular membutuhkan aktivitas nyata agar mulai memperhatikan game Anda. Karena itu, halaman baru tanpa tautan eksternal akan tetap berada di angka nol. Periksa hal-hal mendasar terlebih dahulu: halaman sudah publik dan terindeks (gambar sampul, file yang dapat dimainkan atau diunduh, serta tag yang akurat), lalu posting tautannya di tempat yang sudah memiliki audiens, seperti game jam, subreddit yang mengizinkannya, Discord tempat Anda aktif, atau video pendek. Seratus tayangan pertama berasal dari Anda, bukan dari itch.</p>
<h3>Bagaimana cara agar game saya dijadikan unggulan di <a href="http://itch.io">itch.io</a>?</h3>
<p>Anda tidak dapat mendaftar dan tidak ada algoritma yang bisa diakali: halaman depan dan pilihan staf dikurasi secara manual. Hal-hal yang meningkatkan peluang Anda sama dengan hal-hal yang menambah pemain. Buat halaman lengkap dan rapi dengan sampul animasi, build yang dapat dimainkan di browser, tag yang jujur, devlog rutin, serta traksi nyata dari game jam dan trafik eksternal. Staf memperhatikan game yang sudah mulai berkembang. Anggap status unggulan sebagai bonus yang terkadang mengikuti peluncuran yang baik, bukan sebagai rencana utama.</p>
<h3>Apakah <a href="http://itch.io">itch.io</a> memiliki algoritma?</h3>
<p>Hanya untuk urutan Popular, yang memberi bobot lebih besar pada tayangan organik, unduhan, dan permainan terbaru dibandingkan aktivitas lama. Tidak ada feed rekomendasi yang mendorong game kepada orang asing seperti di Steam atau TikTok, dan menerbitkan ulang tidak akan mengatur ulang slot Most Recent Anda. Itulah sebabnya trafik eksternal, devlog untuk pengikut, dan game jam melakukan sebagian besar pekerjaan di <a href="http://itch.io">itch.io</a>, serta mengapa pemalsuan metrik justru membuat game Anda dihapus dari daftar, bukan dipromosikan.</p>
<p><BuildCta
  title="Perlu game untuk dipromosikan terlebih dahulu?"
  desc="Buat sesuatu yang singkat dan adiktif, lalu terapkan strategi ini."
  prompt="Buat game singkat satu tombol yang adiktif dengan nuansa skor tertinggi global" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a>: dasar-dasar penyiapan</li>
<li><a href="/id/guides/publish-web-game">Tempat Terbaik untuk Menerbitkan Game Web pada 2026</a>: <a href="http://itch.io">itch.io</a> dibandingkan dengan portal</li>
<li><a href="/id/guides/promote-indie-game-no-budget">Cara Mempromosikan Game Indie Tanpa Anggaran</a>: strategi yang lebih luas</li>
<li><a href="/id/guides/game-jams-hackathons">Game Jam dan Hackathon</a>: memilih jam untuk diikuti</li>
<li><a href="/id/guides/web-game-monetization">Monetisasi Game Web: Fakta yang Sebenarnya Ditunjukkan Data</a>: mengubah jumlah permainan tersebut menjadi pendapatan</li>
<li><a href="/id/guides/steam-next-fest-strategy">Strategi Steam Next Fest</a>: jika Anda juga membawanya ke Steam</li>
<li><a href="/id/tutorials/ship-web-game-fast">Rilis game web yang dimuat dengan cepat</a>: menjaga ukuran build browser tetap cukup kecil agar orang mau menunggu</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Membuat Game dengan AI pada 2026 (Tanpa Perlu Coding)]]></title>
            <link>https://app.cinevva.com/id/guides/make-a-game-with-ai</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/make-a-game-with-ai</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Panduan langkah demi langkah untuk membuat game dengan AI tanpa coding pada 2026, mulai dari menulis prompt pertama hingga membuat aset, melakukan iterasi, dan menerbitkan game yang dapat dimainkan.]]></description>
            <content:encoded><![CDATA[<h1>Cara Membuat Game dengan AI pada 2026 (Tanpa Perlu Coding)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Beberapa tahun lalu, membuat game berarti harus mempelajari game engine, bahasa pemrograman, dan alur kerja pembuatan aset visual sebelum Anda memiliki sesuatu yang dapat dimainkan. Pada 2026, Anda dapat mendeskripsikan game dalam bahasa sehari-hari dan mendapatkan versi yang berfungsi dalam hitungan menit. Anda tetap membuat keputusan kreatif, tetapi AI menangani pekerjaan dasar: pergerakan, tabrakan, fisika, aset visual sementara, dan suara.</p>
<p>Panduan ini membahas seluruh proses tanpa coding, mulai dari prompt pertama hingga game yang telah diterbitkan. Contohnya menggunakan kreator game AI berbasis browser, tetapi alur kerjanya berlaku untuk sebagian besar alat pembuat game dari prompt.</p>
<h2>Yang Anda butuhkan</h2>
<p>Tidak banyak. Browser, ide, dan sebuah alat. Anda tidak perlu memasang game engine, memiliki GPU, atau menyiapkan aset visual apa pun. Jika ingin memilih alat terlebih dahulu, lihat <a href="/id/guides/ai-game-generators-2026">perbandingan generator game AI kami</a>; jika hanya ingin langsung mulai, Anda dapat <a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=make_game_with_ai">membuka kreator dan mengetikkan ide</a> sekarang juga.</p>
<h2>Langkah 1: Mulailah dengan ide yang jelas dan sederhana</h2>
<p>Kesalahan pemula yang paling umum adalah memberikan prompt untuk “RPG dunia terbuka dengan multipemain.” Alat AI memberikan hasil terbaik jika dimulai dari inti kecil dan spesifik yang dapat Anda kembangkan nanti. Tentukan tiga hal:</p>
<ul>
<li><strong>Jenis gamenya.</strong> Platformer, balapan, shooter, puzzle, survival, atau simulasi santai.</li>
<li><strong>Satu hal yang membuatnya unik.</strong> Efek cahaya, variasi aturan, atau latar tertentu.</li>
<li><strong>Sebuah tujuan.</strong> Apa yang berusaha dicapai pemain.</li>
</ul>
<p>“Game parkour sudut pandang orang pertama di antara pulau-pulau terapung, tempat Anda berpacu dengan waktu” merupakan prompt awal yang jauh lebih baik daripada “petualangan 3D yang seru.” Prompt pertama memberi AI struktur untuk dibangun, sedangkan prompt kedua memaksanya menebak. Anda dapat <a href="/id/create#prompt=Make%20a%20first%20person%20parkour%20game%20across%20floating%20islands%20where%20you%20race%20a%20timer">mencoba prompt parkour tersebut</a> untuk melihat hasil dari sebuah kalimat yang spesifik.</p>
<h2>Langkah 2: Tulis prompt pertama Anda</h2>
<p>Batasi menjadi satu atau dua kalimat. Anda tidak sedang menulis spesifikasi, melainkan memulai percakapan. Prompt awal yang baik menyebutkan genre, tujuan, dan nuansa:</p>
<blockquote>
<p>Buat game survival zombi dengan tampilan dari atas, senter yang hanya menerangi bidang sempit, amunisi terbatas, dan gelombang musuh yang semakin sulit.</p>
</blockquote>
<p>Kemudian biarkan alat tersebut membuat gamenya. Anda akan mendapatkan versi pertama yang dapat dimainkan dan sering kali belum sempurna. Itulah yang Anda butuhkan, karena pekerjaan sesungguhnya adalah iterasi. Anda dapat <a href="/id/create#prompt=Make%20a%20top%20down%20zombie%20survival%20game%20with%20a%20flashlight%20that%20only%20lights%20a%20narrow%20cone%20limited%20ammo%20and%20waves%20that%20get%20harder">membuat game dari prompt zombi tersebut</a> sebagaimana adanya. Jika kotak kosong terasa mengintimidasi, mulailah dengan <a href="/id/guides/vibe-coding-game-prompts">prompt siap pakai</a> dan ubah satu kata. Jika ingin memahami alasan yang membuat sebuah prompt efektif, baca <a href="/id/guides/how-to-write-a-game">cara menulis game di Cinevva</a>.</p>
<h2>Langkah 3: Lakukan iterasi dengan berbicara kepada AI</h2>
<p>Di sinilah game benar-benar dibuat. Mainkan versi pertama, temukan satu hal yang paling mengganggu, lalu minta satu perubahan khusus untuk memperbaikinya. Permintaan kecil dan spesifik lebih baik daripada permintaan besar yang samar:</p>
<ul>
<li>“Buat pemain bergerak lebih cepat dan melompat lebih tinggi.”</li>
<li>“Musuhnya terlalu agresif. Perlambat mereka dan kurangi nyawanya.”</li>
<li>“Tambahkan penghitung skor di kanan atas dan layar game over.”</li>
</ul>
<p>Ubah satu hal, mainkan, lalu ulangi. Jika suatu perubahan membuat hasilnya lebih buruk, minta AI membatalkan atau mengembalikannya. Perlakukan proses ini seperti menyutradarai, bukan melakukan coding: Anda mendeskripsikan hasil yang diinginkan lalu menilai hasilnya.</p>
<h2>Langkah 4: Buat aset yang Anda butuhkan</h2>
<p>Alat pembuat game AI modern dapat menghasilkan aset visual dan audio sesuai permintaan, sehingga Anda tidak harus menggunakan kotak-kotak abu-abu. Bergantung pada alatnya, Anda dapat meminta model 3D, tekstur, sprite, musik, dan efek suara, atau mengambilnya dari pustaka aset gratis bawaan. Mintalah sesuatu yang sesuai dengan suasana: “beri pemain model robot low-poly,” “tambahkan musik synth yang ceria,” atau “gunakan skybox gurun.” Jika ingin melihat setiap komponennya secara terpisah, <a href="/id/tools/hunyuan3d#prompt=low%20poly%20robot&amp;character=1">generator 3D</a> dan <a href="/id/tools/skybox">generator skybox</a> kami dapat membuat jenis aset yang sama di luar game. Jika alat Anda memiliki pustaka aset CC0, itu adalah sumber paling aman untuk segala sesuatu yang akan Anda terbitkan. <a href="/id/guides/game-assets-guide">Panduan aset game gratis</a> kami membahas asal aset-aset tersebut dan cara kerja lisensinya.</p>
<h2>Langkah 5: Sempurnakan nuansanya</h2>
<p>Perbedaan antara demo teknologi dan game terletak pada nuansa saat dimainkan. Setelah mekanisme inti berfungsi, gunakan iterasi Anda untuk memperbaiki hal-hal yang benar-benar diperhatikan pemain: kontrol yang responsif, umpan balik yang jelas ketika sesuatu terjadi, tujuan yang terlihat, serta kondisi menang atau kalah. Mintalah layar judul, tombol mulai ulang, suara untuk aksi penting, dan kurva tingkat kesulitan. Sentuhan-sentuhan kecil inilah yang membuat game terasa selesai.</p>
<h2>Langkah 6: Terbitkan dan bagikan</h2>
<p>Setelah dapat dimainkan, terbitkan game Anda. Alat berbasis browser memberi Anda tautan yang dapat dibagikan dalam sekali klik, yang merupakan cara tercepat untuk memperoleh masukan. Bagikan kepada teman, posting di tempat audiens Anda berkumpul, lalu perhatikan bagian yang membuat orang kesulitan atau berhenti bermain. Masukan tersebut menjadi bahan untuk putaran iterasi berikutnya. Jika ingin melangkah lebih jauh, <a href="/id/guides/itch-io-launch-guide">panduan peluncuran di itch.io</a> kami membahas cara mendistribusikan game web kepada audiens yang lebih luas.</p>
<h2>Kiat agar pembuatan game dengan AI berhasil</h2>
<ul>
<li><strong>Mulai dari yang kecil, lalu kembangkan.</strong> Rilis game kecil yang lengkap sebelum menambahkan fitur. Game kecil yang selesai lebih baik daripada game besar yang tidak selesai.</li>
<li><strong>Satu perubahan dalam satu waktu.</strong> Permintaan yang digabungkan membingungkan AI dan menyulitkan Anda mengetahui perubahan mana yang berhasil.</li>
<li><strong>Deskripsikan hasil, bukan implementasinya.</strong> Katakan “lompatannya terasa terlalu melayang, buat lebih responsif,” bukan “atur gravitasi menjadi 20.”</li>
<li><strong>Simpan versi yang sudah terbukti berfungsi.</strong> Sebelum membuat perubahan besar, tandai bahwa kondisi saat ini berfungsi agar Anda dapat kembali ke versi tersebut.</li>
<li><strong>Gunakan AI untuk bagian yang membosankan.</strong> Biarkan AI menangani pekerjaan dasar dan berbagai variasi agar Anda dapat menggunakan waktu untuk membuat keputusan yang menjadikan game tersebut milik Anda.</li>
</ul>
<h2>Hal yang dikuasai AI dan yang belum dikuasainya</h2>
<p>AI benar-benar unggul dalam membawa Anda dengan cepat dari nol menuju prototipe yang dapat dimainkan, membuat aset sementara bahkan aset final, serta menangani mekanisme teknis dasar sebuah game. AI masih kurang andal untuk desain besar dengan banyak sistem, penyeimbangan yang mendetail, dan segala sesuatu yang memerlukan visi jangka panjang yang selaras—hal-hal yang tetap menjadi tanggung jawab Anda. Ekspektasi realistis per September 2026: AI dapat memadatkan pekerjaan persiapan selama akhir pekan menjadi satu sore, dan hasil yang andal lebih sering ditemukan pada game kecil dan menengah daripada game yang sangat luas. Model-model terdepan yang mendasari alat ini terus berkembang (Anthropic dan OpenAI sama-sama merilis model unggulan baru pada minggu pertama September 2026, yaitu <a href="https://www.anthropic.com/claude-fable-and-mythos-5-1">Claude Fable 5.1</a> dan <a href="https://developers.openai.com/api/docs/models/gpt-6-astra">GPT-6 Astra</a>). Setiap peningkatan menghasilkan lebih sedikit versi awal yang rusak dan kemampuan lebih baik dalam mengikuti permintaan bertahap, bukan kemampuan mendadak untuk merilis RPG besar tanpa bantuan.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bisakah saya benar-benar membuat game tanpa pengalaman coding?</h3>
<p>Ya. Alat pembuat game dari prompt pada 2026 dapat menghasilkan kode, aset visual, dan logika untuk Anda berdasarkan deskripsi dalam bahasa sehari-hari. Karena itu, Anda dapat membuat dan menerbitkan game yang dapat dimainkan tanpa menulis atau membaca kode apa pun. Anda mengarahkan pembuatan game dengan mendeskripsikan apa yang diinginkan dan menyempurnakan hasilnya.</p>
<h3>Berapa lama waktu yang dibutuhkan untuk membuat game dengan AI?</h3>
<p>Game sederhana yang dapat dimainkan bisa dibuat dalam hitungan menit hingga satu jam. Game kecil tetapi rapi, lengkap dengan aset visual, suara, menu, dan kurva tingkat kesulitan, lebih mungkin membutuhkan iterasi selama satu sore hingga satu akhir pekan. Game yang lebih besar atau rumit tetap membutuhkan waktu lebih lama karena pekerjaannya bergeser dari persiapan menuju desain dan penyempurnaan.</p>
<h3>Jenis game apa yang dapat dibuat AI?</h3>
<p>AI paling baik menangani game kecil dan kasual: platformer, endless runner, shooter arkade, puzzle, balapan, survival, dan simulasi santai. Alat berbasis browser dapat membuat game 2D maupun 3D, meskipun 2D cenderung lebih andal. Game besar dengan banyak sistem, seperti RPG berskala besar atau game strategi, masih sulit dibuat dengan rapi dan memerlukan banyak arahan manusia.</p>
<h3>Apakah saya harus membayar untuk membuat game dengan AI?</h3>
<p>Sebagian besar alat memiliki paket gratis yang cukup untuk membuat dan mencoba game. Biasanya Anda perlu membayar jika menginginkan proses generasi yang lebih intensif, hak komersial, atau fitur ekspor. <a href="/id/guides/ai-game-generators-2026">Perbandingan generator game AI</a> kami mencantumkan paket gratis dan harganya secara berdampingan.</p>
<h3>AI mana yang terbaik untuk membuat game?</h3>
<p>Jawabannya bergantung pada apakah Anda menginginkan game atau basis kode. Jika menginginkan game yang dapat dimainkan tanpa persiapan, gunakan alat khusus pembuat game dari prompt (Cinevva, Rosebud, Summer Engine, GDevelop AI), karena alat-alat tersebut menggabungkan model dengan game engine, pembuatan aset, dan tombol terbitkan. Jika terbiasa menggunakan kode, agen coding umum seperti Cursor, Claude Code, atau OpenAI Codex yang digunakan bersama framework web akan memberi Anda kontrol lebih besar dan repositori sungguhan. Model yang mendasarinya berubah setiap beberapa bulan, jadi pilihlah berdasarkan alur kerja, bukan berdasarkan model dari laboratorium mana yang kebetulan digunakan sebuah alat pada kuartal ini.</p>
<h3>Bisakah saya menjual game yang dibuat dengan AI?</h3>
<p>Sering kali bisa, tetapi periksa dua hal: ketentuan komersial alat tersebut (sebagian alat membatasi penggunaan komersial hanya untuk paket berbayar) dan lisensi aset yang dibuat atau diimpor. Banyak platform juga mewajibkan Anda mengungkapkan penggunaan konten buatan AI. Gunakan aset CC0 dan paket komersial alat tersebut agar tetap aman.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/ai-game-generators-2026">Generator Game AI Terbaik pada 2026</a>: pilih alat yang tepat terlebih dahulu</li>
<li><a href="/id/guides/3d-browser-game-without-coding">Cara Membuat Game Browser 3D Tanpa Coding</a>: panduan langkah demi langkah khusus untuk 3D</li>
<li><a href="/id/guides/vibe-coding-games">Vibe Coding untuk Game: Pengertian dan Cara Memulainya</a>: pola pikir di balik pembuatan game berbasis prompt</li>
<li><a href="/id/guides/vibe-coding-game-prompts">Prompt Game AI yang Dapat Anda Buat dalam Sekali Klik</a>: titik awal</li>
<li><a href="/id/guides/how-to-write-a-game">Cara Menulis Game di Cinevva</a>: pola prompt dari sesi nyata</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: aset visual dan audio untuk game Anda</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a>: mendapatkan pemain</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Membuat Game Browser Multipemain (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/multiplayer-browser-game</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/multiplayer-browser-game</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara membuat game browser multipemain pada 2026, mulai dari WebSockets vs WebRTC hingga alat terbaik (Colyseus, PartyKit, Playroom), dasar-dasar netcode, dan stack untuk pemula.]]></description>
            <content:encoded><![CDATA[<h1>Cara Membuat Game Browser Multipemain (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Multiplayer adalah fitur yang membuat game kecil menyebar, dan di 2026 kamu bisa menambahkannya ke game browser tanpa menjalankan data center sendiri. Bagian sulitnya bukan menghubungkan pemain, tapi menjaga game tetap sinkron dan adil. Panduan ini membahas pilihan-pilihan penting (transport, model server, netcode) serta tools yang membuatnya lebih mudah dikelola, lalu memberikan stack awal yang masuk akal.</p>
<p><strong>Standar 2026 untuk game multiplayer browser adalah WebSockets dengan server otoritatif, menggunakan framework seperti Colyseus atau PartyKit untuk menangani rooms dan sinkronisasi state, dan baru menggunakan WebRTC ketika kamu benar-benar butuh peer-to-peer.</strong></p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/s4lcuCTO2K8" title="Multiplayer Game Server Setup with Colyseus & Phaser 3 — ourcade" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">ourcade menjelaskan server multiplayer dengan Colyseus dan Phaser.</div>
<h2>Pertama, tentukan cakupannya dengan jujur</h2>
<p>Tingkat kesulitan multiplayer meningkat tajam sesuai seberapa cepat dan kompetitif game kamu.</p>
<ul>
<li><strong>Mudah:</strong> game berbasis giliran (kartu, board game), room kecil 2-8 pemain, shared cursor, lobby, chat, co-op santai. WebSockets biasa atau tool zero-backend sudah cukup.</li>
<li><strong>Sulit:</strong> aksi real-time cepat (shooter, gerakan ala .io), banyak pemain bersamaan, dan apa pun yang kompetitif di mana kecurangan jadi masalah. Ini butuh server otoritatif, prediksi, dan netcode yang cermat.</li>
</ul>
<p>Mulai dari kategori mudah. Game berbasis giliran atau room kecil yang berfungsi akan mengajarkanmu seluruh pipeline sebelum kamu menghadapi masalah yang sulit.</p>
<h2>Transport: bagaimana data berpindah</h2>
<ul>
<li><strong>WebSockets</strong> adalah standar praktis. Berbasis TCP, dua arah, matang, dan didukung di mana-mana. Satu kelemahannya adalah head-of-line blocking: paket yang hilang membuat semua yang di belakangnya tertunda, yang merugikan game aksi cepat. Untuk sebagian besar game, rilis dengan WebSockets.</li>
<li><strong>WebRTC</strong> membawa data channel mirip UDP (tanpa head-of-line blocking), bagus untuk aksi cepat atau peer-to-peer, tapi jauh lebih rumit untuk disiapkan (signaling, STUN/TURN). Gunakan ini hanya ketika kamu butuh P2P atau harus menghindari relay server.</li>
<li><strong>WebTransport</strong> adalah opsi yang lebih baru (HTTP/3 + QUIC) dengan datagram bergaya UDP. Dukungan browser melewati ambang batas di 2026: Safari 26.4 merilisnya pada Maret, bergabung dengan Chrome (97+), Edge, dan Firefox (114+), yang membuatnya mencapai sekitar 91% penggunaan global menurut <a href="https://caniuse.com/webtransport">caniuse</a>. Kesenjangannya kini ada di sisi server, di mana framework game dan hosting masih mengasumsikan WebSockets, jadi per September 2026 ini adalah transport kedua yang solid, bukan satu-satunya pilihan untuk pemula.</li>
</ul>
<p>Aturan praktis: WebSockets untuk rilis sekarang, WebTransport ketika framework kamu mendukungnya dan kamu butuh latensi lebih rendah, WebRTC untuk P2P atau media.</p>
<h2>Model server: siapa yang menentukan apa yang terjadi</h2>
<ul>
<li><strong>Server otoritatif:</strong> klien mengirim input, server menjalankan simulasi dan menyiarkan hasilnya. Ini adalah standar untuk apa pun yang kompetitif karena server menjadi batas anti-cheat yang alami; kamu tidak pernah mempercayai klien.</li>
<li><strong>Peer-to-peer:</strong> lebih murah dijalankan, tapi kecurangan sulit dicegah dan konektivitas rapuh. Cocok untuk co-op santai dan lobby kecil yang terpercaya.</li>
</ul>
<p>Bahkan untuk game kecil, server otoritatif menjaga &quot;source of truth&quot; kamu tetap sederhana. Sebagian besar tool di bawah ini memakai model ini secara default.</p>
<h2>Dasar-dasar netcode (hanya ketika kamu membutuhkannya)</h2>
<p>Untuk game real-time cepat, sinkronisasi state mentah terasa lag. Perbaikan standarnya, yang dijelaskan dengan baik dalam seri klasik Gabriel Gambetta, adalah:</p>
<ul>
<li><strong>Client-side prediction:</strong> klien menerapkan input kamu segera alih-alih menunggu round-trip ke server, sehingga gerakan terasa instan.</li>
<li><strong>Server reconciliation:</strong> ketika state otoritatif tiba, klien menerapkan ulang input yang masih tertunda untuk mengoreksi pergeseran apa pun.</li>
<li><strong>Entity interpolation:</strong> merender pemain lain sedikit di masa lalu, di antara state yang diketahui, untuk memperhalus gerakan mereka.</li>
<li><strong>Lag compensation:</strong> server memundurkan waktu ke posisi target saat tembakan dilepaskan, sehingga hit diselesaikan secara adil.</li>
</ul>
<p>Jangan bangun ini di awal. Tambahkan hanya ketika gerakan benar-benar terasa buruk, yang tidak akan terjadi untuk game berbasis giliran atau lambat.</p>
<h2>Lanskap tool 2026</h2>
<table>
<thead>
<tr>
<th>Tool</th>
<th>Untuk apa</th>
<th>Open source</th>
<th>Hosting</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong><a href="http://Socket.IO">Socket.IO</a></strong></td>
<td>Library WebSocket; kamu menulis logika game sendiri. Cocok untuk belajar dan room kecil.</td>
<td>Ya (MIT)</td>
<td>Self-host</td>
</tr>
<tr>
<td><strong>Colyseus</strong></td>
<td>Framework game-server otoritatif: rooms, matchmaking, sinkronisasi state otomatis.</td>
<td>Ya (MIT)</td>
<td>Self-host gratis; <a href="https://colyseus.io/pricing/">Cloud mulai $15/bln</a></td>
</tr>
<tr>
<td><strong>Playroom</strong></td>
<td>Room yang bisa digabung tanpa backend, presence, matchmaking santai. Jalur tercepat untuk game santai.</td>
<td>SDK</td>
<td>Managed: tier gratis (10 pengguna unik per hari), <a href="https://docs.joinplayroom.com/billing">Lite $10/bln untuk 10.000 MAU</a></td>
</tr>
<tr>
<td><strong>PartyKit / PartyServer</strong></td>
<td>Room real-time di edge Cloudflare. PartyKit kini bagian dari Cloudflare, dan <a href="https://github.com/cloudflare/partykit">PartyServer</a> adalah library yang dipelihara di atas Durable Objects.</td>
<td>Ya</td>
<td>Cloudflare usage-based</td>
</tr>
<tr>
<td><strong>Cloudflare Durable Objects</strong></td>
<td>Primitif stateful-per-room level rendah yang menjadi dasar PartyKit.</td>
<td>Platform</td>
<td>Cloudflare usage-based</td>
</tr>
<tr>
<td><strong><a href="http://geckos.io">geckos.io</a></strong></td>
<td>Client/server mirip UDP melalui WebRTC, untuk game aksi cepat.</td>
<td>Ya</td>
<td>Self-host</td>
</tr>
<tr>
<td><strong>Nakama</strong></td>
<td>Backend open-source lengkap: realtime, matchmaking, leaderboard, chat.</td>
<td>Ya (Apache-2.0)</td>
<td>Self-host; <a href="https://heroiclabs.com/pricing/">Heroic Cloud</a> diberi harga berdasarkan CPU, tanpa batas CCU</td>
</tr>
<tr>
<td><strong>Photon (Fusion / Quantum)</strong></td>
<td>Networking realtime komersial yang matang, berpusat pada Unity.</td>
<td>Tidak</td>
<td><a href="https://www.photonengine.com/fusion/pricing">100 CCU gratis</a> untuk satu aplikasi game; 500 CCU $125/bln</td>
</tr>
<tr>
<td><strong>Rivet</strong></td>
<td>Actor dan game server open-source, self-host atau cloud. Diposisikan ulang ke arah infrastruktur agent di 2026 tapi masih menjalankan room game.</td>
<td>Ya (Apache-2.0)</td>
<td>Self-host gratis; <a href="https://rivet.dev/cloud/">tier gratis cloud, Hobby $20/bln</a></td>
</tr>
<tr>
<td><strong>Hathora</strong></td>
<td>Dulunya host game-server terkelola. Ditutup 5 Mei 2026 setelah <a href="https://www.gamedeveloper.com/business/stormgate-rushing-offline-mode-after-losing-server-access-to-an-ai-company">diakuisisi oleh Fireworks AI</a>; domainnya kini mengarah ke GameFabric.</td>
<td>Tidak</td>
<td>Sudah tidak ada. Jangan mulai di sini</td>
</tr>
<tr>
<td><strong>Supabase Realtime</strong></td>
<td>Broadcast + presence melalui WebSockets untuk sinkronisasi ringan dan lobby.</td>
<td>Ya</td>
<td>Termasuk dalam paket Supabase</td>
</tr>
</tbody>
</table>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/DbaBeLDU-oY" title="Build a real-time, multiplayer web app — CodeTV" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Sebuah build multiplayer real-time menggunakan PartyKit di edge.</div>
<h2>Stack pemula yang direkomendasikan</h2>
<p>Untuk game browser real-time kecil di 2026:</p>
<ul>
<li><strong>Transport:</strong> WebSockets (kompatibilitas siap rilis sekarang).</li>
<li><strong>Model server:</strong> otoritatif, bahkan untuk game kecil, agar kecurangan dan &quot;source of truth&quot; tetap sederhana.</li>
<li><strong>Framework:</strong> Colyseus. Ini MIT, gratis untuk self-host, dan memberimu rooms, matchmaking, serta sinkronisasi state otomatis langsung dari awal, dengan <a href="https://colyseus.io/pricing/">cloud terkelola mulai $15 per bulan</a> kalau kamu lebih suka tidak menjalankan server sendiri. Kalau kamu mau zero backend untuk game santai, Playroom adalah opsi yang bahkan lebih cepat (gratis untuk proyek kecil, <a href="https://docs.joinplayroom.com/billing">$10 per bulan untuk 10.000 pemain bulanan</a>); kalau kamu sudah menggunakan Cloudflare, PartyServer atau Durable Objects cocok secara alami. Apa pun yang kamu pilih, jaga logika game tetap terpisah dari transport agar ketika sebuah host tutup, seperti yang terjadi pada Hathora pada Mei 2026, itu jadi proses migrasi dan bukan penulisan ulang. Untuk sisa stack (engine, rendering, hosting), lihat <a href="/id/guides/web-games-stack-2026">stack game web untuk 2026</a> kami.</li>
<li><strong>Netcode:</strong> mulai tanpa prediksi. Tambahkan prediksi bergaya Gambetta dan interpolasi hanya setelah gerakan terasa lag.</li>
</ul>
<h2>Pertanyaan Umum</h2>
<h3>Apa cara termudah membuat game multiplayer browser?</h3>
<p>Mulai dengan game berbasis giliran atau room kecil menggunakan WebSockets, lewat framework seperti Colyseus atau tool zero-backend seperti Playroom. Tool-tool ini menangani rooms, bergabung, dan sinkronisasi state untukmu, jadi kamu bisa merilis game multiplayer yang berfungsi tanpa membangun netcode atau menjalankan server sendiri. Simpan aksi real-time cepat untuk setelah kamu merilis sesuatu yang lebih sederhana.</p>
<h3>Haruskah saya menggunakan WebSockets atau WebRTC untuk game saya?</h3>
<p>WebSockets untuk sebagian besar game: sederhana, matang, dan didukung di mana-mana. Gunakan WebRTC hanya jika kamu butuh koneksi peer-to-peer atau latensi paling rendah untuk aksi cepat, karena jauh lebih rumit untuk disiapkan. WebTransport kini bekerja di setiap browser utama sejak Safari 26.4 pada Maret 2026, jadi ini adalah opsi ketiga yang nyata begitu framework server kamu mendukungnya.</p>
<h3>Apakah WebTransport siap untuk game browser di 2026?</h3>
<p>Di browser, ya: <a href="https://caniuse.com/webtransport">caniuse</a> mencantumkan Chrome 97+, Edge 98+, Firefox 114+, dan Safari 26.4+ di macOS maupun iOS, sekitar 91% penggunaan global per September 2026. Di sisi server masih tahap awal, karena kamu butuh stack HTTP/3 dan sebagian besar framework game, termasuk Colyseus dan Playroom, masih menggunakan WebSockets secara default. Langkah praktisnya adalah merilis dengan WebSockets, menjaga netcode kamu agnostik terhadap transport, dan beralih fast-path (update posisi, input) ke datagram WebTransport begitu framework kamu menambahkannya.</p>
<h3>Berapa biaya untuk hosting game multiplayer browser?</h3>
<p>Tidak ada biaya untuk memulai, dan puluhan dolar per bulan pada skala kecil. Colyseus dan Nakama gratis untuk self-host, <a href="https://colyseus.io/pricing/">Colyseus Cloud mulai dari $15 per bulan</a>, <a href="https://docs.joinplayroom.com/billing">Playroom gratis untuk proyek kecil dan $10 per bulan untuk 10.000 pemain bulanan</a>, Photon memberikan <a href="https://www.photonengine.com/fusion/pricing">100 pengguna bersamaan gratis</a> untuk satu game dan mengenakan biaya $125 per bulan pada 500, dan Cloudflare Durable Objects menagih berdasarkan penggunaan. Biaya naik seiring jumlah pemain bersamaan dan bandwidth, bukan seiring jumlah unduhan, jadi game berbasis giliran dengan beberapa ribu pemain per bulan bisa benar-benar hidup di tier gratis.</p>
<h3>Apa yang terjadi pada Hathora?</h3>
<p>Hathora, host terkelola populer untuk server game otoritatif, <a href="https://www.gamedeveloper.com/business/stormgate-rushing-offline-mode-after-losing-server-access-to-an-ai-company">diakuisisi oleh Fireworks AI</a> pada Maret 2026 dan menutup hosting gamenya pada 5 Mei 2026, dengan GameFabric disebut sebagai mitra migrasi. Kalau tutorial yang kamu ikuti melakukan deploy ke Hathora, ganti dengan Colyseus Cloud, container host, atau Cloudflare. Ini juga argumen terbaru paling jelas untuk menjaga logika room kamu tetap independen dari siapa pun yang menjalankan servernya.</p>
<h3>Apakah saya butuh server sendiri untuk multiplayer?</h3>
<p>Tidak selalu. Tool terkelola seperti Colyseus Cloud, Playroom, PartyKit, dan Photon meng-hosting bagian realtime untukmu. Kamu juga bisa self-host framework open-source seperti Colyseus atau Nakama kalau ingin kendali penuh. Untuk game kecil, layanan terkelola adalah jalur tercepat dan sering kali gratis atau murah untuk memulai.</p>
<h3>Bagaimana cara mencegah kecurangan di game multiplayer?</h3>
<p>Gunakan server otoritatif: klien hanya mengirim input mereka, dan server yang menentukan apa yang benar-benar terjadi, memvalidasi semuanya. Jangan pernah mempercayai klien dengan hasil akhir game. Ini sebabnya framework seperti Colyseus, Nakama, dan Photon memakai model server-otoritatif secara default, terutama untuk apa pun yang kompetitif.</p>
<p><BuildCta
  title="Mulai dari inti single-player"
  desc="Kuasai dulu feel-nya melawan bot sebelum menambahkan netcode."
  prompt="Buatkan arena shooter di mana saya melawan gelombang bot AI" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026</a>: engine tempat game multiplayer kamu berjalan</li>
<li><a href="/id/guides/best-free-game-engines-beginners">Engine Game Gratis Terbaik untuk Pemula</a>: tempat untuk memulai</li>
<li><a href="/id/tutorials/websocket-multiplayer-basics">Dasar-dasar multiplayer WebSocket</a>: pengantar praktik langsung</li>
<li><a href="/id/guides/web-games-stack-2026">Stack Game Web untuk 2026</a>: pilihan engine, rendering, dan hosting di sekitar netcode</li>
<li><a href="/id/guides/publish-game-discord-activities">Cara Mempublikasikan Game di Discord Activities</a>: rumah yang alami untuk build web multiplayer</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Kamu di itch.io</a>: mempublikasikan game multiplayer kamu</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Phaser vs Defold: Perbandingan Engine Game Web 2D Terbaik (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/phaser-vs-defold</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/phaser-vs-defold</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Phaser vs Defold pada 2026 untuk game web 2D, dibandingkan berdasarkan ukuran build, waktu pemuatan, bahasa, alur kerja, dan biaya agar Anda dapat memilih engine 2D yang tepat untuk browser.]]></description>
            <content:encoded><![CDATA[<h1>Phaser vs Defold: Perbandingan Engine Game Web 2D Terbaik (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Untuk game 2D di browser, ada dua engine yang unggul dalam aspek berbeda: Phaser, framework HTML5 paling populer, dan Defold, engine dengan build web terkecil dan waktu muat tercepat. Keduanya cocok untuk pengembang yang berbeda: pilih Phaser (4.2.1) jika Anda menggunakan JavaScript dan menginginkan komunitas terbesar, atau pilih Defold (1.13.1) jika Anda menginginkan build terkecil dan editor lengkap terpadu. Berikut perbandingan tahun 2026 untuk membantu Anda memilih, dengan versi yang diperiksa per September 2026.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/3nfs6MNTNDo" title="Perbandingan engine game Defold — GameFromScratch" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">GameFromScratch membandingkan Defold secara langsung dengan engine lain.</div>
<h2>Kesimpulan singkat</h2>
<ul>
<li><strong>Build web terkecil dan tercepat dimuat, serta editor terpadu yang matang:</strong> Defold.</li>
<li><strong>Komunitas terbesar, tutorial terbanyak, dan framework JavaScript yang mengutamakan kode:</strong> Phaser.</li>
</ul>
<p>Keduanya gratis. Pilihan sebenarnya bergantung pada alur kerja (editor visual vs framework kode), bahasa (Lua vs JavaScript), serta seberapa penting waktu muat dan komunitas bagi Anda.</p>
<h2>Perbandingan</h2>
<table>
<thead>
<tr>
<th></th>
<th>Phaser (4)</th>
<th>Defold</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis</strong></td>
<td>Framework game JS/TS</td>
<td>Engine lengkap + editor</td>
</tr>
<tr>
<td><strong>Bahasa</strong></td>
<td>JavaScript / TypeScript</td>
<td>Lua</td>
</tr>
<tr>
<td><strong>Teknologi web</strong></td>
<td>WebGL2 / Canvas</td>
<td>WebAssembly + WebGL</td>
</tr>
<tr>
<td><strong>Ukuran build kosong</strong></td>
<td>~500 KB (framework)</td>
<td>~1,14 MB (build lengkap)</td>
</tr>
<tr>
<td><strong>Editor</strong></td>
<td>Gunakan editor sendiri (kode)</td>
<td>Bawaan, lengkap dan terpadu</td>
</tr>
<tr>
<td><strong>Komunitas</strong></td>
<td>Terbesar untuk game HTML5</td>
<td>Lebih kecil, tetapi aktif</td>
</tr>
<tr>
<td><strong>Penerbitan</strong></td>
<td>Manual / milik sendiri</td>
<td>Bawaan (Poki dan lainnya)</td>
</tr>
<tr>
<td><strong>Lisensi / biaya</strong></td>
<td>Gratis (MIT)</td>
<td>Gratis, tanpa royalti</td>
</tr>
<tr>
<td><strong>3D</strong></td>
<td>Tidak (2D)</td>
<td>Utamanya 2D, sedang menambahkan 3D</td>
</tr>
</tbody>
</table>
<h2>Phaser 4</h2>
<p>Phaser adalah framework game HTML5 paling populer, dan versi stabil 4.0 dirilis pada April 2026 (segera disusul rilis minor: 4.2.1 dari Juli 2026 adalah versi terkini per September, menurut <a href="https://github.com/phaserjs/phaser/releases">rilis Phaser</a>). Versi ini merupakan penulisan ulang menyeluruh renderer WebGL2 dengan arsitektur baru berbasis node, sembari mempertahankan API v3 yang sudah dikenal. Anda menulis JavaScript atau TypeScript dan langsung mendapatkan fitur fisika, input, audio, scene, serta pemuatan aset. Framework-nya sendiri berukuran kecil (~500 KB), meskipun ukuran akhir bergantung pada aset Anda. Keunggulan utamanya adalah komunitas yang sangat besar, segudang tutorial dan contoh, serta penggunaan kode web standar yang sepenuhnya dapat Anda kendalikan. Perlu diperhatikan bahwa Phaser 4 adalah engine WebGL2, bukan WebGPU. WebGPU masih berupa fondasi untuk masa depan, bukan fitur yang telah dirilis.</p>
<h2>Defold</h2>
<p>Defold, yang awalnya berasal dari King (Candy Crush), dirancang untuk game web berukuran kecil yang dimuat dengan cepat. Build HTML5 kosongnya berukuran sekitar 1,14 MB dan menggunakan WebAssembly secara default, menjadikannya salah satu engine dengan waktu muat tercepat berdasarkan studi terhadap game web teratas. Defold hadir sebagai paket lengkap: editor bawaan, alat scene, dan penerbitan sekali klik ke platform seperti Poki. Rilis stabil terbarunya adalah <a href="https://defold.com/2026/08/17/Defold-1-13-1/">1.13.1 (Agustus 2026)</a>, yang menambahkan komponen cahaya kelas utama (ambient, directional, point, dan spot) serta morph target dengan instancing GPU, menyusul versi 1.13.0 (Juni 2026), yang menghapus target asm.js lama sehingga build web kini hanya menggunakan Wasm. Defold gratis tanpa royalti. Kekurangannya adalah komunitas yang lebih kecil daripada Phaser serta kurva belajar untuk scripting Lua dan model komponen Defold. Defold utamanya merupakan engine 2D, meskipun fitur 3D terus dikembangkan secara aktif.</p>
<h2>Cara memilih</h2>
<p>Jika Anda sudah menguasai JavaScript, menginginkan sumber tutorial dan bantuan terbesar, serta suka merakit toolchain sendiri, pilih Phaser. Jika Anda menginginkan build terkecil dan tercepat dimuat, editor terpadu yang matang, serta fitur penerbitan bawaan—dan tidak keberatan mempelajari Lua—pilih Defold. Untuk game web seluler yang sangat bergantung pada waktu muat, Defold memiliki keunggulan nyata; untuk pembelajaran dan dukungan komunitas, Phaser sulit dikalahkan.</p>
<p>Ingin melihat pilihan yang lebih luas, termasuk PixiJS, Construct, dan GDevelop? Baca <a href="/id/guides/best-2d-game-engines-2026">engine game 2D terbaik untuk 2026</a> kami.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Phaser atau Defold lebih baik untuk game web 2D?</h3>
<p>Keduanya sangat baik, tetapi cocok untuk pengembang yang berbeda. Phaser adalah framework JavaScript yang mengutamakan kode, dengan komunitas terbesar dan materi pembelajaran terbanyak. Defold adalah engine lengkap dengan editor bawaan serta build web terkecil dan tercepat dimuat. Pilih Phaser untuk komunitas dan JavaScript, atau Defold untuk waktu muat dan alur kerja terpadu.</p>
<h3>Mana yang menghasilkan build web lebih kecil dan lebih cepat dimuat?</h3>
<p>Defold. Build HTML5 kosongnya berukuran sekitar 1,14 MB dan menggunakan WebAssembly, menjadikannya salah satu engine dengan waktu muat tercepat untuk game web. Framework Phaser berukuran sekitar 500 KB, tetapi Phaser adalah framework, bukan build lengkap, dan ukuran sebenarnya sangat bergantung pada aset Anda sendiri. Untuk game yang sensitif terhadap waktu muat, Defold lebih unggul.</p>
<h3>Apakah Phaser dan Defold mendukung WebGPU?</h3>
<p>Belum sebagai fitur yang telah dirilis per September 2026. Renderer Phaser 4 merupakan penulisan ulang menyeluruh berbasis WebGL2 (berbasis node, dengan layer sprite dan tilemap GPU yang mampu menggambar lebih dari satu juta sprite), dan tim Phaser menyebut WebGPU sebagai target renderer masa depan, bukan fitur yang telah dirilis. Backend HTML5 Defold menggunakan WebGL, dengan pengembangan WebGPU yang masih eksperimental. Untuk game 2D, hal ini jarang menjadi masalah: WebGL2 berjalan di setiap browser yang digunakan pemain Anda, sementara WebGPU masih belum tersedia di Firefox untuk Linux atau Android, dan WebGL2 sudah lebih dari cukup untuk rendering 2D pada umumnya. Jika ingin mengetahui dukungan browser Anda sendiri, jalankan <a href="/id/tools/webgl-webgpu-checker">pemeriksa WebGL dan WebGPU</a> kami, dan untuk memahami perbedaannya lebih mendalam, baca <a href="/id/guides/webgpu-vs-webgl-games">WebGPU vs WebGL untuk game</a>.</p>
<h3>Apa alternatif Phaser terbaik?</h3>
<p>Tergantung pada aspek yang ingin Anda ubah. Untuk renderer yang lebih ringan dengan logika game buatan Anda sendiri, PixiJS (v8.20, Agustus 2026) adalah pilihan standar. Untuk engine lengkap dengan editor dan build terkecil, pilih Defold. Untuk engine 2D yang mengutamakan TypeScript dan menyediakan lebih banyak fitur bawaan daripada PixiJS, pilih Excalibur.js. Untuk membuat game web 2D serupa melalui alur visual tanpa kode, pilih Construct atau GDevelop. Jika ingin beralih dari ekosistem khusus browser, Godot mendukung 2D dan 3D serta tetap dapat mengekspor ke WebGL2. Jika gamenya 3D, semua pilihan tersebut tidak cocok dan Anda sebaiknya mempertimbangkan <a href="/id/guides/web-game-engines-comparison">Three.js, Babylon.js, atau PlayCanvas</a>.</p>
<h3>Apakah Phaser dan Defold gratis untuk game komersial?</h3>
<p>Ya. Phaser gratis di bawah lisensi MIT, sedangkan Defold gratis dan bersumber terbuka tanpa royalti atau ambang pendapatan. Keduanya tidak mengenakan biaya untuk merilis game komersial, meskipun Phaser menjual produk editor opsional secara terpisah.</p>
<p><BuildCta
  title="Uji ide 2D Anda sebelum berkomitmen"
  desc="Satu prompt, satu draf yang dapat dimainkan, tanpa boilerplate."
  prompt="Buat game tembak-menembak luar angkasa 2D dengan gelombang musuh dan power-up" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/best-2d-game-engines-2026">Engine Game 2D Terbaik untuk 2026</a>: seluruh pilihan engine 2D</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026</a>: 2D dan 3D sekaligus</li>
<li><a href="/id/guides/best-free-game-engines-beginners">Engine Game Gratis Terbaik untuk Pemula</a>: tempat untuk memulai</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Merilis Game Anda di itch.io</a>: menerbitkan game 2D yang telah selesai</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Mempromosikan Game Indie Tanpa Anggaran (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/promote-indie-game-no-budget</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/promote-indie-game-no-budget</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Panduan praktis tahun 2026 untuk memasarkan game indie tanpa anggaran, mulai dari wishlist dan halaman Steam hingga video pendek, devlog, komunitas, dan pendekatan kepada streamer.]]></description>
            <content:encoded><![CDATA[<h1>Cara Mempromosikan Game Indie Tanpa Anggaran (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Kamu tidak butuh uang iklan untuk memasarkan game. Kamu butuh waktu, hook yang jelas, dan mulai lebih awal. Kenyataan pahit di 2026 adalah masalahnya ada di penemuan (discovery), bukan permintaan (demand): <a href="https://x.com/SteamDB/status/1999420488271937702">lebih dari 19.000 game rilis di Steam pada 2025</a>, rekor tertinggi, dan SteamDB mencatat hampir separuhnya punya kurang dari sepuluh ulasan. Kabar baiknya, saluran-saluran yang efektif untuk developer indie sebagian besar gratis: halaman Steam yang diunggah lebih awal, klip gameplay singkat, devlog, komunitas yang sudah kamu ikuti, dan pendekatan ke streamer. Berikut cara memanfaatkannya.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/kpb2Ab8x7Zg" title="Why are wishlists so important to indie devs? (with Chris Zukowski)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Mengapa wishlist itu penting, bersama pakar pemasaran Chris Zukowski.</div>
<h2>Mulai dengan halaman Steam (jika kamu rilis di Steam)</h2>
<p>Jika gamemu akan hadir di Steam, hal gratis paling berharga yang bisa kamu lakukan adalah mengunggah halaman &quot;Coming Soon&quot; lebih awal. Ini tidak sepenuhnya gratis: <a href="https://partner.steamgames.com/doc/gettingstarted/appfee">biaya Direct</a> dari Steam adalah $100 per game per September 2026, yang akan kembali begitu game menghasilkan $1.000, dan halaman toko harus sudah tayang setidaknya dua minggu sebelum peluncuran. Bayar sesegera mungkin sesuai kemampuanmu, karena halaman inilah tempat wishlist terkumpul. Game yang mengunggah halamannya enam bulan atau lebih sebelum rilis mencatat penjualan jauh lebih tinggi dibanding yang menunggu sampai bulan terakhir. Wishlist tidak punya batas waktu, jadi halaman ini sebaiknya diunggah begitu kamu punya beberapa screenshot dan klip singkat.</p>
<p>Apa sebenarnya fungsi wishlist: setiap orang yang menambahkan wishlist akan diberi notifikasi saat peluncuran dan saat ada diskon, yang mengubah daftar tunggu menjadi lonjakan penjualan di hari pertama. Wishlist juga mendorong tab &quot;Popular Upcoming&quot; di minggu terakhir menjelang rilis. Ambang batas kasar untuk peluncuran yang layak adalah sekitar 7.000 wishlist; ini bukan angka ajaib, itu hanya berarti kamu jadi salah satu rilisan teratas minggu itu. Lengkapi juga halaman tokomu dengan baik: tag yang akurat (Steam mengelompokkan berdasarkan tag) dan lebih banyak bahasa yang didukung sama-sama meningkatkan seberapa sering Steam menampilkan gamemu.</p>
<h3>Siklus demo Next Fest</h3>
<p>Steam Next Fest adalah acara wishlist gratis terbesar, tapi acara ini memperkuat audiens yang sudah ada, bukan menciptakannya dari nol. Wishlist yang kamu dapatkan berbanding lurus dengan wishlist yang kamu bawa masuk, jadi bangun audiens dulu sebelum acara berlangsung, lalu manfaatkan momentumnya. Konversi demo-ke-wishlist yang baik ada di kisaran 16-20%. <a href="https://partner.steamgames.com/doc/marketing/upcoming_events/nextfest/2026october">Edisi Oktober 2026</a> berlangsung 19-26 Oktober, dan pendaftaran ditutup 31 Agustus, jadi kalau kamu terlewat, rencanakan demomu untuk edisi berikutnya daripada terburu-buru memasukkan build yang belum sempurna ke edisi ini. Panduan <a href="/id/guides/steam-next-fest-strategy">strategi Steam Next Fest</a> kami membahas jadwal persiapannya.</p>
<h2>Buat game yang memasarkan dirinya sendiri</h2>
<p>Keputusan pemasaran terbesar terjadi sebelum pemasaran itu sendiri dimulai: genre dan konsep gamemu. Game dengan konsep yang kuat (high-concept) menyebar sejak screenshot pertamanya, dan hanya butuh satu-dua kalimat untuk menarik perhatian orang. Kalau kamu tidak bisa menunjukkan alasan gamemu menarik dalam beberapa detik pertama sebuah klip, pasar akan melewatkannya begitu saja. Jadi mulailah dengan hook: trailer dan klip harus sampai ke bagian menarik dalam beberapa detik pertama, dan sajikan genre, lalu hook, lalu konten, bukan daftar fitur.</p>
<h2>Saluran gratis yang efektif di 2026</h2>
<ul>
<li><strong>Video berdurasi pendek</strong> (TikTok, Reels, YouTube Shorts) adalah saluran gratis dengan potensi jangkauan terbesar, karena algoritmanya mendorong klip ke orang-orang yang belum mengikutimu, berbeda dengan X yang jangkauan organiknya menyusut. Satu klip bisa jauh mengungguli satu tweet. Satu catatan penting yang perlu jujur diakui: jangkauan organik video pendek makin sulit di 2025-2026, jadi harapkan harus posting secara konsisten dan anggap YouTube Shorts sebagai opsi yang lebih stabil yang juga menghasilkan klik-tayang bagus.</li>
<li><strong>Devlog, trailer, GIF, capsule art:</strong> paparan berulang membangun keakraban yang berubah jadi wishlist, dan klip yang konsisten juga berfungsi sebagai pengujian gratis untuk melihat hook mana yang berhasil.</li>
<li><strong>Reddit:</strong> posting ke subreddit yang relevan (r/IndieGaming, r/IndieDev, r/indiegames, r/playmygame, plus subreddit niche lainnya), dan patuhi aturan kira-kira 10 banding 1, hanya sekitar satu dari sepuluh postingan yang sebaiknya langsung mempromosikan gamemu. Promosi diri yang berlebihan bisa membuatmu diblokir.</li>
<li><strong>Discord:</strong> server tetap menjaga pemain yang tertarik agar tidak kehilangan minat, memberimu playtester, dan membangun inti komunitas yang hadir saat peluncuran. Jika gamemu berjalan di browser, gamemu juga bisa berjalan di dalam Discord sebagai Activity, yang mengubah server menjadi tempat orang bermain, bukan sekadar mengobrol. Lihat <a href="/id/guides/publish-game-discord-activities">cara menerbitkan game di Discord Activities</a>.</li>
</ul>
<p>Perhatikan juga aturan platform selain algoritmanya. TikTok memperketat kebijakan konten komersial dan tautan luar platform pada 2026, jadi klip yang membuat orang mencari nama gamemu sendiri lebih efektif dibanding klip yang bilang &quot;link di bio&quot;, dan sebagian besar subreddit gaming sekarang membatasi postingan dengan ambang batas karma dan usia akun, jadi akun yang sudah kamu gunakan aktif selama berbulan-bulan jauh lebih berharga dibanding akun baru yang dibuat khusus untuk minggu peluncuran.</p>
<h2>Pers dan streamer tanpa budget</h2>
<p>Streamer dan YouTuber kini mendorong penemuan game indie lebih andal dibanding pers tradisional, dan beberapa kreator yang tepat bisa mengungguli seluruh upaya pendekatan ke pers gabunganmu. Mereka aktif memburu demo gratis. Menargetkan lebih penting daripada sekadar jangkauan luas: pilih kreator yang audiensnya cocok dengan genremu dan jelaskan kenapa kamu memilih mereka.</p>
<p>Untuk pers, buat pitch yang singkat (kebanyakan jurnalis lebih suka di bawah 200 kata), sertakan hook, genre, tautan press-kit, trailer, dan key, serta personalisasikan pesannya. Siapkan press kit satu halaman berisi factsheet, screenshot beresolusi tinggi, trailer, dan logo — setiap hambatan yang kamu hilangkan meningkatkan peluangmu. Kirim salinan review sekitar dua minggu sebelum peluncuran dan beri key ke streamer sekitar seminggu sebelumnya. Kesalahan terbesar dalam pendekatan ke media adalah menghilang setelah seseorang menunjukkan ketertarikan dan melewatkan momen yang tepat.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/gQBdIGaZROE" title="How to NOT screw up your indie game launch. 30 mistakes in 30 minutes." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Kesalahan umum saat peluncuran game indie yang perlu dihindari.</div>
<h2>Ekspektasi yang realistis</h2>
<p>Kondisi dasarnya cukup memprihatinkan: game Steam median hanya meraup pendapatan beberapa ratus dolar, <a href="https://x.com/SteamDB/status/1999420488271937702">hampir separuh dari lebih 19.000 rilisan 2025</a> tidak pernah mencapai sepuluh ulasan, dan pendapatan bersifat winner-take-all. Tapi ini masalah penemuan (discovery), bukan permintaan (demand) — game indie kini kira-kira setengah dari pendapatan dan jumlah copy terjual di Steam. Audiensnya sangat besar; tugasmu adalah membuat gamemu mudah ditemukan. Kesalahan nomor satu adalah membangun game dalam diam dan baru mulai memasarkan di minggu terakhir. Diam total jauh lebih berbahaya daripada menunjukkan game yang belum sempurna.</p>
<p>Jika gamemu berjalan di browser, menerbitkannya secara gratis di portal seperti Poki dan CrazyGames dengan sendirinya sudah menjadi langkah pemasaran tanpa budget, karena platform-platform tersebut mengirimkan pemain yang seharusnya perlu kamu bayar untuk dijangkau. Listing di portal menempatkan gamemu di depan audiens yang memang sudah ada di sana dan sedang mencari sesuatu untuk dimainkan, jadi kamu mendapat distribusi dan traffic tanpa mengeluarkan satu rupiah pun untuk iklan. Lihat <a href="/id/guides/publish-web-game">tempat menerbitkan game web</a> untuk pertimbangan antar-platform dan <a href="/id/guides/web-game-monetization">monetisasi game web</a> untuk melihat berapa besar jangkauan itu bisa menghasilkan.</p>
<h2>Linimasa tanpa budget</h2>
<ul>
<li><strong>6-12 bulan sebelum rilis:</strong> unggah halaman &quot;Coming Soon&quot; Steam, mulai posting klip dan devlog, mulai membangun Discord.</li>
<li><strong>3-6 bulan sebelum rilis:</strong> video berdurasi pendek secara konsisten, kumpulkan wishlist, siapkan Next Fest.</li>
<li><strong>4-6 minggu sebelum rilis:</strong> pendekatan ke pers dan kreator, finalisasi trailer dan press kit.</li>
<li><strong>Minggu peluncuran:</strong> koordinasikan Reddit, media sosial, dan pers pada pagi yang sama; beri key ke streamer seminggu sebelumnya.</li>
</ul>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara memasarkan game indie tanpa uang?</h3>
<p>Mulailah lebih awal dan andalkan saluran gratis: unggah halaman Steam beberapa bulan sebelumnya untuk mengumpulkan wishlist, posting klip video berdurasi pendek dari hook-mu, tulis devlog, bagikan di komunitas Reddit dan Discord yang relevan, dan hubungi streamer serta pers kecil. Kuncinya adalah konsistensi seiring waktu dan hook yang jelas serta cepat, bukan anggaran pemasaran.</p>
<h3>Berapa banyak wishlist yang saya butuhkan sebelum meluncurkan di Steam?</h3>
<p>Tidak ada angka pasti, tapi patokan kasarnya sekitar 7.000, dengan 7.000-10.000 memberi Anda peluang masuk tab Popular Upcoming. Semakin banyak semakin baik, karena wishlist berubah menjadi penjualan hari peluncuran lewat notifikasi. Inti yang lebih dalam adalah menjadi salah satu rilisan teratas minggu itu, yang kebanyakan datang dari memulai halaman dan pemasaran sejak dini.</p>
<h3>Apa channel pemasaran gratis terbaik untuk game indie di 2026?</h3>
<p>Video pendek (TikTok, Reels, YouTube Shorts) berisi gameplay asli, karena algoritmanya mendorong klip ke non-follower, memberi jangkauan tanpa audiens yang sudah ada. Streamer dan YouTuber juga sangat berpengaruh. Jangkauan organik video pendek jadi lebih sulit dibanding beberapa tahun lalu, jadi posting secara konsisten daripada mengharapkan satu hit viral.</p>
<h3>Apa kesalahan pemasaran indie terbesar?</h3>
<p>Membangun dalam diam dan baru mulai memasarkan di minggu terakhir. Pemasaran butuh waktu berbulan-bulan untuk mengumpulkan wishlist dan audiens, jadi game bagus yang diluncurkan begitu saja tanpa wishlist, tanpa trailer, dan dengan halaman toko yang lemah, akan terkubur. Tunjukkan game Anda sejak awal, meski belum sempurna, dan mulai kumpulkan minat jauh sebelum peluncuran.</p>
<h3>Bagaimana cara mempromosikan game saya di Steam secara gratis?</h3>
<p>Pasang halaman Coming Soon segera setelah Anda punya screenshot dan klip, karena wishlist tidak pernah kedaluwarsa dan halaman inilah yang dituju semua channel lain. Isi tag dan bahasa dengan benar, posting demo untuk <a href="/id/guides/steam-next-fest-strategy">Steam Next Fest</a> berikutnya, gunakan event dan pengumuman Steam sendiri untuk menjangkau pemilik wishlist yang sudah ada, dan ikuti fest musiman serta bertema yang memenuhi syarat. Satu-satunya biaya yang terlibat adalah <a href="https://partner.steamgames.com/doc/gettingstarted/appfee">biaya Direct $100</a>, yang dikembalikan Steam setelah Anda meraih $1.000.</p>
<h3>Apakah TikTok masih layak untuk pemasaran game indie di 2026?</h3>
<p>Ya, dengan ekspektasi yang disesuaikan. Video pendek masih menjadi channel gratis yang menjangkau orang-orang yang belum mengikuti Anda, tapi jangkauan organik lebih sulit dibanding tahun 2023, dan perubahan kebijakan TikTok 2026 membatasi seberapa keras Anda bisa mendorong orang keluar dari platform. Jadi buat klip yang membawa nama dan daya tarik game itu sendiri, posting secara konsisten daripada bertaruh pada satu hit viral, dan cerminkan semuanya ke YouTube Shorts dan Reels, di mana klip yang sama terus bekerja dan lebih andal menghasilkan klik.</p>
<h3>Seberapa dini saya harus mulai memasarkan game indie saya?</h3>
<p>Enam hingga dua belas bulan sebelum peluncuran untuk rilis Steam, dan sejak hari Anda punya sesuatu yang bisa dimainkan untuk game web. Halaman Steam butuh waktu berbulan-bulan untuk mengumpulkan wishlist, kreator dan pers butuh beberapa minggu waktu persiapan, dan komunitas menghargai akun yang sudah berpartisipasi jauh sebelum mereka punya sesuatu untuk dijual. Memulai terlambat adalah satu-satunya kesalahan yang tidak bisa diperbaiki dengan usaha ekstra di minggu peluncuran.</p>
<p><BuildCta
  title="Aset pemasaran terbaik Anda adalah tautan yang bisa langsung dimainkan"
  desc="Game web menyebar karena tidak ada yang perlu diinstal."
  prompt="Make a shareable mini game with a beat-my-score hook" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/steam-next-fest-strategy">Strategi Steam Next Fest</a>: event demo-dan-wishlist secara mendalam</li>
<li><a href="/id/guides/kickstarter-for-indie-games">Kickstarter untuk Game Indie</a>: jika Anda memilih jalur crowdfunding</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a>: meluncurkan di itch</li>
<li><a href="/id/guides/get-more-plays-itch-io">Cara Mendapatkan Lebih Banyak Play di itch.io</a>: mendorong traffic game web</li>
<li><a href="/id/guides/publish-web-game">Tempat Terbaik untuk Mempublikasikan Game Web di 2026</a>: tempat menaruh game web</li>
<li><a href="/id/guides/publish-game-discord-activities">Cara Mempublikasikan Game di Discord Activities</a>: mengubah Discord Anda menjadi tempat orang bermain</li>
<li><a href="/id/guides/web-game-monetization">Monetisasi Game Web: Apa yang Sebenarnya Dikatakan Data</a>: berapa yang bisa dihasilkan dari jangkauan portal gratis</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Tempat Terbaik untuk Menerbitkan Game Web pada 2026]]></title>
            <link>https://app.cinevva.com/id/guides/publish-web-game</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/publish-web-game</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Tempat menerbitkan game web pada 2026, dengan perbandingan itch.io, Newgrounds, CrazyGames, Poki, GameJolt, dan lainnya berdasarkan jangkauan, bagi hasil, serta persyaratan.]]></description>
            <content:encoded><![CDATA[<h1>Tempat Terbaik untuk Menerbitkan Game Web pada 2026</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Kamu sudah menyelesaikan sebuah game web. Lalu apa selanjutnya? Tempat kamu mempublikasikannya menentukan seberapa banyak orang yang memainkannya, apakah kamu menghasilkan sesuatu darinya, dan seberapa besar kendali yang kamu pertahankan. Platform-platformnya beragam, mulai dari publikasi mandiri yang instan dan gratis hingga portal kurasi dengan jutaan pemain dan standar yang lebih ketat. Jawaban singkat untuk 2026: <a href="http://itch.io">itch.io</a> untuk kebebasan dan bagi hasil terbaik, CrazyGames atau Poki untuk audiens terbesar, dan domain sendiri untuk kendali penuh. Berikut rinciannya, lengkap dengan trade-off yang benar-benar penting.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/hyWQHY7EqoE" title="How to make an itch.io game page for your indie game — TheOdie" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Menyiapkan halaman itch.io yang kuat, tempat paling fleksibel untuk mempublikasikan game web secara mandiri.</div>
<h2>Perbandingan</h2>
<table>
<thead>
<tr>
<th>Platform</th>
<th>Jangkauan</th>
<th>Model pendapatan</th>
<th>Persetujuan</th>
<th>Paling cocok untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong><a href="http://itch.io">itch.io</a></strong></td>
<td>Besar (indie)</td>
<td>Kamu yang menentukan porsinya (default 90% untukmu / 10% untuk itch); berbayar, donasi, gratis</td>
<td>Instan, tanpa gerbang seleksi</td>
<td>Game indie, berbayar/PWYW, game jam</td>
</tr>
<tr>
<td><strong>Newgrounds</strong></td>
<td>Menengah, berbasis komunitas</td>
<td>Bagi hasil iklan ke kreator</td>
<td>Voting portal</td>
<td>Game browser gratis, komunitas seni/animasi</td>
</tr>
<tr>
<td><strong>CrazyGames</strong></td>
<td>50 juta+ pemain bulanan</td>
<td>Bagi hasil iklan (persentase tidak tercantum di dokumen publik)</td>
<td>QA + review</td>
<td>Aksi/arcade/kasual, audiens besar</td>
</tr>
<tr>
<td><strong>Poki</strong></td>
<td>~100 juta MAU</td>
<td>Kesepakatan eksklusif web: 100% jika kamu yang membawa pemain / 50% jika Poki yang membawa. Non-eksklusif: biaya lisensi tetap</td>
<td>Ketat, melalui uji coba pemain</td>
<td>Game kasual yang rapi dan teroptimasi</td>
</tr>
<tr>
<td><strong>Discord Activities</strong></td>
<td>Server dan DM di Discord</td>
<td>Pembelian dalam aplikasi lewat Premium Apps milik Discord (Discord mengambil 15% hingga 30%)</td>
<td>Review aplikasi untuk direktori</td>
<td>Game sosial dan multiplayer yang dimainkan bareng teman</td>
</tr>
<tr>
<td><strong>GameJolt</strong></td>
<td>Komunitas</td>
<td>Potongan marketplace maksimal 10%</td>
<td>Instan</td>
<td>Membangun basis penggemar, penjualan dengan biaya rendah</td>
</tr>
<tr>
<td><strong>gd.games</strong> (GDevelop)</td>
<td>Komunitas</td>
<td>Pendapatan iklan berbasis sesi</td>
<td>Privat lalu publik</td>
<td>Pengguna GDevelop, hosting gratis</td>
</tr>
<tr>
<td><strong>GX.games</strong> (Opera)</td>
<td>Pemain Opera GX</td>
<td>Hosting gratis, tidak ada bagi hasil yang diiklankan</td>
<td>Ekspor GameMaker</td>
<td>Pengguna GameMaker yang ingin rumah web sekali klik</td>
</tr>
<tr>
<td><strong>Y8</strong></td>
<td>Portal yang sudah lama berjalan</td>
<td>50% dari pendapatan iklan dalam game (Y8 Managed Partnership)</td>
<td>Unggah + persetujuan</td>
<td>Game HTML5 kasual, sindikasi tambahan</td>
</tr>
<tr>
<td><strong>Armor Games</strong></td>
<td>Lebih kecil</td>
<td>Biaya sponsorship/lisensi di muka</td>
<td>Ajukan lewat email, terkurasi</td>
<td>Game rapi yang ingin dibayar</td>
</tr>
<tr>
<td><strong>GameDistribution / GameMonetize</strong></td>
<td>Jangkauan jaringan</td>
<td>Bagi hasil (33% / 45%+)</td>
<td>Dashboard + review</td>
<td>Sindikasi pasif untuk game kasual</td>
</tr>
</tbody>
</table>
<p>Catatan tentang dua portal besar: <strong>Poki dan CrazyGames</strong> memiliki audiens terbesar tapi standar tertinggi dan SDK wajib. <a href="https://developers.poki.com/guide/revenue-deal-types">Halaman kemitraan</a> Poki kini menjelaskan dua jalur: kesepakatan eksklusif web berjalan dengan bagi hasil, sedangkan yang non-eksklusif berupa biaya lisensi tetap sekali bayar tanpa bagi hasil, dan ketentuan pastinya ditentukan per game. <strong><a href="http://itch.io">itch.io</a></strong> memiliki kebebasan terbesar dan bagi hasil terbaik, tapi kamu harus membawa trafik sendiri. <strong>Kongregate</strong> menutup pengajuan terbuka pada 2020, dan per September 2026 <a href="https://www.kongregate.com/en/pages/submission-checklist">daftar periksa pengajuannya</a> masih meminta kamu menghubungi tim untuk pemeriksaan QA alih-alih mengunggah langsung, jadi perlakukan ini sebagai pitch, bukan daftar swalayan. Angka Y8 dan Discord berasal dari <a href="https://developer.y8.com/">portal developer Y8</a> dan <a href="https://support-dev.discord.com/hc/en-us/articles/23810643331735-Premium-Apps-Required-Support-for-Monetizing-Apps">halaman dukungan Premium Apps</a> milik Discord, sedangkan bagi hasil GameDistribution tercantum dalam <a href="https://static.gamedistribution.com/terms/developer.html">perjanjian developernya</a> (33% dari pendapatan bersih, dibayarkan setelah kamu mencapai EUR 100).</p>
<h2>Publikasikan sendiri dulu: <a href="http://itch.io">itch.io</a></h2>
<p>Bagi kebanyakan indie, <a href="http://itch.io">itch.io</a> adalah titik awal default. Kamu mengunggah build HTML5 (ZIP berisi <code>index.html</code>), lalu ditampilkan dalam iframe, dan kamu sudah tayang dalam hitungan menit tanpa gerbang persetujuan. Kamu yang menentukan pembagian pendapatan (default memberimu 90%), dan kamu bisa memasang harga, menerima donasi, atau membuatnya gratis. Kekurangannya, itch sendiri tidak membawa banyak trafik berkelanjutan. Kamu yang harus mendatangkan pemain ke sana. Hal ini dibahas dalam panduan <a href="/id/guides/get-more-plays-itch-io">cara mendapatkan lebih banyak play di itch.io</a>, dan dasar-dasarnya ada di <a href="/id/guides/itch-io-launch-guide">panduan peluncuran itch.io</a>.</p>
<h2>Portal besar: CrazyGames dan Poki</h2>
<p>Jika kamu ingin audiens bawaan sebanyak puluhan juta, portal kasual inilah tempatnya, tapi mereka selektif.</p>
<ul>
<li><strong>CrazyGames</strong> (<a href="https://docs.crazygames.com/faq/">50 juta+ pemain bulanan</a> menurut FAQ developernya) menerima game HTML5/WebGL. Listing dasar tidak butuh banyak, tapi peluncuran penuh dengan monetisasi membutuhkan SDK mereka dan lolos QA, termasuk bekerja dengan ad blocker dan langsung masuk ke gameplay. Pembayaran dilakukan bulanan setelah saldo mencapai €100.</li>
<li><strong>Poki</strong> (<a href="https://developers.poki.com/guide/working-with-poki">100 juta+ pemain bulanan</a>, 1 miliar+ sesi bermain per bulan) adalah yang paling ketat: pipeline multi-tahap dengan playtesting, menilai game dari kualitas, kecocokan pemain, dan ketangguhan teknis. SDK-nya wajib, dan pada kesepakatan eksklusif web, bagi hasilnya tergantung siapa yang membawa pemain (100% jika kamu yang membawa, 50% jika Poki yang membawa). Penempatan non-eksklusif justru berupa biaya lisensi tetap.</li>
</ul>
<p>Ini cocok untuk game kasual yang rapi dan sangat teroptimasi, dan melalui prosesnya memang butuh kerja keras.</p>
<h2>Platform komunitas: Newgrounds, GameJolt, gd.games</h2>
<ul>
<li><strong>Newgrounds</strong> mengutamakan komunitas, dengan sistem voting portal dan bagi hasil iklan. Cocok untuk game browser gratis dan komunitas seni/animasi.</li>
<li><strong>GameJolt</strong> membatasi potongan marketplace-nya di 10% dan dibangun di sekitar sistem follow dan pembangunan basis penggemar.</li>
<li><strong>gd.games</strong> memberikan pengguna GDevelop hosting gratis dengan pendapatan iklan berbasis sesi dan publikasi sekali klik langsung dari editor.</li>
</ul>
<h2>Jaringan distribusi: GameDistribution, GameMonetize</h2>
<p>Ini mensindikasikan satu unggahan HTML5 ke banyak situs mitra untuk jangkauan pasif, dengan imbalan potongan yang lebih besar dan SDK wajib. GameDistribution mengambil porsi lebih besar (<a href="https://static.gamedistribution.com/terms/developer.html">perjanjian developernya</a> menetapkan bagianmu sebesar 33% dari pendapatan bersih, dibayarkan dalam 60 hari setelah laporan bulanan begitu kamu melewati EUR 100). GameMonetize menawarkan bagi hasil lebih tinggi dan pembayaran cepat dengan ambang batas rendah. Bagus untuk game kasual, puzzle, dan .io di mana volume lebih penting daripada besarnya bagi hasil.</p>
<h2>Jangan lupakan self-hosting</h2>
<p>Game HTML5 hanyalah kumpulan file statis, jadi kamu bisa meng-hostingnya gratis di GitHub Pages, Cloudflare Pages, Netlify, atau Vercel, di domain sendiri, tanpa potongan pendapatan dan dengan kendali penuh atas SEO dan analitik. Kekurangannya adalah tidak ada audiens bawaan sama sekali. Pendekatan umum: self-host versi utama untuk brand dan SEO milikmu sendiri, sekaligus publikasikan di <a href="http://itch.io">itch.io</a> dan satu atau dua portal untuk jangkauan. Jika game kamu dibuat dengan creator seperti Cinevva, kamu juga bisa langsung membagikannya lewat tautan dan mengirimkannya ke showcase.</p>
<h2>Cara memilih</h2>
<p>Sesuaikan platform dengan tujuanmu. Ingin kebebasan maksimal dan bagi hasil terbaik? <a href="http://itch.io">itch.io</a> ditambah self-hosting. Ingin audiens terbesar dan game kasualmu sudah rapi? Poki atau CrazyGames. Ingin pembayaran di muka untuk game berkualitas yang sudah selesai? Ajukan pitch ke Armor Games. Ingin jangkauan sindikasi pasif? Jaringan distribusi. Ingin bermain bersama teman di dalam aplikasi chat? <a href="/id/guides/publish-game-discord-activities">Discord Activities</a> menggunakan build web yang sama. Dan jika China ada dalam rencanamu, mini game di WeChat dan Douyin adalah jalur terpisah dengan SDK dan proses persetujuan sendiri, dibahas dalam <a href="/id/guides/publish-wechat-douyin-mini-games">panduan mini game WeChat dan Douyin</a> dan <a href="/id/guides/china-mini-game-platforms">gambaran umum platform mini game China</a>. Sebagian besar indie mempublikasikan di beberapa tempat sekaligus: <a href="http://itch.io">itch.io</a> sebagai markas utama, satu portal untuk jangkauan, dan tautan mereka sendiri untuk kendali.</p>
<h2>Pertanyaan Umum</h2>
<h3>Di mana sebaiknya saya mempublikasikan game HTML5 saya?</h3>
<p>Mulailah dari <a href="http://itch.io">itch.io</a>: instan, gratis, memberimu bagi hasil terbaik, dan memungkinkan kamu memasang harga atau membuatnya gratis. Untuk audiens yang lebih besar, kirimkan game kasual yang rapi ke CrazyGames atau Poki (keduanya punya review selektif dan SDK wajib). Kebanyakan developer mempublikasikan di banyak tempat sekaligus: <a href="http://itch.io">itch.io</a> ditambah satu portal ditambah tautan self-hosted milik mereka sendiri.</p>
<h3>Platform game web mana yang membayar paling besar?</h3>
<p>Tergantung pada traffic dan model bisnisnya. <a href="http://itch.io">itch.io</a> memberikan pembagian terbaik (kamu tetap mendapat 90%+ secara default), tapi kamu harus membawa audiensmu sendiri. Poki dan CrazyGames punya audiens bawaan yang sangat besar tapi berbagi pendapatan iklan sesuai syarat mereka. Armor Games membayar biaya sponsorship di muka untuk game berkualitas. Tidak ada satu jawaban terbaik; pembagian besar dengan traffic kecil bisa menghasilkan lebih sedikit dibanding pembagian lebih kecil dengan jutaan pemain.</p>
<h3>Apakah saya perlu SDK untuk mempublikasikan game web?</h3>
<p>Di <a href="http://itch.io">itch.io</a>, Newgrounds, dan GameJolt, tidak, kamu tinggal upload saja. Di portal-portal besar (Poki, CrazyGames) dan jaringan distribusi (GameDistribution, GameMonetize), SDK diperlukan untuk monetisasi dan peluncuran penuh. SDK ini menangani iklan dan fitur-fitur platform. Pertimbangkan pekerjaan integrasi ini saat memilih tempat publikasi.</p>
<h3>Bisakah saya mempublikasikan game web yang sama di banyak platform?</h3>
<p>Biasanya bisa, kecuali kamu menyetujui kesepakatan eksklusif (jalur bagi hasil Poki, misalnya, terikat pada eksklusivitas web, sementara jalur non-eksklusifnya berupa biaya flat, sesuai <a href="https://developers.poki.com/guide/revenue-deal-types">halaman kemitraan mereka</a>). Kombinasi self-hosting ditambah <a href="http://itch.io">itch.io</a> ditambah satu portal non-eksklusif adalah pilihan yang umum. Baca syarat dan ketentuan tiap platform, karena eksklusivitas dan bagi hasil sering kali saling terkait.</p>
<h3>Apa saja platform terbaik untuk self-publish game di 2026?</h3>
<p>Untuk game web, daftar singkat pilihan kami per September 2026 adalah: <a href="/id/guides/itch-io-launch-guide">itch.io</a> di urutan pertama, karena instan, gratis, dan membiarkan kamu menentukan sendiri potongan platform. <a href="/id/guides/publish-game-crazygames">CrazyGames</a> di urutan kedua untuk jangkauan audiens terbesar (50 juta+ pemain bulanan) dengan bagi hasil iklan. <a href="/id/guides/publish-game-poki">Poki</a> di urutan ketiga, dengan audiens yang serupa tapi standar yang lebih ketat dan eksklusivitas yang melekat pada bagi hasilnya. <a href="/id/guides/publish-game-discord-activities">Discord Activities</a> di urutan keempat jika gamemu bersifat sosial, karena memakai ulang build web yang sama dan menjual item lewat Discord. Kemudian Newgrounds untuk komunitas yang masih memberi vote pada game, GameDistribution untuk syndication pasif, dan untuk China ada jalur <a href="/id/guides/publish-wechat-douyin-mini-games">mini-game WeChat dan Douyin</a>. Jika kamu juga ingin rilis versi unduhan, biaya <a href="https://partner.steamgames.com/doc/gettingstarted/appfee">Direct Steam</a> adalah $100 per game, yang kembali begitu game menghasilkan $1.000, sehingga ini jadi tambahan yang masuk akal, bukan pengganti peluncuran web.</p>
<p><BuildCta
  title="Butuh game untuk dipublikasikan?"
  desc="Buat satu langsung di browser dan bagikan hanya dengan satu link."
  prompt="Make a simple arcade game I can publish and share with a link" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/publish-game-poki">Cara Memasukkan Gamemu ke Poki</a>: alur pengajuan dan pembagian pendapatan, secara mendalam</li>
<li><a href="/id/guides/publish-game-crazygames">Panduan Developer CrazyGames</a>: portalnya, SDK-nya, dan pembayarannya, secara mendalam</li>
<li><a href="/id/guides/publish-game-discord-activities">Cara Mempublikasikan Game di Discord Activities</a>: merilis game web di dalam Discord</li>
<li><a href="/id/guides/publish-wechat-douyin-mini-games">Publikasikan Mini Game WeChat dan Douyin</a>: jalur mini-game China</li>
<li><a href="/id/guides/china-mini-game-platforms">Platform Mini-Game China</a>: perbandingan WeChat, Douyin, dan lainnya</li>
<li><a href="/id/guides/web-game-monetization">Monetisasi Game Web: Apa Kata Data Sebenarnya</a>: berapa bayaran tiap platform, dengan sumbernya</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Gamemu di itch.io</a>: langkah demi langkah</li>
<li><a href="/id/guides/get-more-plays-itch-io">Cara Mendapat Lebih Banyak Plays di itch.io</a>: mendatangkan traffic setelah live</li>
<li><a href="/id/guides/promote-indie-game-no-budget">Cara Mempromosikan Game Indie Tanpa Budget</a>: marketing dengan $0</li>
<li><a href="/id/guides/steam-next-fest-strategy">Strategi Steam Next Fest</a>: jika kamu juga akan masuk ke Steam</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026</a>: membangun gamenya lebih dulu</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Sketchfab vs Poly Haven vs Kenney: Perbandingan Aset 3D Gratis (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/sketchfab-polyhaven-kenney</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/sketchfab-polyhaven-kenney</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Perbandingan Sketchfab, Poly Haven, dan Kenney untuk aset game gratis pada 2026 berdasarkan lisensi, gaya, variasi, format, serta platform yang cocok untuk setiap jenis game.]]></description>
            <content:encoded><![CDATA[<h1>Sketchfab vs Poly Haven vs Kenney: Perbandingan Aset 3D Gratis (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Ada tiga nama yang selalu muncul saat Anda mencari aset 3D gratis: Sketchfab, Poly Haven, dan Kenney. Ketiganya sebenarnya bukan pesaing karena masing-masing unggul dalam hal yang berbeda. Sketchfab adalah pustaka dengan jutaan aset dan beragam lisensi yang perlu Anda filter per model, Poly Haven menyediakan lebih dari 2.300 model fotorealistis, tekstur, dan HDRI yang semuanya berlisensi CC0, sedangkan Kenney menawarkan lebih dari 60.000 aset bergaya yang siap digunakan dalam game dan semuanya juga berlisensi CC0. Berikut perbandingannya pada 2026, termasuk pergantian pemilik Sketchfab pada Agustus 2026, serta kapan sebaiknya menggunakan masing-masing sumber.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/8aGqyS7IQVA" title="Situs Terbaik untuk Model 3D Gratis" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Rangkuman sumber model 3D gratis, termasuk tiga situs yang dibandingkan di sini.</div>
<h2>Sekilas</h2>
<table>
<thead>
<tr>
<th></th>
<th>Sketchfab</th>
<th>Poly Haven</th>
<th>Kenney</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Terbaik untuk</strong></td>
<td>Variasi, model kompleks dan mendetail</td>
<td>Model fotorealistis, tekstur, HDRI</td>
<td>Aset siap pakai untuk game, bergaya, dan konsisten</td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Beragam (periksa satu per satu)</td>
<td>CC0 (semua)</td>
<td>CC0 (semua)</td>
</tr>
<tr>
<td><strong>Atribusi</strong></td>
<td>Bergantung pada model</td>
<td>Tidak diperlukan</td>
<td>Tidak diperlukan</td>
</tr>
<tr>
<td><strong>Katalog</strong></td>
<td>Jutaan</td>
<td>2.300+ (520+ model, 850+ tekstur, 990+ HDRI)</td>
<td>60.000+ dalam 200+ paket</td>
</tr>
<tr>
<td><strong>Gaya</strong></td>
<td>Segala macam</td>
<td>Realistis</td>
<td>Low-poly yang selaras / bersih</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>glTF, FBX, OBJ</td>
<td>glTF, Blend, FBX</td>
<td>GLB, PNG, WAV, dan lainnya</td>
</tr>
<tr>
<td><strong>Unduhan langsung / API</strong></td>
<td>Perlu masuk</td>
<td>Ya, API tanpa kunci</td>
<td>Ya (per paket)</td>
</tr>
</tbody>
</table>
<h2>Kenney: selaras dan siap digunakan dalam game</h2>
<p>Kenney adalah cara tercepat untuk membuat game dengan tampilan yang selaras. Tersedia lebih dari 60.000 aset (berdasarkan jumlah yang dicantumkan Kenney dalam <a href="https://kenney.itch.io/kenney-game-assets">paket All-in-1</a>), semuanya berlisensi CC0 (tanpa atribusi, boleh digunakan secara komersial, sesuai <a href="https://kenney.nl/support">halaman dukungan Kenney</a>), dengan gaya konsisten yang dapat Anda padukan antar-paket, dan seluruhnya dioptimalkan untuk game. Kekurangannya adalah cakupan: gayanya lebih bergaya dan bersih daripada fotorealistis, dan Anda tidak akan menemukan properti tertentu yang sangat mendetail. Gunakan Kenney jika Anda ingin seluruh game tampak selaras dengan cepat dan tanpa perlu memikirkan lisensi.</p>
<h2>Poly Haven: fotorealistis dan CC0</h2>
<p>Poly Haven adalah spesialis realisme: model 3D dengan tekstur PBR, tekstur beresolusi tinggi, dan HDRI untuk pencahayaan, semuanya berlisensi CC0, tersedia dalam beberapa resolusi, serta dilengkapi API tanpa kunci untuk unduhan langsung. Hingga September 2026, tersedia lebih dari 2.300 aset dan jumlahnya terus bertambah: <a href="https://api.polyhaven.com/assets?t=hdris">API publik</a> mencantumkan 521 model, 856 set tekstur, dan 993 HDRI. Katalognya lebih kecil dan terfokus—properti, elemen lingkungan, material, dan pencahayaan—alih-alih menjadi marketplace yang sangat luas. Gunakan Poly Haven jika Anda membutuhkan material realistis, dekorasi lingkungan, dan pencahayaan HDRI yang baik tanpa atribusi. Jika Anda mencari pencahayaan, mulailah dari halaman <a href="/game-assets/free-hdri-skies">langit HDRI gratis</a> kami.</p>
<h2>Sketchfab: banyak variasi, tetapi lisensinya perlu diperiksa</h2>
<p>Sketchfab adalah raksasa di antara ketiganya: jutaan model, pratinjau 3D sebelum mengunduh, serta pilihan gaya dan subjek yang sangat luas. Kendalanya adalah setiap model dapat memiliki lisensi berbeda, sehingga Anda harus memfilter model yang dapat diunduh serta berlisensi CC0 atau CC-BY, lalu memverifikasi masing-masing model. Ada dua catatan penting untuk 2026. Toko Sketchfab dipindahkan ke Fab milik Epic, dan hanya konten berlisensi CC-BY serta Fab Standard yang dapat dimigrasikan. Akibatnya, konten CC0 dan model dengan lisensi Creative Commons lainnya tetap berada di Sketchfab. Kemudian, pada 10 Agustus 2026, Epic <a href="https://www.epicgames.com/site/news/kitbash-acquires-artstation-and-sketchfab">menjual Sketchfab dan ArtStation kepada KitBash</a>, perusahaan di balik KitBash3D dan Greyscalegorilla, yang menyatakan bahwa saat ini tidak ada perubahan pada cara kreator mengakses atau menggunakan kedua situs tersebut. Hingga September 2026, unduhan gratis dan API unduhannya masih berfungsi (kami memeriksa API tersebut bulan ini), sedangkan rencana Epic sebelumnya untuk menghapus lisensi gratis dari Sketchfab belum terlaksana. Anggaplah Sketchfab sebagai sumber yang masa depannya sedang ditentukan oleh pemilik baru, dan unduh apa yang Anda perlukan. Gunakan Sketchfab jika Anda membutuhkan model spesifik atau tidak biasa yang tidak tersedia di sumber lain dan bersedia memeriksa lisensinya.</p>
<h2>Mana yang sebaiknya Anda gunakan?</h2>
<ul>
<li><strong>Tampilan seluruh game yang selaras, cepat, tanpa atribusi:</strong> Kenney.</li>
<li><strong>Properti, material, dan pencahayaan realistis dengan lisensi CC0:</strong> Poly Haven.</li>
<li><strong>Model spesifik atau tidak biasa dengan pilihan terluas:</strong> Sketchfab (periksa lisensinya).</li>
</ul>
<p>Dalam praktiknya, banyak pengembang menggunakan ketiganya: Kenney untuk set dasar dan UI, Poly Haven untuk tekstur realistis dan HDRI, serta Sketchfab untuk aset utama yang hanya diperlukan satu kali. Memadukan material realistis dari Poly Haven dengan model bergaya dari Kenney dapat terlihat tidak serasi. Karena itu, tentukan terlebih dahulu arahan visual game Anda, lalu pilih sumber yang sesuai.</p>
<h2>Di luar tiga sumber utama</h2>
<p>Ketiganya bukanlah satu-satunya pilihan. Quaternius merupakan sumber CC0 unggulan lainnya untuk aset low-poly bergaya, AmbientCG mengkhususkan diri pada tekstur CC0, dan Poly Pizza menyediakan katalog Google Poly yang telah diarsipkan. Dari mana pun Anda mengambil aset, sebaiknya buka dahulu filenya dalam <a href="/id/tools/glb-viewer">pemeriksa model berbasis browser</a> untuk melihat jumlah segitiga, material, dan ukuran tekstur sebenarnya yang akan Anda gunakan. Anda juga dapat melewati proses pencarian sepenuhnya dan membuat sendiri aset yang dibutuhkan: panduan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami membahas alat teks-ke-3D dan gambar-ke-3D, serta apa saja yang boleh dirilis secara komersial dengan masing-masing alat. <a href="/id/tools/hunyuan3d#prompt=a%20weathered%20wooden%20rowing%20boat">Generator Model 3D</a> milik Cinevva dapat mengubah prompt menjadi GLB dalam waktu sekitar satu menit. Untuk gambaran lengkapnya, lihat panduan <a href="/id/guides/free-3d-model-sites">situs model 3D gratis</a> dan <a href="/id/guides/game-assets-guide">aset game gratis</a> kami.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Sketchfab, Poly Haven, atau Kenney yang terbaik untuk model 3D gratis?</h3>
<p>Masing-masing paling unggul untuk kebutuhan berbeda. Kenney adalah pilihan terbaik untuk aset bergaya yang selaras, siap digunakan dalam game, dan semuanya berlisensi CC0. Poly Haven paling cocok untuk model fotorealistis, tekstur, dan HDRI yang semuanya berlisensi CC0. Sketchfab terbaik dalam hal variasi serta model spesifik atau mendetail, tetapi lisensinya berbeda-beda sehingga Anda harus memeriksa setiap model. Banyak pengembang menggunakan ketiganya sekaligus.</p>
<h3>Apakah Poly Haven dan Kenney benar-benar gratis untuk game komersial?</h3>
<p>Ya. Keduanya sepenuhnya menggunakan lisensi CC0, yang berarti setiap aset berada dalam domain publik: gratis untuk penggunaan komersial, boleh dimodifikasi, dan tidak memerlukan atribusi. Hal ini menjadikan keduanya sebagai sumber dengan risiko terendah di antara ketiga pilihan tersebut. Sebaliknya, Sketchfab menggunakan beragam lisensi per model yang harus Anda verifikasi sebelum penggunaan komersial.</p>
<h3>Apakah saya harus mencantumkan kredit untuk aset dari situs-situs ini?</h3>
<p>Tidak untuk Kenney atau Poly Haven karena semua asetnya berlisensi CC0. Untuk Sketchfab, hal ini bergantung pada lisensi masing-masing model: CC0 tidak memerlukan kredit, CC-BY mewajibkan atribusi, dan beberapa model sama sekali tidak boleh digunakan secara komersial. Selalu periksa lisensi setiap model Sketchfab sebelum merilis game.</p>
<h3>Bisakah saya memadukan aset dari ketiganya dalam satu game?</h3>
<p>Secara teknis bisa dan lisensinya mengizinkan, tetapi perhatikan arahan visual Anda. Tampilan bergaya Kenney dan material fotorealistis Poly Haven dapat terlihat bertabrakan jika dipadukan tanpa pertimbangan. Tentukan gaya visual terlebih dahulu, lalu pilih aset yang sesuai. Gunakan Sketchfab untuk elemen tertentu yang tidak tersedia dari sumber CC0.</p>
<h3>Siapa pemilik Sketchfab sekarang, dan apakah unduhan gratisnya masih berfungsi?</h3>
<p>KitBash, perusahaan di balik KitBash3D dan Greyscalegorilla, membeli Sketchfab dan ArtStation dari Epic Games pada 10 Agustus 2026. KitBash menyatakan bahwa saat ini tidak ada perubahan pada cara kreator mengakses atau menggunakan kedua situs tersebut. Hingga September 2026, unduhan Creative Commons gratis dan API unduhan Sketchfab juga masih berfungsi. Rencana Epic pada 2024 untuk menghentikan lisensi gratis di Sketchfab belum dilaksanakan, tetapi tidak ada pula yang menjanjikan bahwa pustaka gratisnya akan tersedia selamanya. Jadi, unduh apa yang Anda perlukan.</p>
<h3>Berapa banyak aset yang dimiliki Poly Haven dan Kenney?</h3>
<p>Hingga September 2026, API publik Poly Haven mencantumkan 2.370 aset: 521 model, 856 set tekstur PBR, dan 993 HDRI, yang seluruhnya berlisensi CC0. Daftar paket All-in-1 Kenney mencakup lebih dari 60.000 aset individual dalam lebih dari 200 paket, termasuk model 3D, sprite, UI, dan audio, yang semuanya juga berlisensi CC0. Sketchfab tidak memublikasikan jumlah terkini, tetapi pustakanya berisi jutaan model. Untuk game, hanya sebagian model yang dapat diunduh dan berlisensi CC0 atau CC-BY yang relevan.</p>
<p><BuildCta
  title="Minta properti bergaya Kenney ditempatkan ke dalam game Anda"
  desc="Cinevva menyediakan ribuan properti CC0 dari Kenney dan Quaternius langsung di dalam editornya."
  prompt="Buat satu blok kota low-poly dengan taman, mobil, dan berbagai tempat untuk dijelajahi" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a>: pilihan yang lebih luas</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: 20+ sumber untuk segala jenis aset</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a>: buat aset sebagai alternatif</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a>: CC0, CC-BY, dan lisensi lainnya</li>
<li><a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a>: pilihan untuk audio</li>
<li><a href="/game-assets/free-hdri-skies">Langit HDRI gratis</a> dan <a href="/game-assets/free-3d-character-models">model karakter 3D gratis</a>: pilihan dari Poly Haven dan Kenney, satu kategori demi satu</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Unity WebGL vs Godot vs PlayCanvas untuk 3D Web (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/unity-godot-playcanvas-web</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/unity-godot-playcanvas-web</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Perbandingan Unity WebGL, ekspor web Godot, dan PlayCanvas pada 2026 berdasarkan ukuran build, waktu pemuatan, WebGPU, alur kerja, dan biaya untuk memilih engine 3D yang tepat bagi browser.]]></description>
            <content:encoded><![CDATA[<h1>Unity WebGL vs Godot vs PlayCanvas untuk 3D Web (2026)</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>Jika Anda ingin membuat game 3D yang berjalan di browser, ada tiga engine yang paling sering disebut: Unity, Godot, dan PlayCanvas. Ketiganya menggunakan pendekatan yang sangat berbeda untuk web. Unity adalah engine desktop tangguh yang dapat mengekspor ke WebGL, Godot merupakan engine serbaguna gratis dan sumber terbuka, sedangkan PlayCanvas sejak awal dibuat khusus untuk web. Berikut perbandingan ketiganya pada 2026, khusus untuk 3D di browser.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/MiejI68zyCk" title="PlayCanvas - Engine Game 3D Terbaik untuk Web? — GameFromScratch" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Ulasan GameFromScratch tentang PlayCanvas sebagai engine 3D yang mengutamakan web.</div>
<h2>Kesimpulan singkat</h2>
<ul>
<li><strong>3D yang mengutamakan web, build terkecil, WebGPU terbaik:</strong> PlayCanvas.</li>
<li><strong>Gratis, sumber terbuka, mendukung 2D dan 3D, satu basis kode untuk web dan native:</strong> Godot.</li>
<li><strong>Anda sudah memiliki proyek Unity, atau juga memerlukan dukungan konsol dan native kelas atas:</strong> Unity, dengan konsekuensi unduhan web yang lebih besar.</li>
</ul>
<h2>Perbandingan</h2>
<table>
<thead>
<tr>
<th></th>
<th>Unity (WebGL)</th>
<th>Godot (4.7)</th>
<th>PlayCanvas</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Target web</strong></td>
<td>Ekspor WebGL2</td>
<td>WebGL2 + Wasm (wasm64 di 4.7)</td>
<td>WebGL2 + WebGPU</td>
</tr>
<tr>
<td><strong>Ukuran build kosong</strong></td>
<td>~8 MB+</td>
<td>~9 MB setelah gzip</td>
<td>~1–2 MB</td>
</tr>
<tr>
<td><strong>Waktu pemuatan</strong></td>
<td>Paling lambat di antara ketiganya</td>
<td>Sedang</td>
<td>Paling cepat</td>
</tr>
<tr>
<td><strong>WebGPU</strong></td>
<td>Eksperimental</td>
<td>Tidak didukung di web</td>
<td>Paling matang</td>
</tr>
<tr>
<td><strong>2D / 3D</strong></td>
<td>Keduanya</td>
<td>Keduanya (2D + 3D yang kuat)</td>
<td>Mengutamakan 3D</td>
</tr>
<tr>
<td><strong>Editor</strong></td>
<td>Desktop</td>
<td>Desktop (ringan)</td>
<td>Cloud, kolaboratif</td>
</tr>
<tr>
<td><strong>Bahasa</strong></td>
<td>C# (dikompilasi menjadi WebAssembly untuk ekspor web)</td>
<td>GDScript (C# tidak dapat diekspor ke web)</td>
<td>JavaScript / TypeScript</td>
</tr>
<tr>
<td><strong>Biaya</strong></td>
<td>Gratis untuk pendapatan di bawah $200 ribu; Pro $2.310/kursi/tahun</td>
<td>Gratis (MIT)</td>
<td>Tingkat gratis; editor cloud berbayar</td>
</tr>
</tbody>
</table>
<h2>Unity (WebGL)</h2>
<p>Unity dapat mengekspor build WebGL yang bisa langsung dimainkan, dan ekosistemnya (Asset Store, alat bantu, dokumentasi) tidak tertandingi. Kekurangannya, khusus untuk web: build kosong mulai dari sekitar 8 MB, waktu pemuatannya tertinggal dari engine web-native, dan memori browser seluler dapat terasa terbatas. WebGPU tersedia, tetapi masih eksperimental dan dinonaktifkan secara default; WebGL2 tetap menjadi target utamanya. Hal praktis yang perlu diperhatikan adalah Unity merupakan opsi paling berat untuk dijalankan di browser. Karena itu, Unity paling cocok ketika web menjadi target sekunder bagi game yang juga dirilis untuk desktop, seluler, atau konsol. Unity juga telah mengganti alat AI Muse dengan Unity AI (beta terbuka, 2026) jika Anda menginginkan bantuan AI di dalam editor.</p>
<h2>Godot (4.7)</h2>
<p>Godot tersedia secara gratis dan bersumber terbuka di bawah lisensi MIT, tanpa batas pendapatan maupun biaya per kursi, serta mampu menangani 2D dan 3D dengan baik. Versi 4.7 (Juni 2026) mengaktifkan SIMD WebAssembly secara default dan menambahkan opsi ekspor wasm64 yang menghapus batas memori lama sebesar 4 GB. Rendering web masih terbatas pada WebGL 2.0 melalui renderer Compatibility karena Godot belum mendukung WebGPU. Masih ada dua hal yang perlu diperhatikan untuk web: proyek C# tidak dapat diekspor ke web (hanya GDScript), dan threading SharedArrayBuffer memerlukan header server COOP/COEP tertentu, yang dapat menimbulkan masalah pada sebagian layanan hosting. Bagi kreator indie yang menginginkan satu engine untuk web dan native tanpa mengkhawatirkan lisensi, Godot adalah pilihan gratis yang kuat.</p>
<h2>PlayCanvas</h2>
<p>PlayCanvas sejak awal dirancang untuk web. Runtime-nya sangat kecil (~1–2 MB), pemuatannya paling cepat di antara ketiganya, dan engine ini memiliki renderer WebGPU paling siap produksi di antara semua engine web, termasuk rendering 3D Gaussian splat berbasis komputasi sejak v2.20 (Juni 2026). Editornya berbasis cloud dan mendukung kolaborasi, sehingga cocok untuk tim, meskipun alur kerjanya tidak sesuai untuk semua orang. PlayCanvas mengutamakan 3D dan kurang cocok untuk 2D yang kompleks. Jika ukuran unduhan dan performa web menjadi prioritas Anda, PlayCanvas memang dibuat khusus untuk kebutuhan tersebut.</p>
<h2>Cara memilih</h2>
<p>Pilih berdasarkan batasan utama proyek Anda. Jika Anda memerlukan build web 3D yang paling kecil, paling cepat dimuat, dan memiliki dukungan WebGPU yang baik, pilih PlayCanvas. Jika Anda menginginkan engine gratis dan terbuka yang mampu menangani 2D serta 3D, sekaligus mengekspor ke desktop dan seluler dari satu basis kode, pilih Godot. Jika game Anda sudah dibuat dengan Unity atau benar-benar memerlukan rendering kelas atas dan ekspor konsol dari Unity, rilis build WebGL-nya dan terima konsekuensi unduhan yang lebih besar.</p>
<p>Jika Anda lebih suka melewati penggunaan engine sepenuhnya dan mendeskripsikan game web 3D kepada AI, itu merupakan pendekatan berbeda yang dibahas dalam <a href="/id/guides/3d-browser-game-without-coding">cara membuat game browser 3D tanpa coding</a>.</p>
<h2>Pertanyaan Umum</h2>
<h3>Engine apa yang terbaik untuk game browser 3D?</h3>
<p>PlayCanvas adalah pilihan terkuat yang mengutamakan web pada 2026: runtime kecil, pemuatan tercepat, dan renderer WebGPU paling matang. Godot merupakan opsi gratis dan sumber terbuka terbaik yang juga dapat mengekspor ke platform native. Unity paling cocok hanya jika game Anda sudah menggunakannya atau memerlukan fitur kelas atasnya, karena build web Unity memiliki ukuran paling besar. Pilihan terbaik bergantung pada ukuran build, kebutuhan ekspor native, dan anggaran Anda.</p>
<h3>Apakah Unity dan Godot dapat mengekspor game C# ke web?</h3>
<p>Ini merupakan kendala umum yang perlu diperhatikan: Godot sama sekali tidak dapat mengekspor proyek C# ke web (hanya GDScript). Ekspor web Unity menggunakan C#, tetapi mengompilasinya untuk WebGL melalui Wasm, dan build yang dihasilkan berukuran besar (~8 MB+ dalam keadaan kosong). PlayCanvas menggunakan JavaScript atau TypeScript secara native, yang menjadi salah satu alasan build web-nya begitu kecil.</p>
<h3>Mana yang paling cepat dimuat di browser?</h3>
<p>PlayCanvas, dengan selisih yang jauh, berkat runtime ~1–2 MB yang dibuat khusus untuk web. Build kosong Godot berukuran sekitar 9 MB setelah gzip, sedangkan Unity mulai dari sekitar 8 MB atau lebih. Untuk game web, ukuran unduhan total sangat memengaruhi jumlah pemain yang bersedia menunggu hingga game selesai dimuat. Jadi, ini merupakan faktor pemilihan yang penting, bukan sekadar detail.</p>
<h3>Apakah engine-engine ini mendukung WebGPU?</h3>
<p>PlayCanvas memiliki renderer WebGPU paling matang. Ekspor web Godot masih terbatas pada WebGL2 dan belum mendukung WebGPU. Unity mempertahankan WebGPU sebagai fitur eksperimental dengan WebGL2 sebagai pilihan default. Untuk pembahasan lebih mendalam mengenai komprominya, lihat <a href="/id/guides/webgpu-vs-webgl-games">panduan WebGPU vs WebGL</a> kami.</p>
<p><BuildCta
  title="Bandingkan engine nanti, mainkan ide Anda sekarang"
  desc="Prototipe yang dapat dimainkan akan memperjelas pilihan engine."
  prompt="Buat FPS browser dengan grafis low poly" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026</a> — perbandingan lengkap 11 engine</li>
<li><a href="/id/guides/webgpu-vs-webgl-games">WebGPU vs WebGL untuk Game</a> — kompromi antara kedua API rendering</li>
<li><a href="/id/guides/playcanvas-vs-threejs">PlayCanvas vs Three.js</a> — engine vs pustaka untuk 3D web</li>
<li><a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk Game Web</a> — perbandingan langsung dua engine lengkap terbesar</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Vibe Coding Game: Apa Itu dan Cara Memulainya (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/vibe-coding-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/vibe-coding-games</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Arti vibe coding, asal-usul istilahnya, dan cara membuat game dengan vibe coding pada 2026, lengkap dengan alur kerja, alat, kisah sukses nyata, serta jebakan yang perlu dihindari.]]></description>
            <content:encoded><![CDATA[<h1>Vibe Coding Game: Apa Itu dan Cara Memulainya (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>&quot;Vibe coding&quot; berkembang dari sebuah tweet menjadi Word of the Year versi Collins Dictionary dalam waktu kurang dari setahun. Untuk game, ini adalah salah satu cara paling menyenangkan untuk berkarya saat ini: Anda menjelaskan apa yang diinginkan, AI menuliskannya, lalu Anda mengarahkan hasilnya berdasarkan rasa, bukan sintaksis. Berikut arti sebenarnya dari istilah ini, cara membuat game dengan vibe coding langkah demi langkah, seperti apa praktik pengembangan game dengan vibe coding per September 2026, serta kapan metode ini efektif dan kapan bisa menimbulkan masalah.</p>
<h2>Asal-usul istilah ini</h2>
<p>Istilah tersebut berasal dari Andrej Karpathy, salah satu anggota pendiri OpenAI, dalam sebuah postingan pada Februari 2025. Ia menggambarkannya sebagai &quot;jenis pemrograman baru di mana Anda sepenuhnya mengikuti vibe, menerima pertumbuhan eksponensial, dan bahkan melupakan bahwa kode itu ada,&quot; yang dimungkinkan karena model AI untuk pemrograman sudah cukup canggih sehingga Anda dapat &quot;cukup melihat sesuatu, mengatakan sesuatu, menjalankan sesuatu, dan menyalin-tempel sesuatu, lalu sebagian besar berhasil.&quot; Ia membingkainya sebagai metode untuk proyek akhir pekan yang sekali pakai, dan hal ini penting untuk diingat.</p>
<p>Pengembang Simon Willison mempertajam definisinya: vibe coding yang sesungguhnya berarti membuat perangkat lunak dengan LLM tanpa meninjau kode yang ditulisnya. Jika Anda membaca, menguji, dan memahami setiap barisnya, berarti Anda menggunakan AI sebagai asisten mengetik, yang merupakan hal berbeda. Menjelang akhir 2025, istilah ini telah menyebar begitu luas hingga Collins menobatkannya sebagai Word of the Year.</p>
<p>Untuk game, konsep ini sangat cocok: Anda mendeskripsikan sebuah game, AI membuatnya, Anda memainkannya dan meminta perubahan, serta sebagian besar tidak melihat kodenya. Itulah membuat game dengan vibe coding.</p>
<h2>Mengapa game sangat cocok untuk metode ini</h2>
<p>Game bersifat visual dan dapat langsung diuji, persis seperti siklus yang didukung oleh vibe coding. Dalam dua detik, Anda bisa melihat apakah gerak lompatnya terasa tepat atau musuhnya terlalu cepat, sehingga siklus &quot;mengatakan sesuatu, menjalankan sesuatu&quot; terasa singkat dan memuaskan. Bukti terkenalnya pun berupa game: pada awal 2025, pengembang indie Pieter Levels membuat simulator penerbangan 3D berbasis browser dengan vibe coding hanya dalam beberapa jam menggunakan editor kode AI dan Three.js, tanpa latar belakang pengembangan game, dan game tersebut menjadi viral. (Angka pendapatannya dilaporkan sendiri, jadi jangan langsung menelannya mentah-mentah, tetapi proses pembuatannya nyata dan terdokumentasi dengan baik.)</p>
<h2>Dua cara membuat game dengan vibe coding</h2>
<p>Ada dua jenis pendekatan, bergantung pada seberapa jauh Anda ingin terlibat langsung.</p>
<p><strong>Alat pemrograman AI umum.</strong> Cursor, Claude Code, OpenAI Codex, dan GitHub Copilot memungkinkan Anda membuat game seperti yang dijelaskan Karpathy: berikan prompt kepada agen pemrograman AI, biasanya dengan framework web seperti Three.js, lalu lakukan iterasi. Kini keempatnya beroperasi sebagai agen yang dapat mengedit banyak file dan menjalankan kode Anda, sementara model di baliknya kembali berganti pada 2026: <a href="https://www.anthropic.com/claude-fable-and-mythos-5-1">Claude Fable 5.1, Opus 5, dan Sonnet 5</a> dari Anthropic, <a href="https://developers.openai.com/api/docs/models/gpt-6-astra">GPT-6 Astra</a> dari OpenAI, serta Gemini 3.8 Flash dari Google (tersedia secara umum pada 2 September 2026 menurut <a href="https://ai.google.dev/gemini-api/docs/changelog">catatan perubahan Gemini API</a>) adalah nama-nama terkini per September 2026. Anda tidak harus membaca kodenya, tetapi proyek tersebut merupakan basis kode sungguhan yang dapat dibawa ke mana pun. Ini adalah jalur paling fleksibel dan paling bertenaga, tetapi juga memberi Anda paling banyak peluang untuk membuat masalah sendiri.</p>
<p><strong>Alat prompt-to-game khusus game.</strong> Cinevva, Rosebud, Summer, SEELE, Replit, dan Nilo membungkus seluruh siklus tersebut ke dalam lingkungan yang dibuat khusus. Anda mendeskripsikan sebuah game, alat tersebut membuat versi yang bisa dimainkan, lalu Anda menyempurnakannya melalui percakapan, sementara aset dibuatkan untuk Anda. Ini adalah jalur masuk termudah dan cara tercepat untuk memperoleh hasil yang dapat dibagikan. <a href="/id/guides/ai-game-generators-2026">Perbandingan generator game AI</a> kami menguraikan perbedaan masing-masing alat.</p>
<h2>Cara membuat game dengan vibe coding, langkah demi langkah</h2>
<ol>
<li><strong>Pilih ide kecil.</strong> Vibe coding paling efektif untuk cakupan sebesar proyek akhir pekan. Tentukan genre, satu keunikan, dan tujuan.</li>
<li><strong>Tulis prompt satu kalimat.</strong> &quot;Buat game ular neon yang semakin cepat saat tubuhnya memanjang.&quot; Biarkan alat membuat versi pertamanya (<a href="/id/create#prompt=Make%20a%20neon%20snake%20game%20that%20speeds%20up%20as%20you%20grow">buat dengan prompt tersebut</a> jika Anda ingin mengikutinya). Anda dapat <a href="/id/guides/vibe-coding-game-prompts">mencoba prompt sekali klik</a> agar tidak perlu memulai dari halaman kosong.</li>
<li><strong>Mainkan, lalu minta satu perubahan.</strong> &quot;Buat lebih cepat,&quot; &quot;tambahkan skor,&quot; &quot;kontrolnya terasa kaku, buat lebih responsif.&quot; Ubah, mainkan, ulangi.</li>
<li><strong>Buat aset dengan memintanya.</strong> &quot;Beri tampilan low-poly,&quot; &quot;tambahkan musik ceria,&quot; &quot;gunakan skybox gurun.&quot;</li>
<li><strong>Publikasikan tautannya.</strong> Alat berbasis browser memungkinkan Anda membagikannya dengan sekali klik. Tunjukkan kepada orang lain dan gunakan reaksi mereka untuk menentukan putaran perubahan berikutnya.</li>
</ol>
<p>Anda bisa <a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_coding_games">mulai membuat game 3D dengan vibe coding secara gratis di browser</a> sekarang juga jika ingin belajar sambil praktik.</p>
<h2>Jebakan yang perlu dihindari (dan caranya)</h2>
<p>Vibe coding memang bertenaga, tetapi gambaran jujur dari 2026 menunjukkan sejumlah risiko nyata:</p>
<ul>
<li><strong>&quot;Hampir benar, tetapi belum sepenuhnya.&quot;</strong> Dua pertiga pengembang menyebut hal ini sebagai sumber frustrasi terbesar mereka terhadap AI. Solusinya untuk game adalah memberikan permintaan kecil dan spesifik, serta bersedia membatalkan perubahan ketika hasilnya justru lebih buruk.</li>
<li><strong>Utang keamanan dan kualitas.</strong> Sejumlah studi pada 2025 menemukan bahwa sebagian besar sampel kode buatan AI menimbulkan celah keamanan, sementara jumlah kode duplikat yang tidak di-refactor terus meningkat. Untuk game sekali pakai, hal ini jarang menjadi masalah. Untuk apa pun yang menangani data pengguna atau uang, tinjau kodenya atau minta bantuan seseorang yang mampu melakukannya.</li>
<li><strong>Berfungsi sampai tiba-tiba tidak.</strong> Dalam sebuah insiden yang diberitakan secara luas, agen pemrograman AI menghapus basis data produksi saat pembekuan kode sedang berlangsung. Pelajarannya: simpan cadangan, pisahkan eksperimen dari hal-hal penting, dan jangan arahkan agen vibe coding ke sistem yang tidak boleh sampai hilang.</li>
</ul>
<p>Karpathy sendiri kemudian menyebut postingan aslinya sebagai &quot;tweet sekali pakai&quot; dan lebih memilih istilah yang berhati-hati untuk pekerjaan serius. Kesimpulannya bukan bahwa vibe coding itu buruk, melainkan bahwa metode ini sangat bagus untuk prototipe dan game kecil, tetapi berisiko jika dijadikan satu-satunya metode untuk hal-hal yang harus benar-benar akurat.</p>
<h2>Apakah vibe coding termasuk pengembangan game &quot;sungguhan&quot;?</h2>
<p>Ini adalah cara yang nyata dan berguna untuk membuat sesuatu, terutama untuk prototipe, game jam, dan game kecil, serta menjadi jalan bagi banyak orang untuk pertama kalinya memasuki dunia pembuatan game. Namun, ini bukan pengganti pemahaman terhadap apa yang Anda buat ketika risikonya tinggi. Pendekatan paling produktif pada 2026 adalah menggunakan vibe coding untuk bereksplorasi dan membuat prototipe dengan cepat, kemudian melambat dan memahami bagian-bagian yang harus andal. Untuk sebagian besar game browser, batas tersebut masih sangat menguntungkan Anda.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa arti vibe coding?</h3>
<p>Vibe coding adalah membuat perangkat lunak dengan menjelaskan keinginan Anda kepada AI dan membiarkannya menulis kode, tanpa meninjau sendiri kode tersebut. Istilah ini dicetuskan oleh Andrej Karpathy pada Februari 2025 dan dinobatkan sebagai Word of the Year versi Collins pada 2025. Untuk game, ini berarti mendeskripsikan game dengan bahasa sehari-hari dan menyempurnakannya melalui percakapan, alih-alih menulis kode.</p>
<h3>Bagaimana cara mulai membuat game dengan vibe coding?</h3>
<p>Pilih ide kecil, jelaskan dalam satu kalimat kepada alat prompt-to-game atau editor kode AI, mainkan versi pertamanya, lalu minta satu perubahan pada satu waktu. Kreator game AI berbasis browser merupakan titik awal termudah karena dapat membuat game yang bisa dimainkan dan memungkinkan Anda langsung membagikannya tanpa perlu menyiapkan apa pun.</p>
<h3>Apakah vibe coding cocok untuk membuat game?</h3>
<p>Ya, terutama untuk prototipe serta game kecil atau kasual, karena siklus cepat mendeskripsikan-memainkan-menyempurnakan sangat cocok untuknya. Metode ini kurang ideal untuk proyek besar, kompleks, atau yang sangat mengutamakan keakuratan, karena kode AI yang tidak ditinjau dapat menimbulkan bug dan masalah keamanan. Gunakan metode ini untuk bergerak cepat, tetapi tinjau kodenya untuk segala hal yang harus andal.</p>
<h3>Alat apa yang digunakan orang untuk membuat game dengan vibe coding?</h3>
<p>Ada dua jenis. Alat pemrograman AI umum seperti Cursor, Claude Code, OpenAI Codex, dan GitHub Copilot (sering kali menggunakan Three.js untuk web), serta alat prompt-to-game khusus game seperti Cinevva, Rosebud, Summer, SEELE, Replit, dan Nilo. Alat khusus game lebih mudah bagi pemula, sementara alat pemrograman lebih fleksibel.</p>
<h3>Bagaimana cara membuat game dengan vibe coding dari nol?</h3>
<p>Buka alat prompt-to-game atau agen pemrograman AI, lalu ketik satu kalimat yang menyebutkan genre, satu keunikan, dan tujuannya, kemudian biarkan alat tersebut membuatnya. Mainkan hasilnya, lalu minta satu perubahan pada satu waktu: gerakan yang lebih cepat, penghitung skor, atau tombol mulai ulang. Tambahkan seni dan suara dengan mendeskripsikannya, bukan dengan mencari-cari file. Saat hasilnya sudah terasa seperti game, publikasikan tautannya. Itulah seluruh metodenya, dan metode ini efektif karena game langsung menunjukkan apakah perubahan terakhir membuatnya lebih baik.</p>
<h3>Apa itu pengembangan game dengan vibe coding?</h3>
<p>Pengembangan game dengan vibe coding adalah membuat game dengan mendeskripsikannya kepada AI dan mengarahkan hasilnya melalui permainan, alih-alih menulis dan membaca sendiri kodenya. Metode ini sangat cocok untuk game karena setiap perubahan dapat diuji dalam hitungan detik, sehingga siklus mendeskripsikan-memainkan-menyesuaikan tetap singkat. Ini menjadi cara umum bagi pemula untuk membuat game pertama mereka pada 2026 sekaligus metode pembuatan prototipe cepat bagi pengembang berpengalaman, dan hanya kurang cocok untuk sistem besar atau yang sangat mengutamakan keakuratan.</p>
<h3>Model AI mana yang terbaik untuk membuat game dengan vibe coding pada 2026?</h3>
<p>Per September 2026, agen pemrograman berjalan menggunakan Claude Fable 5.1, Opus 5, dan Sonnet 5 dari Anthropic, GPT-6 Astra dari OpenAI, serta Gemini 3.8 Flash dari Google, dan semuanya mampu menangani game browser dengan baik. Modelnya tidak sepenting alat pembungkusnya: alat prompt-to-game yang menjalankan game Anda dan mengirimkan kembali galat kepada model akan mengungguli jendela percakapan biasa yang menggunakan model lebih kuat. Pilih alat yang sesuai dengan tujuan Anda, lalu biarkan alat tersebut memilih modelnya.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/ai-game-generators-2026">Generator Game AI Terbaik pada 2026</a>: perbandingan alat</li>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Game dengan AI (Tanpa Coding)</a>: alur kerja langkah demi langkah</li>
<li><a href="/id/guides/3d-browser-game-without-coding">Cara Membuat Game Browser 3D Tanpa Coding</a>: jalur pembuatan 3D</li>
<li><a href="/id/guides/vibe-coding-game-prompts">Prompt Game AI yang Bisa Anda Buat dengan Sekali Klik</a>: prompt untuk memulai</li>
<li><a href="/id/guides/how-to-write-a-game">Cara Menulis Game di Cinevva</a>: pola prompt dari sesi nyata selama seminggu</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026</a>: untuk membuat game dengan cara tradisional</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[WebGPU vs WebGL untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/webgpu-vs-webgl-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/webgpu-vs-webgl-games</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[WebGPU vs WebGL untuk game browser pada 2026 - apa yang berubah, keunggulan masing-masing, dukungan browser setelah Safari 26, dan engine mana yang menggunakannya.]]></description>
            <content:encoded><![CDATA[<h1>WebGPU vs WebGL untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<p>Selama lebih dari satu dekade, WebGL merupakan satu-satunya cara untuk menghadirkan grafis sungguhan di browser. WebGPU adalah penerusnya, dan 2026 menjadi tahun ketika teknologi ini akhirnya dapat digunakan di mana saja. Jika Anda membuat game web dan bingung harus menargetkan yang mana, berikut perbandingan apa adanya: apa yang berubah, di mana masing-masing unggul, dan apa yang sudah digunakan oleh engine Anda.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/grj7uYdCna0" title="Pembaruan WebGL dan WebGPU di 3D on the Web 2025 — The Khronos Group" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">The Khronos Group membahas kondisi WebGL dan WebGPU, termasuk compute shader serta renderer WebGPU di Three.js dan Babylon.js.</div>
<h2>Versi singkat</h2>
<p>WebGL adalah API grafis berbasis OpenGL ES yang dirancang untuk rendering. WebGPU adalah API modern yang mengikuti model Vulkan, Metal, dan Direct3D 12 serta dirancang untuk rendering sekaligus komputasi GPU umum. WebGPU lebih cepat untuk scene berat, membuka akses ke compute shader (partikel, simulasi, dan culling di GPU), serta memiliki API yang lebih rapi. WebGL lebih tua, lebih sederhana, dan didukung oleh hampir semua perangkat yang ada.</p>
<h2>Apa yang berubah pada 2026</h2>
<p>Kabar utamanya: WebGPU akhirnya tersedia lintas browser. Safari 26 (September 2025) menghadirkan WebGPU di macOS, iPadOS, iOS, dan visionOS, sehingga menutup celah dukungan besar terakhir. Sebelumnya, saran &quot;gunakan saja WebGL karena Safari dan iOS tidak mendukung WebGPU&quot; memang benar. Sekarang tidak lagi. Chrome dan Firefox sudah mendukungnya, jadi sejak 2026 WebGPU berjalan di semua browser utama.</p>
<p>Ini bukan berarti WebGPU menjadi pilihan default di mana-mana. Di sebagian besar engine, fitur ini masih harus diaktifkan secara khusus atau berstatus eksperimental (selengkapnya di bawah), dan WebGL2 tetap menjadi standar dasar yang aman. Namun, hambatan dukungan browser yang sebelumnya menghalangi adopsi WebGPU kini sudah hilang.</p>
<h2>Perbandingan langsung</h2>
<table>
<thead>
<tr>
<th></th>
<th>WebGL (2.0)</th>
<th>WebGPU</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Berbasis</strong></td>
<td>OpenGL ES 3.0</td>
<td>Vulkan / Metal / D3D12</td>
</tr>
<tr>
<td><strong>Dirilis</strong></td>
<td>2017 (WebGL 1: 2011)</td>
<td>2023, dukungan browser luas pada 2025-2026</td>
</tr>
<tr>
<td><strong>Compute shader</strong></td>
<td>Tidak</td>
<td>Ya</td>
</tr>
<tr>
<td><strong>Overhead CPU</strong></td>
<td>Lebih tinggi (biaya per draw call)</td>
<td>Lebih rendah (command buffer, lebih sedikit komunikasi dengan driver)</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Kompatibilitas, scene sederhana hingga menengah</td>
<td>Scene berat, banyak objek, komputasi GPU</td>
</tr>
<tr>
<td><strong>Dukungan browser</strong></td>
<td>Universal</td>
<td>Chrome, Firefox, Safari 26+, semua browser seluler utama</td>
</tr>
<tr>
<td><strong>Bahasa shader</strong></td>
<td>GLSL</td>
<td>WGSL</td>
</tr>
<tr>
<td><strong>Ergonomi API</strong></td>
<td>Lebih tua, lebih banyak state global</td>
<td>Modern, eksplisit, lebih panjang</td>
</tr>
</tbody>
</table>
<h2>Kapan WebGPU unggul</h2>
<ul>
<li><strong>Banyak objek atau draw call.</strong> Overhead CPU WebGPU yang lebih rendah dan fitur seperti multi-draw membuatnya mampu mempertahankan frame rate saat WebGL mulai kewalahan oleh banyaknya draw call.</li>
<li><strong>Komputasi GPU.</strong> Sistem partikel, fisika, culling, pembuatan prosedural, dan 3D Gaussian splatting dapat dijalankan di GPU melalui compute shader. WebGL sama sekali tidak dapat melakukan ini.</li>
<li><strong>Lebih siap menghadapi masa depan.</strong> WebGPU adalah arah perkembangan platform ini; fitur-fitur engine baru semakin sering hadir di sana terlebih dahulu.</li>
</ul>
<h2>Kapan WebGL masih menjadi pilihan yang tepat</h2>
<ul>
<li><strong>Jangkauan maksimum pada perangkat lama atau kelas bawah.</strong> WebGL2 berjalan pada perangkat keras dan versi browser yang mungkin belum memiliki jalur WebGPU yang berfungsi.</li>
<li><strong>2D sederhana dan 3D ringan.</strong> Jika game Anda tidak membebani GPU, WebGL sudah lebih dari cukup dan menghindari kasus-kasus khusus pada driver yang lebih baru.</li>
<li><strong>Anda menginginkan standar dasar paling aman saat ini.</strong> Merilis WebGL2 tanpa logika fallback masih menjadi pilihan dengan risiko terendah untuk audiens luas.</li>
</ul>
<p>Jawaban pragmatis pada 2026 untuk sebagian besar game: gunakan engine yang mendukung keduanya dan memakai WebGPU jika tersedia, dengan fallback otomatis ke WebGL2. Anda mendapatkan kecepatan saat WebGPU tersedia dan kompatibilitas saat tidak tersedia, tanpa harus menulis dua renderer.</p>
<h2>Apa yang sudah digunakan oleh engine Anda</h2>
<p>Berdasarkan <a href="/id/guides/web-game-engines-comparison">perbandingan engine game web kami</a>, berikut posisi engine web utama terkait WebGPU pada 2026:</p>
<ul>
<li><strong>PlayCanvas</strong> memiliki renderer WebGPU yang paling siap untuk produksi di antara berbagai engine web, termasuk rendering Gaussian splat berbasis komputasi.</li>
<li><strong>Three.js</strong> menyediakan renderer WebGPU tanpa konfigurasi (<code>three/webgpu</code>) dengan fallback otomatis ke WebGL2, meskipun ekspor default-nya masih menggunakan WebGL.</li>
<li><strong>Babylon.js</strong> mendukung WebGPU (aktifkan <code>WebGPUEngine</code>); versi 8 memangkas ukuran build WebGPU hingga separuhnya, sedangkan Babylon.js 9.0 (Maret 2026) melangkah lebih jauh dengan clustered lighting pada kedua backend serta pencahayaan volumetrik yang dibangun di atas compute shader WebGPU.</li>
<li><strong>Godot</strong> belum mendukung WebGPU. Ekspor web di versi 4.7 masih hanya menggunakan WebGL2, meskipun build wasm64 kini menghapus batas memori lama sebesar 4 GB.</li>
<li><strong>Cocos Creator</strong> memiliki dukungan WebGPU eksperimental melalui pipeline rendering barunya.</li>
<li><strong>Unity</strong> mempertahankan WebGPU sebagai fitur eksperimental dan WebGL2 sebagai target web default.</li>
<li><strong>Phaser 4</strong> adalah penulisan ulang berbasis WebGL2 yang belum mendukung WebGPU; <strong>PixiJS</strong> mendukung WebGPU, tetapi menggunakan WebGL secara default.</li>
</ul>
<p>Jadi, dalam praktiknya, engine biasanya mengambil keputusan antara WebGPU atau WebGL untuk Anda, dan engine yang bagus akan beralih ke fallback secara otomatis.</p>
<h2>Ringkasan dukungan browser (2026)</h2>
<table>
<thead>
<tr>
<th>Fitur</th>
<th>Chrome</th>
<th>Firefox</th>
<th>Safari</th>
<th>Seluler</th>
</tr>
</thead>
<tbody>
<tr>
<td>WebGL 2.0</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
</tr>
<tr>
<td>WebGPU</td>
<td>✅</td>
<td>✅</td>
<td>✅ Safari 26+</td>
<td>✅ iOS/iPadOS 26+</td>
</tr>
</tbody>
</table>
<p>Selalu lakukan pengujian di Safari/iOS jika Anda menargetkan audiens luas, dan pertahankan fallback WebGL2 untuk sebagian kecil perangkat lama yang masih digunakan.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah WebGPU lebih baik daripada WebGL untuk game?</h3>
<p>Untuk game yang berat, ya: WebGPU memiliki overhead CPU yang lebih rendah, menangani lebih banyak objek, dan menambahkan compute shader untuk efek yang tidak dapat dibuat dengan WebGL. Untuk 2D sederhana atau 3D ringan, WebGL2 masih lebih dari cukup dan memiliki dukungan lebih luas pada perangkat lama. Pendekatan terbaik pada 2026 adalah menggunakan engine yang memakai WebGPU jika tersedia dan secara otomatis beralih ke WebGL2 sebagai fallback.</p>
<h3>Apakah WebGPU berfungsi di Safari dan iOS pada 2026?</h3>
<p>Ya. Safari 26, yang dirilis pada September 2025, menambahkan WebGPU di macOS, iPadOS, iOS, dan visionOS. Langkah ini menutup celah besar terakhir, sehingga WebGPU kini berfungsi di Chrome, Firefox, dan Safari, termasuk di perangkat seluler. Perangkat dan versi browser lama mungkin masih belum mendukungnya, jadi tetap sediakan fallback WebGL2.</p>
<h3>Haruskah saya mempelajari WebGPU atau WebGL terlebih dahulu?</h3>
<p>Jika Anda menggunakan engine game, biasanya Anda tidak perlu menulis kode untuk keduanya secara langsung karena engine yang menanganinya. Jika Anda menulis kode grafis secara manual, WebGPU adalah API yang lebih siap untuk masa depan, tetapi saat ini WebGL memiliki lebih banyak tutorial dan contoh. Banyak developer masih memulai dengan WebGL atau library seperti Three.js, yang kini menawarkan renderer WebGPU ketika Anda siap.</p>
<h3>Apakah WebGPU akan menggantikan WebGL?</h3>
<p>Pada akhirnya, sebagian besar pengembangan baru akan menargetkan WebGPU, tetapi WebGL tidak akan segera menghilang. WebGL tetap menjadi standar dasar universal untuk perangkat keras lama dan sudah tertanam kuat dalam berbagai alat serta konten yang ada. Akan ada masa tumpang tindih yang panjang ketika engine mendukung keduanya dan memilih salah satunya saat runtime.</p>
<p><BuildCta
  title="Uji GPU Anda dengan sesuatu yang bisa dimainkan"
  desc="Satu prompt menghasilkan game yang benar-benar mengolah piksel di browser Anda."
  prompt="Buat game tembak-tembakan luar angkasa dengan banyak partikel dan ledakan" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026</a> — perbandingan lengkap, termasuk status WebGPU setiap engine</li>
<li><a href="/id/guides/web-games-stack-2026">Stack Teknologi Game Web pada 2026</a> — WebGL, WebGPU, dan Wasm pada tingkat API</li>
<li><a href="/id/guides/unity-godot-playcanvas-web">Unity WebGL vs Godot vs PlayCanvas</a> — tiga engine web 3D utama</li>
<li><a href="/id/guides/playcanvas-vs-threejs">PlayCanvas vs Three.js</a> — engine vs library untuk 3D di web</li>
</ul>
<style scoped>
.video-embed { position: relative; width: 100%; max-width: 720px; margin: 1.5rem 0; }
.video-embed iframe { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }
.video-caption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 1.5rem; max-width: 720px; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[100 Ide Prompt Game AI (2026) yang Bisa Anda Buat dengan Sekali Klik]]></title>
            <link>https://app.cinevva.com/id/guides/vibe-coding-game-prompts</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/vibe-coding-game-prompts</guid>
            <pubDate>Sat, 20 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[100 ide prompt game AI untuk 2026, diurutkan berdasarkan genre. Klik prompt apa pun dan Cinevva akan membuat game 3D yang bisa dimainkan di browser Anda, gratis. Ambil, modifikasi, atau tulis prompt Anda sendiri.]]></description>
            <content:encoded><![CDATA[<h1>100 Ide Prompt Game AI (2026) yang Bisa Anda Buat dengan Sekali Klik</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Vibe coding adalah cara tercepat untuk membuat game saat ini. Kamu tinggal menjelaskan apa yang kamu inginkan dengan bahasa sehari-hari, dan AI akan membangunnya. Tidak perlu menginstal engine, tidak perlu menulis kode, tidak perlu menggali asset store. Bagian tersulitnya sering kali cuma memikirkan idenya, jadi berikut 100 ide untukmu.</p>
<p>Klik prompt mana pun di bawah ini, dan Cinevva akan terbuka dengan ide itu sudah diketik, lalu mulai membangun game 3D yang bisa dimainkan, dan bisa kamu edit serta bagikan. Semuanya berjalan di browser kamu dan semuanya gratis untuk dicoba. Ambil saja, ubah sedikit katanya, atau jadikan sebagai titik awal untuk ide kamu sendiri. Baru mengenal ini? Baca <a href="/id/guides/vibe-coding-games">apa itu vibe coding</a> atau panduan lengkap <a href="/id/guides/make-a-game-with-ai">cara membuat game dengan AI</a>.</p>
<h2>12 favorit untuk memulai</h2>
<div class="prompt-grid">
<div class="prompt-card">
<strong>Ular neon, tapi lebih cepat</strong>
<p>Klasik yang bercahaya dengan kurva kesulitan yang menggigit.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20neon%20snake%20game%20that%20speeds%20up%20as%20you%20grow">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Balapan gokart gurun</strong>
<p>Trek low-poly, boost drift, dan waktu lap yang harus dikalahkan.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20low%20poly%20kart%20racer%20on%20a%20desert%20track%20with%20drift%20boosts">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Parkour pulau melayang</strong>
<p>Sudut pandang orang pertama, lompat antar pulau tanpa jatuh.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20first%20person%20parkour%20game%20across%20floating%20islands">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Tower defense slime</strong>
<p>Tempatkan menara pertahanan, tahan garis pertahanan dari gelombang slime.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20tower%20defense%20where%20I%20place%20turrets%20to%20stop%20waves%20of%20slimes">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Memancing santai saat senja</strong>
<p>Danau yang tenang, kail di air, tak ada yang perlu terburu-buru.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20cozy%20fishing%20game%20on%20a%20quiet%20lake%20at%20sunset">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Bertahan hidup dari zombie dengan senter</strong>
<p>Sudut pandang atas, amunisi terbatas, dan sorotan cahaya yang jangkauannya terbatas.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20top%20down%20zombie%20survival%20with%20a%20flashlight%20and%20limited%20ammo">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Sandbox fisika balok</strong>
<p>Tumpuk setinggi mungkin, lalu jatuhkan semuanya.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20physics%20sandbox%20where%20I%20stack%20blocks%20and%20knock%20them%20down">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Runner ritme</strong>
<p>Lompat sesuai ketukan atau kehilangan rentetan skor kamu.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20rhythm%20runner%20where%20I%20jump%20in%20time%20with%20the%20music">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Duel udara asteroid</strong>
<p>Luar angkasa, rudal pengejar, dan bebatuan yang tidak mau menyingkir.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20space%20dogfight%20with%20asteroids%20and%20homing%20missiles">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Platformer pengumpul bintang</strong>
<p>Ambil bintang-bintang, buka pintu, temukan ruangan berikutnya.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%203D%20platformer%20collecting%20stars%20to%20open%20the%20next%20door">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Mini golf yang nyeleneh</strong>
<p>Tanjakan, dinding bergerak, dan par yang bakal bikin kamu protes.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20golf%20game%20with%20wacky%20ramps%20and%20moving%20obstacles">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Aksi diam-diam mencuri permata</strong>
<p>Menyelinap melewati penjaga, ambil permatanya, jangan sampai ketahuan.</p>
<a class="prompt-go" href="/id/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20stealth%20game%20sneaking%20past%20guards%20to%20steal%20the%20gem">Bangun gratis →</a>
</div>
</div>
<h2>Lebih banyak ide prompt berdasarkan genre</h2>
<p>Setiap baris di bawah ini bisa diklik. Pilih satu dan pembuatannya langsung dimulai.</p>
<h3>Platformer &amp; runner</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%203D%20platformer%20collecting%20coins%20across%20moving%20platforms">Platformer 3D mengumpulkan koin di atas platform yang bergerak</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20endless%20runner%20dodging%20obstacles%20that%20speeds%20up%20over%20time">Endless runner menghindari rintangan yang makin cepat seiring waktu</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20wall%20jumping%20ninja%20platformer%20in%20a%20neon%20city">Platformer ninja wall-jump di kota neon</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20double%20jump%20platformer%20where%20the%20floor%20is%20lava">Platformer double-jump di mana lantainya adalah lava</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20an%20ice%20physics%20platformer%20where%20everything%20is%20slippery">Platformer fisika es di mana semuanya licin</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20speedrun%20platformer%20with%20a%20countdown%20timer%20per%20level">Platformer speedrun dengan hitung mundur waktu tiap level</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20gravity%20flip%20platformer%20where%20you%20walk%20on%20the%20ceiling">Platformer gravitasi terbalik di mana kamu berjalan di langit-langit</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20auto%20runner%20where%20I%20only%20control%20jumping%20and%20sliding">Auto-runner di mana aku hanya mengontrol lompat dan meluncur</a></li>
</ul>
<h3>Balapan &amp; mengemudi</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20futuristic%20hover%20pod%20race%20on%20a%20glowing%20track">Balapan hover-pod futuristik di trek yang bercahaya</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20off%20road%20rally%20through%20muddy%20hills%20and%20jumps">Reli off-road melewati bukit berlumpur dan lompatan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20time%20trial%20drift%20game%20scoring%20points%20for%20long%20drifts">Game drift time-trial yang memberi poin untuk drift panjang</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20top%20down%20racer%20with%20power%20ups%20and%20oil%20slicks">Balapan tampak atas dengan power-up dan ceceran oli</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20downhill%20bike%20ride%20dodging%20trees%20and%20rocks">Bersepeda menuruni bukit menghindari pohon dan batu</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20boat%20race%20through%20a%20stormy%20sea%20with%20big%20waves">Balapan kapal melewati laut berbadai dengan ombak besar</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20delivery%20driving%20game%20beating%20the%20clock%20through%20traffic">Game mengemudi kurir mengejar waktu di tengah lalu lintas</a></li>
</ul>
<h3>Tembak-menembak &amp; aksi</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20wave%20shooter%20defending%20a%20base%20from%20robots">Wave shooter mempertahankan markas dari robot</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20first%20person%20arena%20shooter%20with%20jump%20pads%20and%20power%20weapons">Arena shooter first-person dengan jump pad dan senjata power-up</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20twin%20stick%20shooter%20clearing%20rooms%20of%20enemies">Twin-stick shooter membersihkan ruangan dari musuh</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20bullet%20hell%20game%20dodging%20waves%20of%20projectiles">Game bullet-hell menghindari gelombang proyektil</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20tank%20battle%20in%20a%20destructible%20arena">Pertempuran tank di arena yang bisa dihancurkan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20sword%20fighting%20game%20blocking%20and%20countering%20attacks">Game pertarungan pedang dengan blok dan serangan balik</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20archery%20defense%20holding%20a%20gate%20against%20raiders">Pertahanan panahan menjaga gerbang dari penyerang</a></li>
</ul>
<h3>Teka-teki &amp; logika</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20block%20sliding%20puzzle%20to%20clear%20a%20path%20to%20the%20exit">Puzzle geser balok untuk membuka jalan ke pintu keluar</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20color%20matching%20puzzle%20that%20clears%20connected%20groups">Puzzle pencocokan warna yang menghapus kelompok yang terhubung</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20portal%20puzzle%20where%20I%20place%20two%20doors%20to%20cross%20gaps">Puzzle portal di mana saya menempatkan dua pintu untuk melintasi celah</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20light%20and%20mirror%20puzzle%20aiming%20a%20beam%20at%20a%20target">Puzzle cahaya dan cermin mengarahkan sinar ke target</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20maze%20game%20where%20the%20walls%20shift%20every%20few%20seconds">Game labirin di mana dindingnya berubah setiap beberapa detik</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20pipe%20connecting%20puzzle%20to%20route%20water%20to%20a%20tank">Puzzle menyambung pipa untuk mengalirkan air ke tangki</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20memory%20game%20flipping%20tiles%20to%20find%20matching%20pairs">Game memori membalik ubin untuk mencari pasangan yang cocok</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20crate%20pushing%20puzzle%20placing%20boxes%20onto%20targets">Game bergaya Sokoban mendorong peti ke atas target</a></li>
</ul>
<h3>Bertahan hidup &amp; horor</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20an%20island%20survival%20gathering%20wood%20and%20food%20to%20last%20the%20night">Survival pulau mengumpulkan kayu dan makanan untuk bertahan semalam</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20horror%20game%20escaping%20a%20dark%20maze%20while%20something%20follows">Game horor melarikan diri dari labirin gelap sambil dikejar sesuatu</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20bunker%20survival%20rationing%20supplies%20through%20waves%20of%20night">Survival bunker menjatah perbekalan melewati gelombang malam</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20underwater%20survival%20managing%20oxygen%20while%20exploring%20a%20reef">Survival bawah laut mengelola oksigen sambil menjelajahi terumbu karang</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20hide%20and%20seek%20horror%20in%20an%20abandoned%20house">Horor petak umpet di rumah kosong</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20winter%20survival%20keeping%20a%20fire%20lit%20against%20the%20cold">Survival musim dingin menjaga api tetap menyala melawan udara dingin</a></li>
</ul>
<h3>RPG &amp; petualangan</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20top%20down%20dungeon%20crawler%20fighting%20monsters%20for%20loot">Dungeon crawler top-down melawan monster demi jarahan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20open%20field%20adventure%20collecting%20herbs%20and%20crafting%20potions">Petualangan lapangan terbuka mengumpulkan herba dan meracik ramuan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20quest%20game%20talking%20to%20villagers%20to%20find%20a%20lost%20relic">Game quest berbicara dengan penduduk desa untuk mencari pusaka yang hilang</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20roguelike%20where%20each%20run%20scrambles%20the%20dungeon%20layout">Roguelike di mana setiap sesi mengacak tata letak dungeon</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20treasure%20hunt%20adventure%20following%20a%20map%20across%20an%20island">Petualangan berburu harta mengikuti peta menjelajahi pulau</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20boss%20rush%20game%20fighting%20a%20series%20of%20giant%20creatures">Game boss-rush melawan serangkaian makhluk raksasa</a></li>
</ul>
<h3>Olahraga &amp; arkade</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20an%20arcade%20basketball%20game%20shooting%20hoops%20against%20the%20clock">Game basket arkade memasukkan bola melawan waktu</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20bowling%20game%20with%20trick%20lanes%20and%20bumpers">Game bowling dengan lintasan trik dan bumper</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20penalty%20shootout%20soccer%20game%20aiming%20past%20a%20keeper">Game sepak bola adu penalti membidik melewati kiper</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20skateboard%20game%20chaining%20tricks%20for%20combos">Game skateboard merangkai trik menjadi kombo</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20home%20run%20derby%20baseball%20game%20timing%20the%20swing">Game bisbol home-run derby mengatur waktu ayunan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20table%20tennis%20game%20rallying%20against%20a%20tricky%20opponent">Game tenis meja beradu reli melawan lawan yang licik</a></li>
</ul>
<h3>Nyaman &amp; santai</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20cozy%20farm%20game%20planting%20and%20harvesting%20crops">Game pertanian santai menanam dan memanen tanaman</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20cafe%20game%20serving%20drinks%20to%20a%20line%20of%20customers">Game kafe melayani minuman untuk antrean pelanggan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20garden%20game%20arranging%20plants%20and%20decorations">Game taman menata tanaman dan dekorasi</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20pet%20care%20game%20feeding%20and%20playing%20with%20a%20creature">Game merawat hewan peliharaan memberi makan dan bermain dengan makhluk</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20cozy%20cooking%20game%20following%20recipes%20to%20plate%20a%20dish">Game memasak santai mengikuti resep untuk menyajikan hidangan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20relaxing%20bird%20watching%20game%20spotting%20species%20in%20a%20forest">Game santai mengamati burung menemukan spesies di hutan</a></li>
</ul>
<h3>Sandbox &amp; fisika</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20marble%20run%20where%20I%20build%20ramps%20to%20reach%20the%20goal">Marble run tempat aku membangun jalur landai untuk mencapai tujuan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20demolition%20game%20knocking%20down%20towers%20with%20a%20wrecking%20ball">Game penghancuran merobohkan menara dengan bola pemukul (wrecking ball)</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20bridge%20builder%20where%20my%20bridge%20has%20to%20hold%20a%20truck">Game membangun jembatan yang harus kuat menahan sebuah truk</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20ragdoll%20launch%20game%20flinging%20a%20character%20for%20distance">Game ragdoll melontarkan karakter sejauh mungkin</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20cannon%20game%20blasting%20targets%20with%20bouncing%20balls">Game meriam menembak target dengan bola yang memantul</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20domino%20toppling%20sandbox%20setting%20off%20a%20chain%20reaction">Sandbox domino yang memicu reaksi berantai</a></li>
</ul>
<h3>Fiksi ilmiah &amp; luar angkasa</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20spaceship%20landing%20game%20touching%20down%20gently%20on%20low%20fuel">Game pendaratan pesawat luar angkasa mendarat mulus saat bahan bakar menipis</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20asteroid%20mining%20game%20collecting%20ore%20and%20dodging%20rocks">Game penambangan asteroid mengumpulkan bijih sambil menghindari bebatuan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20zero%20gravity%20station%20where%20I%20float%20between%20handholds">Stasiun tanpa gravitasi tempat aku melayang antar pegangan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20alien%20planet%20explorer%20scanning%20strange%20creatures">Penjelajah planet asing memindai makhluk-makhluk aneh</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20wormhole%20runner%20steering%20through%20a%20tunnel%20of%20light">Game lubang cacing mengendalikan arah lewat terowongan cahaya</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20rover%20game%20driving%20across%20a%20crater%20filled%20moon">Game rover mengemudi melintasi bulan penuh kawah</a></li>
</ul>
<h3>Strategi &amp; tower defense</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20tower%20defense%20where%20towers%20can%20be%20upgraded%20between%20waves">Tower defense tempat menara bisa ditingkatkan di antara gelombang serangan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20base%20builder%20placing%20walls%20and%20turrets%20before%20a%20raid">Base-builder menempatkan tembok dan meriam sebelum serangan datang</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20resource%20game%20balancing%20food%20wood%20and%20gold%20to%20grow%20a%20town">Game sumber daya menyeimbangkan makanan, kayu, dan emas untuk mengembangkan kota</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20maze%20tower%20defense%20where%20I%20shape%20the%20path%20enemies%20take">Tower defense berlabirin tempat aku membentuk jalur yang dilalui musuh</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20lane%20defense%20sending%20units%20to%20push%20toward%20the%20enemy%20base">Lane defense mengirim unit untuk mendesak maju ke markas musuh</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20an%20auto%20battler%20arranging%20a%20team%20that%20fights%20on%20its%20own">Auto-battler menyusun tim yang bertarung dengan sendirinya</a></li>
</ul>
<h3>Terbang &amp; penerbangan</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20flight%20sim%20gliding%20through%20canyons%20and%20arches">Simulasi penerbangan meluncur melewati ngarai dan lengkungan batu</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20hot%20air%20balloon%20game%20drifting%20between%20rings%20in%20the%20sky">Game balon udara panas melayang di antara cincin-cincin di langit</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20wingsuit%20dive%20threading%20through%20narrow%20gaps">Terjun payung wingsuit menembus celah-celah sempit</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20paper%20airplane%20game%20catching%20wind%20currents%20for%20distance">Game pesawat kertas menangkap arus angin untuk menempuh jarak sejauh mungkin</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20dragon%20flight%20game%20swooping%20to%20grab%20coins%20midair">Game terbang naga menukik untuk mengambil koin di udara</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20helicopter%20rescue%20lifting%20survivors%20off%20rooftops">Helikopter penyelamat mengangkat korban dari atap-atap gedung</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20jetpack%20game%20burning%20fuel%20to%20climb%20past%20obstacles">Game jetpack membakar bahan bakar untuk memanjat melewati rintangan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20bird%20flocking%20game%20leading%20a%20flock%20through%20gates">Game kawanan burung memimpin kawanan melewati gerbang-gerbang</a></li>
</ul>
<h3>Unik &amp; eksperimental</h3>
<ul>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20game%20where%20you%20play%20as%20a%20rolling%20ball%20growing%20bigger%20by%20absorbing%20objects">Game tempat kamu memainkan bola yang menggelinding dan membesar dengan menyerap benda-benda</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20game%20where%20gravity%20points%20wherever%20I%20click">Game tempat gravitasi mengarah ke mana pun aku mengklik</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20game%20played%20entirely%20in%20one%20rotating%20room">Game yang seluruhnya berlangsung di satu ruangan berputar</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20game%20where%20the%20screen%20shrinks%20as%20time%20runs%20out">Game tempat layar menyusut seiring waktu yang habis</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20game%20where%20you%20control%20two%20characters%20at%20once">Game tempat kamu mengendalikan dua karakter sekaligus</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20game%20where%20painting%20the%20floor%20is%20how%20you%20score">Game tempat mengecat lantai adalah cara kamu mencetak skor</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make%20a%20game%20where%20the%20world%20is%20made%20of%20stacked%20cubes%20you%20can%20remove">Game tempat dunia terbuat dari tumpukan kubus yang bisa kamu singkirkan</a></li>
<li><a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build%20a%20game%20where%20you%20grow%20a%20tower%20as%20tall%20as%20possible%20before%20it%20topples">Game tempat kamu membangun menara setinggi mungkin sebelum roboh</a></li>
</ul>
<h2>Cara menulis prompt sendiri</h2>
<p>Prompt-prompt di atas sengaja dibuat singkat. Kamu tidak perlu menjabarkan setiap aturan. Sebutkan jenis gamenya, satu hal yang membuatnya khas milikmu, dan sebuah tujuan, lalu biarkan AI melengkapi sisanya. Setelah itu, beri tahu apa yang perlu diubah begitu game-nya sudah berjalan. Model-model di balik alat pembuat ini melangkah jauh sepanjang tahun 2026 (Claude Fable 5.1 dan Opus 5 dari Anthropic <a href="https://www.anthropic.com/claude-fable-and-mythos-5-1">Claude Fable 5.1 and Opus 5</a> serta GPT-6 Astra dari OpenAI <a href="https://developers.openai.com/api/docs/models/gpt-6-astra">GPT-6 Astra</a> sama-sama dirilis di awal September), jadi per September 2026 prompt satu baris pun sudah lebih mendekati bayanganmu dibanding setahun lalu, dan hasil terbaik kini justru datang dari pesan kedua dan ketigamu. Untuk mengetahui lebih lanjut soal alur kerjanya, lihat <a href="/id/guides/make-a-game-with-ai">cara membuat game dengan AI</a>, dan untuk memahami anatomi prompt yang benar-benar berhasil, lihat <a href="/id/guides/how-to-write-a-game">cara menulis game di Cinevva</a>.</p>
<p>Ingin mulai dari kanvas kosong saja? <a href="/id/create?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack">Buka creator</a> dan ketikkan idemu sendiri.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara menulis prompt game AI yang bagus?</h3>
<p>Cukup satu kalimat dan sebutkan tiga hal: genre-nya, satu detail yang membuatnya khas milikmu, dan tujuan yang jelas. &quot;Game parkour orang pertama di antara pulau-pulau melayang tempat kamu berlomba dengan waktu&quot; jauh lebih efektif daripada &quot;game 3D yang seru,&quot; karena itu memberi AI bentuk konkret untuk dibangun. Sempurnakan hasilnya dengan meminta satu perubahan setiap kali.</p>
<h3>Apakah prompt game AI ini gratis digunakan?</h3>
<p>Ya. Setiap prompt di halaman ini gratis untuk dibuat di browser Anda, dan Anda bisa mengedit hasilnya serta membagikan tautan ke game Anda. Pembuatan gratis memiliki batasan, dan penggunaan komersial dari game yang sudah jadi tergantung pada paket dan aset yang digunakan, jadi periksa ketentuannya sebelum menjual apa pun.</p>
<h3>Bisakah AI membuat game 3D dari salah satu prompt ini?</h3>
<p>Ya. Setiap prompt di sini dirancang untuk menghasilkan game 3D yang bisa dimainkan di browser. Versi pertama adalah titik awal yang Anda sempurnakan dengan chatting, meminta mekanik baru, seni, suara, dan penyesuaian tingkat kesulitan hingga terasa pas.</p>
<h3>Apa yang membuat prompt game AI itu bagus?</h3>
<p>Prompt game AI yang bagus bersifat spesifik tentang pengalamannya dan tidak membahas detail implementasi. Prompt itu menyebutkan genre yang sudah dipahami AI, menambahkan satu twist konkret (kerucut senter, es licin, layar yang mengecil), dan menyatakan apa yang harus dilakukan pemain. Prompt itu tidak menyebutkan detail engine, nama file, dan daftar fitur, karena hal-hal tersebut membingungkan pembuatan pertama. Setiap prompt di halaman ini mengikuti pola tersebut, itulah sebabnya masing-masing hanya satu kalimat.</p>
<h3>Bisakah saya menggunakan prompt ini di AI game maker lain?</h3>
<p>Ya. Prompt-prompt ini adalah bahasa Inggris biasa tanpa sintaks khusus Cinevva, jadi cocok dijadikan titik awal di Rosebud, Summer Engine, agen AI GDevelop, atau coding agent seperti Cursor atau Claude Code. Yang berubah adalah hasilnya: alat 2D akan menafsirkan &quot;platformer 3D&quot; sebagai side-scroller, dan alat berbasis engine akan memberi Anda sebuah proyek, bukan sebuah tautan. <a href="/id/guides/ai-game-generators-2026">Perbandingan generator game AI</a> kami menjelaskan mana yang mana.</p>
<h3>Berapa lama waktu yang dibutuhkan untuk membuat game hasil AI?</h3>
<p>Versi pertama yang bisa dimainkan dari prompt satu baris biasanya muncul dalam beberapa menit, karena AI menulis seluruh game dari nol. Setiap perubahan lanjutan setelah itu kembali dalam hitungan detik hingga satu menit. Dari build pertama itu hingga menjadi sesuatu yang bangga Anda bagikan, lengkap dengan suara, layar judul, dan tingkat kesulitan yang sudah disesuaikan, biasanya butuh satu jam hingga satu sore bolak-balik, bukan berhari-hari.</p>
<h3>Di mana saya bisa menemukan lebih banyak ide prompt game?</h3>
<p>Mulai dengan 100 prompt di halaman ini, lalu remix: ganti latar, sudut kamera, atau tujuan dari prompt mana pun dan Anda mendapat ide game baru. Jika Anda lebih ingin mempelajari metodenya daripada menyalin daftar, <a href="/id/guides/make-a-game-with-ai">cara membuat game dengan AI</a> memandu Anda mengubah ide samar menjadi prompt yang siap dibangun, dan <a href="/id/guides/vibe-coding-games">panduan vibe coding</a> membahas siklus iterasi lewat chat yang mengikutinya.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/make-a-game-with-ai">Cara Membuat Game dengan AI (Tanpa Coding)</a>: alur kerja lengkapnya</li>
<li><a href="/id/guides/vibe-coding-games">Vibe Coding Games: Apa Itu dan Cara Memulainya</a>: pendekatannya dijelaskan</li>
<li><a href="/id/guides/ai-game-generators-2026">Generator Game AI Terbaik di 2026</a>: perbandingan alat-alatnya</li>
<li><a href="/id/guides/3d-browser-game-without-coding">Cara Membuat Game Browser 3D Tanpa Coding</a>: jalur 3D secara mendalam</li>
<li><a href="/id/guides/how-to-write-a-game">Cara Menulis Game di Cinevva</a>: apa yang membedakan prompt yang jadi game dengan yang berakhir terbengkalai</li>
</ul>
<style scoped>
.prompt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin: 24px 0;
}
.prompt-card {
  border: 1px solid var(--vp-c-divider);
  border-radius: 12px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--vp-c-bg-soft);
}
.prompt-card strong { font-size: 1.05rem; }
.prompt-card p { margin: 0; color: var(--vp-c-text-2); font-size: 0.9rem; flex: 1; }
.prompt-go {
  margin-top: 10px;
  font-weight: 600;
  color: var(--vp-c-brand-1);
  text-decoration: none;
}
.prompt-go:hover { text-decoration: underline; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Engine Game Open Source Terbaik untuk 2026]]></title>
            <link>https://app.cinevva.com/id/guides/open-source-game-engines-2026</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/open-source-game-engines-2026</guid>
            <pubDate>Thu, 18 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Daftar lengkap engine game open source terbaik untuk 2026 - Godot, Phaser, PixiJS, Defold, Bevy, Three.js, Babylon.js, dan lainnya, lengkap dengan lisensi, bahasa, ekspor web, serta pilihan untuk setiap kebutuhan.]]></description>
            <content:encoded><![CDATA[<h1>Engine Game Open Source Terbaik untuk 2026</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/open-source-game-engines-hero.jpg?v=2" alt="Mesin game open-source terbaik untuk 2026" style="width:100%;border-radius:10px">
</figure>
<p>Mesin game open-source menawarkan sesuatu yang tidak bisa diberikan oleh mesin proprietary: lisensi yang tidak akan berubah setelah gamemu dirilis. Tanpa biaya per-seat, tanpa ambang batas pendapatan, tanpa perubahan harga yang mengejutkan. Kamu bisa membaca kode sumbernya, melakukan fork, dan terus membangun game bahkan jika tim aslinya berhenti mengembangkannya. Setelah <a href="/id/news/2024-09-12-unity-runtime-fee-cancelled">insiden Unity Runtime Fee</a>, stabilitas semacam ini adalah alasan utama mengapa banyak tim beralih ke open source.</p>
<p>Berikut ini daftar lengkap mesin game open-source yang layak digunakan di 2026, dikelompokkan berdasarkan kegunaannya. Versi singkatnya: Godot untuk mesin serba bisa 2D dan 3D, Phaser untuk 2D di web, Three.js atau Babylon.js untuk 3D di web, Bevy jika kamu menulis Rust, dan Defold jika hasil build harus sekecil mungkin. Setiap versi dan lisensi di bawah ini diperiksa per September 2026. Jika kamu secara khusus membutuhkan build untuk web, kami sudah menandai mana yang bisa diekspor ke browser, dan kamu bisa membaca lebih dalam di <a href="/id/guides/web-game-engines-comparison">perbandingan mesin game web terbaik</a> kami.</p>
<h2>Perbandingan cepat</h2>
<table>
<thead>
<tr>
<th>Mesin</th>
<th>Lisensi</th>
<th>Bahasa</th>
<th>2D / 3D</th>
<th>Ekspor web</th>
<th>Cocok untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="/id/guides/godot-vs-unity-web-games"><strong>Godot</strong></a></td>
<td>MIT</td>
<td>GDScript, C#</td>
<td>Keduanya</td>
<td>Ya (GDScript)</td>
<td>Mesin gratis serba bisa</td>
</tr>
<tr>
<td><strong>Phaser</strong></td>
<td>MIT</td>
<td>JavaScript</td>
<td>2D</td>
<td>Ya</td>
<td>Game 2D untuk web</td>
</tr>
<tr>
<td><strong>PixiJS</strong></td>
<td>MIT</td>
<td>JavaScript</td>
<td>2D</td>
<td>Ya</td>
<td>Rendering 2D kustom</td>
</tr>
<tr>
<td><strong>Three.js</strong></td>
<td>MIT</td>
<td>JS / TS</td>
<td>3D</td>
<td>Ya</td>
<td>3D web, kontrol maksimal</td>
</tr>
<tr>
<td><strong>Babylon.js</strong></td>
<td>Apache 2.0</td>
<td>JS / TS</td>
<td>3D</td>
<td>Ya</td>
<td>3D web dengan fitur lengkap</td>
</tr>
<tr>
<td><strong>Defold</strong></td>
<td>Gratis, source-available</td>
<td>Lua</td>
<td>2D / 3D ringan</td>
<td>Ya</td>
<td>Build web terkecil</td>
</tr>
<tr>
<td><strong>Excalibur.js</strong></td>
<td>BSD</td>
<td>TypeScript</td>
<td>2D</td>
<td>Ya</td>
<td>Game 2D dengan TypeScript</td>
</tr>
<tr>
<td><strong>Bevy</strong></td>
<td>MIT / Apache 2.0</td>
<td>Rust</td>
<td>Keduanya</td>
<td>Ya (Wasm)</td>
<td>Rust, desain berbasis data</td>
</tr>
<tr>
<td><strong>LÖVE</strong></td>
<td>zlib</td>
<td>Lua</td>
<td>2D</td>
<td>Terbatas</td>
<td>Prototipe 2D cepat</td>
</tr>
<tr>
<td><strong>Cocos Creator / COCOS 4</strong></td>
<td>MIT (sepenuhnya open sejak Januari 2026)</td>
<td>TypeScript</td>
<td>Keduanya</td>
<td>Ya</td>
<td>Mini-game, pasar Asia</td>
</tr>
<tr>
<td><strong>O3DE</strong></td>
<td>Apache 2.0</td>
<td>C++, Lua</td>
<td>3D</td>
<td>Tidak</td>
<td>3D skala besar, skala AAA</td>
</tr>
</tbody>
</table>
<p>Tidak ada satu pun mesin open-source yang jadi &quot;yang terbaik&quot; secara mutlak. Pilihan yang tepat tergantung pada 2D vs 3D, bahasa pemrograman yang kamu pakai, dan apakah targetmu adalah web.</p>
<h2>Apa yang berubah di 2026</h2>
<p>Ada beberapa hal yang berubah tahun ini dan perlu diketahui sebelum kamu memilih. COCOS kini sepenuhnya open source: pada 4 Januari 2026 perusahaan tersebut <a href="https://www.prnewswire.com/news-releases/cocos-4-is-here-fully-open-source-302652264.html">mengumumkan COCOS 4 dengan lisensi MIT murni</a>, menghapus klausul komersial dari era Cocos Creator, dan <a href="https://github.com/cocos/cocos4">repositori cocos4</a> sudah ditandai v4.0.0 dengan editor yang dipisahkan menjadi tool CLI. Fenris Creations (dulu CCP Games) mempublikasikan komponen-komponen Carbon, mesin di balik EVE Online, di GitHub dengan lisensi MIT dan lisensi permisif lainnya pada 2026, berupa kumpulan library (core, resources, IO, math, pathfinding, dan lainnya) alih-alih mesin game siap pakai, lihat <a href="https://github.com/carbonengine">organisasi carbonengine</a>. Tepat sebelum tahun ini dimulai, Facepunch merilis lapisan C# dari <a href="https://github.com/Facepunch/sbox-public">s&amp;box</a> sebagai open source dengan lisensi MIT pada November 2025, meski masih berjalan di atas Source 2 milik Valve yang tertutup, jadi belum sepenuhnya open stack. Dari sisi rilis: Godot merilis 4.7 pada Juni (4.7.2 pada Agustus, 4.8 dalam snapshot pengembangan), Bevy merilis <a href="https://bevy.org/news/">0.19 pada Juni</a>, Phaser 4 hadir pada April, Babylon.js 9 pada Maret, O3DE merilis <a href="https://github.com/o3de/o3de/releases">versi 26.05</a> pada Mei, Defold 1.13.1 menambahkan komponen light pada Agustus, dan mesin C# berlisensi MIT <a href="https://github.com/stride3d/stride/releases">Stride</a> sedang mengerjakan beta 4.4. Tidak ada yang berubah ke arah yang lebih buruk: tidak ada mesin di daftar ini yang beralih ke lisensi yang lebih membatasi di 2026.</p>
<h2>Mesin 2D dan 3D lengkap</h2>
<h3>Godot</h3>
<p>Godot adalah mesin yang paling sering dimaksud orang saat menyebut &quot;mesin game open-source&quot;. Berlisensi MIT, mendukung 2D dan 3D, serta tidak ada biaya atau batas pendapatan dalam bentuk apa pun. Build web-nya kecil (sekitar 5 MB Brotli atau 9 MB gzip) dan, sejak versi 4.3, bisa diekspor single-threaded untuk dukungan iOS dan Safari yang bersih. Versi stabil saat ini adalah 4.7.2 (Agustus 2026) dengan 4.8 dalam pengembangan. Satu catatan untuk web adalah proyek C# belum bisa diekspor ke browser, hanya GDScript, dan ini masih berlaku per September 2026 menurut <a href="https://docs.godotengine.org/en/stable/tutorials/export/exporting_for_web.html">dokumentasi ekspor web</a>. Bagi kebanyakan tim yang meninggalkan mesin proprietary, Godot adalah pengganti serba bisa yang paling mendekati. Lihat <a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk game web</a> untuk perbandingan langsungnya.</p>
<h3>Cocos Creator</h3>
<p>Cocos Creator memadukan editor gratis dengan runtime open-source (MIT). Mesin ini menangani 2D dan 3D, mendukung WebGL, WebGPU, dan Wasm, serta sangat kuat untuk platform mini-game seperti WeChat dan TikTok yang sangat memperhatikan ukuran build. Ukuran build-nya sekitar 2 hingga 4 MB. Cocos Creator 3.8.8 (Desember 2025) adalah versi terakhir dari lini 3.x, dan sejak Januari 2026, penerusnya, COCOS 4, sepenuhnya berlisensi MIT dengan mesin dan editor yang dipisahkan, sehingga klausul komersial lama sudah hilang. Jika kamu sedang membandingkannya dengan opsi yang web-first, lihat <a href="/id/guides/cocos-alternatives">alternatif Cocos</a>.</p>
<h2>Library dan mesin 3D untuk web</h2>
<h3>Three.js</h3>
<p>Three.js adalah library 3D yang paling banyak digunakan di web, berlisensi MIT, dengan ukuran core sekitar 150 KB. Rilis terbaru adalah r185 (Juli 2026), dan renderer WebGPU-nya otomatis fallback ke WebGL2. Ini adalah library rendering, bukan mesin game lengkap, jadi kamu perlu menambahkan sistem game sendiri atau framework di atasnya. Itulah trade-off-nya: kontrol maksimal dan ukuran sekecil mungkin, dengan konsekuensi harus menulis lebih banyak kode sendiri. Ini adalah fondasi yang kami gunakan untuk membangun <a href="/id/engine">Cinevva Engine</a>, dengan menambahkan kembali sistem game di atasnya agar kamu tidak mulai dari kanvas kosong.</p>
<h3>Babylon.js</h3>
<p>Babylon.js adalah mesin 3D open-source lengkap (Apache 2.0) dengan fisika bawaan, animasi, scene inspector, serta dukungan WebGPU dan WGSL yang kuat. Babylon.js 9 dirilis pada Maret 2026 dan sudah mencapai versi 9.25 per September 2026, menurut <a href="https://github.com/BabylonJS/Babylon.js/releases">halaman rilis</a>. Dibandingkan Three.js, Babylon.js memberimu lebih banyak fitur bawaan dengan ukuran yang lebih besar. Lihat <a href="/id/guides/threejs-vs-babylonjs">Three.js vs Babylon.js</a> untuk menentukan mana yang cocok dengan proyekmu.</p>
<h2>Framework 2D</h2>
<h3>Phaser</h3>
<p>Phaser adalah framework game HTML5 open-source paling populer, berlisensi MIT, dengan komunitas dan ekosistem 2D web terbesar. Ukuran build-nya sekitar 500 KB. Jika gamemu 2D dan kamu menulis JavaScript, sulit mencari yang lebih baik.</p>
<h3>PixiJS</h3>
<p>PixiJS adalah renderer 2D WebGL yang cepat (MIT), berukuran sekitar 200 KB. Seperti Three.js untuk 3D, ini adalah renderer, bukan mesin game lengkap, jadi kamu perlu membawa logic game sendiri. Pilih ini jika kamu ingin rendering 2D kustom dengan ukuran yang sangat kecil.</p>
<h3>Excalibur.js</h3>
<p>Excalibur.js adalah mesin 2D yang ramah pengguna, berlisensi BSD, ditulis dalam TypeScript, berukuran sekitar 300 KB, dengan lebih banyak fitur game bawaan dibanding renderer biasa. Cocok jika kamu menginginkan tipe data (types) dan proses belajar yang lebih mudah.</p>
<h3>LÖVE (Love2D)</h3>
<p>LÖVE adalah framework 2D berlisensi zlib yang sudah lama ada, menggunakan bahasa Lua. Framework ini disukai untuk prototyping cepat dan game jam di desktop. Ekspor web tersedia lewat love.js tapi terbatas, jadi anggap LÖVE sebagai tool yang berfokus pada desktop.</p>
<h2>Mesin Rust, C++, dan mesin skala besar</h2>
<h3>Bevy</h3>
<p>Bevy adalah mesin modern berbasis data yang ditulis dalam Rust, dengan lisensi ganda MIT dan Apache 2.0. Arsitektur entity-component-system-nya menjadi daya tarik utama, dan Bevy bisa dikompilasi ke WebAssembly untuk build browser. Bevy lebih muda dibanding mesin lainnya dan berkembang dengan cepat, jadi bersiaplah menghadapi perubahan yang tidak kompatibel antar versi, tapi momentumnya kuat di 2026: <a href="https://bevy.org/news/">Bevy 0.19</a> dirilis pada Juni 2026 dengan patch 0.19.1 pada Agustus.</p>
<h3>Open 3D Engine (O3DE)</h3>
<p>O3DE adalah proyek Linux Foundation (Apache 2.0) yang ditujukan untuk 3D skala besar dan berkualitas tinggi, didukung oleh AWS dan lainnya. Ini adalah mesin serius dan berat untuk tim dengan ambisi kelas AAA dan sumber daya yang memadai. Rilis 26.05 (Mei 2026) adalah versi terbaru saat ini. Mesin ini tidak menargetkan browser.</p>
<h2>Cara memilih</h2>
<ul>
<li><strong>Ingin satu mesin gratis untuk hampir semua kebutuhan?</strong> Godot.</li>
<li><strong>Membangun game 2D untuk web?</strong> Phaser, atau PixiJS/Excalibur.js untuk rendering kustom.</li>
<li><strong>Membangun 3D untuk web?</strong> Three.js untuk kontrol dan ukuran, Babylon.js untuk fitur lengkap.</li>
<li><strong>Ingin build web sekecil mungkin?</strong> Defold.</li>
<li><strong>Menargetkan platform mini-game?</strong> Cocos Creator.</li>
<li><strong>Suka Rust dan ECS?</strong> Bevy.</li>
<li><strong>3D skala besar dan berkualitas tinggi?</strong> O3DE.
Jika web adalah target Anda, semua engine di atas kecuali O3DE dan (sebagian besar) LÖVE bisa menghasilkan build browser. Untuk pembahasan lengkap khusus web, lihat <a href="/id/guides/web-game-engines-comparison">perbandingan engine game web</a> dan panduan kami tentang <a href="/id/guides/unity-alternatives-web-games">alternatif Unity untuk game web</a>.</li>
</ul>
<h2>Pertanyaan Umum</h2>
<h3>Apa engine game open-source terbaik di 2026?</h3>
<p>Bagi kebanyakan orang, jawabannya Godot: berlisensi MIT, gratis tanpa batas pendapatan, dan mumpuni baik di 2D maupun 3D dengan ekspor web yang rapi. Khusus untuk web 2D, Phaser adalah pilihan open-source paling populer, dan untuk web 3D ada Three.js (sebuah library) atau Babylon.js (engine lengkap). Pilihan terbaik tergantung pada dimensi, bahasa pemrograman, dan platform.</p>
<h3>Apakah Godot benar-benar gratis, tanpa syarat tersembunyi?</h3>
<p>Ya. Godot dirilis di bawah lisensi MIT, yang berarti tidak ada biaya, tidak ada royalti, tidak ada ambang batas pendapatan, dan tidak ada batasan jumlah pengguna, selamanya. Anda bisa menggunakannya untuk game komersial dan bahkan memodifikasi engine itu sendiri. Proyek ini didanai oleh donasi dan sponsor, bukan dengan memungut biaya dari developer.</p>
<h3>Apakah engine game open-source cukup baik untuk game komersial?</h3>
<p>Ya. Banyak game yang sukses secara komersial dibangun di atas engine open-source, dan sifat open source berarti tidak ada batas pendapatan yang perlu dikhawatirkan. Trade-off-nya biasanya adalah marketplace aset bawaan yang lebih kecil dan, untuk beberapa engine, fitur siap pakai yang lebih sedikit dibanding engine proprietary besar. Khusus untuk game web, engine open-source sering menghasilkan build yang lebih kecil dan lebih cepat.</p>
<h3>Apakah Unity atau Unreal itu open source?</h3>
<p>Tidak. Unity bersifat closed-source dan berbasis langganan. Unreal Engine bersifat source-available (Anda bisa membaca dan memodifikasi kodenya dengan akun) tetapi bukan open source dan menggunakan model royalti di atas ambang pendapatan tertentu. Jika Anda secara khusus menginginkan engine open-source, Godot adalah padanan terdekat dengan Unity, dan <a href="/id/guides/unity-alternatives-web-games">panduan alternatif Unity</a> kami membahas sisanya.</p>
<h3>Engine game open-source mana yang baru atau baru saja menjadi open-source di 2026?</h3>
<p>Berita lisensi besar di 2026 adalah COCOS 4, yang sepenuhnya berlisensi MIT sejak Januari 2026 dengan klausul komersial dihapus. Fenris Creations juga merilis komponen engine Carbon milik EVE Online di bawah MIT di GitHub, dan lapisan C# s&amp;box milik Facepunch menjadi MIT pada akhir 2025 (basis Source 2-nya tetap tertutup). Tidak ada engine mapan yang berubah ke lisensi yang lebih ketat tahun ini. Lihat bagian &quot;Apa yang berubah di 2026&quot; di atas untuk versinya.</p>
<h3>Apa engine game 3D open-source terbaik?</h3>
<p>Godot untuk engine 3D lengkap dengan editor, dan ini yang paling banyak dipilih oleh tim. Khusus untuk 3D di browser, Babylon.js adalah engine open-source paling lengkap dan Three.js adalah library yang paling banyak digunakan, keduanya dengan renderer WebGPU dan fallback WebGL2. Bevy adalah pilihan jika Anda ingin Rust dan ECS, dan O3DE jika Anda butuh tooling skala AAA dan tidak butuh build web. Jika Anda ingin melihat kemampuan web 3D open-source sebelum berkomitmen, <a href="/id/engine">Cinevva Engine</a> dibangun di atas Three.js.</p>
<h3>Engine open-source mana yang bisa menargetkan WebGL agar pemain bisa bermain di browser?</h3>
<p>Hampir semuanya. Godot mengekspor ke WebGL 2.0 (gunakan GDScript dan ekspor single-threaded), Phaser, PixiJS, Excalibur.js, Three.js, dan Babylon.js memang berbasis web secara native, Defold menghasilkan build Wasm plus WebGL sekitar 1.14 MB, Bevy dikompilasi ke WebAssembly, dan Cocos Creator mengekspor ke WebGL dan WebGPU. Pengecualiannya adalah O3DE (tidak ada target browser) dan LÖVE (hanya lewat love.js pihak ketiga). Jalankan <a href="/id/tools/webgl-webgpu-checker">pengecek WebGL dan WebGPU</a> kami untuk melihat apa yang didukung browser pemain Anda.</p>
<h3>Apakah ada daftar lengkap engine game open-source untuk 2026?</h3>
<p>Tabel perbandingan singkat di bagian atas halaman ini adalah daftar kami: Godot, Phaser, PixiJS, Three.js, Babylon.js, Defold, Excalibur.js, Bevy, LÖVE, COCOS 4, dan O3DE, ditambah Stride, Carbon, dan s&amp;box di bagian &quot;Apa yang berubah di 2026&quot;. Setiap entri terhubung ke lisensi dan versi terkininya sehingga Anda bisa memverifikasi sebelum berkomitmen.</p>
<h3>Engine game open-source mana yang terbaik untuk web?</h3>
<p>Godot untuk engine 2D/3D serbaguna, Phaser untuk 2D, dan Three.js atau Babylon.js untuk 3D. Defold menghasilkan build web terkecil dari semua engine lengkap. Semuanya gratis dan open source. <a href="/id/guides/web-game-engines-comparison">Perbandingan engine game web</a> kami meranking mereka berdasarkan ukuran build, waktu muat, dan dukungan browser.</p>
<p><BuildCta
  title="Engine gratis memang bagus. Gratis dan tanpa setup lebih cepat lagi"
  desc="Coba dulu idenya, adopsi engine-nya saat Anda sudah membutuhkan lebih."
  prompt="Buat game dungeon crawler retro dengan obor dan kerangka" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026 (Dibandingkan)</a>: diranking berdasarkan ukuran build, waktu muat, dan biaya</li>
<li><a href="/id/guides/unity-alternatives-web-games">Alternatif Unity untuk Game Web</a>: opsi open-source untuk tim yang meninggalkan Unity</li>
<li><a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk Game Web</a>: pengganti open-source terdekat, dibandingkan langsung</li>
<li><a href="/id/guides/best-2d-game-engines-2026">Engine Game 2D Terbaik untuk 2026</a>: jika game Anda 2D</li>
<li><a href="/id/guides/threejs-vs-babylonjs">Three.js vs Babylon.js</a>: dua library web 3D open-source besar</li>
<li><a href="/id/engine">Cinevva Engine</a>: engine open-source berbasis web kami yang dibangun di atas Three.js</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Alternatif Unity untuk Game Web (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/unity-alternatives-web-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/unity-alternatives-web-games</guid>
            <pubDate>Thu, 11 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Alternatif Unity terbaik untuk game browser pada 2026 - Godot, PlayCanvas, Three.js, Defold, Cocos, Phaser, dan lainnya, dibandingkan berdasarkan ekspor web, ukuran build, bahasa, dan biaya, lengkap dengan pilihan sesuai alasan Anda meninggalkan Unity.]]></description>
            <content:encoded><![CDATA[<h1>Alternatif Unity untuk Game Web (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/unity-alternatives-web-hero.jpg?v=2" alt="Alternatif Unity untuk game web di 2026" style="width:100%;border-radius:10px">
</figure>
<p>Unity memang bisa diekspor ke web, tapi build WebGL-nya berat, kebijakan harganya bikin developer was-was sejak 2023, dan untuk game yang berbasis browser, Unity jarang jadi jalur yang paling ringan. Kalau kamu sedang mencari alternatif Unity khusus untuk game web, panduan ini membahas engine-engine yang benar-benar menghasilkan build browser kecil dan cepat di 2026, serta mana yang sebaiknya kamu pilih tergantung alasanmu meninggalkan Unity. Ringkasannya: Godot sebagai pengganti serba bisa, PlayCanvas atau Babylon.js untuk 3D berbasis browser, Three.js untuk kontrol penuh, Defold atau Phaser untuk 2D, dan Construct atau GDevelop kalau kamu lebih suka tanpa coding. Versi dan harga di bawah ini sudah dicek per September 2026.</p>
<p>Kalau kamu ingin melihat semua pilihan berdampingan, mulai dari <a href="/id/guides/web-game-engines-comparison">perbandingan engine game web terbaik untuk 2026</a>. Halaman ini fokus pada kasus spesifik menggantikan Unity untuk web.</p>
<h2>Kenapa developer mencari alternatif Unity</h2>
<p>Beberapa alasan yang terus muncul:</p>
<ul>
<li><strong>Kepercayaan soal harga.</strong> <a href="/id/news/2024-09-12-unity-runtime-fee-cancelled">Unity Runtime Fee</a> dibatalkan pada September 2024 dan belum kembali, tapi kejadian itu mengajarkan banyak tim untuk selalu mempertimbangkan &quot;bagaimana kalau ketentuannya berubah lagi?&quot; Unity Personal tetap gratis di bawah pendapatan atau pendanaan $200K, dan Pro seharga $2.310 per kursi per tahun setelah kenaikan 5% pada Januari 2026, menurut <a href="https://unity.com/pricing">halaman harga Unity</a>. Engine yang lisensinya tidak bisa berubah harga menghilangkan risiko itu.</li>
<li><strong>Ukuran build web.</strong> Build WebGL kosong dari Unity mulai dari sekitar 8 sampai 11 MB. Engine yang memang dibuat untuk web berada di kisaran 1 sampai 5 MB, dan pemain langsung merasakan bedanya lewat waktu muat. Adil untuk Unity, target webnya memang membaik: Unity 6.6 (Agustus 2026) menjadikan WebGPU sebagai <a href="https://discussions.unity.com/t/webgpu-out-of-experimental-in-unity-6-6/1734694">API grafis yang didukung penuh untuk build web</a> dan menaikkan batas memori Wasm ke 16 GB, tapi itu tidak membuat build-nya lebih kecil.</li>
<li><strong>Dukungan browser mobile.</strong> WebGL Unity di ponsel secara historis rapuh. Engine yang lebih ringan dan memang dibuat untuk web berjalan lebih baik di Safari dan Chrome mobile.</li>
<li><strong>Open source.</strong> Beberapa tim ingin codebase yang bisa mereka baca, fork, dan andalkan tanpa bergantung pada satu vendor.</li>
</ul>
<p>Kabar baiknya: untuk web, alternatifnya kuat-kuat, dan beberapa gratis selamanya.</p>
<h2>Perbandingan singkat</h2>
<table>
<thead>
<tr>
<th>Alternatif</th>
<th>Jenis</th>
<th>Teknologi web</th>
<th>Ukuran build (kosong)</th>
<th>Bahasa</th>
<th>Biaya</th>
<th>Paling cocok untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="/id/guides/godot-vs-unity-web-games"><strong>Godot</strong></a></td>
<td>Engine 2D/3D lengkap</td>
<td>WebGL2 + Wasm</td>
<td>~5 MB Brotli, ~9 MB gzip</td>
<td>GDScript (C# belum tersedia untuk web)</td>
<td>Gratis (MIT)</td>
<td>Pengganti serba bisa yang paling mirip Unity</td>
</tr>
<tr>
<td><strong>PlayCanvas</strong></td>
<td>Engine 3D berbasis web</td>
<td>WebGL2 + WebGPU</td>
<td>~1-2 MB</td>
<td>JavaScript / TypeScript</td>
<td>Engine MIT, editor gratis untuk proyek publik, $15/bulan Personal</td>
<td>3D berbasis browser dengan editor berbasis cloud</td>
</tr>
<tr>
<td><strong>Babylon.js</strong></td>
<td>Engine 3D berbasis web</td>
<td>WebGL2 + WebGPU</td>
<td>~1-2 MB</td>
<td>JavaScript / TypeScript</td>
<td>Gratis (Apache 2.0)</td>
<td>Engine lengkap dan gratis untuk yang meninggalkan Unity</td>
</tr>
<tr>
<td><strong>Three.js / Cinevva</strong></td>
<td>Library / engine 3D</td>
<td>WebGL2 + WebGPU</td>
<td>~150 KB inti</td>
<td>JavaScript / TypeScript</td>
<td>Gratis (MIT)</td>
<td>Kontrol maksimal, jejak paling ringan</td>
</tr>
<tr>
<td><strong>Defold</strong></td>
<td>2D/3D berbasis web</td>
<td>WebGL + Wasm</td>
<td>~1,14 MB</td>
<td>Lua</td>
<td>Gratis</td>
<td>Game web dengan pemuatan tercepat dan terkecil</td>
</tr>
<tr>
<td><strong>Cocos Creator</strong></td>
<td>Engine 2D/3D lengkap</td>
<td>WebGL + WebGPU + Wasm</td>
<td>~2-4 MB</td>
<td>TypeScript</td>
<td>Gratis (MIT, sepenuhnya open source sejak COCOS 4)</td>
<td>Mini-game dan pasar web Asia</td>
</tr>
<tr>
<td><strong>Phaser</strong></td>
<td>Framework 2D</td>
<td>WebGL/Canvas</td>
<td>~500 KB</td>
<td>JavaScript</td>
<td>Gratis (MIT)</td>
<td>Game web 2D, komunitas HTML5 terbesar</td>
</tr>
<tr>
<td><strong>Construct / GDevelop</strong></td>
<td>2D visual</td>
<td>WebGL</td>
<td>~1-3 MB</td>
<td>Tanpa kode</td>
<td>Berlangganan / tingkat gratis</td>
<td>Meninggalkan Unity tanpa menulis kode</td>
</tr>
</tbody>
</table>
<p>Tidak ada satu &quot;pengganti Unity&quot; yang mutlak. Pilihan yang tepat tergantung apakah kamu butuh 3D, apakah kamu menulis kode, dan alasan kenapa Unity tidak cocok untukmu.</p>
<h2>Godot: pengganti serba bisa yang paling mendekati</h2>
<p>Godot adalah alternatif yang paling banyak dipilih oleh developer eks-Unity. Ini engine 2D dan 3D lengkap, gratis di bawah lisensi MIT tanpa kursi, royalti, atau batas pendapatan, dan ekspor webnya solid. Ukuran build sekitar 5 MB dengan Brotli atau 9 MB gzip, lebih kecil dari Unity secara default. Versi stabil saat ini adalah Godot 4.7.2 (Agustus 2026), dengan 4.8 masih dalam snapshot pengembangan. Sejak Godot 4.3, kamu bisa mengekspor build web single-threaded yang menghilangkan kebutuhan SharedArrayBuffer, yang juga memperbaiki masalah lama pemutaran di iOS dan Safari.</p>
<p>Satu catatan untuk web: proyek C# (.NET) Godot belum bisa diekspor ke browser, hanya GDScript yang bisa. Kalau kamu memindahkan codebase C#, ini penting untuk diperhatikan. Kami membahas kelebihan dan kekurangannya secara detail di <a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk game web</a>.</p>
<p>Pilih Godot kalau kamu ingin engine serba bisa yang paling mirip Unity, gratis selamanya, dengan jalur web 2D dan 3D yang bersih.</p>
<h2>PlayCanvas: 3D berbasis web dengan editor</h2>
<p>PlayCanvas dibangun untuk browser sejak awal. Runtime-nya sekitar 1 sampai 2 MB, mendukung WebGL2 maupun WebGPU, dan punya editor cloud kolaboratif yang terasa familiar kalau kamu suka alur kerja scene di Unity. Game di-scripting dengan JavaScript atau TypeScript. Engine ini berlisensi MIT dan berada di <a href="https://github.com/playcanvas/engine/releases">v2.22.0 per September 2026</a>. Editor hosted-nya gratis untuk proyek publik, dengan paket Personal seharga $15 per bulan dan paket Organization seharga $50 per kursi per bulan untuk pekerjaan privat, menurut <a href="https://playcanvas.com/plans">halaman paket PlayCanvas</a>. Ini pilihan kuat kalau kamu butuh 3D real-time di browser dan menginginkan editor visual, bukan sekadar library berbasis kode.</p>
<p>Pilih PlayCanvas kalau kamu ingin pengeditan scene 3D bergaya Unity tapi dengan build web yang mungil.</p>
<h2>Babylon.js: engine gratis lengkap yang web-native</h2>
<p>Babylon.js adalah pilihan tepat kalau kamu meninggalkan Unity tapi tetap ingin engine lengkap, bukan sekadar library rendering kosong. Ini gratis dan open-source (Apache 2.0), dikembangkan dan didukung oleh tim di Microsoft, dan berjalan di browser sejak dasarnya. Kamu mendapatkan fisika Havok bawaan, scene inspector, peralatan animasi, dan editor berbasis web yang gratis, jadi rasa &quot;semua sudah tersedia&quot; yang menarik orang ke Unity tetap ada tanpa kursi berbayar atau batas pendapatan. Babylon.js 9.0 (Maret 2026, sudah di versi 9.25 per September 2026 menurut <a href="https://github.com/BabylonJS/Babylon.js/releases">halaman rilis</a>) juga menghadirkan dukungan WebGPU paling canggih di antara engine web, termasuk pencahayaan clustered dan pencahayaan volumetrik berbasis compute, jadi menjadi web-first tidak mengorbankan kualitas rendering. Kamu melakukan scripting dengan JavaScript atau TypeScript.</p>
<p>Pilih Babylon.js kalau kamu ingin engine 3D web-native yang lengkap, gratis, dengan fitur selengkap Unity dan rendering WebGPU modern.</p>
<h2>Three.js dan Cinevva: kontrol maksimal, jejak paling ringan</h2>
<p>Kalau kamu ingin build web seringan mungkin dan kontrol penuh atas rendering, <a href="/id/guides/playcanvas-vs-threejs">Three.js</a> adalah standarnya. Library intinya berukuran sekitar 150 KB dan mendukung sebagian besar 3D di web. Rilis terkini adalah r185 (Juli 2026), dan renderer WebGPU-nya bisa kembali ke WebGL2 secara otomatis. Ini library rendering, bukan engine lengkap, jadi kamu perlu membawa sendiri sistem game atau framework di atasnya.</p>
<p>Itulah tepatnya kenapa kami membangun <a href="/id/engine">Cinevva Engine</a> di atas Three.js: open-source, web-first, dengan sistem game yang sudah tersusun di atasnya sehingga kamu tidak mulai dari kanvas kosong. Satu codebase bisa dirilis ke browser, mobile, desktop, Steam, dan Discord. Tanpa kursi berbayar, tanpa biaya instalasi, tanpa ketentuan yang bisa berubah setelah gamemu selesai dibuat, hal yang membuat orang jadi peduli setelah kejadian Runtime Fee.</p>
<p>Pilih Three.js atau Cinevva kalau kamu ingin 3D web-native, open source, dan jejak paling ringan, serta nyaman menggunakan JavaScript atau TypeScript.</p>
<h2>Defold: build web 2D terkecil dan tercepat</h2>
<p>Defold menghasilkan build web terkecil di antara semua engine lengkap, sekitar 1,14 MB, dan memuat dengan cepat. Ia mendukung 2D dan 3D yang lebih ringan, scripting dengan Lua, dan gratis tanpa batas pendapatan. Defold 1.13.1 (Agustus 2026) menambahkan komponen cahaya kelas pertama, jadi sisi 3D-nya terus berkembang. Kalau gamemu berbasis 2D dan waktu muat adalah prioritas utama, Defold sulit dikalahkan di web.</p>
<p>Pilih Defold untuk game web kasual dan mobile di mana setiap kilobyte sangat berarti.</p>
<h2>Cocos Creator: mini-game dan pasar Asia</h2>
<p>Cocos Creator adalah engine 2D dan 3D lengkap dengan dukungan WebGL, WebGPU, dan Wasm, dengan ukuran build sekitar 2 sampai 4 MB, dan skrip menggunakan TypeScript. Engine ini sangat kuat untuk platform mini-game (WeChat, TikTok, Taobao) di mana ukuran Unity sama sekali tidak memungkinkan. Gratis, dan sejak Januari 2026 COCOS 4 sepenuhnya berlisensi MIT dengan klausul komersial lama telah dihapus. Lihat <a href="/id/guides/cocos-alternatives">alternatif Cocos</a> jika kamu sedang membandingkannya dengan engine-engine web-first.</p>
<p>Pilih Cocos Creator untuk mini-game atau jika kamu menyasar ekosistem web Asia.</p>
<h2>Phaser: standar web untuk 2D</h2>
<p>Jika gamemu 2D dan kamu menulis JavaScript, Phaser adalah framework game HTML5 paling populer, dengan komunitas dan ekosistem terbesar. Ukuran build sekitar 500 KB. Gratis dengan lisensi MIT. Untuk game web 2D, Phaser sering kali lebih cocok dibanding Unity. Lihat <a href="/id/guides/best-2d-game-engines-2026">engine game 2D terbaik untuk 2026</a> untuk perbandingannya dengan Defold, Construct, dan GDevelop.</p>
<p>Pilih Phaser untuk game web 2D saat kamu menginginkan kode, komunitas, dan ukuran build yang kecil.</p>
<h2>Construct dan GDevelop: meninggalkan Unity tanpa kode</h2>
<p>Jika salah satu alasan Unity membuatmu frustrasi adalah banyaknya kode dan pengaturan, engine visual adalah alternatif yang nyata. <a href="/id/guides/construct-vs-gdevelop">Construct dan GDevelop</a> sama-sama membangun game 2D tanpa pemrograman dan mengekspor build web yang rapi. GDevelop punya tingkatan gratis dan ramah open-source; Construct berbasis langganan dengan editor yang lebih halus.</p>
<p>Pilih salah satunya jika kamu ingin membangun game web secara visual dengan sedikit atau tanpa kode sama sekali.</p>
<h2>Cara memilih, berdasarkan alasan meninggalkan Unity</h2>
<ul>
<li><strong>Kesal soal harga atau kepercayaan?</strong> Pilih open source: Godot, Defold, Phaser, Three.js, atau Cinevva. Tidak satu pun bisa tiba-tiba mengubah harga di belakangmu.</li>
<li><strong>Butuh 3D di browser?</strong> PlayCanvas atau Babylon.js (engine lengkap dengan editor) atau Three.js dan Cinevva (untuk kontrol dan ukuran terkecil).</li>
<li><strong>Membangun 2D?</strong> Defold untuk build terkecil, Phaser untuk komunitas terbesar.</li>
<li><strong>Tidak mau menulis kode?</strong> Construct atau GDevelop.</li>
<li><strong>Menyasar platform mini-game?</strong> Cocos Creator.</li>
</ul>
<p>Apa pun pilihanmu, web memberi imbalan pada build kecil dan pemuatan cepat. Setelah memilih, lihat <a href="/id/tutorials/ship-web-game-fast">membuat game web yang dimuat cepat</a>.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa alternatif Unity terbaik untuk game web?</h3>
<p>Bagi sebagian besar tim, jawabannya adalah Godot: engine 2D dan 3D lengkap yang gratis dan open-source, dengan build web yang lebih kecil dari Unity dan jalur ekspor single-threaded yang bersih untuk iOS dan Safari. Jika kamu secara khusus butuh 3D yang berfokus pada browser, PlayCanvas atau Three.js lebih ringan lagi. Pilihan terbaik tergantung apakah kamu butuh 3D dan apakah kamu menulis kode.</p>
<h3>Apakah ada alternatif gratis untuk Unity?</h3>
<p>Ya, ada beberapa. Godot, Defold, Phaser, PixiJS, Excalibur.js, dan Three.js semuanya gratis dan open-source tanpa batas pendapatan atau biaya per kursi. Cocos Creator dan GDevelop juga punya opsi gratis. Khusus untuk game web, engine-engine gratis ini sering menghasilkan build yang lebih kecil dan lebih cepat dibanding Unity.</p>
<h3>Mengapa beralih dari Unity untuk game web?</h3>
<p>Alasan yang umum adalah ukuran build (build WebGL kosong Unity dimulai sekitar 8 hingga 11 MB, dibanding 1 hingga 5 MB untuk engine web-native), keandalan di browser mobile, kepercayaan soal harga setelah episode Runtime Fee tahun 2023, dan preferensi terhadap open source. Jika web adalah target utamamu, engine web-first biasanya memberikan hasil yang lebih baik.</p>
<h3>Bisakah saya mengganti Unity dengan engine open-source?</h3>
<p>Bisa. Godot adalah padanan open-source terdekat untuk 2D dan 3D secara umum, dan berlisensi MIT tanpa biaya. Untuk 3D web-native, Three.js (dan engine yang dibangun di atasnya seperti Cinevva) juga open source. Biaya migrasi utamanya adalah membangun ulang dalam bahasa baru, karena setiap engine punya bahasa skripnya sendiri.</p>
<h3>Apa alternatif open-source terbaik untuk Unity?</h3>
<p>Godot. Ini satu-satunya engine open-source yang menyamai bentuk Unity (satu editor, 2D dan 3D, scene dan node, bahasa skrip, ekspor ke desktop, mobile, dan web), dan berlisensi MIT tanpa biaya. Jika kamu ingin tetap menulis C#, Godot mendukungnya di semua platform kecuali web dan iOS, dan <a href="https://github.com/stride3d/stride">Stride</a> yang berlisensi MIT adalah engine C# murni untuk desktop. Untuk open source yang web-native, Babylon.js (Apache 2.0) adalah engine paling lengkap dan Three.js (MIT) adalah library yang paling banyak digunakan. Panduan <a href="/id/guides/open-source-game-engines-2026">engine game open-source</a> kami membahas daftar lengkapnya.</p>
<h3>Apa alternatif Unity untuk WebXR?</h3>
<p>Babylon.js punya dukungan WebXR paling lengkap di antara engine web, dengan kontroler, pelacakan tangan, teleportasi, dan fitur AR yang sudah tertanam, dan Three.js punya lapisan WebXR matang yang digunakan sebagian besar demo VR web. PlayCanvas juga mendukung WebXR, termasuk fitur manipulasi XR yang diperluas pada rilis 2.21-nya. Godot mengekspos WebXR melalui <a href="https://docs.godotengine.org/en/stable/classes/class_webxrinterface.html">WebXRInterface</a> miliknya pada ekspor web. Unity tidak punya ekspor WebXR resmi, jadi jika VR atau AR berbasis browser adalah tujuannya, engine web-native adalah pilihan yang praktis. Apa pun pilihanmu, rendering WebGPU di WebXR masih baru, jadi periksa browser headsetmu dengan <a href="/id/tools/webgl-webgpu-checker">pemeriksa WebGL dan WebGPU</a> kami.</p>
<h3>Alternatif Unity mana yang gratis?</h3>
<p>Godot, Defold, Phaser, PixiJS, Excalibur.js, Three.js, Babylon.js, Bevy, dan COCOS 4 gratis tanpa batas pendapatan atau biaya per kursi. Engine PlayCanvas berlisensi MIT dan editornya gratis untuk proyek publik ($15 per bulan untuk proyek privat). Engine GDevelop gratis dan berlisensi MIT, dan Construct punya edisi gratis dengan batas 50 event. Bandingkan dengan Unity Personal, yang gratis hanya di bawah $200K pendapatan atau pendanaan. Panduan <a href="/id/guides/best-free-game-engines-beginners">engine game gratis terbaik untuk pemula</a> punya tabel yang menjelaskan tepatnya apa arti &quot;gratis&quot; untuk masing-masing.</p>
<h3>Apakah ada alternatif Unity berbasis browser tanpa instalasi?</h3>
<p>Ya, ada beberapa. PlayCanvas menjalankan seluruh editornya di browser, Construct dan GDevelop sama-sama berjalan di satu tab, dan Babylon.js punya editor berbasis web dan playground yang gratis. Jika kamu ingin melewati editor sama sekali, <a href="/id/create#prompt=Make%20a%20third%20person%20platformer%20that%20loads%20instantly%20in%20the%20browser">deskripsikan sebuah game dan mainkan langsung di browser</a> dengan Cinevva, lalu ekspor atau lanjutkan mengiterasi. Semua ini menghasilkan build web secara default, yang memang menjadi intinya jika kamu meninggalkan Unity demi browser.</p>
<h3>Alternatif Unity mana yang punya build web terkecil?</h3>
<p>Di antara engine lengkap, Defold yang terkecil, sekitar 1,14 MB. Three.js sebagai library bahkan lebih kecil lagi, dengan inti sekitar 150 KB, meski kamu tetap menambahkan kode gamemu sendiri. Godot berada di sekitar 5 MB dengan Brotli atau 9 MB gzip, masih jauh di bawah titik awal Unity yang 8 MB ke atas.</p>
<p><BuildCta
  title="Alternatif Unity paling radikal: tanpa engine sama sekali"
  desc="Deskripsikan gamemu dan mainkan di browser dalam waktu sekitar satu menit."
  prompt="Make a third person platformer that loads instantly in the browser" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026 (Dibandingkan)</a>: seluruh daftar lengkap, diurutkan peringkatnya</li>
<li><a href="/id/guides/open-source-game-engines-2026">Engine Game Open-Source Terbaik untuk 2026</a>: opsi gratis yang bisa kamu fork sendiri, dalam satu tempat</li>
<li><a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk Game Web</a>: alternatif terdekat, adu langsung</li>
<li><a href="/id/news/2024-09-12-unity-runtime-fee-cancelled">Unity Runtime Fee Dibatalkan: kisah resminya</a>: mengapa kepercayaan soal harga menjadi faktor penentu</li>
<li><a href="/id/guides/best-2d-game-engines-2026">Engine Game 2D Terbaik untuk 2026</a>: jika gamemu 2D</li>
<li><a href="/id/guides/playcanvas-vs-threejs">PlayCanvas vs Three.js</a>: engine versus library untuk 3D web</li>
<li><a href="/id/engine">Cinevva Engine</a>: engine open-source dan web-first kami yang dibangun di atas Three.js</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Engine Game 2D Terbaik untuk 2026 (Perbandingan)]]></title>
            <link>https://app.cinevva.com/id/guides/best-2d-game-engines-2026</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/best-2d-game-engines-2026</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Engine game 2D terbaik untuk 2026 - Godot, GameMaker, Construct, Defold, Phaser, GDevelop, Unity, dan LÖVE, dibandingkan berdasarkan harga, ekspor web, ukuran build, dan target pengguna masing-masing.]]></description>
            <content:encoded><![CDATA[<h1>Engine Game 2D Terbaik untuk 2026 (Perbandingan)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/best-2d-game-engines-2026-hero.jpg?v=2" alt="Mesin game 2D terbaik untuk 2026: Godot, GameMaker, Construct, Defold, Phaser" style="width:100%;border-radius:10px">
</figure>
<p>Game 2D tetap hidup dan berkembang pada 2026, dan kini tersedia lebih banyak mesin berkualitas daripada sebelumnya. Jika Anda hanya membaca satu kalimat: Godot adalah mesin game 2D terbaik bagi kebanyakan orang, Construct atau GDevelop jika Anda tidak ingin menulis kode, Defold jika Anda membutuhkan build web terkecil, dan Phaser jika Anda sudah menggunakan JavaScript. Pilihan yang tepat bergantung pada apakah Anda menulis kode, apakah Anda akan merilis ke web, dan seberapa kecil ukuran build yang dibutuhkan. Berikut perbandingan opsi-opsi utama beserta pengguna yang paling cocok untuk masing-masing, dengan setiap versi dan harga telah diperiksa per September 2026.</p>
<p>Jika Anda juga mempertimbangkan mesin 3D atau mesin lintas platform lengkap, lihat <a href="/id/guides/web-game-engines-comparison">perbandingan mesin game web</a> yang lebih luas.</p>
<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.video-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
</style>
<h2>Ringkasan Cepat</h2>
<table>
<thead>
<tr>
<th>Mesin</th>
<th>Harga</th>
<th>Ekspor web</th>
<th>Paling cocok untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://godotengine.org/"><strong>Godot</strong></a></td>
<td>Gratis (MIT)</td>
<td>Bagus (WebGL2, GDScript)</td>
<td>Pilihan serbaguna dan sumber terbuka terbaik</td>
</tr>
<tr>
<td><a href="https://gamemaker.io/"><strong>GameMaker</strong></a></td>
<td>Gratis untuk nonkomersial, Pro sekali bayar $99.99</td>
<td>HTML5 disertakan</td>
<td>Game 2D komersial, rilis cepat</td>
</tr>
<tr>
<td><a href="https://www.construct.net/"><strong>Construct</strong></a></td>
<td>Edisi gratis, Personal $129.99/tahun</td>
<td>Sangat baik (berbasis HTML5)</td>
<td>Pemula dan tanpa kode, mengutamakan web</td>
</tr>
<tr>
<td><a href="https://defold.com/"><strong>Defold</strong></a></td>
<td>Gratis</td>
<td>Sangat baik (&lt;2 MB gzip)</td>
<td>Build web terkecil dan paling cepat dimuat</td>
</tr>
<tr>
<td><a href="https://phaser.io/"><strong>Phaser</strong></a></td>
<td>Gratis (MIT)</td>
<td>Native (ini adalah framework JS)</td>
<td>Game web yang mengutamakan kode</td>
</tr>
<tr>
<td><a href="https://gdevelop.io/"><strong>GDevelop</strong></a></td>
<td>Gratis, dengan paket cloud berbayar opsional</td>
<td>Ya (HTML5)</td>
<td>Pengembangan tanpa kode gratis</td>
</tr>
<tr>
<td><a href="https://unity.com/"><strong>Unity</strong></a></td>
<td>Personal gratis di bawah $200 ribu; Pro $2.310/tahun</td>
<td>Ya (WebGL2)</td>
<td>Ekosistem besar, jangkauan lintas platform</td>
</tr>
<tr>
<td><a href="https://love2d.org/"><strong>LÖVE</strong></a></td>
<td>Gratis (sumber terbuka)</td>
<td>Melalui love.js (pihak ketiga)</td>
<td>Pembuatan prototipe minimalis dengan Lua</td>
</tr>
</tbody>
</table>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/a_TDD1QhYGg" title="Unity vs Godot vs Defold! Perbandingan Mesin Game" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Asatte Games membandingkan secara langsung tiga mesin yang dibahas di bawah ini.</div>
<h2>Daftar Mesin</h2>
<h3>Godot</h3>
<p>Favorit di kalangan sumber terbuka dan benar-benar merupakan mesin 2D yang sangat baik. Godot 4.7 (Juni 2026, berada di versi 4.7.2 sejak Agustus 2026 dengan 4.8 dalam pengembangan, menurut <a href="https://godotengine.org/blog/">blog Godot</a>) memiliki renderer 2D khusus, editor ringan, dan GDScript yang ramah bagi pemula. Godot gratis di bawah lisensi MIT tanpa royalti. Ekspor web-nya solid di WebGL2, dengan catatan bahwa hanya GDScript yang dapat diekspor ke browser, bukan C#. Jika Anda menginginkan satu alat gratis yang sangat baik untuk 2D dan cukup mumpuni untuk 3D, inilah pilihan utamanya.</p>
<p><strong>Paling cocok untuk:</strong> 2D serbaguna, proyek sumber terbuka, pixel art.</p>
<h3>GameMaker</h3>
<p>Mesin di balik game populer seperti Undertale dan banyak game 2D komersial lainnya. GameMaker menggunakan GML, bahasa skrip cepat miliknya sendiri, dan menyediakan ekspor HTML5 bahkan pada paket gratis. Model harganya telah berubah menjadi lebih bersahabat: gratis untuk penggunaan nonkomersial dan lisensi Professional sekali bayar senilai $99.99 untuk pekerjaan komersial, bukan langganan. Hanya ekspor konsol yang masih memerlukan langganan Enterprise, menurut <a href="https://gamemaker.io/en/get">halaman harga GameMaker</a> per September 2026.</p>
<p><strong>Paling cocok untuk:</strong> game 2D komersial yang ingin dirilis dengan cepat, pixel art.</p>
<h3>Construct</h3>
<p>Mesin berbasis browser tanpa kode yang dibangun dengan sistem event. Anda membuat game secara visual tanpa pemrograman, dan karena berbasis HTML5, ekspor web-nya sangat baik. Harganya menggunakan sistem langganan. Per September 2026, paket Personal berharga $129.99 per tahun atau $15.99 per bulan, menurut <a href="https://www.construct.net/en/make-games/buy-construct">halaman harga Construct</a>, sedangkan edisi gratis membatasi Anda hingga 50 event dan 2 layer. Batas tersebut cukup untuk belajar, tetapi tidak untuk merilis proyek besar.</p>
<p><strong>Paling cocok untuk:</strong> pemula, kreator tanpa kode, dan game 2D yang mengutamakan web.</p>
<h3>Defold</h3>
<p>Mesin gratis dari mantan developer King yang menghasilkan build web berukuran sangat kecil, sering kali di bawah 2 MB setelah dikompresi dengan gzip. Hal ini menjadikannya ideal untuk game web kasual dan platform mini-game yang sangat mengutamakan waktu muat. Defold menggunakan Lua dan kode sumbernya tersedia di bawah Defold License. Defold 1.13.1 (Agustus 2026) menambahkan komponen cahaya kelas utama (ambient, directional, point, dan spot) di atas dukungan morph target dari versi 1.13.0. Dengan demikian, kemampuan 3D-nya terus berkembang, menurut <a href="https://defold.com/2026/08/17/Defold-1-13-1/">catatan rilis 1.13.1</a>.</p>
<p><strong>Paling cocok untuk:</strong> game web terkecil dan paling cepat dimuat.</p>
<h3>Phaser</h3>
<p>Framework game HTML5 paling populer yang mengutamakan kode. Phaser 4 (dirilis April 2026, berada di versi 4.2.1 sejak Juli 2026 menurut <a href="https://github.com/phaserjs/phaser/releases">rilis Phaser</a>) menghadirkan renderer WebGL2 baru yang dibangun ulang dari awal. Teknologinya adalah WebGL2, bukan WebGPU, dan itu sudah memadai untuk 2D. Phaser gratis dan bersumber terbuka, Anda menulis JavaScript atau TypeScript, dan karena merupakan framework web, tidak ada tahap &quot;ekspor&quot;—game Anda memang sudah berjalan di browser.</p>
<p><strong>Paling cocok untuk:</strong> developer yang menginginkan framework 2D berbasis web dan mengutamakan kode.</p>
<h3>GDevelop</h3>
<p>Sebagai mesin sumber terbuka dan tanpa kode, GDevelop merupakan salah satu mesin yang paling ramah bagi pemula. Mesin ini gratis dan berlisensi MIT, dengan paket Silver, Gold, dan Pro opsional untuk membayar build cloud dan layanan online (<a href="https://forum.gdevelop.io/t/gdevelop-premium-subscription-prices-will-increase-this-monday/74132">tim GDevelop menaikkan harga paket tersebut sebesar 20% pada Januari 2026</a>), serta dapat mengekspor build HTML5 secara gratis. Rilis baru hadir hampir setiap minggu, dengan versi 5.6.281 tersedia pada akhir Agustus 2026. Ini merupakan pilihan tengah yang bagus jika Anda menginginkan pengembangan tanpa kode sekaligus sumber terbuka.</p>
<p><strong>Paling cocok untuk:</strong> pengembangan 2D tanpa kode secara gratis.</p>
<h3>Unity</h3>
<p>Perangkat 2D Unity sudah matang, sementara ekosistem dan toko asetnya tak tertandingi. Unity memang berlebihan untuk game 2D kecil, tetapi layak dipilih jika Anda menginginkan jangkauan lintas platform atau berencana beralih ke 3D. Personal gratis untuk pendapatan atau pendanaan di bawah $200 ribu, sedangkan Pro berharga $2.310 per tahun untuk setiap pengguna, menurut <a href="https://unity.com/pricing">halaman harga Unity</a> per September 2026. Unity 6.6 (Agustus 2026) adalah rilis terkini, dan karena Unity 6.5 telah menghentikan dukungan Built-in Render Pipeline, mulailah proyek 2D baru menggunakan 2D Renderer milik URP. Tidak seperti Godot, C# milik Unity dapat diekspor ke web.</p>
<p><strong>Paling cocok untuk:</strong> tim yang menginginkan ekosistem besar atau jangkauan lintas platform.</p>
<h3>LÖVE (Love2D)</h3>
<p>Framework Lua minimalis, bukan editor lengkap. Anda menulis kode, lalu menjalankannya. LÖVE 11.5 masih menjadi rilis stabil terkini per September 2026, dengan versi 12.0 dalam pengembangan (<a href="https://github.com/love2d/love/milestone/1">milestone 12.0</a> hampir selesai, tetapi belum dirilis). Ekspor web tersedia melalui love.js dari pihak ketiga, tetapi bukan fitur kelas utama. Pilih LÖVE jika Anda senang menulis kode dan hampir tidak menginginkan lapisan abstraksi antara Anda dan game loop.</p>
<p><strong>Paling cocok untuk:</strong> penghobi yang berfokus pada kode dan prototipe ringan.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/ZiBsbBGT9L4" title="Unreal vs Unity vs Godot, mana yang lebih baik pada 2026?" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">InspirationTuts membandingkan mesin-mesin besar secara berdampingan untuk 2026.</div>
<h2>Cara Memilih</h2>
<ul>
<li><strong>Anda tidak ingin menulis kode:</strong> Construct atau GDevelop. Construct jika Anda merilis ke web, GDevelop jika Anda menginginkan sumber terbuka.</li>
<li><strong>Anda menginginkan build web terkecil dan tercepat:</strong> Defold.</li>
<li><strong>Anda menulis kode dan menargetkan web:</strong> Phaser.</li>
<li><strong>Anda menginginkan satu mesin gratis untuk semuanya:</strong> Godot.</li>
<li><strong>Anda merilis game 2D komersial:</strong> GameMaker atau Unity.</li>
<li><strong>Anda membutuhkan ekosistem terbesar atau berencana menambahkan 3D:</strong> Unity.</li>
</ul>
<p>Apa pun pilihan Anda, Anda akan membutuhkan aset visual dan audio. Lihat <a href="/id/guides/game-assets-guide">tempat menemukan aset game gratis</a> untuk mendapatkan sumber aset yang bisa langsung digunakan.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa mesin game 2D terbaik pada 2026?</h3>
<p>Bagi kebanyakan orang, Godot adalah mesin 2D serbaguna terbaik: gratis, bersumber terbuka, dan memiliki renderer 2D kelas utama. Jika Anda tidak ingin menulis kode, Construct (mengutamakan web) atau GDevelop (sumber terbuka) adalah pilihan yang lebih baik. Untuk game 2D komersial, GameMaker dan Unity telah teruji. Pilihan &quot;terbaik&quot; bergantung pada apakah Anda menulis kode dan platform tempat Anda akan merilis game.</p>
<h3>Mesin game 2D mana yang terbaik untuk pemula?</h3>
<p>Construct dan GDevelop adalah yang paling ramah bagi pemula karena keduanya tidak memerlukan kode. Anda membuat game dengan sistem event visual alih-alih pemrograman. GDevelop gratis dan bersumber terbuka, sedangkan Construct berbasis langganan tetapi menawarkan ekspor web paling mulus. Jika Anda ingin belajar menulis kode sambil membuat game, Godot dengan GDScript adalah mesin berbasis kode yang paling mudah dipelajari.</p>
<h3>Apa mesin game 2D gratis terbaik?</h3>
<p>Godot adalah mesin 2D gratis dan bersumber terbuka terkuat tanpa biaya atau royalti. GDevelop adalah pilihan tanpa kode gratis terbaik, Defold gratis dengan build web terkecil, dan Phaser adalah framework sumber terbuka gratis jika Anda menulis kode. GameMaker gratis untuk penggunaan nonkomersial, lalu memerlukan lisensi sekali bayar $99.99 untuk proyek komersial.</p>
<h3>Apa mesin game terbaik untuk game 2D?</h3>
<p>Godot, bagi kebanyakan orang. Renderer 2D khusus, lisensi MIT, dan GDScript menjadikannya mesin game serbaguna terbaik untuk game 2D pada 2026, baik untuk pixel art maupun 2D bergaya vektor. Jika Anda tidak ingin menulis kode, Construct atau GDevelop adalah mesin game 2D terbaik dengan event visual. Jika Anda merilis game 2D komersial dan menginginkan pipeline yang teruji, GameMaker adalah pilihan spesialisnya.</p>
<h3>Mesin mana yang sebaiknya saya gunakan untuk membuat game 2D?</h3>
<p>Sesuaikan dengan cara kerja Anda. Programmer yang menginginkan satu alat gratis: Godot. Developer web: Phaser. Kreator tanpa kode: GDevelop (gratis) atau Construct (lebih matang, berbasis langganan). Jika waktu muat adalah prioritas utama: Defold. Jika Anda masih belum yakin, coba dahulu idenya tanpa mesin apa pun, misalnya dengan <a href="/id/create#prompt=Make%20a%20neon%202D%20side-scrolling%20runner%20with%20coins%20and%20a%20high%20score">mendeskripsikan game runner 2D dan memainkannya di browser</a>, kemudian pilih mesin setelah Anda mengetahui bentuk gamenya.</p>
<h3>Apa itu mesin pengembangan game 2D, dan apakah saya membutuhkannya?</h3>
<p>Mesin pengembangan game 2D menyatukan komponen yang dibutuhkan setiap game 2D: renderer sprite, editor scene atau level, input, audio, fisika, dan pipeline ekspor. Anda tidak mutlak membutuhkannya (lihat <a href="/id/tutorials/canvas-2d-game-loop">membuat game loop di Canvas 2D</a>), tetapi mesin dapat menghemat waktu berbulan-bulan dan menyediakan jalur ekspor teruji ke web, desktop, dan perangkat seluler. Untuk game 2D pertama, Godot atau GDevelop adalah cara tercepat menghasilkan game yang selesai dan siap dirilis.</p>
<h3>Mesin 2D mana yang menghasilkan game web terkecil?</h3>
<p>Defold menghasilkan build web terkecil, sering kali di bawah 2 MB setelah dikompresi dengan gzip. Itulah sebabnya Defold populer untuk platform game kasual dan mini-game, tempat waktu muat menentukan apakah pemain akan bertahan. Phaser dan Godot juga cukup baik, tetapi Defold unggul dalam ukuran mentah.</p>
<p><BuildCta
  title="Tidak yakin mesin 2D mana yang harus dipilih? Lewati keputusannya"
  desc="Deskripsikan game 2D dan mainkan dalam waktu sekitar satu menit, tanpa perlu memasang mesin."
  prompt="Buat game runner 2D neon side-scrolling dengan koin dan skor tertinggi" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/vibe-coding-game-prompts">100 Ide Prompt Game AI yang Bisa Anda Buat dengan Sekali Klik</a>: ambil sebuah ide dan jadikan dapat dimainkan dalam waktu sekitar satu menit</li>
<li><a href="/id/guides/web-game-engines-comparison">Mesin Game Web Terbaik untuk 2026 (Perbandingan)</a>: 2D dan 3D, perbandingan lengkap</li>
<li><a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk Game Web</a>: perbandingan langsung dua mesin besar</li>
<li><a href="/id/guides/construct-vs-gdevelop">Construct vs GDevelop</a>: perbandingan dua mesin 2D tanpa kode</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: aset visual dan audio untuk game 2D Anda</li>
<li><a href="/id/tutorials/canvas-2d-game-loop">Game loop Canvas 2D</a>: buat game 2D tanpa mesin sama sekali</li>
<li><a href="/id/engine">Cinevva Engine</a>: mesin sumber terbuka kami yang mengutamakan web</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Construct vs GDevelop: Engine 2D Tanpa Kode Terbaik (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/construct-vs-gdevelop</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/construct-vs-gdevelop</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Perbandingan Construct vs GDevelop pada 2026—dua engine game 2D tanpa kode yang dibandingkan dari segi harga, ekspor web, dukungan 3D, skrip, multipemain, dan sumber terbuka, beserta rekomendasi untuk setiap jenis kreator.]]></description>
            <content:encoded><![CDATA[<h1>Construct vs GDevelop: Engine 2D Tanpa Kode Terbaik (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/construct-vs-gdevelop-hero.jpg?v=2" alt="Construct vs GDevelop, engine game 2D tanpa kode pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Jika Anda ingin membuat game tanpa menulis kode, kedua engine ini berada di jajaran terdepan. Keduanya membangun game dengan logika event visual alih-alih pemrograman, dan keduanya dapat mengekspor ke web. Perbedaan utamanya terletak pada filosofi dan harga: Construct adalah produk berlangganan yang matang ($129.99 per tahun untuk paket Personal), sedangkan GDevelop gratis dan bersumber terbuka dengan layanan cloud berbayar opsional. Singkatnya: pilih GDevelop untuk penggunaan gratis, sumber terbuka, dan kemampuan 3D yang lebih kuat; pilih Construct untuk alur kerja event 2D yang paling matang dan multiplayer bawaan. Berikut perbandingan keduanya pada 2026, dengan harga dan status 3D yang telah diperiksa per September 2026.</p>
<p>Untuk melihat pilihan yang lebih luas, termasuk engine berbasis kode, baca <a href="/id/guides/web-game-engines-comparison">perbandingan engine game web</a> dan <a href="/id/guides/best-2d-game-engines-2026">engine game 2D terbaik untuk 2026</a>.</p>
<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.video-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
</style>
<h2>Kesimpulan Singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th>Construct</th>
<th>GDevelop</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Model</strong></td>
<td>Proprietari, berlangganan</td>
<td>Gratis, sumber terbuka (MIT)</td>
</tr>
<tr>
<td><strong>Logika</strong></td>
<td>Event sheet</td>
<td>Sistem event</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Edisi gratis, Personal $129.99/tahun</td>
<td>Gratis, paket cloud berbayar opsional</td>
</tr>
<tr>
<td><strong>Ekspor web</strong></td>
<td>Sangat baik (berbasis HTML5)</td>
<td>Ya (HTML5)</td>
</tr>
<tr>
<td><strong>3D</strong></td>
<td>Terus berkembang (editor 3D di r487, pencahayaan 3D dalam versi beta, mengutamakan 2D)</td>
<td>Editor 3D waktu nyata lengkap (5.6)</td>
</tr>
<tr>
<td><strong>Scripting</strong></td>
<td>JavaScript dan TypeScript</td>
<td>Event + JavaScript</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Alur kerja matang, multiplayer bawaan</td>
<td>Gratis, sumber terbuka, 3D yang lebih baru</td>
</tr>
</tbody>
</table>
<h2>Tanpa Kode, Dua Pendekatan</h2>
<p>Kedua engine memungkinkan Anda membuat game dengan menyusun kondisi dan tindakan visual, tanpa perlu pemrograman. Construct menggunakan &quot;event sheet&quot;, yaitu alur bersih seperti spreadsheet yang banyak dipuji karena memungkinkan pembuatan prototipe dengan sangat cepat. GDevelop menggunakan sistem event serupa dan sama mudahnya didekati oleh pemula.</p>
<p>Perbedaan yang paling penting: <strong>Construct adalah produk berbayar dengan sumber tertutup; GDevelop gratis dan bersumber terbuka di bawah lisensi MIT.</strong> Jika sumber terbuka atau tanpa biaya menjadi prioritas, faktor itu saja mungkin sudah menentukan pilihan Anda.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/MDlP01bwczo" title="Mengapa Saya Beralih dari Construct 3 ke GDevelop" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Pandangan seorang kreator tentang perpindahannya dari Construct ke GDevelop.</div>
<h2>Harga</h2>
<p>Construct 3 menggunakan sistem berlangganan. Tersedia edisi gratis yang dibatasi hingga 50 event dan 2 layer. Per September 2026, paket Personal berharga $129.99 per tahun atau $15.99 per bulan, dengan paket Education ($32.99 per pengguna per tahun), Startup Business ($168.99 per pengguna per tahun), dan Business ($468.99 per pengguna per tahun) di atasnya, menurut <a href="https://www.construct.net/en/make-games/buy-construct">halaman harga Construct</a>. Harga itu naik dari paket Personal seharga $99 per tahun yang kami laporkan pada Juli. Anda membayar untuk produk matang yang dikembangkan secara aktif.</p>
<p>Engine GDevelop gratis dan bersumber terbuka. Paket Silver, Gold, dan Pro opsional menambahkan proyek cloud, lebih banyak build desktop dan seluler harian, kredit AI, serta lobi multiplayer yang lebih besar, tetapi Anda dapat membuat dan mengekspor game web sepenuhnya secara gratis. Paket gratis memberi Anda 3 proyek cloud, satu publikasi desktop atau Android per hari, satu papan peringkat per game, dan lobi untuk 4 pemain, menurut <a href="https://gdevelop.io/pricing">halaman harga GDevelop</a>. Timnya <a href="https://forum.gdevelop.io/t/gdevelop-premium-subscription-prices-will-increase-this-monday/74132">menaikkan harga Silver, Gold, dan Pro sebesar 20% pada 12 Januari 2026</a>, dan halaman tersebut kini memuat harga regional secara langsung, jadi periksalah harga dalam mata uang Anda.</p>
<p>Bagi penghobi atau siapa pun yang sensitif terhadap biaya, paket gratis GDevelop sulit ditandingi. Bagi studio yang menginginkan alat komersial yang lebih matang, biaya langganan Construct cukup masuk akal.</p>
<h2>3D, Scripting, dan Multiplayer</h2>
<p><strong>3D:</strong> GDevelop unggul dalam hal ini. Rilis 5.6 (Desember 2025) menghadirkan editor 3D waktu nyata lengkap dengan fisika berbasis Jolt, bayangan, model animasi, partikel 3D, serta behavior karakter dan kendaraan siap pakai. Pembaruan 5.6 berikutnya menambahkan point light dan spotlight 3D. Construct mulai mengejar: rilis stabil r487 (Mei 2026) menambahkan mode editor 3D dengan gizmo dan behavior peluru 3D di atas dukungan kamera 3D serta model glTF. Kanal beta kemudian menghadirkan <a href="https://www.construct.net/en/make-games/releases/beta/r498">pencahayaan 3D di r498</a> pada Agustus 2026, pembaruan visual terbesar yang dirilis Construct dalam beberapa waktu terakhir. Ini merupakan kemajuan nyata, tetapi tetap dibangun di atas engine yang pada dasarnya berfokus pada 2D. Sementara itu, GDevelop terus merilis pembaruan 5.6 hampir setiap minggu (5.6.281 pada akhir Agustus 2026), dengan penyempurnaan fisika 3D dan editor.</p>
<p><strong>Scripting:</strong> ketika kebutuhan Anda melampaui kemampuan event, keduanya memungkinkan Anda beralih ke kode. Construct mendukung JavaScript dan TypeScript bersama event sheet. GDevelop mendukung JavaScript melalui event dan ekstensinya. Keduanya tetap mengutamakan jalur tanpa kode.</p>
<p><strong>Multiplayer:</strong> Construct menyediakan objek Multiplayer bawaan melalui kanal data WebRTC untuk game peer-to-peer. GDevelop memiliki multiplayer berbasis lobi bawaan melalui layanan daringnya, dengan paket gratis yang dibatasi hingga 4 pemain per lobi dan paket berbayar yang meningkatkan batas tersebut.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/Jjsfk-vzlWQ" title="Construct 3 Resmi Beralih ke 3D" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">FoozleCC membahas langkah Construct memasuki dunia 3D.</div>
<h2>Kapan Harus Memilih Masing-Masing</h2>
<p>Pilih <strong>GDevelop</strong> jika Anda menginginkan engine gratis dan bersumber terbuka, ekspor lintas platform, serta editor 3D waktu nyata yang lebih mumpuni. Engine ini lebih cocok untuk penghobi, pelajar, dan siapa pun yang ingin memiliki kendali atas alat yang digunakan.</p>
<p>Pilih <strong>Construct</strong> jika Anda menginginkan alur kerja event sheet yang paling matang, ekspor HTML5 yang andal dan telah teruji, serta multiplayer WebRTC bawaan, dan tidak keberatan membayar langganan untuk produk komersial yang disempurnakan.</p>
<p>Apa pun pilihan Anda, Anda tetap membutuhkan aset visual dan audio. Lihat <a href="/id/guides/game-assets-guide">tempat menemukan aset game gratis</a> untuk sumber yang dapat langsung Anda gunakan.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Construct atau GDevelop lebih baik untuk pemula?</h3>
<p>Keduanya dirancang untuk pemula dan menggunakan logika event visual tanpa mengharuskan Anda menulis kode. GDevelop unggul dari segi biaya (gratis dan bersumber terbuka) serta kini memiliki editor 3D yang lebih kuat. Construct unggul dalam kematangan alur kerja dan multiplayer bawaan. Jika anggaran menjadi pertimbangan, mulailah dengan GDevelop. Jika Anda menginginkan alur kerja event 2D yang paling disempurnakan, cobalah edisi gratis Construct terlebih dahulu.</p>
<h3>Apakah GDevelop benar-benar gratis?</h3>
<p>Ya. Engine GDevelop gratis dan bersumber terbuka di bawah lisensi MIT, serta memungkinkan Anda membuat dan mengekspor game HTML5 tanpa biaya. Paket Silver, Gold, dan Pro opsional menambahkan proyek cloud, build harian tambahan, dan layanan daring, tetapi paket tersebut tidak diperlukan untuk membuat dan merilis game web.</p>
<h3>Bisakah Construct dan GDevelop membuat game 3D?</h3>
<p>Keduanya memiliki kemampuan 3D, tetapi GDevelop lebih maju. GDevelop 5.6 (Desember 2025) menambahkan editor 3D waktu nyata lengkap dengan fisika, bayangan, dan model animasi. Construct menambahkan mode editor 3D-nya sendiri di r487 (Mei 2026), melengkapi dukungan kamera 3D dan model glTF, tetapi masih merupakan engine yang terutama berfokus pada 2D. Untuk proyek yang lebih condong ke 3D, GDevelop masih menjadi pilihan tanpa kode yang lebih kuat.</p>
<h3>Harga GDevelop pada 2026: berapa biayanya?</h3>
<p>Engine-nya tidak memerlukan biaya: GDevelop berlisensi MIT dan Anda dapat membuat serta mengekspor game HTML5 secara gratis, selamanya. Bagian berbayarnya adalah layanan cloud opsional. Paket Gratis memberi Anda 3 proyek cloud, satu publikasi desktop atau Android per hari, satu papan peringkat per game, dan lobi untuk 4 pemain. Silver, Gold, dan Pro meningkatkan batas tersebut (Gold menambahkan publikasi iOS, Pro menghapus batasan) dan harganya naik 20% pada 12 Januari 2026. <a href="https://gdevelop.io/pricing">Halaman harga GDevelop</a> menampilkan harga langsung dalam mata uang Anda, dengan diskon untuk pembayaran tahunan.</p>
<h3>GDevelop vs Buildbox: engine tanpa kode mana yang lebih baik?</h3>
<p>GDevelop, bagi kebanyakan orang. Engine ini gratis dan bersumber terbuka, dapat mengekspor ke web, perangkat seluler, dan desktop tanpa biaya, serta editor 3D-nya berkembang pesat. Buildbox adalah alat tanpa kode proprietari berbasis langganan yang paling dikenal untuk pembuatan cepat game seluler hyper-casual dan berbasis templat. Artinya, Anda harus membayar bulanan dan membangun game dalam batasan platform tersebut. Jika Anda ingin memiliki kendali atas alat yang digunakan dan merilis game ke web, GDevelop lebih unggul. Jika Anda menginginkan jalur tercepat untuk membuat game seluler berbasis templat dan tidak keberatan dengan biaya langganan, Buildbox adalah pilihan spesialis.</p>
<h3>Construct 3 vs GDevelop untuk pemula yang membuat game web?</h3>
<p>Keduanya merupakan engine pertama yang bagus dan sama-sama dapat dijalankan di tab browser. Mulailah dengan GDevelop jika anggaran menjadi pertimbangan: engine ini gratis, ekspor web-nya tidak dibatasi, dan gd.games menghosting game Anda dengan tautan yang dapat dibagikan. Mulailah dengan Construct jika Anda menghargai alur kerja event sheet yang paling matang dan tidak keberatan bahwa edisi gratisnya dibatasi hingga 50 event, sehingga untuk merilis proyek sungguhan Anda memerlukan paket Personal seharga $129.99 per tahun. Apa pun pilihan Anda, selesaikan sebuah game kecil terlebih dahulu. Jika Anda lebih suka melewati penggunaan engine sepenuhnya untuk prototipe pertama, <a href="/id/create#prompt=Buat%20game%20kejar-kejaran%20labirin%20tampak%20atas%20tempat%20hantu%20memburuku%20dan%20aku%20mengumpulkan%20kunci">deskripsikan sebuah game dan mainkan di browser</a>, lalu bawa idenya ke engine pilihan Anda.</p>
<h3>Apakah Construct dan GDevelop dapat mengekspor ke web?</h3>
<p>Ya, keduanya dapat mengekspor game HTML5 yang berjalan di browser. Construct berbasis HTML5 dengan ekspor web yang matang dan andal. GDevelop mengekspor build HTML5 tanpa batas, termasuk secara lokal dan gratis. Keduanya merupakan pilihan yang solid untuk game browser.</p>
<p><BuildCta
  title="Tanpa kode itu hebat. Tanpa engine lebih cepat"
  desc="Deskripsikan game-nya alih-alih menyusun event sheet."
  prompt="Buat game kejar-kejaran labirin tampak atas tempat hantu memburuku dan aku mengumpulkan kunci" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/best-2d-game-engines-2026">Engine Game 2D Terbaik untuk 2026</a>: seluruh pilihan engine 2D, dengan dan tanpa kode</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026 (Dibandingkan)</a>: 2D dan 3D</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: aset visual dan audio untuk game Anda</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a>: memperkenalkan game Anda kepada pemain</li>
<li><a href="/id/engine">Cinevva</a>: membuat game dengan alat bertenaga AI yang mengutamakan web</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Godot vs Unity untuk Game Web (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/godot-vs-unity-web-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/godot-vs-unity-web-games</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Godot vs Unity untuk game browser pada 2026 - ukuran build, WebGL2 vs WebGPU, batas ekspor web C#, dukungan iOS, dan harga, dengan pilihan yang jelas untuk setiap jenis game web.]]></description>
            <content:encoded><![CDATA[<h1>Godot vs Unity untuk Game Web (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/godot-vs-unity-web-hero.jpg?v=2" alt="Godot vs Unity untuk game web pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Godot dan Unity sama-sama dapat merilis game ke browser. Versi singkatnya: Godot (4.7.2, gratis, MIT) adalah pilihan yang lebih praktis untuk game web 2D kecil dan 3D ringan dengan GDScript, sedangkan Unity unggul ketika Anda membutuhkan C# di browser, 3D yang lebih berat, atau komputasi WebGPU. Keduanya mencapai tujuan tersebut dengan cara yang sangat berbeda, dan khusus untuk web, kesenjangan di antara keduanya lebih tajam daripada yang tersirat dalam perdebatan umum &quot;Godot vs Unity&quot;. Panduan ini membandingkan keduanya berdasarkan hal-hal yang benar-benar menentukan sebuah build web: ukuran unduhan, rendering, dukungan bahasa, browser seluler, dan biaya.</p>
<p>Jika Anda ingin melihat gambaran yang lebih luas dari semua engine browser, mulailah dengan <a href="/id/guides/web-game-engines-comparison">perbandingan engine game web</a> kami. Halaman ini berfokus pada dua pilihan full-engine terbesar.</p>
<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.video-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
</style>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/84Prr0SOMvk" title="Unity atau Godot pada 2025 - Engine Game Mana yang Tepat untuk Anda?" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Gamefromscratch menjelaskan kegunaan terbaik setiap engine. Versi singkat untuk web ada di bawah.</div>
<h2>Kesimpulan Singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th>Godot</th>
<th>Unity</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Ukuran build web (kosong)</strong></td>
<td>~5 MB Brotli, ~9 MB gzip</td>
<td>~7,7 MB 2D, ~10,7 MB 3D, ~2 MB setelah stripping (Brotli)</td>
</tr>
<tr>
<td><strong>Bahasa untuk web</strong></td>
<td>Hanya GDScript (C# belum dapat diekspor ke web)</td>
<td>C# (berfungsi di web)</td>
</tr>
<tr>
<td><strong>Rendering web</strong></td>
<td>WebGL2 (renderer Compatibility)</td>
<td>WebGL2, ditambah WebGPU (didukung penuh sejak Unity 6.6, harus diaktifkan)</td>
</tr>
<tr>
<td><strong>iOS/Safari</strong></td>
<td>Baik dengan ekspor single-threaded (4.3+)</td>
<td>Web seluler sejak Unity 6</td>
</tr>
<tr>
<td><strong>Biaya</strong></td>
<td>Gratis, MIT, tanpa biaya selamanya</td>
<td>Personal gratis di bawah $200 ribu; Pro $2.310/tahun/seat</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Game web 2D kecil dan 3D ringan yang gratis</td>
<td>3D lebih berat, tim C#, ekosistem aset besar</td>
</tr>
</tbody>
</table>
<p>Faktor penentu terbesar: <strong>jika game Anda ditulis dalam C#, Unity dapat merilisnya ke web, sedangkan Godot masih belum bisa.</strong> Semua pertimbangan lainnya mengikuti dari sini.</p>
<h2>Ukuran Build dan Waktu Pemuatan</h2>
<p>Ukuran unduhan adalah hal pertama yang dirasakan pemain web. Ekspor web Godot menyertakan engine sebagai biner WebAssembly yang terkompresi menjadi sekitar 5 MB dengan Brotli, atau sekitar 9 MB dengan gzip. Ukuran tersebut berasal dari template bawaan yang membawa seluruh engine (renderer 3D, audio, jaringan) karena template itu tidak dapat mengetahui fitur mana yang digunakan oleh game Anda.</p>
<p>Build web kosong Unity, yang diukur pada Unity 6 dengan Brotli, berukuran sekitar 7,7 MB untuk proyek 2D dengan built-in pipeline dan 10,7 MB untuk template 3D URP. Build minimal dengan stripping agresif dapat diperkecil hingga mendekati 2 MB. Jadi, build Unity 2D yang dipangkas dengan cermat dapat mendekati ukuran Godot, tetapi ukuran default Godot lebih kecil dengan lebih sedikit upaya.</p>
<p>Untuk kedua engine, aset Anda biasanya jauh lebih besar daripada biner engine. Kompres tekstur dan audio, lakukan streaming jika memungkinkan, dan pilihan engine akan menjadi kurang penting dibandingkan anggaran aset Anda.</p>
<h2>Batasan C# (Baca Ini Sebelum Memilih)</h2>
<p>Inilah hal yang sering tidak disadari tim. Hingga September 2026, <strong>proyek Godot yang ditulis dalam C# (.NET) belum dapat diekspor secara resmi ke web.</strong> <a href="https://docs.godotengine.org/en/stable/tutorials/export/exporting_for_web.html">Dokumentasi ekspor web resmi</a> masih menyatakan hal tersebut untuk versi 4.7, dan sejauh ini tidak ada snapshot pengembangan 4.8 yang menyertakannya. GDScript dapat diekspor tanpa masalah. Prototipe web C# yang berfungsi telah didemonstrasikan di GodotCon Boston pada Mei 2025 dengan menautkan Mono secara statis, tetapi menghasilkan payload besar dan timnya tidak mau berkomitmen pada jadwal rilis.</p>
<p>Sebaliknya, Unity mengompilasi C# menjadi WebAssembly dan telah merilis C# ke browser selama bertahun-tahun. Jadi, jika Anda memiliki codebase C# yang sudah ada, atau tim Anda hanya menguasai C#, Unity adalah pilihan praktis untuk web. Jika Anda memulai dari awal dan nyaman menggunakan GDScript, jalur web Godot sangat lancar.</p>
<h2>Rendering: WebGL2 vs WebGPU</h2>
<p>Ekspor web Godot menargetkan WebGL2 melalui renderer Compatibility. Pengembangan WebGPU yang lebih luas belum siap untuk ekspor web produksi. Godot 4.7 (Juni 2026, kini di versi 4.7.2 per Agustus 2026, dengan 4.8 dalam snapshot pengembangan) mengaktifkan SIMD WebAssembly secara default dan menambahkan opsi ekspor wasm64, yang membantu performa web tanpa perubahan kode.</p>
<p>Backend WebGPU Unity dimulai sebagai eksperimen di Unity 6 dan keluar dari status eksperimental pada Unity 6.6 (Agustus 2026): sekarang WebGPU menjadi <a href="https://discussions.unity.com/t/webgpu-out-of-experimental-in-unity-6-6/1734694">API grafis yang didukung penuh untuk build web</a>, tercakup dalam dukungan standar Unity, serta menyediakan compute shader, GPU Resident Drawing, dan VFX Graph di browser. Fitur ini masih dinonaktifkan secara default, dan pengaturan Graphics Device Filtering yang baru memungkinkan Anda mengizinkan atau menolak WebGPU per perangkat serta otomatis beralih kembali ke WebGL2. WebGPU belum tersedia di semua browser (lihat <a href="/id/guides/web-games-stack-2026">panduan tech stack game web</a> kami untuk dukungan terkini), jadi tetap gunakan WebGL2 sebagai standar dasar. Unity 6 menaikkan heap WebAssembly menjadi 4 GB serta menambahkan Wasm SIMD dan native exceptions, sedangkan <a href="https://unity.com/releases/editor/whats-new/6000.6.0f1">rilis 6.6</a> menaikkannya menjadi 16 GB dengan Wasm64 dan menambahkan pemuatan aset progresif per scene. Satu catatan rendering lagi: Unity 6.5 (Juni 2026) menghentikan pengembangan Built-in Render Pipeline (didukung hingga Unity 6.7 LTS, sesuai <a href="https://unity.com/topics/render-pipelines-strategy-for-2026">strategi render pipeline Unity</a>), jadi proyek web baru sebaiknya dimulai dengan URP.</p>
<p>Jika Anda membutuhkan compute shader atau 3D yang lebih berat di browser saat ini, jalur WebGPU Unity jauh lebih unggul, dan sejak versi 6.6, jalur tersebut bukan lagi sebuah pertaruhan. Untuk 2D dan 3D ringan di WebGL2, keduanya sama-sama memadai.</p>
<h2>Threading, iOS, dan Kerumitan Hosting</h2>
<p>Godot 4 awalnya membutuhkan SharedArrayBuffer, yang hanya disediakan browser ketika halaman diisolasi lintas origin (header COOP dan COEP). Hal ini menyulitkan hosting, dan di <a href="http://itch.io">itch.io</a> fitur tersebut hanya berfungsi di Chrome. Sejak Godot 4.3, Anda dapat mengekspor build single-threaded yang sepenuhnya menghapus persyaratan tersebut, dan perubahan itu juga memperbaiki masalah pemutaran di iOS dan Safari yang sudah lama ada. Untuk game Godot yang mengutamakan web, ekspor single-threaded biasanya merupakan pilihan default yang lebih aman.</p>
<p>Build web Unity juga menggunakan WebAssembly, dengan dukungan web seluler yang dimulai pada Unity 6. Jika Anda menargetkan berbagai browser seluler, lakukan pengujian sejak awal pada perangkat sungguhan di kedua engine karena build web biasanya mengalami masalah pertama kali di sana.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/WB7v-ezqcJM" title="Saya Membuat Game yang Sama di Unity dan Godot, Engine Mana yang Lebih Baik?" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Thomas Grové membuat game yang sama di kedua engine, memberikan gambaran nyata yang berguna tentang alur kerja sehari-hari.</div>
<h2>Harga</h2>
<p>Godot gratis dengan lisensi MIT. Tanpa biaya seat, tanpa royalti, tanpa batas pendapatan, dan tanpa biaya apa pun, selamanya.</p>
<p>Unity kembali ke langganan berbasis seat setelah membatalkan Runtime Fee pada September 2024 (biaya tersebut belum diberlakukan kembali). Unity Personal tetap gratis hingga pendapatan atau pendanaan sebesar $200 ribu, dan splash &quot;Made with Unity&quot; menjadi opsional di Unity 6. Unity Pro berharga $2.310 per seat per tahun (atau $210 per bulan) setelah kenaikan 5% untuk paket berbayar mulai berlaku pada 12 Januari 2026, berdasarkan <a href="https://unity.com/pricing">halaman harga Unity</a> per September 2026. Untuk developer solo atau tim kecil di bawah batas tersebut, kedua engine pada dasarnya dapat digunakan untuk merilis game secara gratis.</p>
<h2>Kapan Harus Memilih Masing-Masing</h2>
<p>Pilih <strong>Godot</strong> untuk web jika Anda menginginkan game browser 2D atau 3D ringan yang gratis dan berukuran kecil, dukungan iOS dan Safari yang lancar melalui ekspor single-threaded, serta nyaman menulis GDScript.</p>
<p>Pilih <strong>Unity</strong> untuk web jika Anda membutuhkan 3D yang lebih berat atau compute shader melalui WebGPU (didukung untuk produksi sejak 6.6), menginginkan ekosistem aset yang lebih besar, atau bekerja dalam tim C#, dan dapat menerima ukuran build yang lebih besar.</p>
<p>Apa pun pilihannya, build Anda tetap harus dimuat dengan cepat dan berjalan di ponsel. Setelah menentukan pilihan, baca <a href="/id/tutorials/ship-web-game-fast">merilis game web yang dimuat dengan cepat</a>.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bisakah Godot mengekspor game C# ke web?</h3>
<p>Belum secara resmi hingga September 2026. Ekspor web Godot berfungsi untuk GDScript, tetapi proyek C# (.NET) belum dapat diekspor ke browser. Sebuah prototipe ditampilkan di GodotCon Boston pada Mei 2025, tetapi belum ada tanggal rilis yang ditetapkan. Jika Anda membutuhkan C# di web, Unity saat ini adalah satu-satunya dari kedua engine tersebut yang dapat merilisnya.</p>
<h3>Apakah build web Godot atau Unity lebih kecil?</h3>
<p>Build web kosong Godot berukuran sekitar 5 MB setelah dikompresi dengan Brotli. Build kosong Unity 6 berukuran sekitar 7,7 MB untuk 2D dan 10,7 MB untuk 3D, meskipun build Unity dengan stripping agresif dapat mencapai sekitar 2 MB. Godot lebih kecil secara default, tetapi build Unity 2D yang dioptimalkan dapat mendekatinya. Aset Anda sendiri biasanya lebih berpengaruh daripada biner engine.</p>
<h3>Apakah Unity mendukung WebGPU di browser?</h3>
<p>Ya. Unity 6 memperkenalkan WebGPU sebagai backend eksperimental, lalu Unity 6.6 (Agustus 2026) menjadikannya API grafis yang didukung penuh untuk build web, lengkap dengan compute shader, fitur GPU modern, dan WebGL2 sebagai fallback. WebGPU masih dinonaktifkan secara default, jadi aktifkan melalui Player Settings, gunakan Graphics Device Filtering untuk mengatur perangkat mana yang menggunakannya, dan pertahankan WebGL2 sebagai standar dasar untuk browser yang belum mendukung WebGPU.</p>
<h3>Ekspor web Godot C# pada 2026: bagaimana statusnya?</h3>
<p>Masih belum tersedia dalam rilis resmi hingga September 2026. Dokumentasi Godot 4.7.2 menyatakan bahwa proyek C# tidak dapat diekspor ke web, snapshot pengembangan 4.8 (sejauh ini ada empat hingga Agustus 2026) tidak mencantumkannya, dan satu-satunya jalur yang berfungsi adalah build komunitas yang menautkan Mono secara statis dengan payload besar dan berbagai keterbatasan. Jika C# di browser merupakan persyaratan mutlak, gunakan Unity untuk web saat ini atau tulis versi web dalam GDScript.</p>
<h3>Godot vs Unity untuk game seluler pada 2026?</h3>
<p>Untuk web seluler (game yang dimainkan di Safari atau Chrome pada ponsel), ekspor single-threaded Godot memberikan unduhan yang lebih kecil dan lebih sedikit masalah di iOS, sementara dukungan web seluler Unity (Unity 6 dan yang lebih baru) sudah lebih baik daripada sebelumnya tetapi masih lebih berat. Untuk aplikasi seluler native, keduanya sangat mumpuni: Unity memiliki integrasi store, SDK iklan, dan alat profiling yang lebih lengkap, sedangkan Godot gratis tanpa batas pendapatan dan dapat mengekspor ke iOS serta Android dari GDScript (C# dapat diekspor ke Android, tetapi seperti web, tidak ke iOS). Tim kecil dengan pendapatan di bawah $200 ribu tidak perlu membayar apa pun dengan kedua pilihan tersebut.</p>
<h3>Bisakah Anda menggunakan aset Unity di Godot?</h3>
<p>Sering kali bisa, khususnya untuk konten mentah. Model (FBX, glTF, OBJ), tekstur, audio, dan font dapat diimpor ke Godot seperti file lainnya setelah Anda mengekstraknya dari .unitypackage. Hal yang tidak dapat dipindahkan adalah segala sesuatu yang khusus untuk Unity: skrip C# MonoBehaviour, prefab, material, animator controller, dan shader semuanya harus dibuat ulang. Periksa juga lisensinya: <a href="https://unity.com/legal/as-terms">EULA Unity Asset Store</a> tidak membatasi aset standar hanya untuk proyek Unity, tetapi beberapa aset memiliki ketentuan &quot;Restricted Asset&quot; tersendiri, jadi baca ketentuan yang disertakan bersama aset sebelum memindahkannya.</p>
<h3>Mengapa Godot lebih baik daripada Unity?</h3>
<p>Godot tidak lebih baik untuk semua orang, tetapi khusus untuk game web, Godot unggul dalam hal-hal yang paling penting: build web default yang lebih kecil, lisensi MIT tanpa biaya seat atau batas pendapatan, tidak memiliki riwayat kejutan harga, dukungan iOS dan Safari yang baik melalui ekspor single-threaded, serta editor yang lebih ringan dan terbuka dalam hitungan detik. Unity lebih baik ketika Anda membutuhkan C# di browser, komputasi WebGPU (didukung sejak 6.6), Asset Store, atau kemampuan penerbitan konsol dan seluler yang kuat. Pilih berdasarkan game Anda, bukan berdasarkan perdebatan.</p>
<h3>Mana yang lebih baik untuk game browser, Godot atau Unity?</h3>
<p>Untuk game 2D atau 3D ringan yang gratis dengan dukungan iOS yang baik, Godot menawarkan jalur web yang lebih praktis, selama Anda menggunakan GDScript. Untuk 3D yang lebih berat, compute shader, ekosistem yang lebih besar, atau codebase C# yang sudah ada, Unity unggul di web. Pertanyaan tentang C# biasanya menjadi penentunya.</p>
<p><BuildCta
  title="Buat prototipe di browser sebelum menentukan pilihan"
  desc="Uji ide Anda sebagai game web yang dapat dimainkan terlebih dahulu, lalu tetapkan pilihan engine."
  prompt="Buat game pengumpul koin sudut pandang orang ketiga di pulau-pulau terapung" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/vibe-coding-game-prompts">100 Ide Prompt Game AI yang Dapat Anda Buat dengan Sekali Klik</a>: ambil sebuah ide dan jadikan dapat dimainkan dalam waktu sekitar satu menit</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026 (Dibandingkan)</a>: semua pilihan yang tersedia, bukan hanya kedua engine ini</li>
<li><a href="/id/guides/unity-alternatives-web-games">Alternatif Unity untuk Game Web</a>: setiap pilihan yang mendukung web, dipilih berdasarkan alasan Anda meninggalkan Unity</li>
<li><a href="/id/guides/best-2d-game-engines-2026">Engine Game 2D Terbaik untuk 2026</a>: jika game Anda 2D, mulailah dari sini</li>
<li><a href="/id/guides/web-games-stack-2026">Tech Stack Game Web pada 2026</a>: penjelasan WebGL, WebGPU, dan Wasm</li>
<li><a href="/id/tutorials/ship-web-game-fast">Rilis game web yang dimuat dengan cepat</a>: strategi ukuran build dan waktu pemuatan</li>
<li><a href="/id/engine">Cinevva Engine</a>: engine open-source yang mengutamakan web dan dibangun dengan Three.js</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[PlayCanvas vs Three.js: Perbandingan 3D Web (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/playcanvas-vs-threejs</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/playcanvas-vs-threejs</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[PlayCanvas vs Three.js untuk 3D di web - mesin lengkap dengan editor visual dibandingkan dengan pustaka rendering, termasuk dukungan WebGPU, sistem bawaan, harga, dan kapan sebaiknya memilih masing-masing.]]></description>
            <content:encoded><![CDATA[<h1>PlayCanvas vs Three.js: Perbandingan 3D Web (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/playcanvas-vs-threejs-hero.jpg?v=2" alt="PlayCanvas vs Three.js untuk 3D web pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Keduanya sering dianggap sebagai pesaing, tetapi sebenarnya bukan jenis alat yang sama. PlayCanvas adalah mesin game lengkap dengan editor visual. Three.js adalah pustaka rendering yang Anda kembangkan melalui kode. Memilih di antara keduanya pada dasarnya bergantung pada seberapa banyak hal yang ingin langsung tersedia dibandingkan dengan seberapa besar kendali yang Anda inginkan. Berikut perbandingannya untuk 3D web pada 2026.</p>
<p>Untuk melihat pilihan yang lebih luas, baca <a href="/id/guides/web-game-engines-comparison">perbandingan mesin game web</a> kami.</p>
<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.video-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
</style>
<h2>Kesimpulan Singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th>PlayCanvas</th>
<th>Three.js</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jenis alat</strong></td>
<td>Mesin lengkap + editor cloud</td>
<td>Pustaka rendering (tanpa editor)</td>
</tr>
<tr>
<td><strong>Alur kerja</strong></td>
<td>Editor visual, kolaborasi waktu nyata</td>
<td>Hanya melalui kode</td>
</tr>
<tr>
<td><strong>Rendering</strong></td>
<td>WebGL2 + WebGPU</td>
<td>WebGL2 + WebGPU (WebGPURenderer)</td>
</tr>
<tr>
<td><strong>Sistem bawaan</strong></td>
<td>ECS, fisika, animasi, audio, input</td>
<td>Hanya renderer, Anda menambahkan sisanya</td>
</tr>
<tr>
<td><strong>Lisensi/biaya</strong></td>
<td>Mesin berlisensi MIT; editor gratis hingga $50/kursi/bulan</td>
<td>MIT, gratis</td>
</tr>
<tr>
<td><strong>Paling cocok untuk</strong></td>
<td>Tim yang menginginkan mesin siap pakai + editor</td>
<td>Proyek khusus yang mengutamakan kode dan kendali maksimal</td>
</tr>
</tbody>
</table>
<h2>Mesin vs Pustaka</h2>
<p>Inilah inti perbedaannya dalam satu kalimat. <strong>PlayCanvas menyediakan mesin game</strong>: sistem entitas-komponen, fisika, animasi, audio, input, dan pipeline aset yang semuanya telah terintegrasi, ditambah editor berbasis browser tempat tim dapat membangun adegan bersama-sama secara waktu nyata (bayangkan penyuntingan kolaboratif seperti alat desain untuk 3D).</p>
<p><strong>Three.js menyediakan renderer.</strong> Grafik adegan, kamera, lampu, material, serta renderer WebGL/WebGPU yang cepat. Tidak ada editor, fisika, maupun ketentuan tentang game loop. Anda menambahkan fisika dengan alat seperti Rapier atau cannon-es, menyusun logika game sendiri, dan membuat alat apa pun yang diperlukan. Itu memberi kebebasan, tetapi juga menambah pekerjaan.</p>
<p>Jadi, pertanyaan sebenarnya bukanlah &quot;mana yang lebih baik&quot;, melainkan &quot;apakah saya menginginkan mesin atau renderer?&quot;</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/-0envvPmj5k" title="Mesin Game PlayCanvas Menjadi Sumber Terbuka" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Gamefromscratch membahas PlayCanvas yang menjadi sumber terbuka.</div>
<h2>Rendering dan WebGPU</h2>
<p>Keduanya modern dalam hal GPU. PlayCanvas berjalan dengan backend ganda WebGL2 dan WebGPU. Rilis v2.0-nya (Agustus 2024) sepenuhnya menghentikan dukungan WebGL1, dan versi mesin terbaru menambahkan jalur WebGPU berbasis komputasi untuk Gaussian splat 3D. Three.js merilis WebGPURenderer yang siap produksi sekitar r171 (September 2025), dengan penyiapan yang hampir tanpa konfigurasi dan fallback WebGL2 otomatis, ditambah TSL (Three.js Shading Language) agar Anda dapat menulis shader sekali dan menargetkan kedua backend.</p>
<p>Untuk sebagian besar proyek pada 2026, keduanya mampu menghasilkan rendering yang sangat baik. WebGPU menjadi jalur peningkatan bagi keduanya, sedangkan WebGL2 merupakan dasar yang aman. Lihat <a href="/id/guides/web-games-stack-2026">panduan stack teknologi game web</a> kami untuk mengetahui dukungan browser terkini.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/7we9mqIOKyw" title="Mengadopsi WebGPU dan WebXR dengan Three.js - Mr.doob, JSNation 2024" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Kreator Three.js, Mr.doob, membahas arah WebGPU dan WebXR dalam perkembangan pustaka tersebut.</div>
<h2>Alur Kerja, Lisensi, dan Biaya</h2>
<p>Editor PlayCanvas adalah fitur unggulannya: editor adegan kolaboratif yang dihosting dan dilengkapi pipeline aset. Mesinnya bersifat sumber terbuka di bawah lisensi MIT, dan frontend editornya juga dijadikan sumber terbuka pada 2025. Editor yang dihosting tersedia dalam beberapa paket: paket gratis, paket Personal sekitar $15 per bulan, dan paket Organization sekitar $50 per kursi per bulan. Perbedaan utamanya terletak pada kapasitas penyimpanan dan batas proyek privat.</p>
<p>Three.js berlisensi MIT dan sepenuhnya gratis. Tidak ada biaya editor karena memang tidak menyediakan editor. &quot;Biaya&quot; Anda adalah waktu rekayasa yang diperlukan untuk membangun struktur yang sudah disediakan PlayCanvas.</p>
<h2>Kapan Harus Memilih Masing-Masing</h2>
<p>Pilih <strong>PlayCanvas</strong> ketika Anda menginginkan mesin lengkap dan editor visual yang siap digunakan, tim Anda perlu berkolaborasi dalam pembuatan adegan, dan Anda lebih suka melakukan konfigurasi daripada membangun semuanya dari awal. PlayCanvas sangat cocok untuk konfigurator produk, pengalaman 3D interaktif, dan tim yang ingin merilis dengan cepat.</p>
<p>Pilih <strong>Three.js</strong> ketika Anda menginginkan kendali penuh atas rendering dan arsitektur, nyaman merangkai stack sendiri, atau sedang membangun sesuatu yang sangat khusus sehingga ketentuan bawaan mesin justru akan membatasi. Ekosistemnya juga lebih besar dan keahlian 3D web ini paling banyak dicari. Kami membangun <a href="/id/engine">Cinevva Engine</a> di atas Three.js karena alasan tersebut: mengutamakan web, terbuka, dan tanpa batasan dalam hal penyesuaian.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah PlayCanvas atau Three.js lebih baik untuk game web?</h3>
<p>Tidak ada yang mutlak lebih baik karena keduanya merupakan alat yang berbeda. PlayCanvas adalah mesin lengkap dengan editor visual sehingga Anda dapat lebih cepat merilis game terstruktur atau aplikasi interaktif, terutama jika dikerjakan oleh tim. Three.js adalah pustaka rendering yang memberi Anda kendali penuh, tetapi mengharuskan Anda membangun sendiri sistem game. Pilih PlayCanvas untuk solusi siap pakai dan Three.js untuk solusi khusus.</p>
<h3>Apakah Three.js merupakan mesin game?</h3>
<p>Bukan. Three.js adalah pustaka rendering 3D. Pustaka ini menangani grafik adegan, kamera, lampu, material, dan rendering melalui WebGL2 atau WebGPU, tetapi tidak memiliki fisika, audio, input, atau game loop bawaan. Anda harus menambahkannya melalui pustaka lain (seperti Rapier untuk fisika) atau membuatnya sendiri. Sebaliknya, PlayCanvas adalah mesin lengkap.</p>
<h3>Apakah PlayCanvas dan Three.js mendukung WebGPU?</h3>
<p>Ya, keduanya mendukung WebGPU pada 2026. PlayCanvas berjalan dengan backend ganda WebGL2/WebGPU. Three.js memiliki WebGPURenderer yang siap produksi (stabil sejak sekitar r171), dengan fallback WebGL2 otomatis dan TSL untuk shader lintas target. Gunakan WebGL2 sebagai dasar rilis dan manfaatkan WebGPU sebagai peningkatan performa.</p>
<h3>Apakah PlayCanvas gratis?</h3>
<p>Mesin PlayCanvas gratis dan bersifat sumber terbuka di bawah lisensi MIT, sedangkan frontend editornya dijadikan sumber terbuka pada 2025. Editor cloud yang dihosting memiliki paket gratis serta paket berbayar (Personal sekitar $15/bulan dan Organization sekitar $50/kursi/bulan) yang terutama menambahkan kapasitas penyimpanan dan proyek privat. Three.js sepenuhnya gratis tanpa biaya editor.</p>
<p><BuildCta
  title="Ingin mendapatkan hasil 3D tanpa mempelajari seluk-beluk mesinnya?"
  desc="Jelaskan adegannya dan dapatkan sesuatu yang dapat dimainkan, bukan sekadar proyek boilerplate."
  prompt="Buat lintasan balap kelereng 3D dengan putaran loop dan pengatur waktu" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/web-game-engines-comparison">Mesin Game Web Terbaik untuk 2026 (Perbandingan)</a> — perbandingan lengkap</li>
<li><a href="/id/guides/threejs-vs-babylonjs">Three.js vs Babylon.js</a> — jika pilihan Anda sudah mengerucut ke pustaka 3D web</li>
<li><a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk Game Web</a> — mesin lengkap, bukan pustaka</li>
<li><a href="/id/guides/web-games-stack-2026">Stack Teknologi Game Web pada 2026</a> — WebGL, WebGPU, dan Wasm</li>
<li><a href="/id/engine">Cinevva Engine</a> — mesin sumber terbuka kami yang dibangun di atas Three.js</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Three.js vs Babylon.js: Library 3D Web Mana yang Tepat (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/threejs-vs-babylonjs</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/threejs-vs-babylonjs</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Three.js vs Babylon.js pada 2026 - renderer minimalis versus engine lengkap, dukungan WebGPU dan WGSL, alat bawaan, ukuran bundle, TypeScript, serta kapan sebaiknya memilih masing-masing untuk 3D web.]]></description>
            <content:encoded><![CDATA[<h1>Three.js vs Babylon.js: Library 3D Web Mana yang Tepat (2026)</h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/threejs-vs-babylonjs-hero.jpg?v=2" alt="Three.js vs Babylon.js untuk 3D web pada 2026" style="width:100%;border-radius:10px">
</figure>
<p>Keduanya adalah raksasa di dunia 3D web, dan pilihan di antara keduanya bergantung pada filosofi. Three.js adalah renderer ramping yang dapat Anda perluas. Babylon.js adalah engine lengkap dengan berbagai alat yang sudah tersedia. Keduanya sangat bagus, gratis, dan mendukung WebGPU pada 2026. Berikut cara memilihnya.</p>
<p>Jika Anda mencari engine 2D atau engine game lengkap, lihat <a href="/id/guides/web-game-engines-comparison">perbandingan engine game web</a>.</p>
<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.video-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
</style>
<h2>Ringkasan Singkat</h2>
<table>
<thead>
<tr>
<th></th>
<th>Three.js</th>
<th>Babylon.js</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Gaya</strong></td>
<td>Renderer/library minimalis</td>
<td>Engine/framework lengkap</td>
</tr>
<tr>
<td><strong>Bahasa</strong></td>
<td>JavaScript (dengan definisi tipe)</td>
<td>Mengutamakan TypeScript</td>
</tr>
<tr>
<td><strong>Alat bawaan</strong></td>
<td>Renderer; add-on untuk kebutuhan lainnya</td>
<td>Fisika, GUI, Inspector, Playground, NME</td>
</tr>
<tr>
<td><strong>WebGPU</strong></td>
<td>WebGPURenderer + TSL</td>
<td>Inti GLSL + WGSL (8.0)</td>
</tr>
<tr>
<td><strong>Bundle</strong></td>
<td>Inti lebih kecil dan mendukung tree-shaking</td>
<td>Lebih besar, tetapi modular</td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>MIT</td>
<td>Apache 2.0</td>
</tr>
<tr>
<td><strong>Terbaik untuk</strong></td>
<td>Proyek khusus dan ringan, ekosistem terbesar</td>
<td>Solusi lengkap dengan alat yang mumpuni</td>
</tr>
</tbody>
</table>
<h2>Library vs Framework</h2>
<p>Three.js mempertahankan inti yang kecil dan menyerahkan sisanya kepada Anda serta komunitas. Anda mendapatkan renderer, scene graph, dan material yang sangat baik, lalu menggunakan add-on ketika memerlukan fisika, post-processing, atau kontrol. Ini adalah library 3D web paling populer dan memiliki ekosistem terbesar, yang berarti lebih banyak contoh, tutorial, dan tenaga ahli yang dapat direkrut.</p>
<p>Babylon.js adalah engine yang lebih lengkap dan didukung oleh Microsoft. Engine ini dilengkapi fisika, sistem GUI, animasi, Inspector bawaan untuk men-debug scene, Playground online untuk berbagi kode, serta Node Material Editor untuk membuat shader secara visual. Jika Anda menginginkan alat dan struktur yang sudah disediakan alih-alih merakitnya sendiri, Babylon menawarkan lebih banyak sejak hari pertama.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/kKaomUggipQ" title="Memperkenalkan Babylon.js 8.0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Presentasi resmi Babylon.js 8.0 memberikan gambaran tentang banyaknya fitur yang sudah tersedia di dalamnya.</div>
<h2>WebGPU pada 2026</h2>
<p>Keduanya kini serius mengembangkan WebGPU. Babylon.js 8.0 (Maret 2025) menyediakan seluruh shader inti engine dalam GLSL dan WGSL. Perubahan ini menghilangkan lapisan konversi berukuran beberapa megabita dan membuat ukuran engine kira-kira setengahnya saat menargetkan WebGPU. Babylon.js 9.0 (Maret 2026) melangkah lebih jauh dengan clustered lighting, pencahayaan volumetrik melalui compute shader, frame graph, dan area light.</p>
<p>Three.js memiliki WebGPURenderer yang siap digunakan dalam produksi dengan fallback otomatis ke WebGL2, sementara TSL memungkinkan Anda menulis shader satu kali untuk kedua backend. Rilis terbaru terus menyempurnakannya.</p>
<p>Kesimpulannya: WebGPU sudah solid pada keduanya. Babylon lebih mengandalkan fitur berbasis compute shader, sedangkan Three.js mempertahankan renderer yang ramping dan fleksibel.</p>
<h2>TypeScript, Ukuran Bundle, dan Ekosistem</h2>
<p>Babylon.js mengutamakan TypeScript dan hampir seluruhnya ditulis dalam TS, sesuatu yang disukai banyak tim untuk basis kode besar. Three.js menggunakan JavaScript dengan definisi tipe terpisah yang berfungsi baik, tetapi bukan merupakan sumber acuan utama.</p>
<p>Dalam hal ukuran, Three.js memiliki inti yang lebih kecil dan lebih mendukung tree-shaking, sehingga scene minimal memuat lebih sedikit kode. Babylon lebih besar, tetapi bersifat modular melalui scoped package, dan jalur WGSL-native-nya memperkecil selisih ukuran untuk WebGPU.</p>
<p>Dalam hal skala dan produksi komunitas, ekosistem Three.js lebih unggul. Untuk kelengkapan alat bawaan, Babylon lebih unggul.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/6k5ZK3SV3ko" title="Memindahkan Three.js dari WebGL ke WebGPU - Mr.doob, JSConf JP 2024" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Kreator Three.js, Mr.doob, membahas peralihan ke WebGPU.</div>
<h2>Kapan Harus Memilih Masing-Masing</h2>
<p>Pilih <strong>Three.js</strong> jika Anda menginginkan renderer yang ringan dan fleksibel, ekosistem terbesar, serta kebebasan untuk merancang arsitektur sesuai keinginan. Ini merupakan pilihan utama untuk proyek 3D web khusus dan keahlian yang paling mudah diterapkan di berbagai proyek.</p>
<p>Pilih <strong>Babylon.js</strong> jika Anda menginginkan engine lengkap dengan alat bawaan yang mumpuni (Inspector, Playground, Node Material Editor), pengembangan yang mengutamakan TypeScript, serta stabilitas dengan dukungan perusahaan, dan Anda bersedia menerima bundle yang sedikit lebih besar demi memperoleh solusi lengkap.</p>
<p>Keduanya merupakan pilihan yang sangat baik. Kami memilih Three.js untuk <a href="/id/engine">Cinevva Engine</a> karena menginginkan fondasi ramping yang mengutamakan web dan dapat kami bentuk sendiri.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Three.js atau Babylon.js lebih baik?</h3>
<p>Keduanya sangat bagus dan gratis. Three.js adalah renderer minimalis dengan ekosistem terbesar, paling cocok ketika Anda menginginkan fleksibilitas dan ingin membangun struktur sendiri. Babylon.js adalah engine yang lebih lengkap dengan fisika, GUI, Inspector, dan Playground bawaan, paling cocok ketika Anda menginginkan alat yang sudah tersedia serta pengembangan yang mengutamakan TypeScript. Ini adalah pilihan filosofi, bukan perbedaan kualitas.</p>
<h3>Apakah Three.js dan Babylon.js mendukung WebGPU?</h3>
<p>Ya, keduanya mendukung WebGPU pada 2026. Three.js memiliki WebGPURenderer yang siap digunakan dalam produksi dengan fallback WebGL2 dan TSL untuk shader lintas target. Babylon.js 8.0 membuat shader intinya WGSL-native (mengurangi ukuran bundle di WebGPU), sedangkan versi 9.0 menambahkan fitur compute shader seperti pencahayaan volumetrik. Gunakan WebGL2 sebagai standar dasar dan WebGPU jika tersedia.</p>
<h3>Apakah Babylon.js merupakan engine game, sedangkan Three.js bukan?</h3>
<p>Secara garis besar, ya. Babylon.js adalah engine lengkap: mencakup fisika, sistem GUI, animasi, Inspector, dan alat bergaya editor. Three.js adalah library rendering yang berfokus pada penggambaran 3D, sehingga Anda perlu menambahkan fisika, kontrol, dan sistem game melalui package lain atau kode sendiri. Itulah perbedaan utama di antara keduanya.</p>
<h3>Mana yang lebih kecil, Three.js atau Babylon.js?</h3>
<p>Three.js memiliki inti yang lebih kecil dan lebih mendukung tree-shaking, sehingga scene minimal memuat lebih sedikit JavaScript. Babylon.js secara keseluruhan lebih besar, tetapi bersifat modular melalui scoped package, dan shader WGSL-native pada versi 8.0 kira-kira mengurangi ukurannya hingga setengah saat menargetkan WebGPU. Untuk bundle sekecil mungkin, Three.js tetap unggul.</p>
<p><BuildCta
  title="Dapatkan game 3D tanpa menulis renderer"
  desc="Kedua library berada di balik Cinevva, Anda cukup mendeskripsikan gamenya."
  prompt="Buat game endless runner 3D di browser" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/playcanvas-vs-threejs">PlayCanvas vs Three.js</a> — tambahkan editor visual ke dalam perbandingan</li>
<li><a href="/id/guides/web-game-engines-comparison">Engine Game Web Terbaik untuk 2026 (Dibandingkan)</a> — perbandingan lengkap</li>
<li><a href="/id/guides/web-games-stack-2026">Stack Teknologi Game Web pada 2026</a> — WebGL, WebGPU, dan Wasm</li>
<li><a href="/id/guides/threejs-usdc-tech-report">Three.js + USDC di Browser</a> — memuat aset 3D USD di Three.js</li>
<li><a href="/id/engine">Cinevva Engine</a> — engine sumber terbuka kami yang dibangun di atas Three.js</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Memberi Pemain Kekuatan untuk Membentuk Dunia]]></title>
            <link>https://app.cinevva.com/id/guides/player-world-sculpting</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/player-world-sculpting</guid>
            <pubDate>Sun, 05 Apr 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara mengubah kuas medan menjadi mainan. TNT yang menggali gua, benih yang menumbuhkan hutan, hujan yang mengikis tebing. Pola desain game untuk membuat pembentukan dunia menyenangkan bagi pemain kasual dalam dunia multipemain bersama.]]></description>
            <content:encoded><![CDATA[<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.game-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  font-style: italic;
}
</style>
<h1>Memberi Pemain Kekuatan untuk Membentuk Dunia</h1>
<img src="https://cdn.cinevva.com/guides/player-world-sculpting-hero.jpg?v=2" alt="Pemain yang dikelilingi alat pembentuk medan: dinamit, cangkul, penyiram tanaman, benih, beliung, awan hujan, dan suar terraforming, yang membentuk ulang lanskap 3D penuh warna" style="width:100%;border-radius:8px;margin:1.5rem 0" />
<p>Tak seorang pun membuka game lalu berpikir, &quot;Saya ingin menerapkan fungsi falloff halus dengan interpolasi Hermite pada signed distance field.&quot; Mereka berpikir, &quot;Saya ingin menggali gua&quot;, &quot;Saya ingin membangun gunung&quot;, atau &quot;Saya ingin membuat sungai.&quot;</p>
<p>Sisi teknis pembentukan medan (marching cubes, kuas SDF, sambungan transvoxel) dibahas dalam <a href="/id/guides/terrain-sculpting-brushes">panduan riset pendamping kami</a>. Panduan ini membahas separuh lainnya dari masalah tersebut: cara memberikan kekuatan untuk membentuk medan kepada pemain kasual dan membuatnya terasa seperti bermain, bukan seperti menggunakan alat pemodelan 3D.</p>
<h2>Masalah Metafora</h2>
<p>Setiap game yang telah dirilis dan memungkinkan pemain membentuk ulang medan telah memecahkan masalah desain yang sama: parameter pembentukan mentah (radius, kekuatan, falloff, jenis operasi) tidak berarti apa-apa bagi sebagian besar pemain. Solusinya selalu sama: kemas kuas tersebut dalam metafora yang sudah dipahami pemain.</p>
<h3>Minecraft: Blok sebagai Metafora Universal</h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/MmB9b5njVbA" title="Trailer Resmi Minecraft" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Trailer resmi Minecraft (Mojang). Dunia berbasis blok tempat TNT, beliung, dan sekop sekaligus berfungsi sebagai alat penyunting medan.</p>
</div>
<p>Kejeniusan Minecraft terletak pada cara penyuntingan medan dijadikan sekadar pengelolaan inventaris. Anda menghancurkan sebuah blok. Anda mendapatkan sebuah blok. Anda menempatkan sebuah blok. &quot;Kuasnya&quot; adalah satu voxel, &quot;falloff-nya&quot; bersifat biner (terpengaruh atau tidak), dan &quot;operasinya&quot; adalah menambah atau menghapus.</p>
<p>TNT memperbesar skala ini. Anda membuatnya dari bubuk mesiu dan pasir (material yang sudah Anda kumpulkan saat bermain), menempatkannya seperti blok lain, menyalakannya dengan batu api dan baja, lalu TNT tersebut mengukir sebuah bola dari medan. Radius ledakannya adalah 4–7 blok. Ketahanan terhadap ledakan berbeda-beda menurut material: tanah dan pasir hancur, batu bertahan sebagian, sedangkan obsidian kebal. Air meniadakan penghancuran blok, tetapi tidak meniadakan kerusakan pada entitas.</p>
<p>Pemain tidak pernah memikirkan radius ledakan sebagai sebuah parameter. Mereka berpikir, &quot;TNT itu kuat, obsidian itu kokoh, air adalah perisai.&quot; Sistem penyuntingan medan sepenuhnya diwujudkan melalui material dan item yang sudah dikenal pemain.</p>
<h3>Valheim: Peralatan Petani</h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/zmIS9B3w7bw" title="Cara Meratakan dan Membentuk Medan di Valheim" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Panduan jelas tentang cangkul, kultivator, dan beliung sebagai kosakata pembentukan medan di Valheim, termasuk trik meratakan dengan "berdiri di tempat ketinggian tanah yang Anda inginkan".</p>
</div>
<p>Valheim mengambil pendekatan yang berbeda. Alih-alih blok, game ini memberi pemain alat-alat pertanian praindustri:</p>
<p><strong>Cangkul</strong> (5 kayu + 2 batu, tersedia dalam 10 menit pertama) memiliki empat mode: Ratakan Tanah (meratakan sesuai ketinggian tempat Anda berdiri), Tinggikan Tanah (menambahkan tanah dengan biaya 2 batu setiap penggunaan), Jalan Setapak (menghilangkan rumput), dan Paving (memasang batu bulat). Mekanisme perataannya sangat cerdas: Anda berdiri di tempat yang ketinggiannya ingin dijadikan patokan, lalu cangkul membuat semua area di sekitar Anda menyamai ketinggian tersebut. Tanpa input angka. Kaki Anda menjadi acuannya.</p>
<p><strong>Kultivator</strong> (5 perunggu + 5 kayu inti, memerlukan peleburan) digunakan untuk menanam: mengolah tanah, menanam benih, menumbuhkan rumput, dan memulihkan vegetasi. Alat ini tidak membentuk medan, tetapi menghiasinya. Setelah meratakan lereng bukit dengan cangkul, Anda mengolahnya dan menanam hutan. Medan tersebut menceritakan sebuah kisah: seseorang pernah berada di sini dan menggarap tanah ini.</p>
<p><strong>Beliung</strong> menangani sisi destruktifnya. Alat ini menggali medan, kebalikan dari fungsi cangkul untuk meninggikan tanah. Ketiga alat tersebut (beliung menggali, cangkul meninggikan/meratakan, kultivator menanam) membentuk kosakata lengkap yang selaras dengan kegiatan pertanian di dunia nyata.</p>
<p>Model biayanya penting. Meninggikan tanah membutuhkan batu. Anda merasakan bobot setiap perubahan. Anda tidak bisa melakukan terraforming pada sebuah gunung secara gratis. Biaya sumber daya membuat pembentukan medan menjadi sebuah keputusan, bukan sekadar kotak centang.</p>
<h3>Animal Crossing: Terraforming yang Harus Diperoleh</h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/q9wHV8XmLfs" title="Cara Membuka Terraforming di Animal Crossing: New Horizons" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">GameXplain menunjukkan cara membuka aplikasi Island Designer, beserta izin pembangunan tebing dan lanskap perairan yang mengunci setiap alat pembentukan baru di balik mata uang yang harus diperoleh.</p>
</div>
<p>Animal Crossing: New Horizons mengunci terraforming di balik peringkat pulau 3 bintang. Anda harus membangun area perkemahan, mengundang penduduk, membangun kavling rumah, dan mengembangkan pulau selama berhari-hari (hari di dunia nyata, bukan jam dalam game) sebelum Tom Nook memberikan aplikasi Island Designer. Saat terraforming akhirnya terbuka, Anda sudah memahami pulau tersebut. Anda tahu letak sungainya, tebing mana yang menghalangi pemandangan favorit Anda, dan apa yang ingin Anda ubah.</p>
<p>Alat-alatnya menggunakan sistem izin. Jalan setapak gratis. Pembentukan lanskap perairan (membuat sungai, kolam, dan air terjun) berharga 6.000 Nook Miles. Pembangunan Tebing berharga 6.000 lagi. Setiap jenis jalan setapak tambahan berharga 2.000. Anda membelanjakan mata uang yang diperoleh melalui gameplay untuk memperluas peralatan kreatif Anda.</p>
<p>Penyuntingannya berbasis petak. Satu kotak setiap kali. Tanpa penggeser radius. Tanpa parameter kekuatan. Anda meninggikan satu petak tebing atau menggali satu petak sungai. Batasan ini membuatnya mudah didekati: kesalahan terburuk yang bisa Anda buat hanya membutuhkan satu penekanan tombol untuk dibatalkan. Desainnya mendorong perencanaan (komunitas membuat Happy Island Designer, alat berbasis browser untuk merencanakan tata letak sebelumnya) dan penyempurnaan bertahap dari waktu ke waktu.</p>
<p>Tebing dapat dibangun hingga 3 tingkat. Sungai harus terhubung ke laut. Markah tanah tertentu (bandara, layanan penduduk) tidak dapat dipindahkan. Batasan ini bukan kekurangan. Inilah desainnya. Batasan tersebut mencegah &quot;kelumpuhan di hadapan kanvas kosong&quot; yang mematikan keterlibatan pemain kasual dalam editor bebas.</p>
<h3>No Man's Sky: Multi-Tool</h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/mnxMzm3_Ykw?start=942" title="No Man's Sky: Membangun ke Dalam Medan (Beeblebum)" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Bagian Terrain Manipulator dari panduan pembangunan markas Beeblebum (langsung ke 15:42), yang memperlihatkan empat mode berbasis bola dan batas "regenerasi".</p>
</div>
<p>No Man's Sky menempatkan manipulasi medan pada sebuah senjata. Terrain Manipulator adalah peningkatan multi-tool dengan empat mode: Mine (menghapus medan dalam bentuk bola), Create (menambahkan medan dalam bentuk bola atau kubus), Restore (mengembalikan medan ke kondisi awal yang dihasilkan), dan Flatten (meratakan area luas).</p>
<p>Metaforanya adalah perangkat fiksi ilmiah yang muat di tangan Anda. Anda mengarahkan dan menembak untuk menyunting dunia. Tombol T dan R mengubah ukuran bola di antara tiga preset (kecil, sedang, besar). Tidak ada radius berbentuk angka. Hanya tiga ukuran. Itulah seluruh UI-nya.</p>
<p>Alat ini diperkenalkan dalam misi pertama. Saat mulai menjelajah, Anda sudah tahu cara menggali gua atau meratakan landasan pendaratan. Mode create memungkinkan Anda memilih jenis medan (batu, tanah, dan sebagainya), yang di balik layar dipetakan ke pencampuran tekstur splat map.</p>
<p>Pengurasan energi menjaga agar pembentukan medan tetap terkendali. Dalam mode Normal, energinya berlimpah. Dalam mode Survival, setiap perubahan menghabiskan sumber daya yang berarti. Alat yang sama pada dua tingkat kesulitan melayani baik pematung medan kasual maupun pemain survival yang penuh pertimbangan dalam memakai sumber daya.</p>
<h3>Astroneer: Senapan Penyedot</h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/0KXQZG7riEs" title="ASTRONEER - Trailer Perilisan" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Trailer perilisan resmi Astroneer (System Era). Terrain Tool menyedot tanah lalu menyemburkannya kembali, menjadikan pembentukan medan dan pengumpulan sumber daya sebagai tindakan yang sama.</p>
</div>
<p>Astroneer menggunakan metafora paling sederhana: penyedot debu untuk tanah. Arahkan ke medan, tahan pelatuk, dan alat tersebut menyedot tanah. Arahkan ke ruang kosong dan alat itu menyemburkan tanah kembali. Medan berubah bentuk secara waktu nyata di sekitar kursor Anda.</p>
<p>Augment memodifikasi perilakunya: Alignment Mod membuat permukaan rata mengikuti lengkungan planet. Boost Mod meningkatkan kecepatan. Wide Mod memperluas area efek. Inhibitor Mod memungkinkan Anda mengumpulkan sumber daya tanpa mengubah bentuk medan sama sekali.</p>
<p>Kejeniusannya adalah bahwa medan sekaligus merupakan sumber daya. Tanah yang Anda sedot mengisi tabung. Tanah di dalam tabung dapat diolah menjadi material di Soil Centrifuge. Membentuk dunia dan mengumpulkan sumber daya adalah tindakan yang sama. Anda tidak menggali karena menginginkan sebuah gua. Anda menggali karena membutuhkan tanah untuk membuat compound. Gua tersebut adalah efek samping yang kemudian menjadi berguna.</p>
<h3>Deep Rock Galactic: Menambang sebagai Kerja Sama Tim</h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/t9VsWTLJkVY" title="Kelas Master Driller - Deep Rock Academy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Kelas Master Driller dari Deep Rock Academy. Bor di lengan bawah mengukir terowongan di tengah pertempuran, mengaburkan batas antara senjata dan alat medan.</p>
</div>
<p>Deep Rock Galactic memetakan penghancuran medan ke peran kelas. Driller memiliki bor listrik yang terpasang di lengan bawah dan mengunyah batu selebar 2 m, setinggi 2,2 m, dan sedalam 1 m per detik. Bor tersebut mengalami panas berlebih setelah digunakan terus-menerus (5,5 detik hingga indikator merah, cooldown 8 detik) dan menggunakan bahan bakar terbatas. Setiap dwarf memiliki beliung untuk pekerjaan presisi.</p>
<p>Tugas Driller adalah membuat jalur. Menggali terowongan dari titik A ke titik B menembus batu padat. Tim mengikutinya. Penyuntingan medan melayani tujuan misi (mencapai pod ekstraksi), bukan menjadi alat kreatif. Namun, efek sampingnya adalah setiap sistem gua yang dilalui tim dibentuk secara unik oleh keputusan mereka. Tidak ada dua sesi yang terlihat sama.</p>
<p>Struktur co-op membuat pembentukan medan menjadi aktivitas sosial. Driller tidak menggali sendirian. Scout menerangi gua dengan suar. Engineer memasang platform pada dinding yang dibuka Driller. Gunner mempertahankan pintu masuk terowongan. Penyuntingan medan adalah satu kata kerja dalam kalimat yang disusun bersama.</p>
<h3>Teardown: Penghancuran sebagai Teka-Teki</h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/mdqJEvia4mQ" title="Teardown - Trailer Ikhtisar Gameplay" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Ikhtisar gameplay resmi Teardown (Tuxedo Labs / PlayStation). Setiap alat dipetakan ke metafora fisik, dan fisika voxel membuat konsekuensinya langsung terasa dan mudah dipahami.</p>
</div>
<p>Teardown mengemas penghancuran medan dalam perencanaan aksi perampokan. Anda memiliki waktu tak terbatas untuk bersiap: menghancurkan dinding, menerobos bangunan dengan kendaraan, menempatkan bahan peledak, dan membangun tanjakan. Kemudian alarm berbunyi dan Anda memiliki 60 detik untuk mencapai setiap sasaran lalu melarikan diri.</p>
<p>Setiap alat memiliki identitas fisik. Palu godam menghancurkan benda dari jarak dekat. Obor las memotong baja. Bahan peledak menjebol dinding. Alat pemadam api memadamkan kebakaran. Kendaraan menerobos struktur. Pemain tidak &quot;menyunting medan&quot; secara abstrak. Mereka mengayunkan palu ke dinding dan dinding itu hancur.</p>
<p>Fisikanya membuat semuanya terasa nyata. Struktur runtuh ketika penyangganya dihilangkan. Api menyebar. Asap memenuhi ruangan. Puing-puing berjatuhan. Siklus umpan baliknya langsung dan bersifat fisik: pukul sesuatu, lihat benda itu hancur, lalu saksikan konsekuensinya merambat. Pemain kasual memahami ini karena mereka pernah mengayunkan palu di dunia nyata (atau setidaknya pernah ingin melakukannya).</p>
<h3>Eco: Konsekuensi sebagai Desain Game</h3>
<p>Eco adalah game langka tempat penyuntingan medan memiliki konsekuensi permanen yang dirasakan bersama. Tebang terlalu banyak pohon dan kualitas udara menurun. Menambang terlalu agresif dan Anda mencemari muka air tanah. Berburu secara berlebihan dan spesies akan punah. Ekosistemnya disimulasikan sepenuhnya.</p>
<p>Pemain dapat mengusulkan dan memberikan suara atas undang-undang: &quot;Dilarang menebang pohon dalam jarak 200 m dari sungai&quot; atau &quot;Pajak penambangan sebesar 10 emas per meter kubik.&quot; Sistem pemerintahan membuat penyuntingan medan menjadi tindakan politik. Anda tidak bisa sekadar menggali di mana pun Anda mau. Komunitas mungkin akan menghentikan Anda.</p>
<p>Inilah ujung ekstrem gamifikasi: sistem pembentukan medan itu sendiri menjadi gameplay loop inti. Medan adalah sumber daya bersama yang dipengaruhi oleh setiap tindakan pemain. Pembentukan medan bukanlah alat kreatif. Inilah ketegangan utama dalam game.</p>
<h2>Pola Desain untuk Cinevva</h2>
<p>Game-game ini menunjukkan sekumpulan pola yang dapat kita gunakan. Bukan semuanya sekaligus. Terapkan secara berlapis, dimulai dari yang paling mudah diakses lalu berkembang menuju yang paling kompleks.</p>
<h3>Pola 1: Pembentukan Berbasis Objek (Pola TNT)</h3>
<p>Jangan berikan kuas kepada pemain. Berikan mereka objek yang kebetulan membentuk ulang medan saat digunakan.
<strong>TNT / Dinamit:</strong> Pemain membuat atau menemukan bahan peledak. Meletakkannya di dunia. Menyalakan sumbunya (atau melemparkannya). Sebuah bola medan dikurangi. Radiusnya bergantung pada jenis bahan peledak. Petasan kecil: radius 2 m. Dinamit standar: 5 m. Bom mega (jarahan langka): 15 m. Pemain sedang meledakkan sesuatu, bukan &quot;mengedit medan.&quot;</p>
<p><strong>Beliung / Sekop / Bor:</strong> Peralatan genggam dengan karakteristik berbeda. Beliung mengikis batu (radius kecil, cepat, berfungsi pada material keras). Sekop menggali tanah (radius sedang, cepat pada tanah lunak, tidak berguna pada batu). Bor membuat terowongan (sempit dan dalam, meninggalkan lubang silindris yang halus). Di balik layar, setiap alat dipetakan ke operasi kuas SDF yang berbeda, tetapi pemain mengalaminya sebagai objek fisik berbeda dengan umpan balik yang berbeda pula.</p>
<p><strong>Ember / Penyiram Tanaman:</strong> Tuangkan air ke medan dan air akan mengalir menuruni lereng, mengikis sebuah saluran. Kuas erosi secara otomatis mengikuti gradien medan. Pemain tidak membidik dengan kuas. Mereka menuangkan air dan menyaksikan sungai terbentuk. Di balik layar, ini adalah operasi smooth-lower yang dipengaruhi oleh kemiringan medan.</p>
<p><strong>Benih / Bibit Pohon:</strong> Tanam dan medan akan tumbuh. Sebungkus benih yang diletakkan di tanah datar akan bertunas menjadi bukit kecil seiring waktu (selama beberapa detik, dengan animasi). Bibit pohon yang ditanam di atas batu gundul akan menghasilkan gundukan tanah di sekitar pangkalnya. Medan yang &quot;tumbuh&quot; hanyalah kuas raise dengan tampilan bertema alam.</p>
<p><strong>Suar Terraformasi:</strong> Letakkan suar dan suar tersebut perlahan meratakan semua yang berada dalam radiusnya ke ketinggian target. Cocok untuk lokasi pembangunan. Pemain meletakkan objek tersebut lalu pergi. Kuas flatten berjalan otomatis dengan intensitas rendah hingga permukaan tanah sesuai dengan ketinggian suar.</p>
<h3>Pola 2: Progresi Alat (Pola Stardew)</h3>
<p>Berikan pemain alat lemah yang hanya menghasilkan perubahan kecil di awal. Tingkatkan alat tersebut melalui permainan.</p>
<p><strong>Tingkat 1 (Gratis, langsung tersedia):</strong> Tangan kosong. Dapat menepuk tonjolan kecil hingga rata (micro-smooth, radius 0,5 m). Dapat mengambil segenggam tanah (micro-lower, radius 0,3 m). Dampaknya nyaris tidak berarti. Mengajarkan bahwa sistem ini tersedia.</p>
<p><strong>Tingkat 2 (Dibuat dari material dasar):</strong> Sekop batu, beliung kayu. Dapat digunakan untuk perubahan kecil. Ratakan area perkemahan. Gali parit dangkal. Radius 1–2 m. Di tingkat inilah sebagian besar pemain kasual berada.</p>
<p><strong>Tingkat 3 (Memerlukan eksplorasi atau perdagangan):</strong> Peralatan logam. Radius lebih besar (3–5 m). Operasi baru terbuka: naikkan medan dengan cangkul, pahat lengkungan halus dengan alat pahat.</p>
<p><strong>Tingkat 4 (Akhir permainan / jarahan langka):</strong> Peralatan listrik, bahan peledak, perangkat terraformasi. Radius 10–20 m. Pengeboran gua. Pembuatan gunung. Ini adalah alat spektakuler yang memberi penghargaan kepada pemain jangka panjang.</p>
<p>Jalur peningkatan ini juga berfungsi sebagai tutorial. Setiap tingkat memperkenalkan satu konsep baru. Saat mencapai Tingkat 4, Anda telah memahami kosakata pengeditan medan melalui paparan bertahap, bukan melalui layar tutorial.</p>
<h3>Pola 3: Alat Kontekstual (Pola Valheim)</h3>
<p>Sesuaikan alat dengan hal yang ingin dilakukan pemain, bukan dengan kebutuhan medan.</p>
<p><strong>Mode membangun:</strong> Saat pemain berada dalam mode membangun (menempatkan dinding, lantai, atap), medan otomatis diratakan di bawah fondasi. Mereka tidak memerlukan alat perata terpisah. Sistem pembangunan yang menanganinya. Beginilah cara kerja pembangunan di Valheim: letakkan lantai, lalu permukaan tanah akan menyesuaikan.</p>
<p><strong>Mode bertani:</strong> Saat menanam tanaman, kultivator mengolah tanah (mengubah material permukaan) dan meratakan tonjolan kecil. Pemain sedang bertani, bukan melakukan terraformasi. Pengeditan medan merupakan efek samping dari aktivitas pertanian.</p>
<p><strong>Mode menambang:</strong> Saat mengambil sumber daya dari medan (urat bijih, endapan tanah liat, simpul mineral), proses ekstraksi meninggalkan lubang. Pengeditan medan merupakan efek samping dari pengumpulan sumber daya. Astroneer melakukannya dengan sempurna: sedot tanah, dapatkan sumber daya, tinggalkan sebuah gua.</p>
<p><strong>Mode bertempur:</strong> Ledakan dari senjata menciptakan kawah. Api membakar habis vegetasi. Asam melarutkan batu. Kerusakan medan merupakan efek samping dari pertempuran. Bor di Deep Rock Galactic bekerja seperti ini: alat tersebut sekaligus menjadi senjata dan alat medan.</p>
<h3>Pola 4: Pembentukan Sosial (Pola Eco)</h3>
<p>Di dunia bersama, setiap perubahan adalah tindakan sosial. Rancanglah dengan mempertimbangkan hal tersebut.</p>
<p><strong>Kepengarangan yang terlihat:</strong> Saat pemain membentuk medan, tinggalkan indikator halus tentang siapa yang melakukannya. Cahaya redup. Semburat warna pemain pada permukaan yang diedit. Bendera kecil. Pemain lain dapat melihat bahwa seseorang pernah berada di sana dan mengubah lanskapnya.</p>
<p><strong>Proyek kolaboratif:</strong> Perubahan medan di dalam area yang diklaim diakumulasikan untuk mencapai tujuan bersama. &quot;Gali sungai dari gunung menuju danau.&quot; Bilah progres terlihat oleh semua orang di area tersebut. Setelah selesai, sungai akan terisi air. Pembentukan medan menjadi aktivitas kelompok dengan hadiah bersama.</p>
<p><strong>Zona persetujuan:</strong> Di area yang dilindungi, perubahan medan memerlukan persetujuan pemilik lahan atau pemungutan suara dari pemain di sekitar. Ini mencegah tindakan merusak tanpa menonaktifkan pembentukan medan. Perubahan ditampilkan sebagai pratinjau bayangan (transparan, dengan garis tepi) hingga disetujui.</p>
<p><strong>Urungkan berdasarkan konsensus:</strong> Setiap pemain dapat mengusulkan pengembalian perubahan medan. Jika cukup banyak pemain di sekitar yang menyetujuinya, perubahan tersebut memudar selama beberapa detik. Seperti mode pemulihan dari No Man's Sky, tetapi bersifat sosial.</p>
<h3>Pola 5: Kekuatan Alam (Pola Erosi)</h3>
<p>Alih-alih sapuan kuas langsung, biarkan pemain memicu proses alami.</p>
<p><strong>Pemanggil hujan:</strong> Tempatkan awan di atas bukit dan hujan pun turun. Seiring waktu, hujan mengikis lereng bukit, membentuk saluran dan menghaluskan tepian. Pemain mengendalikan lokasi turunnya hujan dan durasinya. Shader erosi melakukan pembentukan medan.</p>
<p><strong>Perangkat gempa bumi:</strong> Memicu gempa bumi lokal yang meretakkan tanah, menciptakan celah, dan menurunkan medan di area terdampak. Pemain menentukan lokasinya. Simulasi fisika menentukan caranya.</p>
<p><strong>Aliran lava:</strong> Keluarkan lava dari suatu titik dan lava akan mengalir menuruni lereng, mengisi lembah, lalu mengeras menjadi batu. Medan baru tercipta melalui metafora alami. Di balik layar, ini adalah kuas raise yang mengikuti gradien medan dengan material batu.</p>
<p><strong>Pemahat angin:</strong> Kipas atau perangkat peniup yang mendorong medan lunak (pasir, tanah) ke arah angin. Seiring waktu, alat ini menciptakan bukit pasir dan lereng halus. Kuas smooth dengan bias arah.</p>
<p><strong>Bekukan / Cairkan:</strong> Bekukan air di sungai untuk membuat jembatan es. Cairkan lereng bukit yang membeku untuk memicu tanah longsor. Suhu menjadi parameter pengeditan medan yang diekspresikan melalui item cuaca.</p>
<h3>Pola 6: Penemuan dan Kejutan (Pola Infinite Craft)</h3>
<p>Beri penghargaan atas eksperimen.</p>
<p><strong>Efek kombinasi:</strong> TNT di dekat air menciptakan mata air panas (kawah + pengisian air + partikel uap). Benih yang ditanam di kawah TNT tumbuh lebih cepat (kawah tersebut memiliki &quot;tanah subur&quot;). Sungai beku yang diledakkan dengan dinamit akan menyingkap gua di bawahnya.</p>
<p><strong>Material tersembunyi:</strong> Menggali cukup dalam akan menyingkap berbagai lapisan medan: tanah lapisan atas, tanah liat, batu, kristal, lava. Setiap lapisan memiliki sifat dan tampilan berbeda. Pemain yang menggali lebih dalam akan melihat hal-hal yang belum pernah dilihat siapa pun.</p>
<p><strong>Fosil dan artefak:</strong> Perubahan medan secara acak terkadang menemukan objek terkubur: fosil, artefak kuno, peti harta karun, benih langka. Aktivitas membentuk medan menjadi mekanik eksplorasi. Anda tidak hanya menggali demi menemukan gua. Anda menggali karena mungkin menemukan sesuatu.</p>
<p><strong>Ingatan medan:</strong> Medan yang diedit mengingat apa yang terjadi padanya. Area yang diledakkan dengan TNT memiliki bekas hangus dan tepian yang terbakar. Area yang ditumbuhkan dengan benih memiliki warna tanah yang lebih subur. Area yang terkikis oleh hujan memiliki tekstur halus yang aus oleh air. Medan menceritakan sejarahnya sendiri.</p>
<h2>Pemetaan Kuas ke Metafora</h2>
<p>Setiap metafora yang digunakan pemain dipetakan ke operasi kuas teknis dari <a href="/id/guides/terrain-sculpting-brushes">pipeline pembentukan kami</a>. Berikut tabel pemetaannya:</p>
<p><strong>Beliung / Sekop</strong> dipetakan ke <strong>kuas lower</strong> (mengurangi heightmap atau SDF) dengan radius kecil, kekuatan tinggi, dan falloff tajam. Animasi alat memicu pemanggilan <code>Chunk.applyBrush()</code> yang sama.</p>
<p><strong>TNT / Bahan Peledak</strong> dipetakan ke <strong>kuas lower</strong> dengan radius besar, kekuatan maksimum, dan falloff berbentuk bola. Satu peristiwa ledakan menerapkan satu sapuan kuas yang berpusat pada titik detonasi. Ketahanan ledakan tiap jenis material dipetakan ke pengali kekuatan kuas.</p>
<p><strong>Cangkul / Perata</strong> dipetakan ke <strong>kuas flatten</strong> dengan radius sedang dan falloff halus. Ketinggian target diambil sampelnya dari posisi kaki pemain saat alat diaktifkan, persis seperti di Valheim.</p>
<p><strong>Benih / Pertumbuhan</strong> dipetakan ke <strong>kuas raise</strong> dengan radius kecil dan falloff halus, yang diterapkan selama beberapa frame (pertumbuhan beranimasi). Setiap frame menerapkan peningkatan kecil. Animasi membuat metaforanya terasa nyata, sementara kuas menangani geometrinya.</p>
<p><strong>Penyiram Tanaman / Hujan</strong> dipetakan ke <strong>kuas smooth</strong> dengan bias arah. Bias tersebut mengikuti gradien kemiringan medan dari <code>ChunkManager.getNormal()</code>. Titik di bawah pusat kuas diturunkan lebih banyak daripada titik di atasnya, sehingga menciptakan saluran erosi alami.</p>
<p><strong>Suar Terraformasi</strong> dipetakan ke <strong>kuas flatten</strong> yang diterapkan dengan kekuatan rendah pada setiap frame hingga mencapai konvergensi. Posisi suar dalam world-space menentukan ketinggian target. Radiusnya merupakan area efek suar.</p>
<p><strong>Bor</strong> dipetakan ke <strong>kuas lower</strong> yang diproyeksikan sepanjang arah sinar, bukan berbentuk bola. Ray cast dari arah bidikan pemain menentukan pusat kuas pada setiap langkah kedalaman, sehingga menciptakan terowongan silindris.</p>
<h2>Progresi dan Ekonomi</h2>
<h3>Yang Diperoleh Pemain</h3>
<p><strong>Pembukaan alat:</strong> Mulai dengan tangan kosong. Buat alat dasar dari material umum. Temukan resep alat canggih melalui eksplorasi, perdagangan, atau penyelesaian misi.</p>
<p><strong>Peningkatan kapasitas:</strong> Bahan peledak yang lebih besar. Cangkul yang lebih lebar. Bor yang lebih cepat. Radius dan kekuatan kuas meningkat sesuai tingkat. Meningkatkan sekop dari kayu menjadi besi akan menggandakan radiusnya.</p>
<p><strong>Jenis material:</strong> Material medan baru terbuka saat pemain menjelajahi bioma. Anda hanya dapat &quot;menciptakan&quot; jenis medan yang pernah ditemui. Kunjungi gurun untuk membuka pembuatan pasir. Kunjungi gunung berapi untuk membuka basal. Mode create dari No Man's Sky, yang dibatasi oleh eksplorasi.</p>
<p><strong>Resep:</strong> Efek kombinasi harus ditemukan, bukan diberikan. Tanam benih di kawah TNT dan temukan &quot;Ledakan Subur.&quot; Tuangkan air ke medan lava dan temukan &quot;Pembentukan Obsidian.&quot; Setiap penemuan dicatat dalam katalog dan dapat dibagikan.</p>
<h3>Biayanya</h3>
<p><strong>Sumber daya:</strong> Setiap perubahan medan mengonsumsi material. Menaikkan medan membutuhkan tanah/batu/pasir (material yang ditempatkan). Menurunkan medan menghasilkan material (yang masuk ke inventaris Anda). Perataan mendistribusikan ulang material. Aliran sumber daya menjaga ekonomi tetap terhubung dengan sistem medan.</p>
<p><strong>Energi / Ketahanan:</strong> Alat memiliki batas ketahanan atau energi. Beliung rusak setelah digunakan sebanyak N kali. Suar terraformasi menggunakan bahan bakar. Ini mencegah pengeditan tanpa batas dan menciptakan batas sesi yang alami. Pemain beristirahat untuk mengisi kembali persediaan.</p>
<p><strong>Waktu:</strong> Beberapa operasi berlangsung seketika (ayunan beliung). Operasi lainnya berjalan lambat (perataan oleh suar, pertumbuhan benih, erosi hujan). Operasi lambat menghargai kesabaran dan mencegah spam. Operasi ini juga terlihat lebih baik: menyaksikan benih bertunas menjadi bukit jauh lebih memuaskan daripada mengeklik tombol &quot;raise.&quot;</p>
<h3>Yang Dilihat Pemain Lain</h3>
<p><strong>Jejak perubahan:</strong> Setiap modifikasi medan memiliki ciri visual. Kawah TNT memiliki tepian gelap dan retak. Area yang diratakan dengan cangkul memiliki tekstur tanah olahan yang halus. Medan yang ditumbuhkan memiliki warna alami yang kaya. Saluran yang terkikis hujan memiliki bekas air. Pemain dapat membaca sejarah lanskap tersebut.</p>
<p><strong>Label kreator:</strong> Arahkan kursor ke medan yang diedit untuk melihat siapa yang mengubahnya dan kapan. &quot;Dibentuk oleh @PlayerName, 2 jam lalu.&quot; Ini menciptakan kebanggaan atas karya dan akuntabilitas sosial.</p>
<p><strong>Sebelum/Sesudah:</strong> Tampilan &quot;selang waktu&quot; yang menunjukkan medan pada titik mana pun dalam riwayat pengeditannya. Geser penggeser linimasa untuk melihat perubahan lanskap. Ini dimungkinkan karena pohon pengeditan CSG dari Fase 3 <a href="/id/guides/terrain-sculpting-brushes">panduan teknis</a> menyimpan setiap operasi secara berurutan.</p>
<h2>Yang Kita Bangun Terlebih Dahulu</h2>
<p>Fase 1 dari <a href="/id/guides/terrain-sculpting-brushes#practical-architecture-for-sculpting">arsitektur teknis</a> menggunakan pembentukan heightmap pada renderer WebGL yang ada. Alat kasual yang dapat kita rilis di atasnya:</p>
<ol>
<li><strong>Sekop</strong> (kuas lower, radius kecil). Alat paling dasar. Klik medan, gali lubang. Menghasilkan sumber daya tanah.</li>
<li><strong>Cangkul</strong> (kuas flatten, radius sedang). Berdirilah di tempat yang Anda inginkan, gunakan cangkul, lalu medan akan diratakan setinggi kaki Anda.</li>
<li><strong>TNT</strong> (kuas lower, radius besar, sekali pakai). Buat dari material, letakkan, nyalakan, lalu saksikan ledakannya. Menghasilkan puing.</li>
<li><strong>Benih</strong> (kuas raise, dianimasikan selama beberapa frame). Tanam di tanah datar, saksikan medan naik menjadi bukit kecil, lalu vegetasi muncul di atasnya.</li>
<li><strong>Penyiram Tanaman</strong> (kuas smooth dengan bias kemiringan). Tuangkan air pada lereng untuk mengikisnya. Menciptakan saluran yang tampak alami.</li>
</ol>
<p>Lima alat. Lima metafora berbeda. Satu sistem kuas yang mendasarinya. Setiap alat merupakan konfigurasi berbeda dari <code>(radius, strength, falloff, operation, animation)</code> yang dibungkus sebagai item yang dibuat, dipakai, dan digunakan pemain melalui model interaksi yang sama dengan <code>PlacementTool</code> yang sudah ada.</p>
<p><BuildCta
  title="Biarkan pemain membangun: coba sandbox sekarang"
  desc="Cara tercepat untuk merasakan mengapa pengeditan dunia membuat pemain terus bermain."
  prompt="Buat pulau sandbox tempat saya dapat menempatkan dan menumpuk balok" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Teknik Kuas 3D dan Pemahatan Dunia di Dalam Game]]></title>
            <link>https://app.cinevva.com/id/guides/terrain-sculpting-brushes</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/terrain-sculpting-brushes</guid>
            <pubDate>Sun, 05 Apr 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Dari displacement heightmap hingga pohon CSG SDF. Cara kerja kuas pemahat medan yang sebenarnya, apa yang dilakukan marching cubes dan surface nets di balik layar, serta cara memungkinkan pemain membentuk ulang dunia bersama secara real-time.]]></description>
            <content:encoded><![CDATA[<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.game-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  font-style: italic;
}
.img-embed {
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.img-embed img {
  width: 100%;
  border-radius: 8px;
  display: block;
}
</style>
<h1>Teknik Kuas 3D dan Pemahatan Dunia di Dalam Game</h1>
<p>Kami ingin pemain dapat memahat dunia. Bukan menempatkan prefab pada grid. Bukan mengaktifkan dan menonaktifkan blok. Melainkan benar-benar membentuk ulang medan: mengukir sungai, meninggikan gunung, menghaluskan sisi tebing, dan menggali gua. Seperti yang dilakukan ZBrush dan mode sculpt Blender untuk seniman, tetapi berjalan pada 60fps di dalam game browser multipemain.</p>
<p>Itu adalah masalah rekayasa sulit yang mencakup representasi data, ekstraksi mesh, komputasi GPU, matematika kuas, dan sinkronisasi jaringan. Panduan ini mendokumentasikan semua yang kami temukan.</p>
<h2>Dua Dunia Representasi Medan</h2>
<p>Setiap sistem pemahatan dimulai dengan pilihan tentang cara menyimpan data medan. Pilihan tersebut menentukan jenis pengeditan yang dapat dilakukan, seberapa cepat prosesnya berjalan, dan berapa banyak memori yang diperlukan.</p>
<h3>Heightmap</h3>
<p>Heightmap menyimpan satu nilai ketinggian untuk setiap titik grid. Anda dapat membayangkannya sebagai gambar skala abu-abu dengan tingkat kecerahan yang mewakili elevasi. Medan <code>world/client</code> kami saat ini bekerja tepat seperti ini: <code>noise.ts</code> menghasilkan ketinggian melalui FBM value noise, dan setiap <code>Chunk</code> menyimpan heightmap <code>Float32Array</code> yang diproyeksikan ke <code>PlaneGeometry</code>.</p>
<p>Heightmap itu cepat. Pengambilan sampel hanya memerlukan satu pencarian array dengan interpolasi bilinear. LOD sangat mudah karena Anda cukup mengurangi resolusi grid. Pencampuran tekstur berbasis splat dipetakan langsung ke grid UV. Tabrakan fisika dapat disederhanakan menjadi kueri ketinggian.</p>
<p>Keterbatasannya adalah topologi. Heightmap hanya dapat merepresentasikan satu ketinggian untuk setiap koordinat (x, z). Tidak ada gua. Tidak ada bagian yang menggantung. Tidak ada lengkungan. Tidak ada terowongan. Jika pemain memahat tebing yang melipat kembali ke arahnya sendiri, heightmap tidak dapat menyimpannya. Untuk medan yang sebagian besar berupa perbukitan dan pegunungan, ini tidak menjadi masalah. Namun, untuk pemahatan bentuk bebas yang memungkinkan pemain menggali ke dalam tanah, pendekatan ini menemui jalan buntu.</p>
<h3>Volumetrik (Medan Skalar 3D)</h3>
<p>Alternatifnya adalah menyimpan nilai pada setiap titik dalam ruang 3D. Jika nilainya negatif di dalam material padat dan positif di luarnya (atau sebaliknya), Anda memiliki Signed Distance Field (SDF). Jika nilainya hanya berupa densitas (di atas ambang tertentu berarti padat, sedangkan di bawahnya berarti kosong), Anda memiliki medan densitas.</p>
<p>Representasi volumetrik dapat menangani topologi apa pun. Gua, bagian yang menggantung, pulau terapung, dan terowongan yang menembus gunung. Konsekuensinya adalah penggunaan memori dan kompleksitas. Grid 256^3 dengan float 32-bit membutuhkan 64 MB. Grid 512^3 membutuhkan 512 MB. Dan itu baru untuk satu chunk. Anda membutuhkan struktur data sparse (octree, brick map) agar pendekatan ini praktis.</p>
<p>Langkah ekstraksi mesh juga tidak sederhana. Anda tidak dapat sekadar menetapkan posisi Y vertex lalu selesai. Anda memerlukan algoritma yang membaca medan skalar dan menghasilkan mesh segitiga yang mendekati permukaan tempat medan melewati nilai nol.</p>
<h2>Ekstraksi Mesh: Marching Cubes, Surface Nets, dan Dual Contouring</h2>
<h3>Marching Cubes</h3>
<p>Marching Cubes adalah algoritma ekstraksi isosurface tertua dan yang paling banyak diimplementasikan. Dipublikasikan oleh Lorensen dan Cline pada 1987, algoritma ini bekerja dengan memeriksa setiap kubus dalam grid voxel yang setiap sudutnya memiliki nilai skalar. Jika sebagian sudut berada di dalam permukaan (negatif) dan sebagian lainnya berada di luar (positif), sebuah bagian mesh segitiga ditempatkan di dalam kubus tersebut.</p>
<p>Setiap kubus memiliki 8 sudut yang masing-masing dapat berada di dalam atau di luar, sehingga menghasilkan 256 kemungkinan konfigurasi (2^8). Melalui simetri, konfigurasi tersebut dapat disederhanakan menjadi 15 kasus unik. Sebuah tabel pencarian memetakan setiap kasus ke sekumpulan segitiga. Titik perpotongan edge ditemukan melalui interpolasi linear di sepanjang edge tempat tanda nilainya berubah.</p>
<p><strong>Implementasi GPU terbaru</strong> telah membuat Marching Cubes cukup cepat untuk pemahatan real-time. Implementasi UE5 dari 2025 menetapkan setiap thread GPU ke satu kubus sehingga ribuan kubus dapat diproses secara bersamaan. Inti pendekatannya adalah bahwa triangulasi setiap kubus tidak bergantung pada tetangganya, sehingga algoritma ini sangat mudah diparalelkan.</p>
<p><strong>MCHex</strong> (arxiv 2511.02064, 2025) memperluas Marching Cubes untuk menghasilkan mesh heksahedral adaptif dengan nilai Jacobian positif yang dijamin, sehingga meningkatkan pendekatan batas untuk mesh simulasi.</p>
<p><strong>rupMC</strong> menghasilkan performa puluhan kali lebih cepat daripada implementasi serial dan 4x lebih cepat daripada varian DMC paralel dengan menggunakan arsitektur heterogen CPU/GPU.</p>
<p>Keterbatasan utamanya: Marching Cubes kesulitan menangani fitur tajam. Edge 90 derajat akan dibulatkan menjadi kurva halus. Untuk pemahatan medan, hal ini biasanya dapat diterima (medan alami sebagian besar berbentuk halus), tetapi akan menjadi masalah untuk fitur arsitektural.</p>
<h3>Surface Nets</h3>
<p>Surface Nets adalah keluarga algoritma yang lebih baru dan menghasilkan mesh lebih halus dari medan skalar diskret. Alih-alih menempatkan vertex pada edge kubus (seperti Marching Cubes), Surface Nets menempatkan satu vertex untuk setiap kubus yang berisi permukaan, lalu menghubungkan vertex yang berdekatan untuk membentuk quad.</p>
<p>Hasilnya secara alami lebih halus. Makalah tahun 2024 (arxiv 2401.14906) mendemonstrasikan implementasi Surface Nets paralel berperforma tinggi yang berjalan satu hingga dua orde magnitudo lebih cepat daripada algoritma sekuensial. Crate Rust <code>fast-surface-nets</code> menghasilkan sekitar 20 juta segitiga per detik pada satu core 2,5 GHz dengan menggunakan tabel pencarian kecil dan akselerasi SIMD.</p>
<p><code>bevy-sculpter</code> (v0.18.0, Januari 2026) menggunakan Surface Nets sebagai strategi meshing utamanya. Crate tersebut menyediakan pemahatan volumetrik berbasis SDF dengan empat jenis kuas: CSG keras (langsung menambah/menghapus), kontinu halus (untuk input yang ditahan), blur (menghaluskan permukaan), dan flatten (menetapkan ke ketinggian target). Crate ini juga menyertakan redistancing SDF melalui Fast Sweeping Method untuk memulihkan properti signed distance field yang semestinya setelah pengeditan.</p>
<p>Surface Nets merupakan jalan tengah yang baik antara Marching Cubes (sederhana dan cepat, tetapi menghasilkan mesh bergerigi pada data biner) dan Dual Contouring (mempertahankan fitur tetapi kompleks).</p>
<h3>Dual Contouring</h3>
<p>Dual Contouring mempertahankan fitur tajam yang tidak dapat dipertahankan oleh Marching Cubes dan Surface Nets. Algoritma ini tidak hanya menggunakan tanda medan pada setiap sudut, tetapi juga gradien (normal) pada perpotongan edge. Minimisasi QEF (Quadratic Error Function) menempatkan vertex di dalam setiap sel pada posisi yang paling memenuhi semua batasan perpotongan edge.</p>
<p>Hasilnya: edge dan sudut tajam tetap dipertahankan dalam mesh yang diekstrak. Kubus dengan sisi-sisi tegak lurus tetap berbentuk kubus.</p>
<p>Konsekuensinya adalah kompleksitas. Penyelesaian QEF memiliki dependensi antarsel yang menyulitkan paralelisasi GPU. Algoritma ini dapat menghasilkan mesh non-manifold (edge yang digunakan bersama oleh lebih dari dua poligon). Implementasinya juga lebih rumit daripada Marching Cubes, meskipun Johannes Jendersie menyatakan bahwa implementasi Dual Contouring yang berfungsi membutuhkan sekitar 200 baris kode, dibandingkan dengan lebih dari 500 baris untuk implementasi Marching Cubes yang tangguh.</p>
<p><strong>Cubical Marching Squares (CMS)</strong> telah diusulkan sebagai jalan tengah: independen antarsel (ramah GPU), tetapi tetap mampu mempertahankan sebagian fitur.</p>
<h3>Mana yang Sebaiknya Digunakan</h3>
<p>Untuk pemahatan medan oleh pemain di browser:</p>
<p><strong>Surface Nets</strong> adalah kandidat terkuat. Algoritma ini menghasilkan mesh halus (medan yang tampak alami) tanpa artefak bergerigi yang muncul pada Marching Cubes ketika memproses data biner. Performanya cukup cepat untuk melakukan meshing ulang secara real-time. Implementasinya juga lebih sederhana daripada Dual Contouring.</p>
<p><strong>Marching Cubes</strong> tetap menjadi pilihan solid ketika paralelisme GPU menjadi prioritas (setiap kubus bersifat independen) atau ketika Anda memerlukan dukungan library terluas. WebGPU SDF Editor karya Reinder Nijhoff (Januari 2026) mengimplementasikan Marching Cubes dan Surface Nets dalam pipeline ekstraksinya, yang sepenuhnya berjalan pada GPU.</p>
<p><strong>Dual Contouring</strong> sebaiknya digunakan untuk kasus ketika presisi arsitektural lebih penting daripada performa. Pendekatan ini kurang ideal untuk pemahatan medan real-time dalam konteks browser.</p>
<h2>Algoritma Transvoxel: Mengatasi Penyambungan LOD</h2>
<p>Ketika medan voxel dibuat menjadi mesh dengan resolusi yang berbeda (LOD0 di dekat pemain, LOD2 di kejauhan), retakan akan terbentuk pada batasnya. Untuk heightmap, ini adalah masalah sederhana: interpolasikan vertex pada edge agar cocok dengan tetangga beresolusi lebih rendah. <code>chunk.ts</code> kami saat ini melakukan hal tersebut dalam <code>stitchEdge()</code>.</p>
<p>Untuk medan volumetrik, masalahnya jauh lebih sulit. Mulut gua pada LOD0 mungkin menghasilkan 30 segitiga pada batas. Area yang sama pada LOD1 mungkin menghasilkan 8 segitiga dengan topologi yang sepenuhnya berbeda. Tidak ada cara sederhana untuk melakukan interpolasi linear di antara keduanya.</p>
<p>Transvoxel Algorithm karya Eric Lengyel (2009) mengatasi masalah ini dengan &quot;sel transisi&quot;. Pada batas antara dua level LOD, algoritma mempertimbangkan 9 sampel beresolusi tinggi (bukan 8 sudut kubus), sehingga menghasilkan 512 kemungkinan konfigurasi yang terbagi menjadi 73 kelas ekuivalensi. Setiap kelas dipetakan ke pola segitiga yang telah ditentukan sebelumnya dan mengisi celah antara kedua resolusi dengan sempurna.</p>
<p>Algoritma ini beroperasi pada data voxel lokal, sehingga proses triangulasi ulang wilayah yang dimodifikasi berlangsung cepat. Hal ini sangat penting untuk pemahatan real-time: ketika pemain mengedit medan di dekat batas LOD, hanya sel transisi yang perlu dibangun ulang.</p>
<p>Implementasi Rust tersedia sebagai crate <code>transvoxel</code>. Tabel pencarian aslinya tersedia di <a href="http://transvoxel.org">transvoxel.org</a>.</p>
<h2>Matematika Kuas</h2>
<p>Kuas pemahat adalah fungsi yang memodifikasi nilai medan skalar dalam radius di sekitar titik target. Matematikanya ternyata sangat mirip di berbagai implementasi, mulai dari Blender dan Unreal Engine hingga sistem game runtime.</p>
<h3>Fungsi Falloff</h3>
<p>Falloff kuas menentukan bagaimana kekuatan pengeditan berkurang dari pusat ke tepi. Blender 5.1 mendefinisikan profil standar berikut:</p>
<p><strong>Halus:</strong> <code>f(d) = 3d^2 - 2d^3</code> (interpolasi Hermite, smoothstep yang sama seperti dalam noise.ts kami)</p>
<p><strong>Bola:</strong> Kuat di pusat dengan falloff curam di dekat batas. Diaproksimasi sebagai <code>f(d) = sqrt(1 - d^2)</code>.</p>
<p><strong>Tajam:</strong> <code>f(d) = (1 - d)^n</code> dengan n &gt; 2. Menghasilkan ujung yang runcing.</p>
<p><strong>Linear:</strong> <code>f(d) = 1 - d</code>, dengan d sebagai jarak ternormalisasi dari pusat (0 di pusat, 1 di tepi).</p>
<p><strong>Konstan:</strong> <code>f(d) = 1</code> untuk <code>d &lt; 1</code>, dengan pemutusan tegas pada batas kuas.</p>
<p><strong>Kuadrat Terbalik:</strong> Gabungan antara halus dan bola untuk menghasilkan nuansa alami seperti tanah liat.</p>
<p>Dalam semua kasus, <code>d = distance_to_center / brush_radius</code>, dibatasi ke [0, 1]. Nilai falloff dikalikan dengan kekuatan kuas untuk menghasilkan modifikasi medan yang sebenarnya pada setiap titik.</p>
<h3>Ruang Falloff</h3>
<p>Blender membedakan antara <strong>falloff bola</strong> (jarak dihitung dalam ruang dunia 3D) dan <strong>falloff terproyeksi</strong> (jarak dihitung dalam ruang layar 2D). Falloff terproyeksi berarti dua titik yang tampak berdekatan di layar akan saling memengaruhi dengan kekuatan yang sama, meskipun keduanya berada pada kedalaman yang sangat berbeda dalam ruang dunia. Untuk pemahatan medan, falloff dalam ruang dunia 3D biasanya terasa lebih intuitif.</p>
<h3>Operasi Inti Kuas</h3>
<p><strong>Naikkan/Turunkan (Displacement):</strong> Tambahkan atau kurangi nilai medan skalar dalam radius kuas, dengan pembobotan berdasarkan falloff. Untuk heightmap: <code>height[i] += strength * falloff(d)</code>. Untuk SDF: <code>sdf[i] -= strength * falloff(d)</code> (pengurangan membuat material lebih padat dan menaikkan permukaan).</p>
<p><strong>Haluskan (Laplacian):</strong> Ganti setiap nilai dengan rata-rata nilai tetangganya, dengan pembobotan berdasarkan falloff. Operasi ini menghapus detail dan mengurangi noise. Filter Laplacian mengambil sampel kernel kecil (3x3 untuk heightmap, 3x3x3 untuk volume) dan memadukannya menuju nilai rata-rata. Penghalusan HC (Humphrey's Classes) adalah varian yang mempertahankan volume lebih baik daripada Laplacian mentah.</p>
<p><strong>Ratakan:</strong> Tetapkan nilai medan ke ketinggian target (atau jarak dalam ruang SDF), yang dipadukan berdasarkan falloff. Target biasanya diambil sampelnya dari pusat kuas ketika goresan dimulai, lalu dipertahankan konstan. Operasi ini menghasilkan dataran tinggi yang rata.</p>
<p><strong>Cubit/Gembungkan:</strong> Gerakkan vertex menuju atau menjauhi normal permukaan. Dalam ruang SDF, operasi ini setara dengan displacement sepanjang arah gradien.</p>
<p><strong>Tarik:</strong> Translasi suatu wilayah pada medan, seolah-olah Anda sedang menarik tanah liat. Vektor displacement berasal dari delta mouse yang diproyeksikan ke ruang dunia, lalu diterapkan pada nilai medan dalam radius.</p>
<p><strong>Noise:</strong> Tambahkan noise prosedural pada medan dalam radius kuas. Berguna untuk membuat permukaan halus menjadi lebih kasar.</p>
<p><strong>Stempel:</strong> Terapkan gambar skala abu-abu 2D sebagai displacement dengan memproyeksikannya ke permukaan di bawah kursor. Alat Landscape Unreal Engine mendukung teknik ini untuk kuas medan.</p>
<h3>Teselasi Adaptif</h3>
<p><code>sculpt-3D</code> (pemahatan berbasis React + Three.js di browser) mengimplementasikan teselasi adaptif: saat kuas bergerak melintasi mesh, segitiga di dekat pusat kuas dibagi lagi untuk menyediakan lebih banyak vertex bagi deformasi. Hal ini mencegah masalah &quot;peregangan low-poly&quot; ketika mesh kasar terdistorsi akibat pemahatan. Pembagian tersebut menggunakan pemisahan simetris agar kualitas segitiga tetap seragam.</p>
<p>Untuk sistem volumetrik, teselasi adaptif tidak diperlukan dengan cara yang sama karena mesh dibuat ulang dari medan. Sebagai gantinya, Anda dapat meningkatkan resolusi voxel secara lokal di dekat area pengeditan (octree adaptif) untuk memperoleh efek yang sama.</p>
<h2>Pemahatan SDF: Pendekatan Dreams</h2>
<p>Dreams dari Media Molecule (PS4, 2020) adalah sistem pemahatan di dalam game paling ambisius yang pernah dirilis. Alex Evans mempresentasikan pendekatan teknisnya pada SIGGRAPH 2015.</p>
<h3>Representasi</h3>
<p>Dreams menyimpan geometri sebagai fungsi SDF gabungan dalam blok tekstur volume fp16 berukuran 83^3. Setiap pahatan merupakan daftar berisi 1 hingga 100.000 &quot;pengeditan&quot;, dengan setiap pengeditan berupa operasi CSG (tambah, kurangi, warna) yang memiliki bentuk primitif (bola, kubus, silinder, kerucut, elipsoid, torus, dan sebagainya) serta mode blend.
Mode perpaduan menggunakan fungsi soft-max dan soft-min. Perpaduan &quot;lunak&quot; menghasilkan transisi membulat antarprimitif (seperti tanah liat yang ditekan hingga menyatu). Perpaduan &quot;keras&quot; menghasilkan potongan boolean yang tegas. Radius perpaduan dapat dikendalikan pengguna.</p>
<h3>Rendering</h3>
<p>Dreams tidak mengekstrak mesh segitiga. Sebaliknya, Dreams merender langsung dari SDF menggunakan perender point-cloud khusus (&quot;flecks&quot;). Setiap fleck adalah cakram kecil yang diorientasikan mengikuti normal permukaan. SDF diambil sampelnya untuk menemukan permukaan, lalu fleck disebarkan di atasnya. Hal ini sepenuhnya menghindari hambatan kinerja ekstraksi mesh, tetapi membutuhkan perender khusus.</p>
<p>Untuk dunia Three.js/WebGL, pendekatan ini tidak dapat diterapkan secara langsung. Kita perlu mengekstrak mesh. Namun, konsep daftar pengeditan CSG sangat relevan untuk urungkan/ulangi dan sinkronisasi jaringan.</p>
<h2>Mesin SDF Dinamis Mike Turitzin (2026)</h2>
<p>Sebuah mesin game yang saat ini sedang dikembangkan oleh Mike Turitzin menggunakan SDF dinamis sebagai representasi intinya. Mesin ini mendukung:</p>
<p><strong>Modifikasi mendetail selama permainan:</strong> Menambahkan dan menghilangkan materi secara halus atau dengan tepian tajam. Perubahan nondestruktif seperti memindahkan lubang atau membuat terowongan sementara yang menghilang di belakang pemain.</p>
<p><strong>Peta brick dan atlas brick</strong> untuk caching renggang. Alih-alih menyimpan seluruh medan SDF dalam grid 3D padat, medan dibagi menjadi &quot;brick&quot; (ubin 3D kecil). Hanya brick yang memuat batas permukaan yang dialokasikan. Hal ini secara drastis mengurangi penggunaan memori untuk adegan yang sebagian besar ruangnya kosong atau padat.</p>
<p><strong>Geometry clipmap</strong> (Losasso &amp; Hoppe, SIGGRAPH 2004) untuk LOD. Grid reguler bertingkat dengan resolusi yang makin tinggi mengelilingi posisi kamera. Grid terdalam memiliki resolusi paling tinggi; grid luar menjadi semakin kasar. Pendekatan ini sangat mengurangi penggunaan memori sekaligus mendukung ruang yang sangat luas. Clipmap diperbarui secara inkremental saat kamera bergerak, sehingga efisien untuk streaming dunia terbuka.</p>
<p><strong>Fisika dan tabrakan</strong> bekerja langsung terhadap SDF. Sphere-tracing (ray marching dengan jarak SDF sebagai ukuran langkah) memungkinkan raycasting yang efisien. Deteksi tabrakan menggunakan gradien SDF sebagai normal permukaan dan nilai jarak sebagai kedalaman penetrasi.</p>
<h2>Teardown: Destruksi Voxel dalam Skala Besar</h2>
<p>Teardown (Voxagon) mewakili ujung spektrum yang lain: setiap objek di dunia merupakan volume voxel yang dapat dihancurkan sedikit demi sedikit.</p>
<h3>Arsitektur</h3>
<p>Objek disimpan sebagai grid voxel dengan jarak teratur. Mesin ini tidak menggunakan Marching Cubes atau SDF untuk rendering. Sebaliknya, mesin melakukan ray tracing langsung pada voxel menggunakan algoritma DDA (Digital Differential Analyzer) yang dimodifikasi dalam fragment shader, dibangun di atas OpenGL 3.3. Mipmap membentuk struktur octree padat untuk mempercepat penelusuran ruang kosong selama perpotongan sinar.</p>
<p>Untuk setiap objek, mesin merasterisasi oriented bounding box (OBB) miliknya dan menelusurkan sinar melaluinya untuk menemukan perpotongan voxel. Hanya sisi belakang OBB yang dirender, sehingga kamera dapat masuk ke dalam volume pembatas.</p>
<h3>Sinkronisasi Destruksi (Multipemain)</h3>
<p>Pembaruan multipemain Teardown pada Maret 2026 menggunakan pendekatan semideterministik. Destruksi struktural (memotong lubang, mengubah kepemilikan, menyambungkan kembali joint) ditangani melalui matematika bilangan bulat fixed-point pada aliran jaringan yang andal. Semua klien menjalankan perintah deterministik yang sama dan mencapai keadaan dunia yang sama. Perubahan nonstruktural (serpihan, partikel) menggunakan sinkronisasi keadaan yang tidak andal.</p>
<p>Ini merupakan wawasan penting bagi dunia multipemain kita: pengeditan medan harus deterministik. Jika Pemain A memahat gunung, semua klien harus menghasilkan mesh yang sama dari data medan yang sama. Perintah pengeditan (posisi kuas, radius, kekuatan, jenis operasi) harus menjadi data otoritatif, bukan mesh yang dihasilkan.</p>
<h2>ALICE-SDF: Kompresi dan Pohon CSG</h2>
<p>ALICE-SDF (Adaptive Lightweight Implicit Compression Engine, v1.3.0 Maret 2026) menyediakan implementasi data spasial berbasis SDF dalam Rust dengan kompresi 10–1.000x dibandingkan mesh poligon. ALICE-SDF mendukung:</p>
<p><strong>126 blok pembangun:</strong> 72 primitif, 24 operasi, 7 transformasi, dan 23 modifier. Operasi perpaduan halus (union, subtraction, intersection), serta perpaduan chamfer dan tangga untuk bevel bertepi keras dan transisi CSG bertingkat.</p>
<p><strong>Diff/patch pohon CSG</strong> untuk urungkan/ulangi dan sinkronisasi jaringan. Inilah fitur utama untuk pemahatan multipemain: alih-alih mengirim seluruh keadaan medan, Anda mengirim diff struktural antara dua pohon CSG. Klien menerapkan patch untuk merekonstruksi keadaan baru. Pendekatan ini jauh lebih hemat bandwidth dibandingkan mengompresi delta data voxel mentah.</p>
<p><strong>Optimalisasi pohon CSG</strong> yang mencakup penghapusan transformasi identitas, penggabungan transformasi bertingkat, dan demosi modifier. Hal ini menjaga pohon tetap ringkas seiring menumpuknya pengeditan.</p>
<p><strong>Pembuatan mesh</strong> melalui Marching Cubes dan Dual Contouring. Deteksi tabrakan fisika bekerja langsung terhadap SDF.</p>
<p><strong>Dukungan WebAssembly</strong> memungkinkan integrasi browser. Mesin ini ditulis dalam Rust dengan binding WASM, sehingga menjadi opsi yang realistis untuk aplikasi Three.js.</p>
<h2>Komputasi WebGPU untuk Medan</h2>
<p>WebGPU kini tersedia di semua browser utama sejak akhir 2025. Chrome 113+, Edge 113+, Firefox 141+, dan Safari 26+ semuanya menyertakannya dalam keadaan aktif. Hal ini membuka pipeline compute shader yang sebelumnya hanya tersedia di GPU.</p>
<h3>Performa</h3>
<p>Compute shader WebGPU menghasilkan medan sekitar 100x lebih cepat daripada metode CPU berkat paralelisasi masif. GPU menjalankan ribuan kalkulasi secara bersamaan, dan pembuatan medan hampir sepenuhnya paralel (setiap vertex/voxel bersifat independen).</p>
<p>Pekerjaan diatur dalam tiga tingkatan: Dispatch Level (distribusi beban kerja di seluruh GPU), Workgroup Level (memori bersama dalam unit pemrosesan), dan Thread Level (kalkulasi individual). WGSL (WebGPU Shading Language) adalah bahasa shader yang digunakan.</p>
<h3>Pipeline Pemahatan Medan Real-Time</h3>
<p>Pipeline pemahatan WebGPU akan terlihat seperti ini:</p>
<ol>
<li>
<p><strong>Penerapan kuas</strong> (compute shader): Perbarui nilai medan skalar dalam radius kuas. Setiap thread menangani satu voxel. Baca parameter kuas (posisi, radius, kekuatan, jenis falloff, operasi) dari uniform buffer dan terapkan modifikasi.</p>
</li>
<li>
<p><strong>Ekstraksi mesh</strong> (compute shader): Jalankan Surface Nets atau Marching Cubes pada wilayah yang dimodifikasi. WebGPU SDF Editor karya Nijhoff mengimplementasikannya sebagai pipeline multistage: partisi ruang di 16.384 sel, pemisahan sel berbasis octree, lalu ekstraksi permukaan.</p>
</li>
<li>
<p><strong>Pembaruan vertex buffer</strong> (di sisi GPU): Tulis vertex yang diekstrak langsung ke render buffer tanpa perlu bolak-balik melalui memori CPU.</p>
</li>
<li>
<p><strong>Penghitungan normal</strong> (compute shader): Hitung normal vertex dari mesh atau gradien SDF.</p>
</li>
<li>
<p><strong>Render</strong> (pipeline standar): Gambar mesh dengan material PBR standar.</p>
</li>
</ol>
<p>Langkah 1–4 seluruhnya dapat berjalan di GPU tanpa mengembalikan data apa pun ke JavaScript. CPU hanya perlu mengirim parameter kuas pada setiap frame.</p>
<h3>WebGPU SDF Editor</h3>
<p>WebGPU SDF Editor karya Reinder Nijhoff (Januari 2026) mendemonstrasikan pendekatan ini berjalan di Chrome. Editor ini mendukung enam primitif (kerucut, silinder, kapsul, torus, kotak, bola), tiga operasi perpaduan (union, subtraction, intersection) dengan perpaduan halus yang dapat dikonfigurasi, serta scene graph hierarkis. Setiap primitif menempati 112 byte dalam satu buffer GPU.</p>
<p>Pipeline rendering menggunakan 1.024 shadow map untuk ambient occlusion dan temporal anti-aliasing. Pipeline ini berjalan pada frame rate interaktif di GPU kelas atas.</p>
<h2>Pemahatan Heightmap: Jalur yang Lebih Sederhana</h2>
<p>Jika dukungan gua dan bagian yang menjorok tidak diperlukan, pemahatan heightmap dapat menghindari seluruh pipeline volumetrik. Inilah cara sebagian besar game yang telah dirilis menangani pengeditan medan.</p>
<h3>Pola Implementasi Runtime</h3>
<p>Unity Runtime Terrain (JohannHotzel, Januari 2026) mendemonstrasikan pola standar:</p>
<ol>
<li><strong>Lakukan raycast</strong> dari kamera melalui posisi mouse untuk menemukan titik perkenaan pada medan.</li>
<li><strong>Petakan titik perkenaan</strong> ke koordinat heightmap.</li>
<li><strong>Terapkan kuas</strong> ke nilai heightmap di sekitarnya, dengan bobot berdasarkan falloff.</li>
<li><strong>Perbarui mesh</strong> dengan mengatur posisi Y vertex berdasarkan heightmap yang telah dimodifikasi.</li>
<li><strong>Bangun ulang collider fisika</strong> agar sesuai dengan mesh baru.</li>
</ol>
<p>Untuk medan Three.js kita, langkah 1–4 dapat dipetakan langsung ke arsitektur yang ada. Kelas <code>Chunk</code> sudah menyimpan heightmap dan membangun mesh darinya. Menambahkan pemahatan berarti menyediakan:</p>
<ul>
<li>Sistem raycasting terhadap mesh chunk (Three.js <code>Raycaster</code>)</li>
<li>Fungsi penerapan kuas yang memodifikasi nilai <code>chunk.heightmap</code></li>
<li>Pembaruan vertex mesh (atur posisi Y, hitung ulang normal)</li>
<li>Penghitungan ulang splat map untuk wilayah yang terdampak (agar perpaduan tekstur mencerminkan kemiringan/ketinggian baru)</li>
<li>Broadcast pengeditan melalui jaringan (posisi kuas, radius, kekuatan, operasi) ke klien lain melalui protokol WebSocket yang sudah ada</li>
</ul>
<h3>Pendekatan Clipmap</h3>
<p>Landow.dev menjelaskan &quot;wandering clipmap&quot; untuk medan heightmap: satu mesh dengan kepadatan subdivisi bervariasi yang mengikuti pemain. Alih-alih membagi heightmap menjadi mesh terpisah dengan tingkat LOD berbeda (seperti yang kita lakukan sekarang), clipmap merupakan mesh kontinu yang rapat di dekat kamera dan kasar di bagian tepi.</p>
<p>Hal ini sepenuhnya menghilangkan penyambungan LOD. Mesh hanya memiliki lebih banyak segitiga di tempat yang membutuhkannya dan lebih sedikit di tempat yang tidak. Konsekuensinya, pemahatan perlu memperbarui satu mesh besar, bukan masing-masing chunk, yang dapat memakan biaya besar untuk pengeditan berskala luas.</p>
<h3>Heightmap SDF Nondestruktif</h3>
<p>Landow.dev juga menjelaskan teknik yang menghasilkan heightmap itu sendiri dari komposisi SDF. Instans bentuk (bola, kotak, fungsi noise) dikomposisikan dalam compute shader menggunakan operasi CSG, lalu output-nya diambil sampelnya sebagai heightmap. Pendekatan ini menyediakan pengeditan nondestruktif (Anda dapat memindahkan atau menghapus instans bentuk apa pun kapan saja) sekaligus mempertahankan kesederhanaan rendering heightmap.</p>
<p>Ini merupakan pendekatan hibrida yang menarik: representasi datanya bersifat volumetrik (pohon CSG SDF), tetapi jalur rendering-nya menggunakan mesh heightmap standar. Anda memperoleh fitur urungkan/ulangi dan operasi pengeditan yang ramah jaringan dari sisi SDF, serta rendering dan fisika sederhana dari sisi heightmap. Keterbatasannya tetap sama: tidak ada gua atau bagian yang menjorok.</p>
<h2>Sparse Voxel Octree untuk Dunia Luas</h2>
<p>Grid 3D padat tidak dapat diskalakan dengan baik. Dunia berukuran 1 km pada setiap sisinya dengan resolusi 0,5 m akan membutuhkan 8 miliar voxel. Sparse Voxel Octree (SVO) mengatasi hal ini dengan membagi ruang secara rekursif dan hanya mengalokasikan penyimpanan untuk oktan yang memuat batas permukaan.</p>
<p>SVO secara alami menyediakan LOD hierarkis: kedalaman pohon di titik mana pun menentukan resolusi efektif. Di dekat pemain, pohon dikembangkan sepenuhnya (detail maksimum). Di kejauhan, pohon dipangkas pada tingkat yang lebih kasar.</p>
<p>Untuk rendering, SVO dapat di-ray-trace secara langsung (tidak memerlukan ekstraksi mesh). GPU ray marcher memotongkan sinar dengan kotak yang sejajar sumbu pada setiap tingkat pohon, sambil sepenuhnya melewati subtree kosong. Hal ini menghilangkan masalah overdraw pada rendering berbasis chunk dan menghindari artefak greedy meshing.</p>
<p>Pembangun SVO berbasis Vulkan karya AdamYuan menunjukkan performa yang signifikan: waktu pembangunan 19 md untuk Crytek Sponza pada resolusi 2^10 di GTX 1660 Ti.</p>
<p>Untuk pemahatan, modifikasi SVO berlangsung efisien: hanya node daun di dalam radius kuas yang perlu diperbarui, dan struktur pohon secara alami menangani resolusi yang bervariasi. Penambahan detail di tempat pemain memahat (membagi node ke resolusi yang lebih tinggi) dan pengurangan detail di tempat yang dihaluskan (menggabungkan node ke resolusi yang lebih rendah) muncul secara alami dari struktur data tersebut.</p>
<p>Tantangan untuk deployment di browser adalah WebGL tidak mendukung compute shader. Meskipun WebGPU mendukungnya, algoritma konstruksi dan penelusuran SVO rumit untuk diimplementasikan dalam WGSL.</p>
<h2>Sinkronisasi Jaringan untuk Pemahatan Multipemain</h2>
<p>Dunia kita sudah memiliki fitur multipemain melalui Cloudflare Durable Objects (<code>world-chunk-do.ts</code>). Menambahkan pemahatan berarti menyinkronkan modifikasi medan di antara semua klien yang terhubung.</p>
<h3>Kompresi Delta</h3>
<p>Mengirim data voxel mentah membutuhkan biaya besar. Studi tahun 2024 dari Universitas Oulu mencapai peningkatan payload 2–8x dengan menggabungkan delta-encoding dan kompresi DEFLATE, mengemas pembaruan voxel menjadi kurang dari satu byte per voxel. Codec SDEC mendemonstrasikan delta encoding yang dikemas dalam bit, dengan paket rata-rata 259 byte dibandingkan 1.114 byte menggunakan serialisasi generik.</p>
<h3>Sinkronisasi Berbasis Operasi (Direkomendasikan)</h3>
<p>Alih-alih menyinkronkan keadaan medan, sinkronkan operasinya. Setiap tindakan pemahatan menjadi pesan:</p>
<pre><code class="language-typescript">interface TerrainEditMsg {
  t: MsgType.TerrainEdit
  brush: {
    position: [number, number, number]
    radius: number
    strength: number
    falloff: 'smooth' | 'linear' | 'sharp' | 'constant'
    operation: 'raise' | 'lower' | 'smooth' | 'flatten' | 'noise'
    targetHeight?: number
  }
}
</code></pre>
<p>Server menyiarkan pesan ini ke semua klien, lalu setiap klien menerapkan operasi kuas deterministik yang sama pada data medan lokalnya. Ini adalah pendekatan yang sama dengan yang digunakan Teardown untuk destruksi struktural: perintah deterministik pada aliran yang andal.</p>
<p>Diff/patch pohon CSG ALICE-SDF membawa pendekatan ini lebih jauh: alih-alih goresan kuas individual, diff merepresentasikan perubahan struktural pada seluruh pohon CSG. Hal ini memungkinkan urungkan/ulangi secara efisien melalui jaringan (kirim patch invers) dan klien yang terlambat bergabung dapat merekonstruksi keadaan dunia secara penuh dengan memutar ulang log operasi.</p>
<h3>Prioritas dan Pembatasan Laju</h3>
<p>Pengeditan medan di dekat pemain yang terhubung harus berprioritas tinggi (langsung disiarkan). Pengeditan yang jauh dari pemain mana pun dapat dikelompokkan dan dikirim dengan frekuensi lebih rendah. Jaringan voxel Enshrouded menggunakan pola ini: pembaruan 60 Hz untuk medan di dekat pemain dan 10 Hz untuk wilayah latar belakang.</p>
<p>Kompresi ZSTD pada transmisi jaringan mengurangi ukuran paket hingga 60% untuk pesan pembaruan medan.</p>
<h2>Pemahatan Kolaboratif: Pengeditan Bersamaan</h2>
<p>Saat beberapa pemain memahat wilayah yang sama secara bersamaan, Anda memerlukan penyelesaian konflik. <code>cSculpt</code> (CNR Visual Computing Lab, 2016) mengatasinya dengan algoritma penggabungan multiresolusi. Setiap pengeditan direpresentasikan pada beberapa skala, lalu pengeditan bersamaan yang tumpang tindih digabungkan dengan memadukan representasi multiresolusinya.
Untuk kebutuhan kita, pendekatan yang lebih sederhana sudah memadai: penulisan terakhir yang menang dengan pengurutan oleh server. Durable Object memberi stempel waktu pada setiap pengeditan dan menyiarkannya secara berurutan. Semua klien menerapkan pengeditan dalam urutan yang sama. Karena sapuan kuas berukuran kecil, terlokalisasi, dan bersifat menambah/mengurangi, hasil visual dari pengeditan bersamaan yang urutannya sedikit berubah biasanya tidak dapat dibedakan dari urutan yang &quot;benar&quot;.</p>
<h2>INST-Sculpt: Pengeditan SDF Neural (Garda Depan Riset)</h2>
<p>INST-Sculpt (arxiv 2502.02891, Februari 2025) memungkinkan pengeditan SDF neural berbasis sapuan. Pengguna menggambar sapuan pada permukaan, lalu sistem mendeformasi medan neural yang mendasarinya di sepanjang area tubular di sekitar jalur sapuan. Profil kuas khusus (penampang lintang yang dapat dikonfigurasi) mengendalikan bentuk deformasi.</p>
<p>Hal ini menarik untuk medan yang dihasilkan AI: jika dunia dasar direpresentasikan sebagai SDF neural (jaringan neural kecil yang memetakan koordinat 3D ke jarak bertanda), pemahatan memodifikasi bobot jaringan alih-alih data voxel eksplisit. Representasinya sangat ringkas (beberapa MB untuk seluruh dunia), tetapi evaluasinya lebih mahal daripada tabel pencarian.</p>
<p>Teknologi ini masih berada pada tahap riset. Biaya inferensi SDF neural pada perangkat konsumen saat ini terlalu tinggi untuk penggunaan gim waktu nyata. Namun, teknologi ini patut dipantau, terutama seiring meningkatnya kemampuan shader WebGPU dan semakin cepatnya inferensi model.</p>
<h2>World Creator 2026.3: Mutakhir dalam Medan Komersial</h2>
<p>World Creator (BiteTheBytes, Maret 2026) merepresentasikan teknologi mutakhir komersial untuk alat pembuatan medan. Versi 2026.3 menambahkan pembuatan medan berbasis GPU dengan adaptasi medan otomatis (medan menyesuaikan diri dengan objek yang ditempatkan), distribusi objek yang berfokus pada kamera untuk pengoptimalan LOD, dan impor data elevasi dunia nyata (GeoTIFF, HGT, DTED).</p>
<p>Sejak itu, World Creator 2026.4 (28 April 2026) menambahkan ekspresi matematis dalam kolom numerik, pencampuran normal medan untuk menyatukan objek utama dengan permukaan, dukungan penuh untuk decal, dan penskalaan VRAM yang menyesuaikan jumlah maksimum objek dengan memori GPU yang tersedia. BiteTheBytes juga merilis Community Edition gratis yang memiliki fitur lengkap tetapi ekspornya dinonaktifkan, sehingga secara efektif menjadi versi uji coba tanpa batas waktu.</p>
<p>Pendekatan mereka menggunakan komputasi GPU untuk semua operasi medan: simulasi erosi, pengukiran sungai, dan pengecatan tekstur. Alat kuasnya diakselerasi GPU dengan umpan balik viewport waktu nyata. Ini sesuai dengan pipeline komputasi WebGPU yang dijelaskan di atas, yang dijalankan pada GPU desktop.</p>
<h2>Yang Telah Kita Bangun: 24 Spike dan Sebuah Dunia Produksi</h2>
<p>Direktori <code>world/spikes/</code> berisi 24 prototipe mandiri. Ini bukan demo mainan. Semuanya merupakan pipeline R&amp;D progresif, dengan setiap spike menyelesaikan masalah tertentu, mengukur performanya terhadap target, dan menjadi dasar untuk spike berikutnya. Sistem pemahatan dibangun di atas semuanya, bukan hanya spike volumetrik yang lebih baru.</p>
<h3>Medan Heightmap Produksi (<code>world/client/</code>)</h3>
<p>Dunia aktif menggunakan sistem heightmap berbasis chunk di Three.js WebGL:</p>
<ul>
<li><code>noise.ts</code> menghasilkan ketinggian medan melalui FBM value noise (5 oktaf untuk perbukitan, 4 untuk punggung bukit, 3 untuk detail mikro) dengan fungsi <code>terrainHeight(wx, wz)</code> yang deterministik</li>
<li><code>chunk.ts</code> membuat mesh <code>PlaneGeometry</code> dari heightmap <code>Float32Array</code> dengan 3 tingkat LOD (32/8/4 segmen per chunk berukuran 64 unit), serta menempatkan pohon/billboard terinstansiasi menggunakan penempatan acak berbasis seed dan collider per objek</li>
<li><code>chunk-manager.ts</code> melakukan streaming chunk dalam bentuk cincin di sekitar pemain (radius 1 pada LOD0, radius 3 pada LOD1, radius 6 pada LOD2) dengan penyambungan tepi melalui interpolasi linear di <code>stitchEdge()</code>, serta menyediakan <code>getHeight()</code>, <code>getNormal()</code>, dan <code>resolveCollisions()</code> untuk lapisan fisika</li>
<li><code>terrain-material.ts</code> melakukan pencampuran tekstur berbasis splat dengan 4 lapisan (rumput/batu/pasir/tanah) melalui <code>MeshStandardMaterial.onBeforeCompile</code>, menggunakan bobot berdasarkan kemiringan dan ketinggian, ditambah pencampuran normal map per lapisan</li>
<li><code>character-controller.ts</code> mengambil sampel ketinggian medan setiap frame untuk gravitasi, pijakan, dan penolakan lereng (kosinus kemiringan maksimum 50 derajat). Pemahatan harus segera memasukkan ketinggian yang telah dimodifikasi ke sistem ini atau pemain akan jatuh menembus medan yang diedit</li>
<li><code>placement.ts</code> sudah memiliki <code>Raycaster</code> yang mengenai mesh chunk untuk alat penempatan objek. Alat kuas harus mengikuti pola yang sama persis, alih-alih membangun raycasting dari awal</li>
<li><code>protocol.ts</code> mendefinisikan pesan berkode MessagePack untuk sinkronisasi multipemain melalui Durable Object <code>world-chunk-do.ts</code>, yang saat ini menangani pesan <code>PlayerState</code>, <code>PlaceObject</code>, <code>RemoveObject</code>, dan <code>Snapshot</code>. Pengeditan medan akan memerlukan jenis pesan baru</li>
<li><code>world-chunk-do.ts</code> (Cloudflare Worker) menyimpan objek yang ditempatkan ke penyimpanan Durable Object dan menyiarkannya kepada pemain yang terhubung dalam interval 50 md. Saat ini sistem tersebut belum memiliki konsep modifikasi medan</li>
</ul>
<h3>Spike 01-11: Lapisan Fondasi</h3>
<p>Spike-spike ini memvalidasi sistem inti yang akan menjadi tumpuan pemahatan. Melewatinya berarti mengabaikan batasan yang harus dipatuhi oleh sistem pemahatan.</p>
<p><strong>Spike 01 (Medan + Instancing):</strong> Prototipe medan pertama di Three.js. Menetapkan pola PlaneGeometry + heightmap dan penempatan objek terinstansiasi yang masih digunakan oleh <code>chunk.ts</code>.</p>
<p><strong>Spike 02 (Worker Fisika Rapier):</strong> Rapier 3D berjalan di dalam Web Worker dengan collider <code>ColliderDesc.heightfield()</code>. Spike ini membangun pengontrol karakter kinematik dengan langkah otomatis, batas kemiringan, dan penempelan ke permukaan tanah. Spike ini membuktikan bahwa fisika dapat berjalan di luar thread utama terhadap sebuah heightfield. Jika kita memahat medan, heightfield fisika harus dibuat ulang atau diganti dengan collider trimesh untuk chunk MC.</p>
<p><strong>Spike 05 (Perilaku LLM):</strong> Tidak berkaitan langsung dengan medan, tetapi menetapkan skema perilaku JSON untuk objek gim. Ini relevan karena fitur medan hasil pahatan dapat memicu perilaku (misalnya, sungai yang diukir memunculkan efek air).</p>
<p><strong>Spike 06 (Streaming Chunk):</strong> Sistem pemuatan/pertukaran chunk pertama dengan pemuatan dinamis saat pemain bergerak. Menetapkan pola yang digunakan oleh <code>chunk-manager.ts</code>: wilayah berwarna yang dimuat dan dibongkar. Pemahatan harus mempertahankan status pengeditan ketika chunk dibongkar dan dimuat kembali.</p>
<p><strong>Spike 07 (Vegetasi GPU dari Peta Kepadatan):</strong> Rumput dan pohon terinstansiasi yang ditempatkan melalui peta kepadatan dengan mengambil sampel ketinggian dan kemiringan medan. Pemahatan membuat penempatan vegetasi tidak lagi valid: jika ketinggian medan berubah, pohon dapat berakhir melayang atau terkubur. Peta kepadatan harus dibuat ulang untuk chunk yang diedit.</p>
<p><strong>Spike 08 (Biaya Shader Material Medan):</strong> Mengukur performa proyeksi triplanar, normal map, dan pencampuran 4 lapisan. Mengukur biaya setiap fitur secara presisi dalam milidetik. Ditemukan bahwa triplanar + normal + 4 lapisan tetap sesuai anggaran pada 45+ FPS. Anggaran ini penting bagi medan terpahat: jika kita menambahkan lapisan ke-5 untuk &quot;tanah yang diedit&quot; atau mengubah pencampuran untuk permukaan yang diukir, kita tahu persis berapa banyak ruang performa yang tersedia.</p>
<p><strong>Spike 09 (Anggaran Bayangan CSM):</strong> Cascaded shadow map dengan 3 cascade pada resolusi 1024^2. Biaya bayangan terukur sekitar 1,5 md. Medan terpahat mengubah shadow map, tetapi biayanya tetap konstan terlepas dari bentuk medan.</p>
<p><strong>Spike 10 (Clipmap Geometri + Geomorphing):</strong> Cincin clipmap bertingkat dengan geomorphing di antara tingkat LOD untuk menghilangkan kemunculan mendadak. Jumlah segitiga yang konstan menghasilkan biaya GPU yang dapat diprediksi. Geomorphing penting bagi pemahatan: ketika pemain memahat di dekat batas LOD, transisi morf di antara tingkat LOD harus mencerminkan pengeditan tersebut. Jika pengeditan hanya ada di cincin beresolusi tinggi, target geomorph akan salah.</p>
<p><strong>Spike 11 (Streaming Chunk Heightmap):</strong> Streaming chunk yang lebih canggih dengan kisi visual yang menunjukkan status dimuat/sedang dimuat/tidak dimuat pada setiap tingkat LOD. Menetapkan anggaran streaming: jumlah maksimum chunk yang dimuat per frame dan prioritas chunk yang memerlukan peningkatan LOD. Pemahatan menambahkan sinyal prioritas baru: chunk yang sedang aktif diedit oleh pemain tidak boleh dibongkar.</p>
<h3>Spike 12-14: Integrasi WebGPU + Three.js</h3>
<p><strong>Spike 12 (Marching Cubes WebGPU):</strong> Spike volumetrik pertama. Empat chunk SDF berukuran 64^3 dengan gua berbentuk bola yang dianimasikan, berjalan sepenuhnya di GPU. Menggunakan WebGPU mentah: pipeline komputasi untuk evaluasi SDF, ekstraksi MC dengan tabel kasus Twinklebear (256 konfigurasi, masing-masing 16 entri), penghitung vertex atomik, dan indirect draw. Target performanya adalah &lt;4 md per chunk, &lt;12 md untuk keempatnya. Ini memvalidasi bahwa MC GPU cukup cepat untuk remeshing waktu nyata di browser. Setiap spike volumetrik berikutnya menggunakan kembali tabel kasus MC dan shader WGSL yang didefinisikan di sini.</p>
<p><strong>Spike 13 (Reset Baseline dari Spike 12):</strong> Memindahkan jalur penggambaran WebGPU mentah milik Spike 12 agar berjalan di dalam <code>WebGPURenderer</code> Three.js, dengan mengakses <code>device</code> backend secara langsung. Pipeline rendering tetap menggunakan WebGPU mentah (<code>drawIndirect</code> dengan struct Vertex vec4+vec4). Ini membuktikan bahwa komputasi khusus dan rendering scene Three.js dapat berjalan berdampingan pada perangkat GPU yang sama.</p>
<p><strong>Spike 14 (Penguatan Inkremental WebGPU Three.js):</strong> Mengganti pipeline rendering mentah dengan <code>StorageBufferAttribute</code> Three.js untuk posisi dan normal. Komputasi MC menulis langsung ke buffer yang berada di GPU ini. Buffer <code>drawIndirect</code> mengendalikan jumlah vertex yang digambar Three.js. Ini adalah pola yang digunakan semua spike berikutnya: komputasi tetap menggunakan WebGPU mentah, sedangkan rendering dilakukan melalui scene graph Three.js. Versi Three.js di seluruh spike ini berkembang dari 0.170.0 menjadi 0.172.0 seiring stabilnya backend WebGPU.</p>
<h3>Spike 15-17: Penyambungan LOD Transvoxel</h3>
<p><strong>Spike 15 (Kerangka Seam Transvoxel):</strong> Menambahkan arsitektur tiga zona: chunk MC (pusat volumetrik), strip transisi (seam antara batas MC dan heightmap), serta cincin medan (heightmap di sekelilingnya). Ketiganya menggunakan pass material yang sama. Pada tahap ini, strip transisi masih berupa mesh pengganti, bukan sel Transvoxel yang sebenarnya.</p>
<p><strong>Spike 16 (Sisi +X Transvoxel dengan Heightmap Bersama):</strong> Dua terobosan penting dalam satu spike. Pertama, mengganti bidang medan datar di SDF dengan heightmap Perlin bersama: sebuah Float32Array 257x257 yang diunggah ke GPU sebagai buffer penyimpanan dan diambil sampelnya melalui interpolasi bilinear di shader komputasi SDF. Permukaan MC dan mesh heightmap kini menyepakati sumber data kebenaran yang sama. Kedua, mengimplementasikan sel transisi Transvoxel sebenarnya untuk sisi +X dengan mengambil tabel data referensi Eric Lengyel dari GitHub (<code>transitionCellClass</code>, <code>transitionVertexData</code>, <code>transitionCellData</code>) dan paket npm <code>transvoxel-data</code>. CPU mengevaluasi sel transisi 9 sampel (512 konfigurasi, 73 kelas ekuivalensi), menempatkan vertex dengan menginterpolasi nilai SDF pada titik kisi, dan menangani pembalikan winding untuk kasus yang dicerminkan.</p>
<p><strong>Spike 17 (LOD MC Ganda 1x/2x):</strong> Dua chunk MC berdampingan dengan resolusi berbeda. Resolusi tinggi: 62 sel dengan cell_scale=1.0. Resolusi rendah: 31 sel dengan cell_scale=2.0. Shader MC mendapatkan uniform <code>cell_scale</code> dan <code>grid_points</code>. Memperkenalkan <code>transition_shrink</code>: vertex batas face-0 pada chunk beresolusi rendah ditarik ke dalam sebesar 15% dari cell_scale, sehingga menciptakan celah tipis yang diisi oleh sel transisi Transvoxel tanpa z-fighting. Inilah model LOD yang dibutuhkan sistem produksi: chunk dekat menggunakan resolusi penuh, chunk jauh menggunakan separuh resolusi, dan Transvoxel pada setiap batas.</p>
<h3>Spike 18-21: Kasus Sudut Transvoxel dan Akselerasi GPU</h3>
<p>Keempat spike ini masing-masing menyelesaikan kasus kegagalan tertentu dalam implementasi Transvoxel. Mengelompokkannya akan mengaburkan perbedaan masalah yang diselesaikan.</p>
<p><strong>Spike 18 (Seam Heightmap 2:1):</strong> Menerapkan Transvoxel pada batas heightmap murni, dengan satu sisi memiliki resolusi dua kali sisi lainnya. Tidak ada MC yang terlibat. Seam antara chunk heightmap 62 sel dan 31 sel dihasilkan dari tabel transisi Transvoxel dengan penyusutan sisi beresolusi rendah sebesar 15%. Ini memvalidasi bahwa Transvoxel berfungsi untuk kasus yang hanya menggunakan heightmap, bukan hanya MC.</p>
<p><strong>Spike 19 (Kisi Sudut 64/32/32/16):</strong> Kasus penyambungan tersulit: empat chunk dengan resolusi berbeda bertemu di satu titik sudut (64, 32, 32, dan 16 sel). Sistem seam harus menghasilkan sel transisi di sepanjang empat tepi (A-B, A-C, B-D, C-D) dengan winding yang benar untuk setiap arah. Spike ini membuktikan bahwa tabel Transvoxel menangani sudut multiresolusi tanpa logika kasus khusus.</p>
<p><strong>Spike 20 (Sudut Transvoxel GPU):</strong> Memindahkan pembuatan sel transisi Transvoxel ke GPU untuk tata letak sudut 64/32/32/16. CPU menjadi bottleneck ketika membuat ulang sel transisi setiap frame untuk medan yang dianimasikan. Komputasi GPU menghasilkan vertex seam dalam pass yang sama dengan ekstraksi MC.</p>
<p><strong>Spike 21 (Sudut GPU MC + Transvoxel):</strong> Menggabungkan ekstraksi MC GPU penuh dengan pembuatan seam Transvoxel GPU dalam satu rangkaian dispatch komputasi. Chunk MC dan keempat seam dihasilkan di GPU, dengan jumlah vertex dikelola melalui penghitung atomik dan digambar menggunakan <code>drawIndirect</code>. Ini adalah pipeline GPU lengkap untuk medan volumetrik multiresolusi dengan transisi LOD tanpa celah.</p>
<h3>Spike 22-24: Arsitektur Hibrida</h3>
<p><strong>Spike 22 (Kebijakan Hibrida MC/Heightmap):</strong> Spike arsitektur utama. Secara default, chunk menggunakan heightmap. Ketika bola deformasi yang dianimasikan beririsan dengan AABB sebuah chunk, chunk tersebut beralih ke mode MC. Chunk lainnya tetap berupa mesh heightmap statis. Tata letak: chunk 64, 32/32, dan 16 sel pada resolusi berbeda. Seam Transvoxel menangani setiap batas, termasuk transisi MC-ke-heightmap. Spike ini melacak jumlah chunk MC dibandingkan chunk HM dan luapan vertex per frame.</p>
<p><strong>Spike 23 (Mode Chunk Berbasis Kebijakan):</strong> Dimuat sebagai patch di atas Spike 22. Menambahkan histeresis berdasarkan jarak kamera (chunk tidak berubah-ubah cepat di antara mode ketika kamera berada dekat ambang batas) dan mask pengeditan (chunk yang telah dideformasi tetap berada dalam mode MC meskipun sumber deformasi berpindah menjauh). Inilah perilaku &quot;pengeditan persisten&quot; yang dibutuhkan pemahatan: setelah pemain mengukir gua, chunk tersebut tetap volumetrik selamanya.</p>
<p><strong>Spike 24 (Kebijakan + Cincin Clipmap):</strong> Spike tercanggih. Menggabungkan sistem kebijakan medan dekat dari Spike 23 dengan cincin clipmap geometri medan jauh dari Spike 10. Ditingkatkan ke Three.js 0.183.1. Medan dekat menggunakan hibrida HM/MC dengan seam Transvoxel pada resolusi 64/32/16. Medan jauh menggunakan cincin clipmap berpusat statis yang mengikuti kamera. Ini adalah arsitektur rendering medan lengkap: pemahatan volumetrik berbasis chunk di tempat yang dibutuhkan dan medan clipmap murah di area lainnya.</p>
<h3>Mengapa Marching Cubes, Bukan Surface Nets</h3>
<p>Bagian riset eksternal dalam panduan ini menyarankan Surface Nets sebagai kandidat terkuat untuk pemahatan medan di browser. Namun, setiap spike dalam pipeline menggunakan Marching Cubes. Itu bukan kebetulan.</p>
<p>Keunggulan utama MC adalah paralelisme yang sangat mudah: setiap kubus sepenuhnya independen. Shader komputasi WGSL dalam Spike 12-24 menjalankan satu thread per kubus tanpa komunikasi antarsel. Penghitung atomik menangani alokasi verteks. Pendekatan ini sangat cocok dengan workgroup GPU.</p>
<p>Surface Nets menempatkan satu verteks per sel yang mengandung permukaan, lalu menghubungkannya dengan sel tetangga. Konektivitas tetangga tersebut merupakan dependensi antarsel. Crate <code>fast-surface-nets</code> menanganinya di CPU dengan urutan iterasi yang cermat. Di GPU, metode ini memerlukan pendekatan dua tahap (menemukan verteks, lalu menghubungkannya) atau memori bersama di dalam workgroup. Keduanya dapat dilakukan di WebGPU, tetapi menambah kompleksitas.</p>
<p>Rekomendasi praktisnya: tetap gunakan Marching Cubes untuk pipeline pemahatan. Metode ini telah terbukti di codebase kami, shader WGSL-nya sudah tersedia dan telah di-benchmark, serta sistem sambungan Transvoxel dibangun berdasarkan penempatan verteks berbasis sisi milik MC. Surface Nets layak dipertimbangkan kembali jika aliasing MC pada data biner menjadi masalah yang terlihat, tetapi untuk medan SDF dengan nilai berupa gradien halus, MC menghasilkan permukaan yang bersih.</p>
<h2>Arsitektur Praktis untuk Pemahatan</h2>
<p>Rangkaian spike telah menyelesaikan pipeline rendering. Yang tersisa adalah sistem kuas, efek samping berantai di seluruh sistem game, dan sinkronisasi multipemain. Berikut rencananya, yang dibangun berdasarkan setiap spike.</p>
<h3>Fase 1: Pemahatan Heightmap (Perubahan Minimal, Jangkauan Maksimal)</h3>
<p>Tambahkan alat kuas yang memodifikasi heightmap chunk dalam kode produksi <code>world/client/</code>. Pendekatan ini bekerja dengan renderer WebGL yang sudah ada dan tidak memerlukan WebGPU.</p>
<p><strong>Input kuas:</strong> Ikuti pola <code>PlacementTool</code> dalam <code>placement.ts</code>. Pola tersebut sudah memiliki <code>Raycaster</code> yang mengenai <code>chunkManager.getChunkMeshes()</code> dan melacak mesh bayangan pada titik tumbukan. <code>TerrainBrushTool</code> akan melakukan raycast yang sama, tetapi memodifikasi heightmap chunk alih-alih menempatkan objek. Handler <code>World.onMouseDown</code> sudah meneruskan tindakan berdasarkan status alat.</p>
<p><strong>Modifikasi chunk (<code>Chunk.applyBrush</code>):</strong> Petakan posisi kuas di dunia ke koordinat kisi heightmap. Untuk setiap titik kisi di dalam radius kuas, hitung perpindahan berbobot falloff, lalu tambahkan atau kurangi nilainya dari heightmap. Setelah itu, perbarui mesh: atur posisi Y verteks dari heightmap yang telah dimodifikasi, hitung ulang normal melalui diferensiasi terpusat (pola <code>terrainHeight(wx +/- eps, wz)</code> yang sama seperti yang sudah digunakan dalam <code>chunk.ts</code> baris 155-158), lalu buat ulang splat map melalui <code>createSplatMap()</code> dalam <code>terrain-material.ts</code> untuk area terdampak agar perpaduan tekstur berbasis kemiringan ikut diperbarui.</p>
<p><strong>Pengontrol karakter:</strong> <code>CharacterController.update()</code> memanggil <code>getHeight()</code> pada setiap frame untuk menentukan pijakan. <code>ChunkManager.getHeight()</code> mendelegasikan ke <code>Chunk.sampleHeight()</code>, yang membaca dari Float32Array <code>heightmap</code> milik chunk. Karena kita memodifikasi array tersebut secara langsung, pengontrol karakter akan mendeteksi perubahan pada frame berikutnya tanpa wiring tambahan.</p>
<p><strong>Invalidasi objek:</strong> Instance pohon dalam <code>chunk.ts</code> ditempatkan dengan mengambil sampel <code>terrainHeight()</code> saat spawn. Setelah pemahatan, pohon di area terdampak mungkin berada pada ketinggian yang salah. Fase 1 dapat menunda penanganan ini (pohon hanya sedikit melayang pada edit kecil). Fase 2 memerlukan <code>chunk.invalidateObjects()</code> yang mengambil ulang sampel ketinggian dan membangun kembali matriks instance. Hal yang sama berlaku untuk collider yang digunakan dalam <code>resolveCollisions()</code>.</p>
<p><strong>Fisika Rapier (jika terintegrasi):</strong> Spike 02 membuktikan bahwa collider heightfield berfungsi. Jika Rapier aktif, collider heightfield harus dibangun ulang atau di-patch untuk chunk yang dimodifikasi. <code>ColliderDesc.heightfield()</code> milik Rapier menerima Float32Array datar, sehingga collider dapat langsung diganti.</p>
<p><strong>Sinkronisasi jaringan:</strong> Tambahkan <code>MsgType.TerrainEdit = 10</code> ke <code>protocol.ts</code>:</p>
<pre><code class="language-typescript">interface TerrainEditMsg {
  t: MsgType.TerrainEdit
  cx: number
  cz: number
  brush: {
    wx: number
    wz: number
    radius: number
    strength: number
    falloff: number
    operation: number
  }
}
</code></pre>
<p><code>WorldChunkDO</code> menyiarkannya kepada semua klien dan menambahkannya ke log edit per chunk yang disimpan dalam penyimpanan Durable Object. Klien yang bergabung belakangan menerima log edit dalam pesan <code>Snapshot</code> dan memutarnya kembali untuk merekonstruksi status medan. Semua klien menerapkan fungsi kuas deterministik yang sama, sehingga semuanya menghasilkan heightmap yang sama.</p>
<p><strong>Pelepasan/pemuatan ulang chunk:</strong> Spike 06 dan Spike 11 menetapkan pola streaming. Saat sebuah chunk dilepas lalu dimuat ulang, log edit untuk chunk tersebut harus diputar kembali pada heightmap prosedural dasar. Log edit disimpan di sisi server (Durable Object) dan disertakan dalam pesan Snapshot.</p>
<h3>Fase 2: Pemahatan Volumetrik dengan Arsitektur Spike 22-24</h3>
<p>Port pipeline Spike 24 ke dunia produksi. Saat pemain memahat di bawah permukaan (membentuk gua atau menggali terowongan), chunk terdampak beralih dari mode heightmap ke mode MC.</p>
<p><strong>Migrasi renderer WebGPU:</strong> Spike 13-14 membuktikan bahwa <code>WebGPURenderer</code> milik Three.js dapat menjalankan komputasi kustom bersama scene graph. Dunia produksi beralih dari <code>WebGLRenderer</code> ke <code>WebGPURenderer</code> dengan <code>StorageBufferAttribute</code> untuk chunk MC. Gunakan jalur fallback khusus heightmap dari Fase 1 saat WebGPU tidak tersedia.</p>
<p><strong>Alokasi SDF per chunk:</strong> Ikuti pola hibrida Spike 22. Setiap chunk dimulai sebagai heightmap. Pada sapuan kuas volumetrik pertama, alokasikan Float32Array 64^3, inisialisasikan dengan mengambil sampel heightmap (nilai SDF pada setiap titik adalah <code>world.y - heightmap_value</code>), lalu beralih ke rendering MC. Sistem kebijakan dari Spike 23 memastikan chunk tetap berada dalam mode MC secara permanen (perilaku &quot;edit melekat&quot; dari edit mask).</p>
<p><strong>Heightmap bersama dalam shader SDF:</strong> Fungsi <code>height_at()</code> dari Spike 16. Unggah heightmap chunk ke buffer penyimpanan GPU. Shader komputasi SDF mengevaluasi <code>max(height_sdf, edit_sdf)</code>, dengan <code>height_sdf = world.y - height_at(world.xz)</code> dan <code>edit_sdf</code> berisi modifikasi kuas. Chunk MC dan heightmap menggunakan acuan permukaan yang sama pada batas-batasnya.</p>
<p><strong>Sambungan Transvoxel:</strong> Gunakan stack lengkap dari Spike 15-21. Batas MC-ke-heightmap menggunakan sel transisi dengan celah penyusutan. Batas MC-ke-MC pada resolusi berbeda menggunakan pola LOD ganda dari Spike 17. Kasus sudut dari Spike 19 menangani persimpangan empat arah. Komputasi GPU Spike 21 menghasilkan semua geometri sambungan dalam dispatch yang sama.</p>
<p><strong>Medan jauh clipmap:</strong> Gunakan cincin clipmap dari Spike 24 untuk medan di luar jangkauan pemahatan. Pemahatan tidak pernah memengaruhi cincin ini; cincin tersebut mengambil sampel heightmap prosedural dasar.</p>
<p><strong>Geomorphing:</strong> Geomorphing dari Spike 10 menghilangkan kemunculan mendadak pada transisi LOD. Untuk chunk yang diedit, target geomorph harus menyertakan edit tersebut. Jika sebuah chunk menggunakan MC pada LOD0 dan tetangga LOD1-nya menggunakan heightmap, geomorph memadukan kedua representasi tersebut. Hal ini memerlukan pengambilan sampel log edit bahkan pada LOD yang lebih rendah.</p>
<p><strong>Anggaran material:</strong> Spike 08 menguji 4 lapisan triplanar + normal pada 45+ FPS. Chunk MC memerlukan material yang sama. Splat map dapat dibuat dari gradien SDF (curam = batu, datar = rumput), bukan dari kemiringan heightmap. Pendekatan ini tetap berada dalam anggaran empat lapisan.</p>
<p><strong>Invalidasi vegetasi:</strong> Vegetasi berbasis density map dari Spike 07 bergantung pada ketinggian dan kemiringan medan. Saat sebuah chunk beralih ke mode MC, instance pohon harus dibuat ulang dengan mengambil sampel permukaan SDF. Pohon pada bagian menggantung atau di dalam gua harus disingkirkan. Matriks instanced mesh dari <code>chunk.ts</code> dibangun ulang berdasarkan permukaan baru.</p>
<h3>Fase 3: Pohon Edit CSG untuk Urungkan/Ulangi dan Sinkronisasi Jaringan</h3>
<p>Ganti mutasi SDF mentah dengan pohon operasi CSG. Setiap sapuan kuas menambahkan bentuk primitif (bola, kapsul, kotak) beserta operasinya (tambah, kurangi, perpaduan halus). SDF dihitung ulang dari pohon tersebut.</p>
<p><strong>Manfaat:</strong></p>
<ul>
<li>Nondestruktif: edit apa pun dapat dihapus dari pohon untuk mengurungkannya</li>
<li>Efisien untuk jaringan: siarkan operasi CSG, bukan nilai field mentah</li>
<li>Deterministik: semua klien membangun SDF yang sama dari urutan operasi yang sama</li>
<li>Diff/patch pohon CSG milik ALICE-SDF menyediakan sinkronisasi serta urungkan/ulangi lintas jaringan yang hemat bandwidth</li>
</ul>
<p><strong>Penyimpanan Durable Object:</strong> Pohon edit per chunk menggantikan log edit datar dari Fase 1. <code>WorldChunkDO</code> menyimpan struktur pohon CSG, bukan delta heightmap mentah. Pesan <code>Snapshot</code> menyertakan pohon tersebut, dan klien yang bergabung belakangan mengevaluasinya untuk menghasilkan SDF lokal.</p>
<h3>Fase 4: Pemahatan Kolaboratif</h3>
<p>Tambahkan dukungan edit serentak dengan pemutaran ulang operasi yang diurutkan server. Durable Object memberi timestamp pada setiap edit dan menyiarkannya secara berurutan. Klien yang bergabung belakangan menerima log operasi dan merekonstruksi status dunia. Tipe pesan <code>Snapshot</code> yang ada diperluas agar menyertakan riwayat edit medan per chunk.</p>
<p>Karena sapuan kuas berukuran kecil, terlokalisasi, serta bersifat aditif atau subtraktif, hasil visual dari edit serentak yang urutannya sedikit berbeda biasanya tidak dapat dibedakan dari urutan yang &quot;benar&quot;. Strategi last-write-wins dengan pengurutan server sudah memadai. Fungsi <code>tick()</code> milik Durable Object (saat ini berjalan setiap interval 50 ms untuk status pemain) menambahkan siaran edit medan ke loop yang sama.</p>
<h2>Referensi Utama</h2>
<p><strong>Algoritma:</strong></p>
<ul>
<li>Lorensen &amp; Cline, &quot;Marching Cubes&quot; (1987)</li>
<li>Eric Lengyel, &quot;Transvoxel Algorithm&quot; (2009), <a href="http://transvoxel.org">transvoxel.org</a></li>
<li>Losasso &amp; Hoppe, &quot;Geometry Clipmaps&quot; (SIGGRAPH 2004)</li>
<li>&quot;A High-Performance SurfaceNets Discrete Isocontouring Algorithm&quot; (arxiv 2401.14906, 2024)</li>
<li>MCHex (arxiv 2511.02064, 2025)</li>
</ul>
<p><strong>Implementasi:</strong></p>
<ul>
<li>bevy-sculpter v0.18.0 (Rust, Surface Nets + kuas SDF)</li>
<li>fast-surface-nets (Rust, 20 juta segitiga/detik)</li>
<li>ALICE-SDF v1.3.0 (Rust + WASM, diff/patch pohon CSG)</li>
<li>Editor SDF WebGPU (Nijhoff, Januari 2026)</li>
<li>SculptingPro (API pemahatan runtime Unity)</li>
<li>TerraBrush (GDExtension pemahatan medan Godot)</li>
</ul>
<p><strong>Game:</strong></p>
<ul>
<li>Dreams (Media Molecule, SDF + rendering point cloud, SIGGRAPH 2015)</li>
<li>Teardown (Voxagon, ray tracing DDA voxel, penghancuran multipemain deterministik)</li>
<li>Engine SDF Mike Turitzin (brick map + geometry clipmap, Januari 2026)</li>
</ul>
<p><strong>Jaringan:</strong></p>
<ul>
<li>&quot;Optimizing payload size for voxel state synchronization&quot; (Oulu, 2024)</li>
<li>Multipemain Teardown (sinkronisasi penghancuran semideterministik, Maret 2026)</li>
<li>cSculpt (pemahatan mesh kolaboratif dengan penggabungan multiresolusi)</li>
</ul>
<p><BuildCta
  title="Lebih sedikit memahat, lebih cepat bermain"
  desc="Buat game berbasis medan tanpa menyentuh kuas."
  prompt="Buat game yang berlatar di ngarai pahatan tangan dengan sebuah sungai" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Model Video AI Terbaik dengan Dukungan Gambar Referensi (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/long-reference-video-models</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/long-reference-video-models</guid>
            <pubDate>Sat, 28 Mar 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Model pembuatan video AI yang menghasilkan video panjang dan konsisten dari gambar referensi pada 2026 - generator berdurasi panjang native, alur kerja referensi-dan-perpanjang, serta opsi sumber terbuka yang dapat Anda hosting sendiri.]]></description>
            <content:encoded><![CDATA[<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.video-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  max-width: 720px;
}
</style>
<h1>Model Video AI Terbaik dengan Dukungan Gambar Referensi (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Menghasilkan klip berdurasi 10 detik kini mudah. Setiap model besar dapat melakukannya. Pertanyaan sebenarnya adalah: bisakah Anda menghasilkan video koheren berdurasi 5 atau 10 menit, dengan karakter yang tetap terlihat sama pada menit pertama dan menit kedelapan? Dengan adegan yang tetap konsisten sepanjang ratusan frame?</p>
<p>Itulah masalah yang sulit. Dan di area inilah perkembangan berlangsung sangat cepat. Panduan ini mencakup semua model yang kami temukan yang dapat menghasilkan video panjang secara native atau mendukung alur kerja yang diperlukan untuk membuat konten berdurasi panjang dengan karakter konsisten melalui gambar referensi. Kami membaginya menjadi tiga tingkat: model yang secara langsung menghasilkan video berdurasi beberapa menit, model dengan dukungan gambar referensi kuat yang dapat Anda perpanjang melalui kelanjutan, dan opsi sumber terbuka yang dapat Anda jalankan sendiri.</p>
<h2>Tingkat 1: Pembuatan Berdurasi Panjang Native (Beberapa Menit+)</h2>
<p>Model-model ini menghasilkan video yang diukur dalam hitungan menit, bukan detik. Model tersebut sejak awal dirancang untuk menjaga konsistensi temporal sepanjang sekuens yang panjang.</p>
<h3>LongCat Video</h3>
<p>Meituan merilis LongCat Video pada akhir 2025. Ini adalah diffusion transformer dengan 13,6 miliar parameter dan merupakan model pertama yang dapat secara andal menghasilkan video koheren berdurasi hingga 15 menit.</p>
<p>Model ini mendukung teks-ke-video, gambar-ke-video, dan kelanjutan video dalam satu pipeline terpadu. Dalam mode I2V, gambar masukan menjadi frame pertama video secara harfiah. Gambar tersebut bukan referensi karakter fleksibel yang bisa Anda tempatkan dalam adegan apa pun. Model menganimasikan video ke depan dari frame awal tersebut sambil menggunakan &quot;Cross-Chunk Latent Stitching&quot; untuk terus merujuk pada gambar asli selama proses pembuatan, mencegah pergeseran warna dan mempertahankan konsistensi visual sepanjang sekuens panjang. Varian terbaru pada 2026 menambahkan pembuatan avatar berbasis audio dengan sinkronisasi bibir untuk video talking head berdurasi lebih dari 5 menit.</p>
<p>Di balik layar, LongCat menggunakan pendekatan pembuatan dari kasar ke halus dengan Block Sparse Attention untuk menangani panjang sekuens yang sangat besar. Penyetelan RLHF meningkatkan kualitas gerakan. Pada tolok ukur VBench 2.0, model ini menempati peringkat ketiga secara keseluruhan, di belakang Google Veo 3 dan Vidu Q1 dari Shengshu.</p>
<p><strong>Ketersediaan:</strong> Sumber terbuka dengan lisensi MIT. Tersedia melalui API <a href="http://fal.ai">fal.ai</a> dengan harga $0.04 per detik video yang dihasilkan ($36 untuk video 15 menit pada 720p). Juga tersedia melalui platform LongCat sendiri dengan harga berbasis kredit.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi maksimum</td>
<td>~15 menit</td>
</tr>
<tr>
<td>Resolusi</td>
<td>720p pada 30fps</td>
</tr>
<tr>
<td>Parameter</td>
<td>13.6B</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Hanya frame pertama (mode I2V, bukan referensi karakter)</td>
</tr>
<tr>
<td>Lisensi</td>
<td>MIT</td>
</tr>
<tr>
<td>Biaya API</td>
<td>~$0.04/detik (<a href="http://fal.ai">fal.ai</a>)</td>
</tr>
</tbody>
</table>
<h3>Seaweed APT2</h3>
<p>Seaweed APT2 dari ByteDance menggunakan pendekatan yang berbeda. Alih-alih menghasilkan video lengkap sejak awal, model ini membuat frame secara autoregresif pada 24fps dengan latensi hanya 0,16 detik per frame pada satu H100. Hasilnya adalah video stabil berdurasi hingga 5 menit dengan konsistensi temporal yang tetap terjaga.</p>
<p>Trik teknisnya adalah Autoregressive Adversarial Post-Training (AAPT), yang mengubah model difusi video dua arah pralatih menjadi generator autoregresif satu arah. Satu evaluasi forward jaringan per frame. Itulah yang memungkinkan pembuatan secara real-time.</p>
<p>Selain durasinya, hal yang membuat model ini menarik adalah interaktivitasnya. Anda dapat mengendalikan kamera, menganimasikan karakter melalui deteksi pose, dan memanipulasi adegan saat video dirender. Anggap model ini bukan sekadar &quot;menghasilkan video&quot;, melainkan &quot;mengarahkan video secara real-time&quot;.</p>
<p><strong>Ketersediaan:</strong> Masih dalam tahap riset. Belum tersedia untuk publik. Model dasar 7B (Seaweed-7B) telah memiliki makalah yang dipublikasikan, tetapi bobot APT2 belum dirilis.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi maksimum</td>
<td>~5 menit</td>
</tr>
<tr>
<td>Resolusi</td>
<td>736x416 (satu GPU), hingga 720p (8 GPU)</td>
</tr>
<tr>
<td>Parameter</td>
<td>8B</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Melalui I2V dan kontrol pose interaktif</td>
</tr>
<tr>
<td>Lisensi</td>
<td>Belum dirilis</td>
</tr>
<tr>
<td>Status</td>
<td>Pratinjau riset</td>
</tr>
</tbody>
</table>
<h3>Helios</h3>
<p>Helios berasal dari Peking University dan dibuat di atas Wan 2.1. Ini adalah model dengan 14B parameter yang menghasilkan video berdurasi beberapa menit pada 19,5 FPS menggunakan satu H100. Inovasi utamanya terletak pada caranya menangani pergeseran dalam video panjang. Alih-alih menggunakan teknik antipergeseran konvensional seperti self-forcing atau sampling keyframe, Helios menyimulasikan pergeseran selama pelatihan agar model belajar mengoreksinya.</p>
<p>Model ini secara native mendukung tugas teks-ke-video, gambar-ke-video, dan video-ke-video. Mode I2V menerima gambar referensi untuk mengawali proses pembuatan.</p>
<p><strong>Ketersediaan:</strong> Sepenuhnya sumber terbuka dengan lisensi Apache 2.0. Dirilis pada Maret 2026. Kode dan bobot tersedia di GitHub (PKU-YuanGroup/Helios). Terintegrasi dengan Diffusers, SGLang, dan vLLM-Omni. Demo Gradio tersedia di HuggingFace Spaces.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi maksimum</td>
<td>Skala menit (tanpa batas tetap)</td>
</tr>
<tr>
<td>Resolusi</td>
<td>720p</td>
</tr>
<tr>
<td>Parameter</td>
<td>14B</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Ya (mode I2V)</td>
</tr>
<tr>
<td>Lisensi</td>
<td>Apache 2.0</td>
</tr>
<tr>
<td>Perangkat keras</td>
<td>Satu H100 untuk real-time</td>
</tr>
</tbody>
</table>
<h3>SkyReels V2 / V3</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/NJcRyQu30yM" title="AI SkyReels: Pembuatan Video dengan Durasi Tak Terbatas" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">SkyReels V3 menerima 1-4 gambar referensi dan menghasilkan video berdurasi tak terbatas dengan perpindahan multishot serta sintesis avatar berbasis audio.</div>
<p>Lini SkyReels dari Skywork menargetkan video dengan durasi tak terbatas. V2 menggunakan arsitektur AutoRegressive Diffusion-Forcing yang menghasilkan video tanpa batas durasi tetap. V3, yang dirilis pada Januari 2026, menyatukan gambar referensi-ke-video, perpanjangan video-ke-video, dan pembuatan avatar berbasis audio dalam satu model.</p>
<p>V3 menerima 1 hingga 4 gambar referensi dan mempertahankan identitas subjek sepanjang video yang dihasilkan. Mode video-ke-video memungkinkan kelanjutan single-shot yang mulus dan perpindahan multishot dengan transisi sinematik.</p>
<p>Skywork mengumumkan SkyReels V4 pada 25 Februari 2026, model dual-stream yang menghasilkan video dan audio secara bersamaan hingga 1080p/32fps serta menerima teks, gambar, klip video, mask, dan audio sebagai masukan pengondisian. Satu koreksi untuk tulisan kami pada Juli: V4 belum dijadikan sumber terbuka. Hingga September 2026, <a href="https://github.com/orgs/SkyworkAI/repositories">organisasi GitHub SkyworkAI</a> memiliki repositori untuk V1 hingga V3 dan Matrix-Game, tetapi tidak memiliki bobot V4 ataupun API publik. Karena itu, V3 tetap menjadi batas tertinggi model referensi-ke-video sumber terbuka dari Skywork.</p>
<p><strong>Ketersediaan:</strong> Sepenuhnya sumber terbuka. Model tersedia dalam ukuran 1.3B hingga 14B parameter. Tersedia pada 540p dan 720p. Kode dan bobot tersedia di GitHub dan HuggingFace.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi maksimum</td>
<td>Tak terbatas (autoregresif)</td>
</tr>
<tr>
<td>Resolusi</td>
<td>540p, 720p</td>
</tr>
<tr>
<td>Parameter</td>
<td>1.3B, 5B, 14B</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>1-4 gambar (V3)</td>
</tr>
<tr>
<td>Lisensi</td>
<td>Sumber terbuka</td>
</tr>
<tr>
<td>Perangkat keras</td>
<td>Minimum RTX 4090, disarankan 4-8x A100</td>
</tr>
</tbody>
</table>
<h2>Tingkat 2: Klip Pendek dengan Dukungan Referensi + Perpanjangan yang Kuat</h2>
<p>Model-model ini menghasilkan klip berdurasi 8-60 detik, tetapi menawarkan dukungan gambar referensi dan fitur perpanjangan video yang kuat. Untuk konten berdurasi panjang, Anda menyambungkan beberapa klip menggunakan endpoint kelanjutan atau perpanjangan model. Konsistensi karakter berasal dari gambar referensi yang dipertahankan di seluruh proses pembuatan.</p>
<p>Inilah alur kerja praktis yang saat ini digunakan sebagian besar kreator untuk konten berdurasi lebih dari satu menit. Kualitas setiap klip sering kali lebih tinggi daripada model berdurasi panjang native.</p>
<h3>Kling 3.0 Omni (Kuaishou)</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/gn3YTrStUn8" title="Memperkenalkan Kling 3.0: Pembuatan Video AI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Kling 3.0 Omni menggabungkan elemen karakter, referensi gaya, dan storyboard multishot dalam satu panggilan dengan keluaran native 4K 60fps.</div>
<p>Kling memiliki sistem gambar referensi paling lengkap di antara semua model video. Model ini memisahkan masukan referensi menjadi tiga kategori berbeda, yang masing-masing memiliki tujuan tersendiri:</p>
<p><strong>Gambar Referensi</strong> (<code>image_urls</code>): Hingga 4 gambar untuk panduan gaya dan tampilan. Anda menandainya dalam prompt sebagai <code>@Image1</code>, <code>@Image2</code>, dan seterusnya. Gambar-gambar ini memengaruhi tampilan keseluruhan, gaya adegan, dan lingkungan tanpa menjadi frame pertama.</p>
<p><strong>Elemen</strong> (<code>elements</code>): Masukan khusus untuk karakter/objek. Setiap elemen menerima <code>frontal_image_url</code> (foto yang jelas dari arah depan) serta <code>reference_image_urls</code> opsional (sudut tambahan). Anda merujuknya sebagai <code>@Element1</code>, <code>@Element2</code> dalam prompt. Model mengekstrak identitas karakter dan menempatkannya dalam adegan apa pun yang Anda deskripsikan. Inilah fitur utama untuk konten bergaya film petualangan: unggah foto karakter, lalu deskripsikan karakter tersebut berjalan melintasi hutan, melawan naga, atau melakukan apa pun yang Anda inginkan.</p>
<p><strong>Frame Awal/Akhir</strong> (<code>start_image_url</code>, <code>end_image_url</code>): Menetapkan gambar tertentu sebagai frame pertama atau terakhir. Ini adalah frame secara harfiah, bukan panduan gaya.</p>
<p>Jumlah total dari ketiga kategori tersebut adalah hingga 7 masukan referensi (berkurang menjadi 4 saat juga menggunakan video referensi). Satu prompt seperti <code>&quot;@Element1 dan @Element2 sedang makan malam di meja dalam @Image1&quot;</code> dapat menggabungkan karakter dengan referensi adegan.</p>
<p>Untuk konten berdurasi panjang, Kling menawarkan dua jalur. Mode multishot menghasilkan hingga 6 adegan dalam satu panggilan, masing-masing dengan prompt dan durasinya sendiri (masing-masing 3-15 detik). Elemen karakter dipertahankan secara otomatis di seluruh shot. API extend melanjutkan dari bagian akhir video yang telah selesai, mencapai sekitar 3 menit melalui perpanjangan berantai. Mode penyuntingan V2V menerima video yang sudah ada (3-10 detik) dan mengubahnya menggunakan referensi elemen serta prompt teks, mempertahankan gerakan kamera dan penempatan karakter dari sumber sambil mengubah gaya karakter dan lingkungan berdasarkan referensi Anda. Hal ini membuat Kling sangat berguna untuk meningkatkan kualitas rekaman yang sudah ada, termasuk render 3D berfidelitas rendah.</p>
<p>Kling 3.0 Omni menyatukan teks-ke-video, gambar-ke-video, referensi-ke-video, dan penyuntingan video dalam satu model dengan pembuatan audio native dan sinkronisasi bibir. Pada Juni 2026, Kuaishou menambahkan Kling 3.0 Turbo, varian yang lebih cepat dan murah dengan audio yang disertakan pada 720p dan 1080p, serta meningkatkan pipeline penyuntingan Omni agar dapat menerima dan menghasilkan video 4K. Hingga September 2026, Kling 3.5 ataupun 4.0 belum dirilis, sehingga 3.0 Omni masih menjadi model video terkini.</p>
<p><strong>Ketersediaan:</strong> API komersial melalui Kuaishou, <a href="http://fal.ai">fal.ai</a>, dan Replicate, dengan harga per detik yang bervariasi berdasarkan resolusi dan varian. Antarmuka web tersedia di <a href="http://klingai.com">klingai.com</a>.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>3-15 detik</td>
</tr>
<tr>
<td>Durasi setelah diperpanjang</td>
<td>~3 menit (melalui perpanjangan berantai)</td>
</tr>
<tr>
<td>Resolusi</td>
<td>720p, 1080p (4K dalam penyuntingan Omni)</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Hingga 4 (referensi gaya <code>@Image</code>)</td>
</tr>
<tr>
<td>Elemen</td>
<td>Hingga 4 (referensi karakter <code>@Element</code> dengan tampak depan + sudut lain)</td>
</tr>
<tr>
<td>Total referensi</td>
<td>Hingga 7 gabungan (4 dengan referensi video)</td>
</tr>
<tr>
<td>Multishot</td>
<td>Ya (hingga 6 shot dalam storyboard)</td>
</tr>
<tr>
<td>Audio</td>
<td>Audio tersinkronisasi native + sinkronisasi bibir</td>
</tr>
<tr>
<td>Penyuntingan video</td>
<td>Ya (penyuntingan video yang sudah ada dengan panduan teks)</td>
</tr>
<tr>
<td>API</td>
<td>Kuaishou, <a href="http://fal.ai">fal.ai</a>, Replicate</td>
</tr>
</tbody>
</table>
<h3>Gambar-ke-video Kling dengan beberapa gambar referensi</h3>
<p>Inilah pertanyaan yang paling sering kami terima tentang Kling, jadi berikut ringkasan singkat tentang cara kerja referensi multigambar dalam model terkini, berdasarkan <a href="https://kling.ai/quickstart/klingai-video-3-omni-model-user-guide">panduan VIDEO 3.0 Omni</a> milik Kling. Gambar-ke-video standar menerima satu gambar dan menganimasikannya sebagai frame pertama. Referensi multigambar merupakan mode yang berbeda: Anda mengunggah beberapa gambar, menandainya dalam prompt, lalu model menyusun shot baru dari gambar-gambar tersebut. Tanpa video referensi dalam permintaan, Anda dapat melampirkan hingga 7 gambar dan elemen secara gabungan, sedangkan dengan video referensi batasnya berkurang menjadi 4. Satu elemen karakter dapat dibuat dari hingga 4 foto dengan sudut berbeda, atau dari klip video satu karakter berdurasi 3 hingga 8 detik. Anda juga dapat mengikat rekaman suara berdurasi 5 hingga 30 detik ke elemen tersebut agar karakter mempertahankan suara yang sama di seluruh shot. Dalam prompt, Anda merujuknya sebagai <code>@Image1</code> untuk referensi gaya atau adegan dan <code>@Element1</code> (atau nama yang Anda berikan pada elemen tersebut) untuk karakter atau objek yang dikunci. Jadi, prompt seperti &quot;@Grace berjalan melintasi @Image1 saat senja&quot; akan menempatkan karakter yang konsisten ke dalam adegan yang Anda sediakan. Keluaran berdurasi hingga 15 detik pada 720p atau 1080p dengan audio native, dan pustaka elemen yang sama dapat digunakan dalam storyboard multishot Kling. Inilah cara mempertahankan satu karakter sepanjang sekuens enam shot. Jika Anda hanya membutuhkan gambar diam yang konsisten, bukan video, Kling IMAGE 3.0 menerima hingga 10 gambar referensi menurut <a href="https://kling.ai/quickstart/klingai-image-3-model-user-guide">panduan gambarnya</a>. Alur kerja yang umum adalah mengunci karakter terlebih dahulu di sana, lalu memasukkan gambar diam tersebut sebagai elemen.</p>
<h3>Grok Imagine (xAI)</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/DMXA0qGf-1s" title="Grok Imagine: Demo Perpanjangan Video dan Referensi" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Grok Imagine memisahkan mode referensi dari mode frame pertama, sehingga Anda dapat menandai hingga 7 gambar sebagai referensi karakter atau objek dalam prompt.</div>
xAI meluncurkan mode Reference-to-Video Grok Imagine pada awal 2026 dengan dukungan untuk 1-7 gambar referensi. Dokumentasinya secara eksplisit membedakan mode ini dari image-to-video: "Tidak seperti image-to-video, di mana gambar sumber menjadi frame awal, gambar referensi memengaruhi apa yang muncul dalam video tanpa mengunci frame pertama."
<p>Anda menandai gambar dalam prompt sebagai <code>&lt;IMAGE_1&gt;</code>, <code>&lt;IMAGE_2&gt;</code>, dan seterusnya. Prompt seperti <code>&quot;model dari &lt;IMAGE_1&gt; berjalan ke panggung peragaan busana dengan mengenakan kemeja dari &lt;IMAGE_2&gt;&quot;</code> menggabungkan referensi seseorang dengan referensi pakaian. Model ini menangani coba pakaian virtual, penempatan produk, dan penceritaan lintas adegan dengan karakter yang konsisten.</p>
<p>Satu batasan: Anda tidak dapat menggabungkan gambar referensi dengan image-to-video dalam permintaan yang sama. Anda harus memilih mode frame pertama atau mode referensi, bukan keduanya.</p>
<p>Grok Imagine juga memiliki endpoint ekstensi video yang menambahkan rekaman baru ke bagian akhir video yang sudah ada. Parameter <code>duration</code> hanya mengontrol bagian baru. Anda dapat merangkai beberapa ekstensi untuk membuat konten yang lebih panjang.</p>
<p>xAI merilis Grok Imagine 1.5 sebagai pratinjau API pada 3 Juni 2026, lalu menyediakannya secara umum sebagai <code>grok-imagine-video-1.5</code> pada 16 Juni, dengan varian Fast yang diluncurkan secara bertahap ke aplikasi konsumen. Ini adalah model image-to-video yang menganimasikan satu gambar diam menjadi gerakan sinematik dengan pergerakan kamera, atmosfer, fisika, dan audio tersinkronisasi yang dihasilkan secara native dalam proses inferensi yang sama. Model ini mendukung pengurutan multi-shot untuk merangkai adegan yang konsisten, menghasilkan klip 720p berdurasi 6 detik dalam waktu sekitar 25 detik, dan menempati posisi ketiga di arena image-to-video Artificial Analysis saat diluncurkan. Hingga September 2026, <a href="https://docs.x.ai/developers/models">halaman model</a> xAI mencantumkan Grok Imagine Video 1.5 seharga $0,08 per detik dan Grok Imagine Video versi asli seharga $0,05 per detik. Grok Imagine Image 2.0 terbaru dari xAI (tercantum dalam <a href="https://docs.x.ai/developers/release-notes">catatan rilisnya</a>) adalah model gambar diam yang berguna untuk mengunci karakter sebelum Anda menganimasikannya, tetapi bukan model video baru.</p>
<p><strong>Ketersediaan:</strong> API xAI (diluncurkan Januari 2026), <a href="http://fal.ai">fal.ai</a>, dan Replicate. SDK Python, JavaScript/AI SDK, dan REST API. $0,05/detik pada 720p dengan audio. Juga tersedia bagi pelanggan X Premium.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>1-15 detik</td>
</tr>
<tr>
<td>Durasi yang diperpanjang</td>
<td>Dapat dirangkai melalui API ekstensi</td>
</tr>
<tr>
<td>Resolusi</td>
<td>480p, 720p</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>1-7 (referensi sejati, bukan frame pertama)</td>
</tr>
<tr>
<td>Tag prompt</td>
<td><code>&lt;IMAGE_1&gt;</code>, <code>&lt;IMAGE_2&gt;</code>, dan seterusnya</td>
</tr>
<tr>
<td>Audio</td>
<td>Ya (720p)</td>
</tr>
<tr>
<td>Pengeditan video</td>
<td>Ya (dipandu teks)</td>
</tr>
<tr>
<td>API</td>
<td>API xAI, <a href="http://fal.ai">fal.ai</a>, Replicate</td>
</tr>
<tr>
<td>Biaya API</td>
<td>$0,05/detik (Video), $0,08/detik (Video 1.5)</td>
</tr>
</tbody>
</table>
<h3>Seedance 2.0 (ByteDance)</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/W_lxyDFDZt4" title="Seedance 2.0: Generator Video AI Terbaik yang Baru" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Seedance 2.0 menerima hingga 12 input multimodal secara bersamaan dan menghasilkan video dengan sinkronisasi audio native serta sinkronisasi bibir tingkat fonem dalam lebih dari 8 bahasa.</div>
<p>Seedance 2.0 dari ByteDance menerima input referensi paling banyak dibandingkan model mana pun: hingga 12 file secara bersamaan, termasuk maksimal 9 gambar, 3 video, dan 3 file audio. Model ini mendukung pembuatan audio-video native dengan sinkronisasi bibir tingkat fonem dalam lebih dari 8 bahasa.</p>
<p>Setiap gambar dapat berukuran hingga 30 MB. Video referensi harus berdurasi 2-15 detik. Model menggunakan referensi tersebut untuk tampilan karakter, gaya adegan, dan panduan gerakan.</p>
<p>Lompatan berikutnya kini telah dirilis. ByteDance mengumumkan Seedance 2.5 pada konferensi Volcano Engine FORCE tanggal 23 Juni 2026 dan merilisnya pada 31 Juli 2026. Menurut <a href="https://seed.bytedance.com/en/blog/one-take-creation-flexible-referencing-introducing-seedance-2-5">pengumuman tim Seed</a>, model ini menghasilkan satu klip native berdurasi hingga 30 detik dengan ekstensi multi-putaran, menerima hingga 30 gambar, 10 klip video, dan 10 klip audio sebagai referensi dalam satu proses (50 file, naik dari 12), serta menambahkan pengeditan tingkat stempel waktu sehingga Anda dapat mengubah satu momen dalam klip tanpa membuat ulang seluruhnya. Model ini hadir lebih dahulu di Jimeng dan Doubao, kemudian di API perusahaan BytePlus ModelArk, dan dengan cepat diadopsi pihak ketiga: API Runway menambahkan Seedance 2.5 pada 7 Agustus 2026 dengan durasi 4 hingga 30 detik dan maksimal 30 gambar referensi, menurut <a href="https://docs.dev.runwayml.com/api-details/api_changelog/">catatan perubahan Runway</a>. Untuk alur kerja naratif dalam panduan ini, satu pengambilan berdurasi 30 detik dengan 50 referensi mengurangi banyak proses penyambungan klip yang dijelaskan di bawah.</p>
<p><strong>Ketersediaan:</strong> API resmi ByteDance (melalui Volcengine, diluncurkan Februari 2026) dan penyedia API pihak ketiga. Output 480p-720p melalui API, hingga resolusi sinema 2K melalui platform.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>4-15 detik</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Hingga 2K (sinema)</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Hingga 9 gambar + 3 video + 3 audio (total 12)</td>
</tr>
<tr>
<td>Durasi klip Seedance 2.5</td>
<td>Native hingga 30 detik, dengan ekstensi</td>
</tr>
<tr>
<td>Referensi Seedance 2.5</td>
<td>Hingga 30 gambar + 10 video + 10 audio (total 50)</td>
</tr>
<tr>
<td>Audio</td>
<td>Native dengan sinkronisasi bibir (lebih dari 8 bahasa)</td>
</tr>
<tr>
<td>API</td>
<td>ByteDance/Volcengine, BytePlus ModelArk (2.5), API Runway (2.5), penyedia pihak ketiga</td>
</tr>
</tbody>
</table>
<h3>Runway Gen-4.5</h3>
<p>Runway Gen-4.5 diluncurkan di posisi teratas papan peringkat Text-to-Video Artificial Analysis dengan 1.247 ELO, mengungguli Veo 3 dan Sora 2 Pro pada saat itu. Pada September 2026, susunan arena telah berubah (Gemini Omni Flash dan Wan 3.0 dari Alibaba berbagi posisi teratas, sementara Gen-4.5 berada di luar sepuluh besar), tetapi Gen-4.5 tetap menjadi model yang kuat untuk kualitas sinematik dan aksi yang dapat dikendalikan, dan Runway belum merilis Gen-5. Model ini menghasilkan klip berdurasi 2-10 detik untuk text-to-video dan mendukung video panjang dengan karakter konsisten hingga satu menit melalui pengurutan multi-shot.</p>
<p>Image-to-video ditambahkan pada awal 2026 dan mendukung gambar referensi untuk semua rasio aspek. Langkah Runway lainnya pada 2026 berfokus pada pengeditan dan perutean, bukan model dasar baru: Aleph 2.0 (2 Juni 2026) mengedit video yang sudah ada dengan durasi 2 hingga 30 detik menggunakan prompt teks serta maksimal 5 gambar keyframe yang disematkan pada stempel waktu, Gen-3 Alpha Turbo dan Gen-4 Aleph versi asli dihentikan dari API pada 30 Juli 2026, dan API tersebut kini juga menyediakan model pihak ketiga termasuk Gemini Omni Flash dan Seedance 2.5, semuanya menurut <a href="https://docs.dev.runwayml.com/api-details/api_changelog/">catatan perubahan Runway</a>. Model ini mengintegrasikan neural radiance fields dan Gaussian splatting ke dalam arsitektur difusi, sehingga memberinya pemahaman geometris 3D, bukan sekadar prediksi tingkat piksel. Hasilnya adalah persistensi objek yang lebih baik dan gerakan yang masuk akal secara fisik.</p>
<p><strong>Ketersediaan:</strong> API komersial dan antarmuka web. SDK untuk Node dan Python. Juga tersedia di Replicate.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>2-10 detik</td>
</tr>
<tr>
<td>Mode video panjang</td>
<td>Hingga ~1 menit</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Hingga 1080p</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>0-1 per generasi</td>
</tr>
<tr>
<td>Audio</td>
<td>Pembuatan audio native</td>
</tr>
<tr>
<td>Multi-shot</td>
<td>Ya</td>
</tr>
<tr>
<td>API</td>
<td>Ya (Runway, Replicate)</td>
</tr>
</tbody>
</table>
<h3>Google Veo 3.1</h3>
<p>Veo 3.1 dari Google menghasilkan klip berdurasi 4, 6, atau 8 detik secara native. Fitur &quot;Perpanjang Video&quot; (saat ini dalam pratinjau) merangkai klip untuk mencapai durasi sekitar 1-2,5 menit, meskipun koherensi dapat menyimpang pada rangkaian yang lebih panjang.</p>
<p>Fitur &quot;Ingredients to Video&quot; menerima hingga 3 gambar referensi sebagai input. Anda dapat memberikan karakter untuk dianimasikan, latar belakang, dan tekstur material. Saat menggunakan gambar referensi, model mengikuti referensi visual Anda dengan lebih dekat dan membuat lebih sedikit perubahan acak. Satu batasannya: mode gambar referensi hanya berfungsi dengan opsi durasi 8 detik.</p>
<p>Pada Januari 2026, Veo 3.1 menambahkan video vertikal (9:16) untuk pembuatan berbasis referensi dan peningkatan resolusi 4K di Vertex AI. Google kemudian meluncurkan Veo 3.1 Lite pada 31 Maret 2026 sebagai model videonya yang paling murah, menghentikan Veo 2.0 dan 3.0 pada 30 Juni 2026, serta belum mengumumkan Veo 4 hingga September 2026, menurut <a href="https://ai.google.dev/gemini-api/docs/changelog">catatan perubahan Gemini API</a>. Pengembangan video terbarunya diarahkan ke Gemini Omni Flash di bawah ini.</p>
<p><strong>Ketersediaan:</strong> API Google Vertex AI, Gemini API, dan Google Flow. Memerlukan akun Google Cloud.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>4, 6, atau 8 detik</td>
</tr>
<tr>
<td>Durasi yang diperpanjang</td>
<td>~1-2,5 menit</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Hingga 4K (dengan peningkatan resolusi)</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Hingga 3 (&quot;Ingredients to Video&quot;)</td>
</tr>
<tr>
<td>Audio</td>
<td>Dialog dan musik tersinkronisasi</td>
</tr>
<tr>
<td>API</td>
<td>Vertex AI, Gemini API</td>
</tr>
</tbody>
</table>
<h3>Google Gemini Omni Flash</h3>
<p>Google mengumumkan keluarga Gemini Omni di I/O pada Mei 2026 dan merilis Gemini Omni Flash sebagai model pertamanya. Model ini dengan cepat menempati posisi teratas di arena Artificial Analysis, mengungguli Veo 3.1. Gagasan utamanya adalah video percakapan: Anda membuat klip berdurasi 10 detik dari teks, gambar, atau video, lalu mengeditnya melalui instruksi lanjutan yang saling membangun. Ubah pencahayaan, ganti pakaian, sesuaikan kamera, semuanya tanpa membuat ulang dari awal.</p>
<p>Untuk dukungan referensi, Omni Flash menerima gambar dan klip video pendek sebagai referensi gaya, gerakan, dan efek, sementara referensi audio direncanakan menyusul. Konsistensi karakter terjaga di seluruh pengeditan percakapan, meskipun dokumentasi Google sendiri mencatat bahwa konsistensi dapat terganggu saat pergantian adegan dan pergerakan kamera, jadi tinjau output yang berfokus pada karakter sebelum Anda merilisnya.</p>
<p><strong>Ketersediaan:</strong> API (<code>gemini-omni-flash-preview</code>) dibuka dalam pratinjau publik pada 30 Juni 2026 melalui Google AI Studio dan Gemini API dengan biaya sekitar $0,10 per detik output, dan <code>gemini-omni-1.1-flash</code> tersedia secara umum pada 27 Agustus 2026 dengan ekstensi video, interpolasi, dan kontrol resolusi, menurut <a href="https://ai.google.dev/gemini-api/docs/changelog">catatan perubahan Gemini API</a>. Setiap klip membawa watermark SynthID. Akses konsumen tersedia melalui aplikasi Gemini, Google Flow, dan YouTube Shorts, sementara API Runway juga merutekan permintaan ke model ini.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>10 detik (durasi lebih panjang direncanakan)</td>
</tr>
<tr>
<td>Resolusi</td>
<td>720p</td>
</tr>
<tr>
<td>Input referensi</td>
<td>Gambar + klip video pendek (audio direncanakan)</td>
</tr>
<tr>
<td>Pengeditan</td>
<td>Percakapan, iteratif</td>
</tr>
<tr>
<td>Audio</td>
<td>Native</td>
</tr>
<tr>
<td>API</td>
<td>Gemini API (tersedia umum sebagai gemini-omni-1.1-flash), ~$0,10/detik</td>
</tr>
</tbody>
</table>
<h3>OpenAI Sora 2 / Sora 2 Pro</h3>
<blockquote>
<p><strong>Akan dihentikan (2026):</strong> OpenAI sedang menghentikan Sora secara bertahap. Aplikasi Sora untuk konsumen ditutup pada 26 April 2026, dan API Sora 2 akan dihentikan pada 24 September 2026 tanpa penerus yang diumumkan, menurut <a href="https://developers.openai.com/api/docs/deprecations">halaman penghentian</a> OpenAI. Kemampuan di bawah ini tetap patut diperhatikan, tetapi jangan membangun pipeline baru dengan Sora. Gunakan Kling, Grok Imagine, atau model terbuka sebagai gantinya.</p>
</blockquote>
<p>Sora 2 Pro menghasilkan klip berdurasi hingga 20 detik. Characters API menggunakan pendekatan yang berbeda dari Kling atau Grok: alih-alih mengunggah gambar statis, Anda membuat <code>character_id</code> dengan mengarahkan API ke sebuah klip video (dengan rentang stempel waktu 1-3 detik). Sora menganalisis frame video untuk mengekstrak struktur wajah, proporsi tubuh, gaya pakaian, dan fitur pengenal lainnya. <code>character_id</code> tersebut tersimpan tanpa batas waktu dan dapat digunakan kembali dalam generasi mendatang tanpa batas.</p>
<p>Anda dapat mereferensikan hingga 2 karakter yang diunggah per generasi. Sejak Maret 2026, referensi karakter juga berfungsi untuk objek dan hewan, bukan hanya manusia. Ekstensi video menggunakan seluruh klip awal sebagai konteks untuk kelanjutan.</p>
<p>Sistem karakter memerlukan input video (bukan gambar statis) untuk membuat karakter. Jika Anda hanya memiliki foto, Anda perlu membuat video pendek terlebih dahulu, lalu mengekstrak karakter dari video tersebut.</p>
<p><strong>Ketersediaan:</strong> OpenAI API dengan dukungan Batch API untuk alur kerja produksi.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>Hingga 20 detik</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Hingga 1920x1080</td>
</tr>
<tr>
<td>Referensi karakter</td>
<td>Hingga 2 per generasi (<code>character_id</code> persisten)</td>
</tr>
<tr>
<td>Input karakter</td>
<td>Klip video (rentang stempel waktu 1-3 detik), bukan gambar statis</td>
</tr>
<tr>
<td>Audio</td>
<td>Tersinkronisasi</td>
</tr>
<tr>
<td>Ekstensi</td>
<td>Ya (seluruh klip sebagai konteks)</td>
</tr>
<tr>
<td>API</td>
<td>OpenAI API + Batch API</td>
</tr>
</tbody>
</table>
<h3>MiniMax Hailuo 02</h3>
<p>Hailuo 02 menempati peringkat ke-2 secara global dalam tolok ukur Artificial Analysis saat diluncurkan, mengungguli Veo 3. Model ini menghasilkan klip berdurasi 10 detik dalam resolusi native 1080p dengan salah satu simulasi fisika terbaik di bidangnya. Model ini menangani gerakan ekstrem seperti senam dan akrobatik tanpa membuat subjek terdistorsi.</p>
<p>Model ini mendukung pembuatan image-to-video dengan konsistensi karakter yang kuat melalui pengenalan wajah dan pelacakan tubuh. Arsitektur Noise-aware Compute Redistribution mengalokasikan komputasi secara dinamis berdasarkan kompleksitas adegan.</p>
<p>MiniMax kemudian melampaui Hailuo 02 dengan keluarga Hailuo 2.3 (Standard, Pro, Fast, Fast Pro), yang meningkatkan aksi fisik, stilisasi, dan ekspresi mikro karakter. Model ini menghasilkan output 1080p berdurasi 6 detik atau 768p berdurasi 10 detik dan tersedia melalui platform MiniMax serta <a href="http://fal.ai">fal.ai</a>.</p>
<p><strong>Ketersediaan:</strong> API komersial. Tersedia melalui platform MiniMax, <a href="http://fal.ai">fal.ai</a>, dan Replicate. $0,28 per video.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>Hingga 10 detik</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Native 1080p</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Ya (mode I2V)</td>
</tr>
<tr>
<td>Audio</td>
<td>Tidak native</td>
</tr>
<tr>
<td>Fisika</td>
<td>Simulasi terbaik di kelasnya</td>
</tr>
<tr>
<td>API</td>
<td>MiniMax, <a href="http://fal.ai">fal.ai</a>, Replicate</td>
</tr>
</tbody>
</table>
<h3>MiniMax H3 (Hailuo 3.0)</h3>
<p>MiniMax menggantikan lini Hailuo 2.x dengan MiniMax H3 pada 31 Juli 2026, dan model ini mengubah posisi Hailuo dalam panduan ini. Jika Hailuo 02 merupakan model frame pertama, H3 adalah model omni-modal: satu transformer membaca teks, gambar, video, dan audio secara bersamaan, lalu menghasilkan klip berdurasi 4 hingga 15 detik dengan resolusi hingga 2K dan audio stereo native, menurut <a href="https://www.minimax.io/blog/minimax-h3">pengumuman MiniMax</a>. Mode referensinya (Ref2VA) menerima hingga 9 gambar referensi, 3 klip video referensi, dan 3 klip audio, dengan batas 12 file, sehingga menempatkannya dalam kelas referensi sejati yang sama dengan Kling dan Seedance 2.0, sementara mode frame pertama dan terakhir (FL2VA) mendukung alur kerja keyframe klasik. Di arena text-to-video Artificial Analysis, entri H3 dan H3 Max berada tepat di belakang Omni Flash dan Wan 3.0 hingga September 2026.
Kabar yang lebih besar bagi pengguna hosting mandiri adalah MiniMax merilis bobot dasar 33B pada Agustus 2026 di <a href="https://huggingface.co/MiniMaxAI/MiniMax-H3">Hugging Face</a>, lengkap dengan checkpoint FL2VA dan Ref2VA. Lisensinya adalah MiniMax H3 Community License, dan kartu modelnya meminta pengguna di AS, UE, Inggris, dan Korea Selatan untuk mengirimkan formulir permohonan sebelum digunakan. Jadi, model ini terbuka dengan batasan regional, bukan terbuka seperti Apache.</p>
<p><strong>Ketersediaan:</strong> API dan platform MiniMax, <a href="http://fal.ai">fal.ai</a> dan host lainnya, serta bobot yang dapat diunduh.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>4-15 detik</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Hingga 2K (sisi pendek default 768p)</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Hingga 9 gambar + 3 video + 3 audio (total 12, Ref2VA)</td>
</tr>
<tr>
<td>Keyframe</td>
<td>Frame pertama dan/atau terakhir (FL2VA)</td>
</tr>
<tr>
<td>Audio</td>
<td>Stereo native, 32 kHz</td>
</tr>
<tr>
<td>Bobot terbuka</td>
<td>Ya, 33B, MiniMax H3 Community License (permohonan untuk AS/UE/Inggris/Korsel)</td>
</tr>
<tr>
<td>API</td>
<td>MiniMax, <a href="http://fal.ai">fal.ai</a></td>
</tr>
</tbody>
</table>
<h3>Luma Ray3.2</h3>
<p>Ray2 dari Luma telah digantikan oleh keluarga Ray3. Ray3 (September 2025) menambahkan Character Reference untuk mengunci identitas dan mode Modify video-ke-video, sedangkan Ray3.2 (9 Juni 2026) menambahkan kontrol tingkat frame dengan hingga 16 keyframe per klip, fitur Reframe, dan klip hingga 20 detik, serta API publik pertama untuk lini Ray3. Output-nya memiliki resolusi native 1080p, dengan 4K tersedia melalui peningkatan resolusi Hi-Fi. Mode gambar-ke-video menerima gambar referensi sebagai keyframe awal atau akhir.</p>
<p><strong>Ketersediaan:</strong> API dan antarmuka web Luma.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>Hingga 20 detik (Ray3.2)</td>
</tr>
<tr>
<td>Jenis referensi</td>
<td>Keyframe awal/akhir + Character Reference (identitas)</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Native 1080p, 4K melalui peningkatan resolusi</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Ya (keyframe + referensi karakter)</td>
</tr>
<tr>
<td>API</td>
<td>Luma API</td>
</tr>
</tbody>
</table>
<h3>Pika 2.5</h3>
<p>Pika menggunakan pendekatan berbasis keyframe melalui Pikaframes. Unggah 2-5 keyframe (gambar referensi pada momen penting), lalu model akan menghasilkan transisi yang mulus di antaranya. Durasi totalnya mencapai 20-25 detik.</p>
<p>Pikascenes menerima hingga 10 gambar referensi dan menggabungkannya menjadi satu video. Model ini menggunakan pengenalan gambar untuk menentukan peran setiap referensi (karakter, latar belakang, properti) secara otomatis.</p>
<p><strong>Ketersediaan:</strong> Platform web dan API Pika. Paket langganan mulai dari Gratis hingga Pro.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>5-10 detik</td>
</tr>
<tr>
<td>Durasi Pikaframes</td>
<td>20-25 detik</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Hingga 1080p</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Hingga 10 (Pikascenes), 2-5 keyframe (Pikaframes)</td>
</tr>
<tr>
<td>API</td>
<td>Ya</td>
</tr>
</tbody>
</table>
<h3>Vidu Q3 (ShengShu)</h3>
<p>Vidu layak mendapatkan bagian tersendiri yang belum ada dalam versi terdahulu panduan ini, karena lini Q3-nya telah menjadi salah satu sistem referensi subjek terkuat yang tersedia. ShengShu merilis Vidu Q3 pada awal 2026 dengan audio native dan klip hingga 16 detik, lalu pada 13 April 2026 menambahkan Q3 Reference-to-Video, menurut <a href="https://www.prnewswire.com/news-releases/shengshu-launches-vidu-q3-reference-to-video-with-expanded-visual-and-audio-capabilities-302740489.html">pengumuman peluncurannya</a>. Mode referensi ini menggabungkan subjek, lingkungan, kostum, properti, dan gaya visual dalam satu permintaan. Menurut <a href="https://platform.vidu.com/docs/reference-to-video">dokumentasi API Vidu</a>, endpoint <code>reference2video</code> menerima hingga 7 gambar referensi. Anda menandainya dalam prompt sebagai <code>@1</code>, <code>@2</code>, dan seterusnya (&quot;@1 dan @2 sedang memasak bersama&quot;). Durasi pada <code>viduq3</code> berkisar antara 3 hingga 16 detik, resolusinya mencapai 1080p, dan pembuatan audio diaktifkan melalui sebuah flag. Model ini juga dapat melakukan pergantian kamera cerdas dalam satu klip, fitur yang tidak umum dan berguna untuk adegan dialog. ShengShu menyatakan bahwa Q3 menduduki peringkat teratas pada leaderboard Reference-to-Video pertama dari SuperCLUE. Vidu juga sebelumnya merupakan model yang menyaingi Veo di VBench 2.0 ketika kami pertama kali menulis panduan ini.</p>
<p><strong>Ketersediaan:</strong> Aplikasi web dan API Vidu (<code>viduq3</code>, <code>viduq3-turbo</code>), serta Alibaba Cloud Model Studio dan host pihak ketiga.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durasi klip native</td>
<td>3-16 detik</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Hingga 1080p</td>
</tr>
<tr>
<td>Gambar referensi</td>
<td>Hingga 7 (tag <code>@1</code>, <code>@2</code>)</td>
</tr>
<tr>
<td>Jenis referensi</td>
<td>Subjek, lingkungan, properti, kostum, gaya</td>
</tr>
<tr>
<td>Audio</td>
<td>Native (efek suara, dialog, musik)</td>
</tr>
<tr>
<td>API</td>
<td>Vidu API, Alibaba Cloud Model Studio</td>
</tr>
</tbody>
</table>
<h2>Tingkat 3: Model Sumber Terbuka untuk Alur Kerja Hosting Mandiri</h2>
<p>Model-model ini menghasilkan klip yang lebih pendek, tetapi sepenuhnya terbuka. Anda dapat menjalankannya di perangkat keras sendiri, melakukan fine-tuning, dan membangun pipeline ekstensi khusus tanpa ketergantungan pada API.</p>
<h3>Wan 2.1 (Alibaba)</h3>
<p>Wan 2.1 merupakan fondasi yang digunakan oleh beberapa model lain (termasuk Helios). Arsitektur Wan-VAE mengenkode dan mendekode video 1080p dengan durasi berapa pun sembari mempertahankan informasi temporal. Model ini tersedia dalam varian I2V pada 480p dan 720p, serta model First-Last-Frame-to-Video yang menghasilkan video di antara dua gambar referensi.</p>
<p>Wan-Edit memungkinkan transfer gaya dan konten menggunakan gambar referensi sembari mempertahankan struktur atau pose karakter tertentu. Wan 2.2 (Juli 2025) adalah rilis terbuka yang lebih baru, berupa model Mixture-of-Experts dengan varian 5B yang dapat berjalan pada satu RTX 4090 dan tetap menggunakan Apache 2.0. Ada satu hal penting yang perlu diperhatikan oleh pengguna hosting mandiri: Wan menjadi tertutup mulai versi 2.5. Wan 2.5, 2.6, 2.7, dan kini Wan 3.0 yang lebih baru menambahkan audio tersinkronisasi dan resolusi lebih tinggi, tetapi hanya tersedia melalui API tanpa bobot publik. Karena itu, 2.2 tetap menjadi versi terbuka tertinggi. Wan 3.0 hadir pada Agustus 2026 di Alibaba Cloud Model Studio dan, menurut <a href="https://www.alibabacloud.com/help/en/model-studio/wan3-0-video-prime">halaman modelnya</a>, menghasilkan video hingga 30 detik dalam satu pengambilan pada 480p, 720p, atau 1080p dari referensi teks, gambar, video, dan audio. Hingga September 2026, model ini berbagi posisi teratas dalam arena teks-ke-video Artificial Analysis bersama Gemini Omni Flash. Ini adalah produk yang di-host, bukan unduhan. Abaikan halaman SEO yang mengeklaim bahwa bobot Wan 2.7 atau 3.0 dapat diunduh. Organisasi GitHub resmi dan <a href="https://huggingface.co/Wan-AI">akun Hugging Face</a> resminya hanya menyediakan hingga versi 2.2 (unggahan terbarunya adalah pembaruan Wan2.2-Animate).</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Parameter</td>
<td>1.3B, 5B, 14B (2.1); 5B + 14B MoE (2.2)</td>
</tr>
<tr>
<td>Mode I2V</td>
<td>I2V-480P, I2V-720P, FLF2V-720P</td>
</tr>
<tr>
<td>Versi terbuka tertinggi</td>
<td>Wan 2.2 (2.5 hingga 3.0 hanya tersedia melalui API)</td>
</tr>
<tr>
<td>Lisensi</td>
<td>Apache 2.0</td>
</tr>
<tr>
<td>Perangkat keras</td>
<td>VRAM 8GB+ (varian yang lebih kecil)</td>
</tr>
<tr>
<td>Platform</td>
<td>Diffusers, ComfyUI</td>
</tr>
</tbody>
</table>
<h3>HunyuanVideo (Tencent)</h3>
<p>Model 13B parameter dari Tencent ini merupakan pemimpin pembuatan video sumber terbuka selama sebagian besar tahun 2025. HunyuanVideo-I2V menggunakan teknik penggantian token dengan MLLM yang telah dilatih sebelumnya untuk memasukkan informasi gambar referensi. HunyuanVideo-1.5, yang dirilis pada November 2025, meningkatkan efisiensi. HunyuanCustom memungkinkan pembuatan video khusus berbasis input multimodal.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Parameter</td>
<td>13B</td>
</tr>
<tr>
<td>I2V</td>
<td>Ya (teknik penggantian token)</td>
</tr>
<tr>
<td>Lisensi</td>
<td>Sumber terbuka</td>
</tr>
<tr>
<td>Perangkat keras</td>
<td>VRAM 60GB+ (720p)</td>
</tr>
<tr>
<td>Varian</td>
<td>Base, I2V, 1.5, Avatar, Custom</td>
</tr>
</tbody>
</table>
<h3>LTX-2 (Lightricks)</h3>
<p>Lightricks merilis LTX-2 sebagai sumber terbuka pada Januari 2026, lengkap dengan bobot, kode inferensi, dan kode pelatihan. Ini adalah model berbasis DiT yang menghasilkan video dan audio tersinkronisasi secara bersamaan dalam satu proses, pada resolusi native 4K hingga 50fps, dengan klip hingga 20 detik. Pengondisian gambar-ke-video dan multi-keyframe sudah tersedia secara bawaan, sehingga Anda dapat menetapkan gambar referensi pada titik-titik tertentu di sepanjang klip seperti saat menggunakan Pikaframes.</p>
<p>Lisensinya bisa menjadi kendala, atau tidak, tergantung pada skala Anda. LTX-2 gratis untuk penelitian dan penggunaan komersial dengan pendapatan tahunan di bawah $10 juta. Di atas angka tersebut, Anda memerlukan lisensi komersial. Jadi, secara ketat ini merupakan bobot terbuka, bukan sumber terbuka. LTX-2.3 adalah pembaruan dengan 22B parameter yang menghadirkan audio dan kepatuhan terhadap prompt yang lebih baik. <a href="https://huggingface.co/Lightricks/LTX-2.5">LTX-2.5</a>, checkpoint terkini per September 2026, mempertahankan ukuran 22B dan menambahkan pembuatan multishot native yang mempertahankan satu karakter dan tampilan yang konsisten di beberapa shot yang saling terhubung, decoder video difusi untuk menggantikan rekonstruksi VAE biasa, serta encoder teks Gemma 4 12B untuk prompt panjang. Semuanya tetap berada di bawah LTX-2.x Community License dengan batas pendapatan $10 juta yang sama. Bobotnya tersedia di Hugging Face bersama varian terdistilasi, adaptor LoRA, serta integrasi ComfyUI dan Diffusers. API yang di-host tersedia di platform LTX, <a href="http://fal.ai">fal.ai</a>, dan Replicate.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Parameter</td>
<td>22B (LTX-2.3 dan LTX-2.5)</td>
</tr>
<tr>
<td>Klip maksimum</td>
<td>~20 detik</td>
</tr>
<tr>
<td>Resolusi</td>
<td>Native 4K hingga 50fps</td>
</tr>
<tr>
<td>Audio</td>
<td>Tersinkronisasi secara native</td>
</tr>
<tr>
<td>I2V</td>
<td>Ya (pengondisian gambar + multi-keyframe)</td>
</tr>
<tr>
<td>Lisensi</td>
<td>LTX-2 Community License (gratis di bawah ARR $10 juta)</td>
</tr>
<tr>
<td>Perangkat keras</td>
<td>Varian terdistilasi dan FP8 untuk GPU konsumen</td>
</tr>
</tbody>
</table>
<h3>CogVideoX (Tsinghua/Zhipu AI)</h3>
<p>CogVideoX menggunakan VAE kausal 3D yang mengurangi panjang urutan dan mencegah kedipan. Transformer LayerNorm adaptif meningkatkan keselarasan antara teks dan video. Model ini tersedia dalam varian 2B (Apache 2.0) dan 5B (lisensi penelitian), dengan integrasi native Diffusers.</p>
<p>Klipnya berdurasi 6-10 detik pada 720x480. Memang singkat, tetapi rasio kualitas terhadap kebutuhan komputasinya bagus dan model ini dapat berjalan pada GPU 12GB.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Parameter</td>
<td>2B, 5B</td>
</tr>
<tr>
<td>I2V</td>
<td>Ya (CogVideoXImageToVideoPipeline)</td>
</tr>
<tr>
<td>Resolusi</td>
<td>720x480 pada 8fps</td>
</tr>
<tr>
<td>Lisensi</td>
<td>Apache 2.0 (2B), Penelitian (5B)</td>
</tr>
<tr>
<td>Perangkat keras</td>
<td>VRAM 12GB</td>
</tr>
</tbody>
</table>
<h2>Frame Pertama vs. Referensi Sejati: Perbedaan Utama</h2>
<p>Tidak semua dukungan &quot;gambar referensi&quot; itu sama. Memahami perbedaannya sangat penting untuk memilih model yang tepat.</p>
<p><strong>Model frame pertama</strong> (LongCat, Helios, Hailuo, Luma Ray2, HunyuanVideo) memperlakukan gambar Anda sebagai frame pembuka secara harfiah. Model menganimasikan video ke depan dari visual tersebut. Anda tidak dapat mengunggah foto wajah karakter lalu mendeskripsikan karakter tersebut dalam adegan lain. Gambarnya adalah adegannya.</p>
<p><strong>Model referensi sejati</strong> (Kling, Grok Imagine, Seedance, Vidu Q3, MiniMax H3, SkyReels V3) mengekstrak identitas dari gambar Anda dan menempatkan karakter/objek tersebut ke dalam adegan apa pun yang Anda deskripsikan. Unggah foto seseorang, lalu masukkan prompt &quot;orang itu berjalan melewati hutan saat matahari terbenam.&quot; Karakter tersebut akan muncul di lingkungan yang benar-benar baru sembari mempertahankan identitasnya. Inilah yang Anda perlukan untuk konten naratif multiadegan seperti film petualangan.</p>
<p><strong>Model ID karakter</strong> (Sora 2 Pro) mengekstrak identitas dari klip video, bukan gambar statis. Anda membuat ID karakter persisten satu kali, lalu menggunakannya kembali dalam pembuatan video berikutnya tanpa batas.</p>
<p><strong>Model gaya/bahan</strong> (Veo 3.1) menggunakan gambar referensi untuk memengaruhi gaya visual, tekstur, dan tampilan keseluruhan, bukan mengekstrak identitas karakter tertentu. Cocok untuk mempertahankan konsistensi visual di seluruh proyek, tetapi kurang presisi untuk mengendalikan karakter individual.</p>
<h2>Alur Kerja Nyata untuk Video 10 Menit</h2>
<p>Berikut penilaian jujur mengenai kondisinya pada pertengahan 2026. Belum ada satu pun model yang dapat diandalkan untuk menghasilkan video berkualitas tinggi dan konsisten selama 10 menit dalam satu pengambilan. LongCat Video paling mendekati dengan klaim durasi 15 menit, tetapi kualitas dan koherensinya sangat bervariasi pada durasi sepanjang itu. Helios dan SkyReels V2 masing-masing menghasilkan video &quot;berskala menit&quot; dan &quot;berdurasi tak terbatas&quot;, tetapi output-nya memerlukan penyusunan prompt yang cermat dan sering kali beberapa kali percobaan.</p>
<p>Alur kerja yang benar-benar efektif bagi sebagian besar kreator yang membuat video berdurasi 5-15 menit menggabungkan beberapa pendekatan:</p>
<p><strong>Untuk konten talking head/avatar:</strong> Mode berbasis audio LongCat Video 2026 atau pembuatan avatar SkyReels V3 dapat menghasilkan karakter berbicara yang konsisten selama lebih dari 5 menit. Inilah opsi yang paling mendekati konsep &quot;tekan satu tombol, dapatkan video panjang.&quot;</p>
<p><strong>Untuk konten naratif dengan banyak adegan (bergaya film petualangan):</strong> Gunakan Kling 3.0, Grok Imagine, atau Seedance 2.0 dengan gambar referensi karakter sejati. Buat setiap shot berdurasi 10-15 detik. Gunakan referensi @Element atau <code>&lt;IMAGE&gt;</code> yang sama pada setiap proses pembuatan untuk mempertahankan identitas karakter. Rangkai shot menggunakan mode multi-shot (Kling mendukung 6 shot per panggilan) atau API extend. Kling merupakan pilihan yang paling teruji untuk alur kerja ini. Pemisahan tegas antara &quot;mode referensi&quot; dan &quot;mode frame pertama&quot; pada Grok Imagine menjadikannya alternatif yang kuat. Seedance 2.5 kini menerima input referensi terbanyak (50 berkas) dan menghasilkan pengambilan berdurasi 30 detik, sehingga jumlah penyambungan berkurang sekitar setengahnya. Vidu Q3 (7 referensi dengan tag <code>@</code>) dan MiniMax H3 (12 berkas) juga merupakan opsi baru yang layak dipertimbangkan.</p>
<p><strong>Untuk konsistensi karakter di banyak klip:</strong> Sistem <code>character_id</code> persisten milik Sora 2 Pro merupakan pendekatan paling praktis untuk proyek yang sangat panjang. Ekstrak karakter satu kali dari video pendek, lalu buat puluhan klip yang merujuk ke ID tersebut. Identitas karakter tidak menurun seiring waktu karena disimpan sebagai embedding persisten, bukan ditafsirkan ulang dari sebuah gambar setiap kali.</p>
<p><strong>Untuk konten dengan transfer gaya:</strong> Lucy Restyle di <a href="http://fal.ai">fal.ai</a> memproses video yang sudah ada hingga 30 menit, menerapkan transformasi gaya AI sembari mempertahankan gerakan. Jika Anda memiliki rekaman sumber, cara ini sepenuhnya menghindari masalah batas durasi pembuatan. $0,01 per detik video sumber.</p>
<p><strong>Untuk pipeline sumber terbuka:</strong> Bangun sistem di atas Wan 2.2 atau Helios dengan loop kelanjutan video, atau gunakan checkpoint Ref2VA MiniMax H3 jika lisensi komunitasnya berlaku di wilayah Anda, karena ini merupakan model terbuka pertama dengan mode referensi 9 gambar. Buat satu klip, gunakan frame terakhirnya sebagai frame awal untuk klip berikutnya, lalu ulangi. Alur kerja ComfyUI dapat mengotomatiskan proses ini. Konsistensi akan menurun setelah banyak iterasi, tetapi pendekatan ini gratis dan dapat dikendalikan.</p>
<p>Tantangan utamanya tetap sama: bahkan dengan dukungan gambar referensi sejati, penyimpangan karakter akan bertambah di sepanjang puluhan klip. Fitur wajah, rambut, pakaian, dan warna kulit perlahan berubah. Solusi sementaranya—foto referensi berkualitas tinggi, prompt yang konsisten, dan pembuatan shot secara berkelompok—tetap diperlukan. Namun, model seperti Kling dan Grok Imagine yang memisahkan identitas karakter dari komposisi adegan membuat proses ini jauh lebih mudah dibandingkan model yang hanya menggunakan frame pertama.</p>
<h2>Pendekatan Kerangka 3D: Render Rendah, Transformasi Tinggi</h2>
<p>Ada satu alur kerja yang semakin populer karena dapat menghindari sebagian besar masalah pembuatan video berdurasi panjang. Alih-alih meminta model AI menghasilkan video 10 menit dari nol, Anda merender cutscene 3D berfidelitas rendah dengan pergerakan kamera, blocking karakter, dan pengaturan waktu yang tepat, lalu memprosesnya melalui model video-ke-video dengan gambar referensi dan prompt penyempurnaan. Mesin 3D menangani struktur. AI menangani estetika.
Ini berhasil karena transformasi V2V adalah masalah yang lebih terbatas dibandingkan pembuatan video sepenuhnya. Model tidak perlu menciptakan gerakan kamera, penempatan karakter, atau komposisi adegan. Model hanya perlu membuat rekaman yang sudah ada terlihat fotorealistis sambil mengikuti referensi visual Anda. Itu jauh lebih mudah ditangani dan dapat diskalakan ke durasi berapa pun yang mampu dirender oleh mesin 3D Anda.</p>
<h3>Mengapa Ini Berhasil</h3>
<p>Mesin 3D Anda menyediakan semua hal yang masih sulit dilakukan oleh model video AI: kontrol kamera yang presisi, penempatan karakter yang tepat di seluruh bingkai, interaksi fisika yang benar, dan pengaturan waktu yang konsisten sepanjang rekaman berdurasi beberapa menit. Dolly zoom, tracking shot, karakter yang masuk dan keluar bingkai tepat sesuai isyarat—semuanya mudah dilakukan di mesin 3D, tetapi tidak dapat diandalkan dalam pembuatan berbasis prompt teks. Satu-satunya tugas model V2V adalah mengubah material, pencahayaan, dan tekstur menjadi keluaran fotorealistis sambil mempertahankan geometri dan gerakan yang sudah Anda tentukan.</p>
<p>Konsistensi karakter juga menjadi lebih mudah. Alih-alih melawan pergeseran identitas dalam 50 pembuatan AI terpisah, Anda menunjukkan karakter 3D yang sama kepada model di setiap bingkai. Gambar referensi memberi tahu model seperti apa seharusnya karakter tersebut dalam keluaran akhir. Ini adalah masalah yang lebih sederhana daripada membuat karakter yang konsisten dari nol setiap kali.</p>
<p>Durasi pun tidak lagi menjadi kendala. Lucy Restyle menangani 30 menit dalam satu panggilan. Wan 2.1 di ComfyUI dapat memproses durasi berapa pun dalam beberapa bagian. Anda sama sekali tidak perlu menghadapi masalah &quot;bagaimana cara membuat video 10 menit&quot; karena rekamannya sudah tersedia.</p>
<h3>RealMaster (Meta / Universitas Tel Aviv)</h3>
<p>RealMaster adalah sistem riset yang dibuat khusus untuk alur kerja ini. Dipublikasikan pada Maret 2026 oleh Meta Reality Labs dan Universitas Tel Aviv, sistem ini mengubah video 3D hasil render menjadi video fotorealistis sambil mempertahankan keselarasan geometris penuh dengan sumbernya.</p>
<p>Metode ini mengekstrak peta tepi dari render 3D untuk mempertahankan struktur dan gerakan, lalu menerapkan model difusi video (dibangun di atas arsitektur VACE/Wan) guna mengubah seluruh aspek lainnya menjadi keluaran fotorealistis. Adaptor IC-LoRA yang ringan menyederhanakan pipeline menjadi satu lintasan inferensi yang tidak memerlukan bingkai jangkar dan mampu menangani objek yang muncul di tengah sekuens.</p>
<p>Dalam pengujian pada sekuens simulator GTA-V dan CARLA, RealMaster secara signifikan mengungguli baseline penyuntingan video serbaguna. Sistem ini juga dapat menambahkan efek cuaca melalui prompt teks (&quot;Buat hujan&quot;, &quot;Buat salju&quot;) di atas transformasi realistis tersebut. Model ini dapat digeneralisasikan ke berbagai simulator tanpa pelatihan ulang. Bobot yang dilatih menggunakan data GTA-V dapat digunakan pada keluaran CARLA tanpa penyesuaian tambahan.</p>
<p><strong>Ketersediaan:</strong> Khusus riset. Belum ada bobot publik atau API.</p>
<table>
<thead>
<tr>
<th>Spesifikasi</th>
<th>Nilai</th>
</tr>
</thead>
<tbody>
<tr>
<td>Masukan</td>
<td>Video 3D hasil render (mesin apa pun)</td>
</tr>
<tr>
<td>Keluaran</td>
<td>Video fotorealistis yang mempertahankan geometri dan gerakan</td>
</tr>
<tr>
<td>Arsitektur</td>
<td>IC-LoRA pada backbone difusi video VACE/Wan</td>
</tr>
<tr>
<td>Pengondisian</td>
<td>Peta tepi dari render sumber</td>
</tr>
<tr>
<td>Diuji pada</td>
<td>Simulator GTA-V, CARLA</td>
</tr>
<tr>
<td>Lisensi</td>
<td>Belum dirilis (hanya makalah riset)</td>
</tr>
</tbody>
</table>
<h3>Alat V2V Produksi yang Tersedia Saat Ini</h3>
<p><strong>Kling 3.0 V2V dengan Referensi Elemen</strong> adalah opsi produksi paling lengkap. Endpoint Edit Video dan Reference V2V di <a href="http://fal.ai">fal.ai</a> menerima klip video sumber berdurasi 3-10 detik bersama referensi elemen (<code>@Element1</code>, <code>@Element2</code> dengan foto tampak depan dan dari berbagai sudut) serta prompt penyempurnaan. Model menganalisis lintasan gerakan dan pola kamera dalam sumber, lalu membuat ulang rekaman dengan tampilan karakter dan gaya visual yang Anda tentukan sambil mempertahankan pementasan dan kerja kamera aslinya. Hingga 7 masukan referensi. Keluaran pada 1080p. Proses cutscene Anda dalam bagian berdurasi 10-15 detik menggunakan referensi elemen yang sama di semua bagian untuk mempertahankan konsistensi karakter.</p>
<p><strong>Lucy Restyle 2</strong> menangani video sumber berdurasi hingga 30 menit dalam satu panggilan API dengan biaya $0.01 per detik masukan. Alat ini menerima prompt teks dan gambar referensi opsional sebagai panduan gaya. Tidak ada referensi elemen per karakter seperti Kling, tetapi untuk transfer gaya sinematik secara keseluruhan pada render 3D berdurasi penuh, ini adalah jalur termudah dan termurah. Masukkan render lengkap Anda beserta prompt yang menjelaskan tampilan target. Keluaran pada 720p dengan konsistensi temporal di ribuan bingkai.</p>
<p><strong>Wan 2.1 VACE di ComfyUI</strong> adalah jalur sumber terbuka. Model VACE 14B melakukan V2V berbasis referensi: masukkan video sumber beserta gambar referensi gaya, lalu hasilkan versi dengan gaya baru yang mempertahankan struktur dan gerakan. Pengondisian peta tepi meningkatkan kesetiaan struktural. Anda dapat membuat loop pemrosesan yang menangani durasi berapa pun dalam beberapa bagian dengan referensi gaya yang konsisten. Gratis dan berjalan secara lokal di perangkat keras Anda sendiri.</p>
<p><strong>Grok Imagine V2V</strong> menerima video sumber beserta 1-7 gambar referensi dalam mode referensi. $0.05 per detik pada 720p. Pemisahan eksplisit antara mode referensi dan mode bingkai pertama berarti referensi Anda memandu tampilan karakter tanpa menimpa struktur video sumber.</p>
<h3>Yang Dibutuhkan Render 3D Anda</h3>
<p>Batas minimum kualitas render tetap penting. Wireframe polos tidak akan memberikan cukup informasi bagi model V2V. Namun, Anda juga tidak membutuhkan material atau pencahayaan berkualitas produksi.</p>
<p><strong>Proporsi dan geometri yang benar.</strong> Model karakter memerlukan proporsi tubuh dan struktur wajah yang kurang lebih benar agar gambar referensi dapat dipetakan dengan tepat. Geometri humanoid dasar dengan proporsi yang benar sudah cukup. Figur lidi tidak akan menghasilkan karakter yang dapat dikenali.</p>
<p><strong>Arah pencahayaan dasar.</strong> Satu cahaya terarah yang menetapkan pencahayaan keseluruhan adegan membantu model memahami suasana yang diinginkan. AI akan menyempurnakan dan menambahkan detail, tetapi perlu mengetahui apakah adegannya berlangsung di siang hari yang terang atau di interior yang gelap.</p>
<p><strong>Gerakan kamera yang mulus.</strong> Gerakan kamera yang stabil dan disengaja dapat diterjemahkan dengan baik. Gerakan yang tidak menentu atau sangat cepat dapat membingungkan model V2V. Pastikan kamera virtual Anda bergerak sebagaimana kamera nyata.</p>
<p><strong>Shading datar lebih baik daripada wireframe.</strong> Geometri sederhana dengan shading datar atau low-poly memberikan hasil yang lebih baik daripada wireframe atau model tanpa tekstur. Bahkan warna solid dasar pada permukaan membantu model memahami batas material.</p>
<h3>Biaya dan Skala</h3>
<p>Memproses cutscene berdurasi 10 menit melalui berbagai alat:</p>
<table>
<thead>
<tr>
<th>Alat</th>
<th>Durasi Masukan Maks.</th>
<th>Biaya untuk 10 menit</th>
<th>Resolusi</th>
<th>Gambar Referensi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kling O3 V2V</td>
<td>Klip 10 dtk</td>
<td>~$50-67</td>
<td>1080p</td>
<td>Hingga 7 (elemen + gaya)</td>
</tr>
<tr>
<td>Lucy Restyle 2</td>
<td>30 menit</td>
<td>$6</td>
<td>720p</td>
<td>1 (hanya gaya)</td>
</tr>
<tr>
<td>Grok Imagine V2V</td>
<td>Klip 10 dtk</td>
<td>~$30</td>
<td>720p</td>
<td>1-7</td>
</tr>
<tr>
<td>Wan 2.1 VACE</td>
<td>Berapa pun (dibagi menjadi beberapa bagian)</td>
<td>Gratis (GPU lokal)</td>
<td>720p</td>
<td>1 per bagian</td>
</tr>
</tbody>
</table>
<p>Angka-angka ini adalah perkiraan kami berdasarkan daftar harga vendor saat pertama kali melakukan perbandingan pada pertengahan 2026. Vendor sering mengubah harga, jadi anggaplah angka tersebut sebagai peringkat relatif, bukan penawaran harga. Lucy Restyle adalah yang termurah untuk pemrosesan berdurasi penuh. Kling paling presisi untuk penyempurnaan khusus karakter dengan referensi elemen. Wan 2.1 gratis jika Anda memiliki perangkat kerasnya (memerlukan sekitar 60GB VRAM untuk model 14B pada 720p, atau 8GB untuk varian 1.3B dengan kualitas lebih rendah).</p>
<h2>Tabel Perbandingan</h2>
<table>
<thead>
<tr>
<th>Model</th>
<th>Durasi Native Maks.</th>
<th>Durasi Diperpanjang</th>
<th>Jenis Referensi</th>
<th>Referensi Maks.</th>
<th>Resolusi</th>
<th>API Tersedia</th>
<th>Sumber Terbuka</th>
</tr>
</thead>
<tbody>
<tr>
<td>LongCat Video</td>
<td>~15 mnt</td>
<td>Tidak tersedia</td>
<td>Hanya bingkai pertama</td>
<td>1</td>
<td>720p/30fps</td>
<td>Ya (<a href="http://fal.ai">fal.ai</a>)</td>
<td>Ya (MIT)</td>
</tr>
<tr>
<td>Seaweed APT2</td>
<td>~5 mnt</td>
<td>Tidak tersedia</td>
<td>I2V + pose</td>
<td>1</td>
<td>720p</td>
<td>Tidak</td>
<td>Tidak</td>
</tr>
<tr>
<td>Helios</td>
<td>Skala menit</td>
<td>Tidak tersedia</td>
<td>Bingkai pertama (I2V)</td>
<td>1</td>
<td>720p</td>
<td>HF Spaces</td>
<td>Ya (Apache 2.0)</td>
</tr>
<tr>
<td>SkyReels V3</td>
<td>Tak terbatas</td>
<td>Tidak tersedia</td>
<td>Referensi sejati</td>
<td>1-4</td>
<td>720p</td>
<td>Tidak</td>
<td>Ya</td>
</tr>
<tr>
<td><strong>Kling 3.0</strong></td>
<td>15 dtk</td>
<td>~3 mnt</td>
<td><strong>Elemen + referensi gaya</strong></td>
<td><strong>7</strong></td>
<td>1080p</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>Grok Imagine</strong></td>
<td>15 dtk</td>
<td>Dapat dirangkai</td>
<td><strong>Referensi sejati</strong></td>
<td><strong>7</strong></td>
<td>720p</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>Seedance 2.0</strong></td>
<td>15 dtk</td>
<td>Tidak tersedia</td>
<td><strong>Referensi multimodal</strong></td>
<td><strong>12</strong></td>
<td>2K</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>Seedance 2.5</strong></td>
<td>30 dtk</td>
<td>Perpanjangan multi-putaran</td>
<td><strong>Referensi multimodal</strong></td>
<td><strong>50</strong></td>
<td>2K</td>
<td>Ya (BytePlus, Runway)</td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>Vidu Q3</strong></td>
<td>16 dtk</td>
<td>Tidak tersedia</td>
<td><strong>Referensi sejati</strong></td>
<td><strong>7</strong></td>
<td>1080p</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td><strong>MiniMax H3</strong></td>
<td>15 dtk</td>
<td>Tidak tersedia</td>
<td><strong>Referensi multimodal</strong></td>
<td><strong>12</strong></td>
<td>2K</td>
<td>Ya</td>
<td>Ya (lisensi komunitas)</td>
</tr>
<tr>
<td>Runway Gen-4.5</td>
<td>10 dtk</td>
<td>~1 mnt</td>
<td>I2V (0-1)</td>
<td>1</td>
<td>1080p</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td>Veo 3.1</td>
<td>8 dtk</td>
<td>~2,5 mnt</td>
<td>Bahan (gaya)</td>
<td>3</td>
<td>4K</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td>Gemini Omni Flash</td>
<td>10 dtk</td>
<td>Penyuntingan percakapan + perpanjangan (1.1)</td>
<td>Referensi multimodal</td>
<td>Gambar + video</td>
<td>720p</td>
<td>Ya (GA)</td>
<td>Tidak</td>
</tr>
<tr>
<td>Sora 2 Pro ⚠️ akan dihentikan</td>
<td>20 dtk</td>
<td>Dapat dirangkai</td>
<td>ID Karakter (video)</td>
<td>2</td>
<td>1080p</td>
<td>API dihentikan Sep 2026</td>
<td>Tidak</td>
</tr>
<tr>
<td>Hailuo 02</td>
<td>10 dtk</td>
<td>Tidak tersedia</td>
<td>I2V (bingkai pertama)</td>
<td>1</td>
<td>1080p</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td>Luma Ray3.2</td>
<td>20 dtk</td>
<td>Tidak tersedia</td>
<td>Keyframe + referensi karakter</td>
<td>16 keyframe</td>
<td>1080p (peningkatan ke 4K)</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td>Pika 2.5</td>
<td>10 dtk</td>
<td>25 dtk</td>
<td>Pikascenes</td>
<td>10</td>
<td>1080p</td>
<td>Ya</td>
<td>Tidak</td>
</tr>
<tr>
<td>Wan 2.1 / 2.2</td>
<td>Klip pendek</td>
<td>Melalui kelanjutan</td>
<td>I2V / FLF2V</td>
<td>1-2</td>
<td>720p</td>
<td>Melalui <a href="http://fal.ai">fal.ai</a></td>
<td>Ya (Apache 2.0)</td>
</tr>
<tr>
<td>Wan 3.0</td>
<td>30 dtk</td>
<td>Tidak tersedia</td>
<td>Referensi multimodal</td>
<td>Gambar, video, audio</td>
<td>1080p</td>
<td>Ya (Alibaba Cloud)</td>
<td>Tidak</td>
</tr>
<tr>
<td>HunyuanVideo</td>
<td>Klip pendek</td>
<td>Melalui kelanjutan</td>
<td>I2V (bingkai pertama)</td>
<td>1</td>
<td>720p</td>
<td>Melalui <a href="http://fal.ai">fal.ai</a></td>
<td>Ya</td>
</tr>
<tr>
<td>LTX-2.3</td>
<td>20 dtk</td>
<td>Melalui kelanjutan</td>
<td>I2V + keyframe</td>
<td>Multi-keyframe</td>
<td>4K</td>
<td>Ya (LTX, <a href="http://fal.ai">fal.ai</a>)</td>
<td>Bobot (dibatasi ARR)</td>
</tr>
<tr>
<td>CogVideoX</td>
<td>6-10 dtk</td>
<td>Melalui kelanjutan</td>
<td>I2V (bingkai pertama)</td>
<td>1</td>
<td>720x480</td>
<td>Melalui <a href="http://fal.ai">fal.ai</a></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<h2>Yang Akan Hadir</h2>
<p>Arah perkembangan sepanjang 2026 sudah jelas. LongCat Video membuktikan bahwa pembuatan video berskala menit dengan konsistensi dapat dilakukan dalam model terbuka. Helios menunjukkan bahwa hal tersebut dapat berlangsung secara real-time. Seaweed APT2 mendemonstrasikan pembuatan video panjang yang interaktif. Dan model referensi sejati (Kling, Grok, Seedance) membuktikan bahwa identitas karakter dapat bertahan di berbagai adegan.</p>
<p>Langkah berikutnya adalah menggabungkan kemampuan-kemampuan tersebut: pembuatan video panjang secara native dengan dukungan referensi karakter sejati. Saat ini Anda harus memilih salah satunya. Ketika sebuah model dapat membuat video berdurasi 5 menit sambil mempertahankan karakter dari gambar referensi di tengah puluhan pergantian adegan, alur kerja klip berantai akan menjadi usang. Seedance 2.5 (klip native 30 detik, hingga 50 berkas referensi, dirilis 31 Juli 2026) dan Wan 3.0 (pengambilan tunggal 30 detik dari referensi multimodal, Agustus 2026) merupakan langkah nyata pertama ke arah tersebut.</p>
<p>Pada awal September 2026, <a href="https://artificialanalysis.ai/video/leaderboard/text-to-video">arena teks-ke-video Artificial Analysis</a> (dengan audio) menempatkan Gemini Omni Flash dari Google dan Wan 3.0 khusus API dari Alibaba di posisi teratas bersama-sama (~1.239 Elo), disusul MiniMax H3 Max dan H3 beberapa poin di belakang, kemudian Seedance 2.0, Wan 2.7, model-model HappyHorse, pratinjau MAGI-2 dari <a href="http://Sand.ai">Sand.ai</a>, dan Kling 3.0 Pro yang melengkapi sepuluh besar. Papan peringkat sering berubah, jadi anggap setiap peringkat sebagai potret sesaat, bukan urutan tetap.</p>
<p>Pendekatan kerangka 3D menawarkan jalur perkembangan paralel. Seiring model V2V meningkatkan kemampuan mempertahankan struktur dan fotorealisme, penyempurnaan render 3D dengan fidelitas rendah menjadi semakin layak untuk produksi penuh. RealMaster dari Meta telah mencapai transformasi sim-to-real berkualitas riset pada keluaran mesin game. Ketika kemampuan ini hadir di API produksi dengan dukungan gambar referensi, siapa pun yang memiliki keterampilan 3D dasar akan dapat memproduksi video panjang fotorealistis dengan kendali penuh atas kamera, pementasan, dan penempatan karakter pada durasi berapa pun.</p>
<p>Untuk saat ini, jawaban praktisnya bergantung pada kasus penggunaan Anda:</p>
<p><strong>Terbaik untuk referensi multi-karakter:</strong> Kling 3.0 (hingga 7 referensi dengan sistem elemen + gaya terpisah), Seedance 2.5 (hingga 50 masukan multimodal dalam satu pengambilan 30 detik), atau Vidu Q3 (7 referensi bertanda dengan pergantian kamera di dalam klip).</p>
<p><strong>API terbaik untuk referensi-ke-video:</strong> Grok Imagine (API yang rapi, mode referensi eksplisit, $0.05/dtk untuk model asli), Vidu Q3 (tag <code>@</code>, 7 referensi), atau Kling melalui <a href="http://fal.ai">fal.ai</a>.</p>
<p><strong>Terbaik untuk karakter persisten di banyak klip:</strong> Referensi elemen Kling 3.0 atau fitur referensi-dan-perpanjang SkyReels V3. (Sistem ID karakter Sora 2 Pro merupakan pendekatan paling rapi, tetapi akan dihentikan pada 2026, jadi jangan memulai pekerjaan baru dengannya.)</p>
<p><strong>Sumber terbuka terbaik:</strong> SkyReels V3 (1-4 gambar referensi sejati, durasi tak terbatas), MiniMax H3 (9 gambar referensi ditambah video dan audio, lisensi komunitas dengan pengajuan regional), atau Helios (real-time, Apache 2.0).</p>
<p><strong>Terbaik untuk durasi mentah:</strong> LongCat Video (~15 mnt, tetapi hanya bingkai pertama).</p>
<p><strong>Terbaik untuk penyempurnaan render 3D:</strong> Kling 3.0 V2V (referensi elemen per karakter, 1080p) atau Lucy Restyle 2 (masukan 30 mnt, $0.01/dtk).</p>
<hr>
<h2>Pertanyaan Umum</h2>
<h3>Apa model video AI terbaik untuk video panjang?</h3>
<p>Untuk durasi mentah, LongCat Video menghasilkan sekitar 15 menit secara native, meskipun hanya menggunakan bingkai pertama. Untuk video panjang dengan karakter yang konsisten, jawaban praktis pada 2026 adalah alur kerja referensi-dan-perpanjang: buat klip menggunakan model yang memiliki dukungan referensi kuat (Kling 3.0, Runway Gen-4.5, atau SkyReels V3 yang bersumber terbuka), lalu rangkai klip-klip tersebut. Belum ada satu model pun yang sekaligus dapat berjalan lama dan mempertahankan identitas karakter secara sempurna, sehingga sebagian besar pekerjaan produksi menggabungkan keduanya.</p>
<h3>Model video AI mana yang mendukung gambar referensi?</h3>
<p>Kling 3.0 Omni, Runway Gen-4.5, Seedance 2.0 dan 2.5, Vidu Q3, MiniMax H3, Google Veo 3.1, dan Gemini Omni Flash semuanya mendukung gambar referensi di antara opsi komersial. Di sisi sumber terbuka, SkyReels V2/V3, Wan 2.1 dan 2.2, LTX-2.5, serta bobot terbuka MiniMax H3 menerima masukan referensi yang dapat Anda jalankan sendiri. Kualitas dukungannya sangat bervariasi, sehingga panduan di atas membaginya ke dalam beberapa tingkatan.</p>
<h3>Bisakah AI membuat karakter yang konsisten di sepanjang video panjang?</h3>
<p>Ya, tetapi tidak dalam satu kali pembuatan. Pendekatan yang dapat diandalkan adalah mengunci karakter dengan satu atau beberapa gambar referensi, membuat klip pendek, lalu memperpanjang atau menyambungkannya sambil terus memasukkan kembali referensi yang sama. Dukungan referensi sejati (model mempertahankan identitas di berbagai pembuatan baru) jauh lebih penting di sini dibandingkan pengondisian bingkai pertama, yang hanya menetapkan bingkai pembuka.</p>
<h3>Apa perbedaan antara dukungan gambar bingkai pertama dan gambar referensi sejati?</h3>
<p>Pengondisian frame pertama menggunakan gambar Anda sebagai frame pembuka harfiah dari klip, lalu perlahan menyimpang seiring video berjalan. Dukungan referensi sejati memperlakukan gambar sebagai jangkar identitas yang dipertahankan model sepanjang proses generasi, sehingga karakter atau gaya tetap konsisten di seluruh klip maupun di antara klip-klip terpisah. Bagian di atas menguraikan model mana yang mendukung masing-masing metode.</p>
<h3>Bagaimana cara kerja fitur gambar-ke-video Kling AI dengan beberapa gambar referensi?</h3>
<p>Referensi multi-gambar Kling adalah mode yang terpisah dari gambar-ke-video biasa. Alih-alih menganimasikan satu gambar sebagai frame pertama, Anda dapat mengunggah hingga 7 gambar dan elemen (4 jika Anda juga melampirkan video referensi), menandainya dalam prompt sebagai <code>@Image1</code> atau <code>@Element1</code>, lalu mendeskripsikan adegannya. Elemen adalah karakter atau objek terkunci yang dibuat dari maksimal 4 foto dari berbagai sudut atau klip video pendek, dapat dilengkapi suara yang ditautkan, dan tetap konsisten di seluruh storyboard multi-adegan Kling. Aturan lengkapnya tersedia di bagian Kling di atas, langsung dari panduan resmi Kuaishou.</p>
<h3>Bagaimana dengan Wan 2.2? Apakah Wan 2.5 atau Wan 3.0 bersifat sumber terbuka?</h3>
<p>Wan 2.2 (Juli 2025) adalah versi Wan terbaru yang dapat Anda unduh, sebuah rilis Mixture-of-Experts berlisensi Apache 2.0 dengan varian 5B yang berjalan pada satu RTX 4090 serta model teks-ke-video dan gambar-ke-video 14B. Wan 2.5, 2.6, 2.7, dan Wan 3.0 (Agustus 2026, pengambilan tunggal berdurasi 30 detik hingga 1080p) hanya tersedia melalui API Alibaba Cloud tanpa bobot publik, terlepas dari apa yang diklaim blog afiliasi. Jika Anda menginginkan alur kerja gambar referensi dengan bobot terbuka, gunakan model gambar-ke-video dan frame-pertama-terakhir Wan 2.2, atau pertimbangkan SkyReels V3 dan MiniMax H3.</p>
<h3>Apa perbedaan antara gambar-ke-video dan referensi-ke-video?</h3>
<p>Gambar-ke-video menganimasikan gambar yang Anda berikan, sehingga gambar tersebut menjadi frame pembuka dan model melanjutkannya dari sana. Referensi-ke-video menggunakan gambar Anda sebagai jangkar identitas dan gaya, lalu menghasilkan adegan baru berdasarkan prompt Anda, sehingga karakter yang difoto di studio dapat tampil sedang berjalan melintasi hutan. Gambar-ke-video cocok untuk menganimasikan gambar diam yang sudah selesai. Referensi-ke-video cocok untuk cerita multiadegan dengan karakter yang konsisten. Kling, Vidu Q3, Seedance, Grok Imagine, dan MiniMax H3 menawarkan kedua mode tersebut, sementara Vidu dan Grok melabelinya secara eksplisit dalam API mereka.</p>
<h3>Model video AI mana yang mempertahankan subjek yang sama di antara klip (referensi subjek)?</h3>
<p>Untuk referensi subjek atau karakter di banyak klip, pilihan terkuat per September 2026 adalah Kling 3.0 Omni (pustaka elemen dengan foto multi-sudut dan suara), Seedance 2.5 (hingga 50 referensi dan pengambilan berdurasi 30 detik), Vidu Q3 (7 subjek bertanda), dan MiniMax H3 (9 gambar referensi beserta video dan audio). Luma Ray3 menambahkan fitur Referensi Karakter dan ID karakter Sora 2 Pro merupakan sistem yang paling rapi, tetapi API Sora ditutup pada 24 September 2026. Untuk model berbobot terbuka, SkyReels V3 dan MiniMax H3 adalah pilihan yang memiliki referensi subjek sejati.</p>
<hr>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Sumber Terbuka Terdepan</a>: panduan praktis AI generatif sumber terbuka untuk video, gambar, 3D, audio, dan lainnya</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI untuk Game</a>: karya seni, model, dan audio dari sebuah prompt</li>
<li><a href="/id/guides/ai-music-generators-games">Generator Musik AI Terbaik untuk Game</a>: membuat musik latar game Anda dengan musik hasil generasi</li>
<li><a href="/id/tools/video">Generator Video</a>: alat generasi video kami yang didukung oleh Kling 3.0 Pro</li>
</ul>
<p><BuildCta
  title="Jadikan adegan dapat dimainkan, bukan sekadar dirender"
  desc="Lewati antrean render dan jelajahi langsung secara waktu nyata."
  prompt="Buat kota neon yang dapat saya jelajahi dengan berkendara pada malam hari" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Pembuatan Lanskap dengan LOD Dinamis dan Streaming untuk Dunia Terbuka di Browser]]></title>
            <link>https://app.cinevva.com/id/guides/landscape-generation-browser</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/landscape-generation-browser</guid>
            <pubDate>Sun, 22 Feb 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Melampaui heightmap dan fungsi noise. Pembuatan medan yang akurat secara fisik, representasi volumetrik, sintesis berbasis difusi, dan pipeline rendering berbasis GPU untuk dunia terbuka di browser.]]></description>
            <content:encoded><![CDATA[<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.game-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  font-style: italic;
}
.img-embed {
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.img-embed img {
  width: 100%;
  border-radius: 8px;
  display: block;
}
</style>
<h1>Pembuatan Lanskap dengan LOD Dinamis dan Streaming untuk Dunia Terbuka di Browser</h1>
<p>Heightmap dengan noise Perlin adalah titik awal standar untuk medan prosedural. Tumpuk beberapa oktaf fBm, terapkan gradasi warna, dan Anda mendapatkan sesuatu yang tampak seperti medan. Setiap tutorial berhenti di sini. Namun, lanskap nyata tidak tampak seperti noise yang ditumpuk. Lanskap nyata memiliki lembah sungai yang dipahat oleh air, permukaan tebing yang dibentuk oleh retakan tegangan, serta gua dan lengkungan yang terbentuk oleh erosi selama jutaan tahun. Lanskap nyata memiliki tekstur yang saling berkorelasi (rumput di tanah datar, batu di lereng curam, salju di atas batas pepohonan) yang muncul dari proses fisik yang sama dengan proses yang membentuk geometrinya.</p>
<p>Panduan ini membahas apa yang hadir setelah noise: metode pembuatan berbasis fisika, representasi volumetrik yang mendukung gua dan bagian menjorok, sintesis medan neural berbasis difusi, serta pipeline LOD dan streaming berbasis GPU yang diperlukan untuk merender semuanya di tab browser pada 60 fps.</p>
<p>Semua yang dibahas di sini ditujukan untuk batasan spesifik kami: dunia terbuka multipemain yang berjalan di WebGL 2 / WebGPU, di-streaming melalui jaringan, dan dapat diedit oleh kreator.</p>
<h2>Mengapa Heightmap Tidak Cukup</h2>
<p>Heightmap menyimpan satu nilai ketinggian untuk setiap titik kisi. Ini adalah fungsi 2D: dengan masukan (x, z), hasilkan y. Representasi ini ringkas, ramah GPU, dan cepat dirender. Namun, representasi ini memiliki keterbatasan mendasar yang penting bagi dunia kreator.</p>
<p><strong>Tidak ada gua atau bagian menjorok.</strong> Heightmap tidak dapat merepresentasikan medan saat satu titik memiliki dua ketinggian berbeda. Gua, lengkungan, tebing menjorok, terowongan, dan pulau terapung semuanya mustahil dibuat. Karena alasan inilah Minecraft, No Man's Sky, dan Deep Rock Galactic memerlukan medan volumetrik.</p>
<p><strong>Tidak ada fitur vertikal.</strong> Permukaan tebing vertikal dalam heightmap merupakan lereng yang nyaris tak terhingga, sehingga menyebabkan peregangan tekstur ekstrem dan artefak tabrakan. Tebing nyata memiliki fitur horizontal (tepian, celah) yang tidak dapat direpresentasikan oleh heightmap.</p>
<p><strong>Noise tampak seperti noise.</strong> Bahkan dengan 8 oktaf fBm dan domain warping, medan tetap memiliki kesan sintetis. Medan tersebut tidak memiliki struktur terarah seperti geologi nyata: garis punggungan, jaringan drainase, endapan sedimen, dan lipatan tektonik. Pola-pola ini muncul dari proses fisik, bukan dari fungsi noise.</p>
<p><strong>Pengeditan oleh kreator terbatas.</strong> Jika kreator hanya dapat mengubah ketinggian, mereka tidak dapat menggali terowongan, membuat gua, atau membangun ruang bawah tanah. Untuk dunia yang benar-benar dapat dibentuk oleh kreator, representasi medan perlu mendukung pengurangan maupun penambahan.</p>
<p>Solusinya bukan meninggalkan heightmap sepenuhnya. Heightmap tetap menjadi representasi terbaik untuk 90% medan yang berupa permukaan sederhana. Solusinya adalah pendekatan hibrida: medan dasar heightmap dengan lapisan volumetrik di lokasi yang memerlukan geometri kompleks, pembuatan berbasis fisika untuk bentang alam realistis, dan sintesis neural untuk menghasilkan keragaman yang tidak dapat dicapai oleh noise.</p>
<h2>Jawaban Singkat: Apa yang Sebenarnya Akan Kami Bangun</h2>
<p>Sebelum membahasnya secara mendalam, berikut kerangka pengambilan keputusannya. Bagian selanjutnya dari artikel ini menjelaskan setiap komponennya.</p>
<h3>Representasi medan</h3>
<p>Gunakan sistem <strong>heightmap + SDF hibrida</strong>. Heightmap mencakup seluruh dunia (murah, ringkas, teruji). Volume SDF hanya tersedia di tempat yang memerlukan gua, bagian menjorok, atau fitur yang dipahat kreator (mungkin 5–10% chunk). Dengan demikian, 90% dunia tetap memiliki biaya setara heightmap sambil mendukung geometri arbitrer di tempat yang diperlukan.</p>
<h3>Pipeline pembuatan</h3>
<p>Jalankan di sisi server sebagai proses berantai:</p>
<ol>
<li><strong>Terrain Diffusion</strong> (atau MESA untuk prompt teks) menghasilkan heightmap dasar dari seed. Ini menggantikan noise dengan bentang alam realistis secara geologis yang dilatih menggunakan data elevasi nyata.</li>
<li><strong>Erosi analitis</strong> (hukum daya aliran) menyempurnakan heightmap dengan jaringan sungai dan garis punggungan dalam hitungan milidetik.</li>
<li><strong>TerraFusion atau Geodiffussr</strong> menghasilkan tekstur yang saling berkorelasi dari heightmap (atau gunakan aturan prosedural berbasis kemiringan/ketinggian sebagai fallback WebGL 2).</li>
<li><strong>Simulasi ekosistem</strong> menghasilkan peta kepadatan vegetasi.</li>
<li><strong>Erosi bergaya Arenite</strong> menghasilkan volume SDF untuk permukaan tebing, lengkungan, dan gua di tempat yang sesuai dengan karakter medannya.</li>
<li><strong>Bagi menjadi chunk, kompres, lalu unggah ke CDN.</strong> Rata-rata chunk: 2–8 KB. Chunk kompleks dengan data volumetrik: 20–100 KB.</li>
</ol>
<p>Kreator berinteraksi dengan pipeline ini dengan menyesuaikan parameter (&quot;lebih basah&quot;, &quot;lebih bergunung&quot;, &quot;tambahkan gua&quot;), membuat sketsa maksud desain, atau memahat langsung menggunakan kuas dan alat SDF.</p>
<h3>Strategi LOD</h3>
<table>
<thead>
<tr>
<th>Kemampuan browser</th>
<th>LOD heightmap</th>
<th>LOD volumetrik</th>
<th>LOD vegetasi</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>WebGPU</strong></td>
<td>Quadtree berbasis GPU (CDLOD) dengan compute culling + indirect draw</td>
<td>SDF multiresolusi dengan compute marching cubes + Transvoxel</td>
<td>ComputeInstanceCulling dengan indirect draw</td>
</tr>
<tr>
<td><strong>WebGL 2</strong></td>
<td>Geometry clipmap dengan pembaruan ring di sisi CPU</td>
<td>Mesh yang dibuat sebelumnya pada 2–3 tingkat LOD, lalu disimpan dalam cache</td>
<td>CPU frustum cull, InstancedMesh</td>
</tr>
</tbody>
</table>
<p>Kedua jalur menggunakan geomorphing dalam vertex shader agar transisi bebas dari efek popping. Keduanya menggunakan impostor billboard untuk vegetasi di kejauhan. Jalur WebGPU lebih cepat (anggaran medan 3,5 ms), tetapi jalur WebGL 2 tetap layak (6,5 ms).</p>
<h3>Streaming</h3>
<p>Pemuatan progresif: geometri medan terlebih dahulu (&lt;100 ms), tekstur kedua (&lt;300 ms), vegetasi ketiga (&lt;1 dtk), data volumetrik keempat (&lt;3 dtk). Lakukan prefetch berdasarkan kecepatan pemain. Anggaran memori: total 256 MB untuk medan.</p>
<h3>Pengeditan</h3>
<p>Kuas heightmap untuk memahat permukaan (menaikkan, menurunkan, menghaluskan, mengikis). Primitif SDF untuk pengeditan volumetrik (memahat gua, menambahkan lengkungan). Keduanya langsung diterapkan secara lokal, disinkronkan ke server dalam 100–300 ms, dan disiarkan kepada pemain lain melalui pembaruan delta.</p>
<h3>Urutan pembangunan</h3>
<p><strong>Bulan 1–2: Medan heightmap dengan geometry clipmap.</strong> Hanya WebGL 2. Streaming dari CDN. Material prosedural berbasis kemiringan/ketinggian. Ini menampilkan medan di setiap browser. Gunakan noise + erosi analitis untuk pembuatannya (Terrain Diffusion dapat menyusul).</p>
<p><strong>Bulan 3–4: Vegetasi dan atmosfer.</strong> Rumput dan pepohonan dengan instancing GPU berdasarkan peta kepadatan. Langit prosedural dengan siklus siang/malam. Kabut atmosfer. Cascaded shadow map. Dunia mulai terasa seperti sebuah tempat yang nyata.</p>
<p><strong>Bulan 5–6: Pengeditan oleh kreator.</strong> Alat kuas heightmap. Sinkronisasi berbasis delta untuk pengeditan medan multipemain. Penguncian spasial untuk pengeditan serentak. Pada tahap inilah kreator mulai membentuk dunia.</p>
<p><strong>Bulan 7–9: Medan volumetrik dan jalur WebGPU.</strong> Lapisan SDF untuk gua dan bagian menjorok. Marching cubes dalam compute WebGPU. Transvoxel untuk batas LOD. Alat pemahatan SDF. Ini membuka toolkit kreasi lengkap.</p>
<p><strong>Bulan 10–12: Pembuatan neural dan penyempurnaan.</strong> Terrain Diffusion atau MESA untuk heightmap dasar. TerraFusion/Geodiffussr untuk tekstur. Noise fasor untuk detail mikro. Hex-tiling untuk mencegah pengulangan. Virtual texturing. Laplacian blending. Kualitas medan mencapai tingkat produksi.</p>
<p>Urutan ini berarti sesuatu yang dapat dimainkan tersedia setelah 2 bulan, sesuatu yang indah setelah 4 bulan, sesuatu yang dapat diedit setelah 6 bulan, dan sesuatu yang mutakhir setelah 12 bulan.</p>
<p>Bagian selanjutnya dari artikel ini membahas riset yang mendasari setiap keputusan.</p>
<h2>Representasi Medan di Luar Heightmap</h2>
<h3>Signed Distance Field (SDF)</h3>
<p>Signed distance field menyimpan jarak ke permukaan terdekat pada setiap titik dalam ruang 3D. Nilai positif berada di luar, nilai negatif berada di dalam, dan persilangan nol merupakan permukaannya. SDF merepresentasikan bentuk 3D arbitrer, termasuk gua, lengkungan, dan geometri terapung.</p>
<p>Untuk merender SDF sebagai mesh, Anda menjalankan marching cubes (atau variannya) untuk mengekstrak persilangan nol sebagai segitiga. Resolusi mesh bergantung pada resolusi kisi: kisi SDF 256x256x256 menghasilkan medan yang mencakup sekitar satu chunk pada resolusi 1 meter.</p>
<p><strong>Implementasi browser:</strong> Marching cubes WebGPU berjalan sepenuhnya di GPU melalui compute shader. Implementasi <a href="https://www.willusher.io/webgpu-marching-cubes/">webgpu-marching-cubes</a> buatan Will Usher memproses kisi 256^3 secara real-time di browser, dengan performa setara aplikasi native. Algoritma ini sangat mudah diparalelkan (setiap sel diproses secara independen), sehingga ideal untuk compute GPU.</p>
<pre><code class="language-wgsl">@compute @workgroup_size(4, 4, 4)
fn marchingCubes(@builtin(global_invocation_id) id: vec3&lt;u32&gt;) {
    let sdfValues = sampleSDF(id);
    let caseIndex = classifyCell(sdfValues);
    if (caseIndex == 0u || caseIndex == 255u) { return; }
    let triangles = lookupTriangulation(caseIndex);
    let vertices = interpolateEdges(sdfValues, triangles);
    appendToMeshBuffer(vertices);
}
</code></pre>
<p><strong>Biaya penyimpanan:</strong> SDF 256^3 dengan presisi terkuantisasi 8-bit memerlukan 16 MB tanpa kompresi. Namun, sebagian besar volume kosong (jauh dari permukaan). Run-length encoding atau penyimpanan sparse octree biasanya menguranginya menjadi 100–500 KB per chunk, sebanding dengan medan heightmap.</p>
<p><strong>Pengeditan:</strong> Medan SDF secara alami dapat diedit. Penambahan material adalah operasi <code>min()</code> pada distance field. Penghapusan material (penggalian) adalah operasi <code>max()</code> dengan bentuk yang dinegasikan. Pencampuran halus antar-bentuk menggunakan <code>smoothMin()</code>. Operasi ini berjalan dalam compute shader dengan kecepatan interaktif.</p>
<h3>Dual Contouring</h3>
<p>Marching cubes menempatkan vertex pada tepi kisi, sehingga menghasilkan permukaan halus tetapi menghilangkan fitur tajam (tepi tebing, sudut batu). Dual contouring menempatkan satu vertex per sel pada posisi yang paling baik merepresentasikan permukaan di dalam sel tersebut, sehingga mempertahankan tepi dan sudut tajam.</p>
<p>Algoritma ini memerlukan nilai distance field dan normal permukaan (gradien SDF) pada setiap titik kisi. Algoritma tersebut menyelesaikan masalah least-squares kecil per sel untuk menemukan posisi vertex yang optimal. Hasilnya adalah mesh yang menangkap medan halus sekaligus fitur bebatuan yang tajam.</p>
<p><strong>Neural Dual Contouring</strong> (Chen dkk., 2022, <a href="https://arxiv.org/abs/2202.01999">arXiv:2202.01999</a>) mengganti solver least-squares dengan jaringan neural yang memprediksi posisi vertex dan persilangan tepi yang optimal. Metode ini menghasilkan akurasi rekonstruksi permukaan dan pelestarian fitur yang lebih baik, terutama untuk formasi batuan alami yang kompleks.</p>
<h3>Algoritma Transvoxel</h3>
<p>Masalah tersulit dalam medan volumetrik bukanlah menghasilkan mesh, melainkan transisi LOD. Ketika chunk beresolusi tinggi berdampingan dengan chunk beresolusi rendah, mesh keduanya tidak sejajar pada batasnya sehingga menciptakan retakan yang terlihat.</p>
<p>Algoritma Transvoxel, yang dirancang oleh Eric Lengyel (<a href="https://transvoxel.org/">transvoxel.org</a>), menyelesaikannya dengan menyisipkan sel transisi khusus di sepanjang batas antartingkat resolusi. Sel-sel ini menjembatani perbedaan resolusi menggunakan segitiga tambahan yang cocok secara presisi dengan kedua sisi. Algoritma ini menyederhanakan masalah batas yang kompleks menjadi 73 kelas ekuivalensi (dibandingkan sekitar 1,2 juta kasus untuk pendekatan brute-force).</p>
<p>Transvoxel dirancang secara khusus untuk aplikasi real-time yang data voxel-nya berubah secara dinamis (pengeditan oleh kreator, erosi, penambangan). Algoritma ini bebas paten dan telah digunakan dalam game yang dirilis (Space Engineers, Astroneer). Untuk dunia browser dengan medan volumetrik yang dapat diedit, Transvoxel adalah solusi LOD yang tepat.</p>
<h3>Hibrida: Dasar Heightmap + Lapisan Volumetrik</h3>
<p>Pendekatan praktis untuk dunia terbuka di browser adalah sistem berlapis:</p>
<p><strong>Lapisan 1: Medan heightmap</strong> mencakup seluruh dunia. Ini merupakan representasi murah dan ringkas untuk perbukitan, lembah, dan pegunungan. Data di-streaming sebagai patch heightmap kecil per chunk (masing-masing 2–4 KB). Rendering menggunakan geometry clipmap dengan biaya GPU konstan.</p>
<p><strong>Lapisan 2: Lapisan volumetrik</strong> hanya tersedia dalam chunk yang memerlukan geometri kompleks. Gua, permukaan tebing, lengkungan, terowongan yang dipahat kreator, dan ruang bawah tanah disimpan sebagai volume SDF sparse. Hanya chunk yang memiliki data volumetrik yang menanggung biaya penyimpanan SDF dan marching cubes.</p>
<p><strong>Lapisan 3: Modifikasi kreator</strong> disimpan sebagai pengeditan SDF di atas lapisan dasar. Kreator yang menggali terowongan menyimpan bentuk SDF terowongan tersebut. Sistem rendering menggabungkan permukaan heightmap dengan pengurangan dan penambahan volumetrik untuk menghasilkan mesh akhir.</p>
<p>Sistem hibrida ini hampir tidak menambah biaya untuk medan datar (hanya heightmap) dan hanya meningkat skalanya di tempat yang memiliki kompleksitas. Dalam dunia pada umumnya, mungkin hanya 5–10% chunk yang memerlukan data volumetrik.</p>
<h2>Pembuatan Medan yang Akurat secara Fisik</h2>
<p>Noise menghasilkan medan acak. Fisika menghasilkan medan realistis. Perbedaannya terlihat jelas: medan noise tidak memiliki struktur (permukaannya bergelombang acak di mana-mana), sedangkan medan fisik memiliki jaringan sungai, garis punggungan, kipas aluvial, dan lapisan tebing yang terbentuk dari erosi dan aktivitas tektonik.</p>
<h3>Erosi Hidraulis: Fondasinya</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/eaXk97ujbPQ" title="Petualangan Pemrograman: Erosi Hidraulis" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Implementasi erosi hidraulis Sebastian Lague sedang beraksi. Tetesan hujan yang disimulasikan mengalir menuruni lereng, mengikis material berdasarkan kecepatan dan kemiringan, lalu mengendapkan sedimen ketika kecepatannya menurun—mengubah noise datar menjadi lembah sungai, garis punggungan, dan kipas aluvial.</div>
<p>Air mengalir menuruni lereng, membawa sedimen, lalu mengendapkannya ketika alirannya melambat. Satu proses ini, yang disimulasikan selama jutaan tahun virtual, mengubah noise tanpa ciri menjadi medan dengan fitur geologis yang dapat dikenali.
Pendekatan berbasis partikel menjatuhkan tetesan hujan simulasi ke peta ketinggian. Setiap tetesan mengalir menuruni lereng (mengikuti gradien), mengikis material berdasarkan kecepatan dan kemiringan, membawa sedimen sebagai muatan terlarut, lalu mengendapkan sedimen ketika kecepatannya menurun atau kapasitasnya terlampaui. Setelah 200.000-500.000 partikel, medan membentuk:</p>
<ul>
<li><strong>Lembah sungai</strong> yang mengikuti jalur aliran air maksimum</li>
<li><strong>Garis punggungan</strong> yang memisahkan daerah aliran sungai</li>
<li><strong>Kipas aluvial</strong> di tempat lembah curam terbuka menuju dataran rata</li>
<li><strong>Lembah berbentuk V</strong> di medan pegunungan dan berbentuk U di medan glasial</li>
</ul>
<p><strong>Implementasi GPU:</strong> Simulasi partikel dapat diparalelkan. Setiap partikel bersifat independen (aproksimasi ini mengabaikan interaksi antarpartikel, yang tidak menjadi masalah untuk erosi). Shader komputasi WebGPU memproses 10.000 partikel per frame pada 60fps, menyelesaikan 200.000 partikel dalam waktu nyata sekitar 3 detik.</p>
<p>Implementasi sumber terbuka Sebastian Lague (<a href="https://github.com/SebLague/Hydraulic-Erosion">GitHub</a>) adalah titik awal standar. Implementasi tersebut berjalan pada satu thread dalam C# dan memproses peta ketinggian 1024x1024 dalam beberapa detik. Versi GPU 50-100x lebih cepat.</p>
<h3>Erosi Termal</h3>
<p>Air bukan satu-satunya kekuatan erosi. Perubahan suhu menyebabkan batuan retak dan hancur (pelapukan termal). Ketika kemiringan antara dua titik medan melampaui sudut diam suatu material, material jatuh dari titik yang lebih tinggi ke titik yang lebih rendah. Proses ini menghasilkan:</p>
<ul>
<li><strong>Lereng talus</strong> di dasar tebing (tumpukan batuan yang jatuh)</li>
<li><strong>Garis punggungan yang melunak</strong> seiring waktu</li>
<li><strong>Profil yang bergantung pada material</strong> (batuan keras mempertahankan lereng curam, sedangkan tanah lunak runtuh menjadi lereng landai)</li>
</ul>
<p>Erosi termal lebih sederhana daripada erosi hidraulis. Ini merupakan operasi lokal: untuk setiap sel, bandingkan perbedaan ketinggiannya dengan sel-sel tetangga. Jika kemiringan melampaui ambang batas, pindahkan material menuruni lereng. Proses ini berjalan sebagai satu pass shader komputasi per iterasi dan mencapai konvergensi dalam 50-100 iterasi.</p>
<p>Menggabungkan erosi hidraulis dan termal menghasilkan medan yang tampak jauh lebih alami daripada jika hanya menggunakan salah satunya. Air mengukir lembah; erosi termal melunakkan punggungan di antaranya dan mengisi dasar lembah dengan material runtuhan.</p>
<h3>Hukum Daya Aliran: Erosi Analitis</h3>
<p>Penelitian terbaru menawarkan alternatif untuk simulasi berbasis partikel. Hukum daya aliran (persamaan geomorfologi yang menghubungkan laju erosi dengan luas drainase dan kemiringan) dapat diselesaikan secara analitis alih-alih disimulasikan secara iteratif.</p>
<p>Cordonnier dkk. (2024, <a href="https://hal.science/hal-04525371">HAL</a>) menggabungkan hukum daya aliran analitis dengan proses longsor dan difusi lereng bukit. Hasilnya adalah pembuatan medan yang berlandaskan fisika, tetapi berjalan sebagai fungsi matematis alih-alih simulasi temporal. Anda memasukkan peta ketinggian berbasis noise beserta parameter (tingkat curah hujan, kekerasan batuan, laju pengangkatan tektonik), lalu memperoleh medan yang tererosi dalam hitungan milidetik.</p>
<p>Pendekatan analitis ini ideal untuk dunia berbasis browser karena hanya berjalan sekali di sisi server saat pembuatan medan, bukan secara iteratif. Parameternya dapat disesuaikan oleh kreator (&quot;buat wilayah ini lebih bergunung-gunung&quot; menyesuaikan laju pengangkatan; &quot;buat lebih basah&quot; meningkatkan curah hujan dan memperdalam lembah).</p>
<h3>Arenite: Erosi Multifisika (SIGGRAPH 2025)</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/pl_GdrBSAmA" title="Arenite: Simulator Batu Pasir Berbasis Fisika (SIGGRAPH 2025)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Arenite menyimulasikan tegangan, erosi angin, erosi fluvial, dan pengendapan partikel untuk menghasilkan lengkungan, hoodoo, dan bukit meja dari batuan berlapis. Pembuatan di sisi server menghasilkan volume SDF yang langsung disalurkan ke pipeline marching cubes.</div>
<p>Arenite (<a href="https://jango6324.github.io/arenite/">Halaman proyek</a>) adalah simulator batu pasir berbasis fisika yang menghasilkan lengkungan, ceruk, hoodoo, dan bukit meja dari kondisi awal yang sederhana. Pengguna melukis peta ketererosian (lapisan batuan lunak vs. batuan keras) dan vegetasi, lalu sistem menyimulasikan:</p>
<ul>
<li><strong>Distribusi tegangan</strong> melalui kolom batuan</li>
<li><strong>Erosi angin</strong> yang secara selektif menghilangkan material lunak yang terekspos</li>
<li><strong>Erosi fluvial</strong> akibat aliran air</li>
<li><strong>Pengendapan partikel</strong> yang menciptakan formasi baru</li>
</ul>
<p>Implementasi GPU berjalan dalam waktu kurang dari 5 menit untuk formasi kompleks pada GPU desktop. Meskipun terlalu lambat untuk penggunaan browser secara real-time, ini cukup cepat untuk pembuatan di sisi server. Kreator dapat menentukan permukaan tebing dengan lapisan batuan lunak/keras dan memperoleh formasi lengkungan yang realistis dalam hitungan menit.</p>
<p>Keluarannya berupa medan voxel 3D, yang langsung cocok dengan pipeline SDF/marching cubes kita.</p>
<h3>Erosi Fleksibel pada Berbagai Representasi</h3>
<p>Makalah tahun 2024 dari IRIT-STORM (&quot;Flexible Terrain Erosion,&quot; <a href="https://link.springer.com/article/10.1007/s00371-024-03444-w">Springer</a>) memecahkan masalah praktis: sebagian besar metode erosi hanya berfungsi pada heightfield. Jika medan Anda menggunakan voxel, SDF, atau material berlapis, Anda memerlukan kode erosi terpisah untuk masing-masing representasi.</p>
<p>Metode erosi fleksibel menguraikan erosi menjadi dua proses independen: perubahan medan (menghilangkan material dari permukaan) dan pengangkutan material (memindahkan sedimen dengan partikel yang diatur oleh fisika dasar). Setiap partikel memiliki ukuran, densitas, restitusi, dan kapasitas sedimen yang dapat dikonfigurasi. Medan vektor opsional mengendalikan pergerakan partikel untuk menghasilkan dinamika fluida yang realistis.</p>
<p>Karena partikel berinteraksi dengan medan melalui antarmuka perubahan material terpadu, simulasi yang sama dapat digunakan pada heightfield, kisi voxel, permukaan implisit, dan tumpukan material berlapis. Untuk medan hibrida kita (dasar peta ketinggian + overlay SDF), ini berarti satu sistem erosi menangani kedua representasi. Simulasi partikel berjalan secara paralel pada GPU.</p>
<h3>Jaringan Sungai dan Daerah Aliran Sungai</h3>
<p>Erosi mengukir sungai, tetapi menghasilkan jaringan sungai yang meyakinkan memerlukan lebih dari sekadar mengalirkan air menuruni lereng. Dua pendekatan berikut menghasilkan hasil yang lebih baik:</p>
<p><strong>Pembuatan yang mendahulukan drainase</strong> (Amit Patel, Red Blob Games, <a href="https://www.redblobgames.com/x/1723-procedural-river-growing/">Proyek</a>) membangun jaringan sungai sebelum menetapkan elevasi. Mulailah dengan sebuah graf (Voronoi atau mesh segitiga). Klasifikasikan sisi sebagai punggungan (tidak ada aliran), jalur masuk (air mengalir masuk), atau saluran keluar (air mengalir keluar). Pendekatan ini menciptakan hierarki drainase yang realistis, tempat sungai menyatu dari anak-anak sungai kecil menjadi aliran air utama, dengan mengikuti sistem klasifikasi Rosgen untuk berbagai jenis sungai (saluran berjalin di medan datar, ngarai sempit di pegunungan).</p>
<p><strong>Akumulasi aliran</strong> melacak jumlah air yang melewati setiap sel medan. Jatuhkan hujan simulasi secara merata, alirkan ke bawah, lalu hitung jumlah lintasan pada setiap sel. Sel dengan akumulasi tinggi menjadi saluran sungai. Sel dengan akumulasi sedang menjadi aliran musiman. Peta akumulasi juga mengendalikan intensitas erosi (lebih banyak air = lebih banyak erosi) dan distribusi vegetasi (tepian sungai lebih basah sehingga mendukung spesies tumbuhan yang berbeda).</p>
<p>Untuk dunia buatan kreator, jaringan sungai dibuat di sisi server saat pembuatan medan dan disimpan sebagai peta arah aliran 2D beserta peta akumulasi air untuk setiap chunk. Klien browser menggunakan peta-peta ini untuk merender permukaan air (bidang datar pada ketinggian yang tepat di saluran sungai) dan mengendalikan distribusi vegetasi (lebih rimbun di dekat air).</p>
<h3>Pembuatan Pesisir dan Garis Pantai</h3>
<p>Pesisir adalah tempat medan bertemu air, dan memiliki ciri khas yang tidak dihasilkan oleh erosi standar: tebing laut, endapan pantai, dataran pasang surut, tunggul laut, dan pelataran abrasi.</p>
<p>NEWTS1.0 (2024, <a href="https://dspace.mit.edu/handle/1721.1/157677">MIT</a>) memodelkan evolusi garis pantai berbatu menggunakan dua mekanisme erosi: kemunduran seragam (laju erosi konstan) dan erosi yang digerakkan gelombang (laju erosi sebagai fungsi jarak fetch dan sudut datang gelombang). Model ini berjalan selama ribuan tahun simulasi dan menghasilkan tanjung, teluk, tunggul laut, serta lengkungan yang sesuai dengan geomorfologi pesisir dunia nyata.</p>
<p>Untuk dunia berbasis browser, fitur pesisir akan dibuat terlebih dahulu saat penciptaan dunia. Parameternya (arah gelombang dominan, variasi kekerasan batuan di sepanjang pesisir) memungkinkan kreator mengendalikan karakter garis pantai mereka. Pengaturan &quot;fjord Norwegia&quot; menghasilkan ceruk dengan sisi curam. Pengaturan &quot;atol tropis&quot; menghasilkan pesisir berpasir rendah dengan laguna.</p>
<h3>Pembuatan Gua dan Area Bawah Tanah</h3>
<p>Gua memerlukan medan yang sepenuhnya volumetrik (SDF atau voxel) karena peta ketinggian tidak dapat merepresentasikan ruang tertutup. Pendekatan pembuatannya meliputi:</p>
<p><strong>Penerapan ambang batas noise 3D</strong> adalah metode paling sederhana. Ambil sampel noise Perlin atau simplex 3D pada setiap voxel. Nilai di bawah ambang batas bersifat padat, sedangkan nilai di atasnya kosong. Sesuaikan ambang batas dan parameter noise untuk mengendalikan diameter terowongan, konektivitas, dan ukuran ruang. Metode ini menghasilkan sistem gua organik menyerupai cacing seperti di Minecraft.</p>
<p><strong>PLUME (Procedural Layer Underground Modeling Engine)</strong> (2024, <a href="https://arxiv.org/html/2508.20926v1">arXiv:2508.20926</a>) menghasilkan lingkungan gua dan tabung lava yang realistis menggunakan aturan prosedural berlapis. Awalnya dibuat untuk penelitian eksplorasi ruang angkasa (menyimulasikan tabung lava Mars), sistem ini menghasilkan struktur bawah tanah yang masuk akal secara geologis, lengkap dengan stalaktit, kolom, dan sistem ruangan.</p>
<p><strong>Terowongan L-system dengan pengukiran metaball</strong> menggunakan tata bahasa L-system untuk menumbuhkan jalur terowongan bercabang menembus medan, lalu mengukir geometri terowongan sebenarnya menggunakan permukaan implisit metaball. Metaball menghasilkan dinding gua yang halus dan membulat. Beberapa pass dengan parameter berbeda menciptakan lorong utama, ruang samping, dan terowongan penghubung yang sempit.</p>
<p>Untuk dunia buatan kreator, pembuatan gua terhubung dengan sistem overlay SDF. Medan dasar berupa peta ketinggian (tanpa gua). Ketika suatu chunk memerlukan gua (baik dari pembuatan prosedural maupun desain kreator), volume SDF dibuat untuk mengurangi geometri gua dari medan dasar. Pipeline marching cubes merender permukaan gabungannya.</p>
<h3>Vegetasi sebagai Proses Fisik</h3>
<p>Vegetasi dalam game biasanya ditempatkan secara prosedural dengan aturan seperti &quot;rumput di bawah 2000m, pohon di bawah 1500m, salju di atas 3000m.&quot; Cara ini cepat, tetapi menghasilkan distribusi yang seragam dan tidak realistis.</p>
<p>Simulasi vegetasi yang berlandaskan fisika memodelkan setiap tumbuhan sebagai organisme yang bersaing memperebutkan sumber daya (cahaya, air, unsur hara tanah). Simulasinya:</p>
<ol>
<li>Benih disebarkan ke seluruh medan</li>
<li>Setiap tumbuhan tumbuh berdasarkan sumber daya yang tersedia (air mengalir dari simulasi erosi hidraulis, sinar matahari bergantung pada kemiringan dan arah hadap lereng, sedangkan kedalaman tanah bergantung pada riwayat erosi)</li>
<li>Tumbuhan bersaing: pepohonan menaungi rumput, dan kanopi rapat mencegah tumbuhnya bibit baru</li>
<li>Seiring waktu simulasi, bioma muncul secara alami: hutan di lembah yang berair, vegetasi jarang di punggungan yang tersapu angin, dan lahan basah di tempat air menggenang</li>
</ol>
<p>Simulasi ekosistem Deussen dkk. (<a href="https://export.arxiv.org/pdf/2208.01471v1.pdf">Makalah</a>) menghasilkan distribusi hutan yang sesuai dengan pola ekologi dunia nyata. Simulasi berjalan pada kisi 2D (satu sel per chunk medan) dan menghasilkan peta densitas serta penetapan spesies yang digunakan sistem rendering untuk penempatan vegetasi dengan instancing GPU.</p>
<p>Untuk dunia berbasis browser, simulasi vegetasi berjalan sekali saat pembuatan dunia (di sisi server). Keluarannya berupa sekumpulan peta densitas per chunk: densitas pohon, densitas rumput, densitas bunga, dan densitas serpihan batuan. Klien browser menggunakan peta-peta ini bersama instancing GPU untuk menyebarkan vegetasi saat runtime.</p>
<h2>Sintesis Medan Berbasis Difusi</h2>
<p>Bidang ini berkembang paling cepat. Model difusi (teknologi yang sama di balik Stable Diffusion untuk gambar) mulai diterapkan pada pembuatan medan, dan hasilnya jauh lebih realistis daripada metode berbasis noise.</p>
<h3>Terrain Diffusion: Penerus Perlin Noise</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/hJoaCZ7wZ5s" title="Integrasi Terrain Diffusion dengan Minecraft" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Terrain Diffusion berjalan di dalam Minecraft, mengalirkan medan tak terbatas yang konsisten dengan seed secara real-time. Karena dilatih menggunakan data elevasi dunia nyata, sistem ini menghasilkan lanskap dengan struktur geologis yang tidak dapat ditandingi oleh fungsi noise.</div>
<p>Terrain Diffusion (Goslin, 2025, <a href="https://arxiv.org/abs/2512.08309">arXiv:2512.08309</a>, <a href="https://xandergos.github.io/terrain-diffusion/">Halaman proyek</a>) merupakan kemajuan paling signifikan dalam pembuatan medan prosedural sejak Perlin noise pada 1985. Karya ini kemudian diterima di SIGGRAPH 2026, dan judul arXiv kanonisnya kini adalah &quot;InfiniteDiffusion: Bridging Learned Fidelity and Procedural Utility for Open-World Terrain Generation.&quot; Algoritma InfiniteDiffusion dan framework Terrain Diffusion merupakan dua bagian dari makalah yang sama.</p>
<p>Inovasi utamanya adalah <strong>InfiniteDiffusion</strong>, algoritma yang memformulasikan ulang sampling difusi untuk domain tak terbatas. Model difusi tradisional menghasilkan keluaran berukuran tetap (misalnya, peta ketinggian 512x512). InfiniteDiffusion menghasilkan medan dengan bentang tak terbatas yang memiliki:</p>
<ul>
<li><strong>Konsistensi seed:</strong> Seed yang sama selalu menghasilkan medan yang sama, seperti Perlin noise</li>
<li><strong>Akses acak dalam waktu konstan:</strong> Anda dapat meminta ketinggian di titik mana pun tanpa perlu membuat wilayah tetangganya terlebih dahulu</li>
<li><strong>Tanpa artefak batas:</strong> Pembuatan tanpa batas tanpa sambungan atau pengulangan yang terlihat</li>
</ul>
<p>Sistem ini menggunakan tumpukan hierarkis model difusi. Tingkat teratas menangkap fitur berskala planet (benua, rangkaian pegunungan). Setiap tingkat berikutnya menambahkan detail yang lebih halus (puncak individual, lembah, kekasaran berskala kecil). Enkode Laplacian yang ringkas menstabilkan keluaran pada rentang dinamis yang sangat besar, mulai dari permukaan laut hingga puncak Himalaya.</p>
<p><strong>Performa:</strong> Kecepatan pembuatan mampu mengimbangi eksplorasi secara real-time. Makalah tersebut melaporkan bahwa bahkan pada kondisi ekstrem teoretis berupa kecepatan orbit (sekitar 7.700 m/s), sintesis medan berjalan 9x lebih cepat daripada penjelajahan pada GPU konsumen. Proyek ini menyertakan integrasi Minecraft yang mendemonstrasikan sintesis medan secara real-time.
<strong>Mengapa ini penting bagi kita:</strong> Terrain Diffusion menghasilkan lanskap yang dilatih dengan data elevasi dunia nyata (topografi Bumi yang sebenarnya). Keluarannya memiliki jaringan sungai, rangkaian pegunungan, fitur pesisir, dan struktur dataran tinggi yang berasal dari data pelatihan, bukan dari parameter derau yang disetel secara manual. Kreator dapat mengatakan &quot;hasilkan medan seperti Dataran Tinggi Skotlandia&quot;, lalu model difusi akan menghasilkan medan dengan karakter geologis yang sesuai.</p>
<p>Model berjalan di sisi server selama pembuatan dunia. Keluarannya berupa heightmap standar yang dialirkan ke browser seperti data medan lainnya. Metode pembuatannya tidak terlihat oleh klien.</p>
<h3>TerraFusion: Geometri dan Tekstur Terpadu</h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/terrafusion-teaser.png" alt="TerraFusion menghasilkan heightmap medan dan tekstur permukaan yang selaras secara terpadu dari sketsa menggunakan difusi laten" />
</div>
<div class="game-caption">TerraFusion menghasilkan heightmap dan tekstur secara bersamaan dari sketsa tangan. Korelasi antara geometri dan material sudah tertanam — dasar sungai menjadi berpasir, permukaan tebing berbatu, tanah datar berumput — tanpa pengecatan splat manual.</div>
<p>TerraFusion (2025, <a href="https://arxiv.org/abs/2505.04050">arXiv:2505.04050</a>) melangkah lebih jauh dengan menghasilkan heightmap dan tekstur medan secara terpadu. Gagasan utamanya: geometri medan dan tampilan permukaan saling berkorelasi (dasar sungai berpasir, permukaan tebing berbatu, area datar berumput). Menghasilkannya secara terpisah akan menimbulkan ketidakselarasan.</p>
<p>TerraFusion menggunakan model difusi laten dengan VAE terpisah untuk heightmap dan tekstur, yang dilatih untuk memodelkan distribusi gabungan keduanya. Sistem ini mendukung:</p>
<ul>
<li><strong>Pembuatan tanpa kondisi:</strong> Medan acak yang masuk akal dengan tekstur yang selaras</li>
<li><strong>Pembuatan berbasis sketsa:</strong> Kreator menggambar peta kasar (lembah di sini, punggung bukit di sana, tebing di sepanjang sisi ini), lalu model menghasilkan geometri dan tekstur mendetail yang sesuai dengan sketsa</li>
</ul>
<p>Untuk dunia buatan kreator, kemampuan ini sangat berguna. Kreator membuat sketsa tata letak umum lahannya, lalu sistem melengkapinya dengan medan yang masuk akal secara geologis beserta material permukaan yang sesuai. Tidak perlu mengecat heightmap, membuat texture splatting, atau menetapkan material secara manual.</p>
<h3>MESA: Teks ke Medan</h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/mesa-header.png" alt="MESA menghasilkan citra medan bergaya satelit dan peta elevasi dari perintah teks, dengan pelatihan menggunakan data Copernicus global" />
</div>
<div class="game-caption">MESA menghasilkan pasangan citra satelit dan DEM dari perintah teks. Karena dilatih menggunakan kumpulan data global Copernicus, model ini memahami medan nyata pada setiap skala dan zona iklim — fyord, stepa, lahan pertanian, punggung pegunungan alpen.</div>
<p>MESA (2025, <a href="https://arxiv.org/abs/2504.07210">arXiv:2504.07210</a>, Lokakarya CVPR 2025) menghasilkan medan dari deskripsi teks. Model ini dilatih menggunakan data penginderaan jauh global dari program Copernicus sehingga mengenal setiap jenis lanskap daratan.</p>
<p>Perintah seperti &quot;sebuah fyord dengan dinding granit curam yang terbuka ke garis pantai berbatu&quot; menghasilkan heightmap dengan struktur geologis yang sesuai. &quot;Lahan pertanian bergelombang dengan perbukitan landai dan lembah sungai yang lebar&quot; menghasilkan sesuatu yang sama sekali berbeda.</p>
<p>MESA memperkenalkan kumpulan data ekstensi Major TOM Core-DEM, yang memasangkan citra satelit dengan model elevasi digital dari seluruh dunia. Data pelatihan ini memberikan pemahaman kepada model tentang tampilan medan nyata pada setiap skala dan di setiap zona iklim.</p>
<h3>Geodiffussr: Pemberian Tekstur Medan Berpanduan Teks</h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/geodiffussr-teaser.png" alt="Geodiffussr menghasilkan tekstur medan dari deskripsi teks sambil mengikuti data elevasi — salju di puncak, pasir di pesisir, hutan di lereng" />
</div>
<div class="game-caption">Geodiffussr menerima heightmap dan perintah teks, lalu menghasilkan tekstur permukaan yang mengikuti elevasi. Salju hanya muncul di atas ketinggian yang masuk akal; vegetasi menipis seiring bertambahnya ketinggian; air mengisi cekungan. Geometri tetap tidak berubah.</div>
<p>Geodiffussr (2025, <a href="https://arxiv.org/abs/2511.23029">arXiv:2511.23029</a>) menerima heightmap yang sudah ada dan menghasilkan tekstur berdasarkan deskripsi teks sambil tetap mengikuti data elevasi. &quot;Hutan musim gugur&quot; menghasilkan dedaunan jingga dan keemasan pada lereng sedang, dengan batuan terbuka pada permukaan yang curam. &quot;Pesisir tropis&quot; menghasilkan vegetasi palem di dataran rendah dengan pasir koral di permukaan laut.</p>
<p>Sistem ini menggunakan agregasi konten multiskala untuk memastikan penetapan tekstur mengikuti elevasi: salju hanya muncul di atas ketinggian yang masuk akal secara fisik, fitur perairan berada di cekungan, dan vegetasi menipis seiring bertambahnya ketinggian.</p>
<p>Untuk dunia buatan kreator, ini berarti tekstur medan dapat dibuat ulang dari perintah teks tanpa mengubah geometrinya. Kreator membentuk medan yang diinginkan, lalu mendeskripsikan suasananya (&quot;gurun vulkanis gelap&quot; atau &quot;hutan beriklim sedang yang rimbun&quot;), dan sistem akan menghasilkan material permukaan yang sesuai.</p>
<h2>LOD Dinamis untuk Medan di Browser</h2>
<p>Merender medan luas dengan resolusi penuh di semua tempat mustahil dilakukan di browser. Dunia berukuran 4 km x 4 km dengan resolusi 1 meter memiliki 16 juta vertex hanya untuk medannya. LOD dinamis menguranginya menjadi jumlah vertex yang konstan dan dapat dikelola, berapa pun ukuran dunianya.</p>
<h3>Geometry Clipmap</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/yoUQRT-Hmcc" title="Geometry clipmap: Rendering medan menggunakan grid reguler bertingkat (SIGGRAPH 2004)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Presentasi asli geometry clipmap di SIGGRAPH 2004. Cincin medan konsentris dengan resolusi yang terus dibagi dua menjaga jumlah vertex tetap konstan berapa pun ukuran dunia — hingga kini masih menjadi landasan sebagian besar LOD medan di browser.</div>
<p>Geometry clipmap (Losasso dan Hoppe, SIGGRAPH 2004, <a href="https://hhoppe.com/geomclipmap.pdf">Makalah</a>) tetap menjadi standar utama untuk LOD medan berbasis heightmap. Gagasannya: render medan sebagai serangkaian cincin persegi konsentris yang berpusat pada kamera. Setiap cincin mencakup area dua kali lebih luas daripada cincin sebelumnya, tetapi dengan separuh resolusinya.</p>
<p>Dekat dengan kamera (cincin terdalam): resolusi penuh, jarak grid 1 meter.
Satu cincin ke luar: jarak 2 meter, mencakup area 4x lebih luas.
Cincin berikutnya: jarak 4 meter, mencakup area 16x lebih luas.
Begitu seterusnya untuk 6-8 tingkat, hingga cincin terluar mencakup seluruh jarak pandang.</p>
<p>Jumlah total vertex bersifat konstan: kira-kira N^2 * tingkat, dengan N sebagai lebar cincin dalam satuan vertex. Dengan N=256 dan 8 tingkat, totalnya sekitar 500 ribu vertex. Beban rendering tetap sama baik dunia memiliki lebar 1 km maupun 100 km.</p>
<p><strong>Implementasi di browser:</strong> Geometry clipmap dapat digunakan di WebGL 2 karena hanya memerlukan pembaruan vertex buffer standar (tanpa compute shader). Saat kamera bergerak, CPU memperbarui data heightmap untuk setiap cincin dengan mengambil sampel medan pada resolusi yang sesuai. Vertex shader membaca nilai ketinggian dari tekstur dan menggeser grid datar.</p>
<p><strong>Morphing:</strong> Transisi antartingkat LOD menghasilkan efek &quot;popping&quot; yang terlihat jika ditangani secara naif. Geomorphing (dijelaskan secara khusus di bagian berikutnya) memadukan posisi vertex antartingkat melalui zona transisi di dalam vertex shader, sehingga menghasilkan transisi mulus tanpa popping dan tanpa biaya draw call tambahan.</p>
<h3>CDLOD: Clipmap Adaptif Berbasis Quadtree</h3>
<p>CDLOD (Strugar, 2014, <a href="https://www.vertexasylum.com/CDLOD/cdlod_latest.pdf">Makalah</a>) menyempurnakan geometry clipmap dengan menggunakan quadtree sebagai pengganti cincin konsentris tetap. Quadtree menyesuaikan diri dengan medan: area datar menggunakan node kasar, sedangkan area yang sangat mendetail (tebing, punggung bukit) dibagi lebih halus.</p>
<p>Hal ini penting untuk dunia buatan kreator karena setiap chunk memiliki tingkat kerumitan berbeda. Padang rumput datar hanya memerlukan resolusi minimal. Wilayah pegunungan dengan tebing dan gua memerlukan detail maksimum. CDLOD mengalokasikan resolusi ke tempat yang benar-benar membutuhkannya.</p>
<p>Traversal quadtree di sisi CPU bersifat ringan (beberapa ratus node) dan menentukan patch medan mana yang perlu digambar serta pada resolusi berapa. GPU merender setiap patch sebagai grid terinstansiasi dengan uniform LOD per patch.</p>
<h3>Concurrent Binary Tree: Teselasi Berskala Planet</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/0TzgFwDmbGg" title="Bereksperimen dengan Concurrent Binary Tree untuk Rendering Medan Berskala Besar" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Teselasi adaptif CBT untuk medan berskala planet: segitiga dibagi di dekat kamera dan digabungkan di kejauhan, seluruhnya di GPU. Kurang dari 0,2 md pada perangkat keras kelas konsol.</div>
<p>Concurrent Binary Tree (CBT) adalah struktur data yang ramah GPU untuk teselasi medan adaptif, yang dipresentasikan oleh Benyoub dan Dupuy (Intel, HPG 2024, <a href="https://arxiv.org/html/2407.02215v1">Makalah</a>, <a href="https://github.com/AnisB/large_cbt">GitHub</a>).</p>
<p>Gagasan utamanya: representasikan medan sebagai binary tree dengan setiap node berupa segitiga. Pembagian adaptif memecah segitiga yang dekat dengan kamera dan menggabungkan segitiga yang jauh. Binary tree seluruhnya berada di memori GPU sebagai array 1D (binary heap), sedangkan operasi pembagian/penggabungan dijalankan sebagai compute shader.</p>
<p>Makalah tahun 2024 tersebut memperluas CBT dari domain heightmap persegi ke mesh poligon arbitrer. Artinya, Anda dapat melakukan teselasi pada bola (untuk rendering planet) atau base mesh arbitrer (untuk dunia game dengan batas nonpersegi panjang). Peningkatan utamanya: menggunakan CBT sebagai pengelola pool memori alih-alih pengodean implisit memungkinkan tingkat pembagian yang jauh lebih tinggi.</p>
<p>Performa: teselasi medan berskala planet dalam waktu kurang dari 0,2 md pada perangkat keras kelas konsol. Algoritmanya menskalakan secara linear terhadap jumlah prosesor. Untuk WebGPU, teknologi ini menyediakan jalur menuju rendering medan berskala planet di browser, meskipun kompleksitas implementasinya tinggi.</p>
<h3>LOD Berbasis GPU dengan WebGPU</h3>
<p>WebGPU memungkinkan pipeline medan yang sepenuhnya digerakkan GPU sehingga CPU tidak perlu terlibat dalam pengambilan keputusan LOD:</p>
<ol>
<li>
<p><strong>Compute pass 1: Frustum dan occlusion culling.</strong> Compute shader menguji bounding box setiap patch medan terhadap frustum tampilan dan occlusion buffer (depth buffer dari frame sebelumnya yang telah di-downsample). Patch yang tidak terlihat dibuang sepenuhnya.</p>
</li>
<li>
<p><strong>Compute pass 2: Pemilihan LOD.</strong> Untuk patch yang terlihat, hitung ukurannya dalam screen space dan pilih tingkat LOD yang sesuai. Tulis tingkat LOD dan ID patch ke indirect draw buffer.</p>
</li>
<li>
<p><strong>Compute pass 3: Pembuatan mesh (untuk medan volumetrik).</strong> Untuk chunk yang memiliki data SDF, jalankan marching cubes guna menghasilkan mesh pada resolusi LOD yang dipilih.</p>
</li>
<li>
<p><strong>Indirect draw.</strong> Satu panggilan <code>drawIndexedIndirect()</code> merender semua patch medan. GPU memutuskan semuanya: apa yang digambar, pada resolusi berapa, dan dalam urutan apa.</p>
</li>
</ol>
<p>Pipeline ini memiliki biaya CPU konstan (menjalankan compute shader dan indirect draw call), berapa pun ukuran atau kompleksitas dunia. GPU menangani semua keputusan per patch.</p>
<pre><code class="language-wgsl">@compute @workgroup_size(64)
fn lodSelection(@builtin(global_invocation_id) id: vec3&lt;u32&gt;) {
    let patchIdx = id.x;
    let bounds = patchBounds[patchIdx];

    if (!frustumTest(bounds, viewProjection)) { return; }
    if (occlusionTest(bounds, depthPyramid) == OCCLUDED) { return; }

    let screenSize = projectedSize(bounds, viewProjection, screenDimensions);
    let lod = clamp(u32(log2(maxScreenSize / screenSize)), 0u, MAX_LOD);

    let drawIdx = atomicAdd(&amp;drawCount, 1u);
    drawArgs[drawIdx] = DrawArgs(patchIdx, lod, indexCount[lod], indexOffset[lod]);
}
</code></pre>
<h3>Geomorphing: Transisi LOD Tanpa Popping</h3>
<p>Artefak visual terbesar pada LOD medan adalah popping: vertex mendadak berpindah ke posisi baru saat sebuah patch beralih tingkat LOD. Geomorphing menghilangkan masalah ini dengan menginterpolasi posisi vertex secara mulus antartingkat LOD melalui zona transisi.</p>
<p>Implementasinya seluruhnya berada di vertex shader. Setiap vertex menyimpan posisi LOD saat ini sekaligus posisi LOD berikutnya yang lebih kasar. Saat jarak kamera melewati ambang transisi, faktor morph memadukan keduanya:</p>
<pre><code class="language-glsl">float morphFactor = smoothstep(lodNear, lodFar, distanceToCamera);
float morphedHeight = mix(fineLodHeight, coarseLodHeight, morphFactor);
gl_Position = viewProjection * vec4(worldPos.x, morphedHeight, worldPos.z, 1.0);
</code></pre>
<p>Makalah geometry clipmap Hoppe (GPU Gems 2, <a href="https://developer.nvidia.com/gpugems/gpugems2/part-i-geometric-complexity/chapter-2-terrain-rendering-using-gpu-based-geometry">Bab 2</a>) menjelaskan implementasi lengkap untuk cincin clipmap. Zona morph adalah 20% bagian terluar dari setiap cincin. Di dalam zona ini, vertex secara mulus menyatu menuju resolusi cincin berikutnya. Efek visualnya: geometri medan &quot;melebur&quot; di antara tingkat detail alih-alih berubah secara mendadak. Pada kecepatan kamera normal, transisinya tidak terlihat.</p>
<p>Pemaduan dalam image space (Scherzer dkk., <a href="https://onlinelibrary.wiley.com/doi/10.1111/j.1467-8659.2007.00943.x">Makalah</a>) merupakan alternatif yang memadukan gambar hasil rendering dari dua tingkat LOD dalam screen space. Metode ini menangani perbedaan LOD yang lebih ekstrem (misalnya transisi mesh ke billboard), tetapi memerlukan render pass tambahan untuk zona transisi.</p>
<h3>Culling Vegetasi Berbasis GPU</h3>
<p>Vegetasi (pohon, rumput, bebatuan) sering kali menjadi sumber draw call terbesar dalam dunia terbuka. Pendekatan naif menggambar setiap instance vegetasi pada setiap frame. Culling berbasis GPU, yang kini tersedia di Three.js melalui WebGPU, menghapus instance yang tidak terlihat sebelum mencapai rasterizer.</p>
<p><code>ComputeInstanceCulling</code> milik Three.js (<a href="https://www.threejs-blocks.com/docs/ComputeInstanceCulling">Dokumentasi</a>) menyediakan frustum culling dan LOD culling untuk instanced mesh, dengan peningkatan performa 10-100x pada jumlah instance yang besar. Pipeline-nya:</p>
<ol>
<li>Compute shader membaca semua bounding sphere instance</li>
<li>Menguji masing-masing terhadap frustum kamera (pengujian 6 bidang)</li>
<li>Menerapkan LOD berbasis jarak: instance yang melewati ambang batas beralih ke detail lebih rendah atau di-cull sepenuhnya</li>
<li>Instance yang lolos dipadatkan ke dalam buffer dan digambar melalui <code>drawIndirect</code>
CPU tidak melakukan pekerjaan per instans sama sekali. Setelah penyiapan awal, biayanya hanya satu dispatch komputasi ditambah satu indirect draw call per jenis vegetasi, berapa pun jumlah instansnya.</li>
</ol>
<p>Untuk vegetasi yang lebih lebat, <code>IndirectBatchedMesh</code> milik Three.js (<a href="https://www.threejs-blocks.com/docs/IndirectBatchedMesh">Dokumentasi</a>) mengemas beberapa jenis geometri (pohon, semak, batu) ke dalam satu buffer dan menggambarnya dengan multi-draw indirect. Hanya satu draw call untuk seluruh vegetasi dalam sebuah chunk.</p>
<p>Jika digabungkan dengan penyebaran berbasis peta kepadatan dari sistem vegetasi kami, artinya: peta kepadatan menghasilkan 50.000 posisi helai rumput dalam compute shader, tahap culling menghilangkan 70% yang berada di luar layar atau terlalu jauh, dan satu indirect draw call merender 15.000 helai yang tersisa. Total biaya CPU: dapat diabaikan.</p>
<h3>LOD untuk Medan Volumetrik</h3>
<p>Medan volumetrik (SDF + marching cubes) memerlukan sistem LOD tersendiri karena mesh-nya dihasilkan, bukan dibuat sebelumnya. Pendekatannya:</p>
<p><strong>Penyimpanan SDF multiresolusi.</strong> Simpan SDF pada beberapa resolusi dalam hierarki mirip mipmap. Level 0 memiliki resolusi penuh (voksel 1 meter). Level 1 menggunakan voksel 2 meter (data 8x lebih sedikit). Level 2 menggunakan voksel 4 meter. Pada setiap level, SDF di-downsample dengan mengambil jarak absolut minimum.</p>
<p><strong>Marching cubes yang dipilih berdasarkan LOD.</strong> Jalankan marching cubes pada level SDF yang sesuai dengan LOD yang diinginkan. Chunk jarak dekat menggunakan level 0. Chunk yang jauh menggunakan level 2 atau 3. Algoritma Transvoxel menangani batas di antara level yang berbeda.</p>
<p><strong>Caching.</strong> Mesh yang dihasilkan disimpan dalam cache hingga SDF berubah (karena pengeditan kreator) atau level LOD berubah (kamera berpindah cukup jauh). Untuk medan statis, mesh dibuat sekali lalu digunakan kembali.</p>
<h2>Arsitektur Streaming untuk Medan</h2>
<h3>Format Data Chunk</h3>
<p>Setiap chunk medan (64x64 meter) dialirkan sebagai paket biner ringkas:</p>
<pre><code>ChunkPacket {
  header: {
    chunkX: i16, chunkZ: i16,
    version: u32,
    flags: u8  // hasHeightmap | hasVolumetric | hasVegetation
  }
  heightmap: {
    resolution: u8,      // 65x65 for full, 33x33 for half, 17x17 for quarter
    quantizedHeights: u16[resolution * resolution],  // delta-encoded, zlib compressed
    splatMap: u8[4 * resolution * resolution]         // RGBA blend weights, LZ4 compressed
  }
  volumetric?: {         // only present if flags.hasVolumetric
    sdfResolution: u8,   // typically 32 or 64
    sparseOctree: bytes  // run-length encoded sparse SDF
  }
  vegetation?: {         // only present if flags.hasVegetation
    treeDensityMap: u8[16 * 16],    // 4m resolution density grid
    grassDensityMap: u8[32 * 32],   // 2m resolution density grid
    rockDensityMap: u8[16 * 16]
  }
  creatorObjects: {
    count: u16,
    objects: PlacedObject[]   // assetId + transform + properties, ~40 bytes each
  }
}
</code></pre>
<p><strong>Ukuran umum:</strong></p>
<ul>
<li>Chunk yang hanya berisi heightmap (medan datar): 2–4 KB setelah dikompresi</li>
<li>Heightmap + vegetasi: 4–8 KB</li>
<li>Heightmap + volumetrik + vegetasi (chunk kompleks): 20–100 KB</li>
<li>Area 5x5 dengan detail penuh: total 50–500 KB</li>
</ul>
<h3>Pemuatan Chunk Progresif</h3>
<p>Chunk dimuat berdasarkan urutan prioritas yang ditentukan oleh jarak, arah pergerakan, dan jenis data:</p>
<p><strong>Prioritas 1 (segera, &lt;100 md):</strong> Geometri heightmap untuk chunk yang akan dimasuki pemain. Permukaan medan muncul terlebih dahulu. Bahkan pada resolusi terendah (17x17 per chunk), permukaannya sudah tersedia.</p>
<p><strong>Prioritas 2 (cepat, &lt;300 md):</strong> Splat map dan tekstur medan. Permukaan mendapatkan warna.</p>
<p><strong>Prioritas 3 (streaming, &lt;1 dtk):</strong> Peningkatan ke heightmap beresolusi penuh. Peta kepadatan vegetasi. GPU instancing menghasilkan pohon dan rumput.</p>
<p><strong>Prioritas 4 (latar belakang, &lt;3 dtk):</strong> Data SDF volumetrik untuk chunk yang memiliki gua atau tonjolan menggantung. Marching cubes menghasilkan mesh di dalam Web Worker, lalu mentransfer buffer ke thread utama.</p>
<p><strong>Prioritas 5 (lazy, &lt;10 dtk):</strong> Objek yang ditempatkan kreator. Tekstur beresolusi tinggi untuk struktur. Objek detail seperti bunga, batu kecil, dan puing-puing.</p>
<h3>Pengambilan Awal Prediktif</h3>
<p>Jangan menunggu pemain memasuki sebuah chunk sebelum memuatnya. Prediksi arah tujuan mereka berdasarkan kecepatan, lalu muat area di depan:</p>
<ul>
<li><strong>Kecepatan berjalan (5 km/jam):</strong> Ambil lebih awal 2 chunk di depan (128 m). Dengan latensi broadband umum, ini memberikan waktu pendahuluan 200–400 md.</li>
<li><strong>Berlari/berkendara (15 km/jam):</strong> Ambil lebih awal 4 chunk di depan. Cincin pemuatan bergeser mengikuti arah kecepatan.</li>
<li><strong>Terbang/perjalanan cepat:</strong> Jeda rendering selama transisi. Alirkan chunk tujuan dengan prioritas tertinggi. Lanjutkan rendering ketika data yang tersedia sudah cukup untuk frame pertama.</li>
</ul>
<p>Sistem pengambilan awal melacak chunk yang ada dalam cache, yang sedang dalam proses pengiriman (sudah diminta tetapi belum tiba), dan yang diperlukan. Antrean prioritas mengurutkan permintaan tertunda berdasarkan urgensi. Batalkan permintaan untuk chunk yang sudah dijauhi pemain.</p>
<h3>Anggaran Memori dan Eviksi</h3>
<p>Sebuah tab browser mendapatkan 2–4 GB di desktop. Sistem medan perlu menggunakan hanya sebagian dari jumlah tersebut (sisanya untuk rendering, fisika, jaringan, dan heap JavaScript).</p>
<p><strong>Target anggaran: 256 MB untuk seluruh data medan.</strong></p>
<p>Dengan ukuran chunk umum kami:</p>
<ul>
<li>Chunk detail penuh dalam cache: ~100 (area 10x10), masing-masing 5–100 KB = 5–10 MB untuk data mentah</li>
<li>Geometri medan GPU: ~50 MB (vertex buffer dan index buffer untuk medan yang terlihat)</li>
<li>Tekstur medan: ~100 MB (dikompresi dengan KTX2 dan dikemas dalam atlas)</li>
<li>Buffer instans vegetasi: ~50 MB (posisi, rotasi, dan skala untuk GPU instancing)</li>
<li>Volume SDF dan mesh marching cubes dalam cache: ~50 MB</li>
</ul>
<p>Chunk di luar jangkauan pandang dikeluarkan dari memori GPU terlebih dahulu (tekstur, vertex buffer), lalu dari cache CPU. Data heightmap mentah dikeluarkan paling akhir karena paling murah untuk disimpan dan paling penting agar tersedia ketika pemain berbalik arah.</p>
<h2>Transisi Bioma dan Anti-Tiling</h2>
<h3>Batas Bioma yang Mulus</h3>
<p>Bentang alam nyata tidak memiliki batas tegas di antara bioma. Hutan tidak berhenti pada sebuah garis lalu langsung berubah menjadi gurun. Ada gradasi: hutan lebat menipis menjadi pepohonan yang tersebar, lalu semak belukar, kemudian vegetasi gurun yang jarang. Jika ini diterapkan dengan benar, dunia akan terasa berkesinambungan, bukan seperti susunan petak.</p>
<p><strong>AutoBiomes</strong> (Kötter dkk., <a href="https://cgvr.cs.uni-bremen.de/papers/cgi20/AutoBiomes.pdf">Makalah</a>) menggabungkan pembuatan medan prosedural dengan simulasi iklim yang disederhanakan. Suhu, kelembapan, dan elevasi menentukan jenis bioma pada setiap titik. Di antara bioma, bobot material dan kepadatan vegetasi diinterpolasi sepanjang zona transisi (biasanya selebar 50–100 meter). Lebar transisi berbeda untuk setiap pasangan bioma: transisi hutan ke padang rumput lebar dan bertahap, sedangkan transisi tebing ke air sempit dan mendadak.</p>
<p>Untuk dunia buatan kreator, penetapan bioma dijalankan pada grid kasar (satu sampel bioma per area 16x16 meter). Shader medan membaca nilai bioma untuk fragmen saat ini dan tetangganya, menginterpolasi bobot material di zona transisi, lalu memadukan tekstur sesuai hasilnya. Penyebaran vegetasi menggunakan nilai kepadatan terinterpolasi yang sama, sehingga kepadatan pohon berkurang secara bertahap di tepi hutan.</p>
<p>Kontrol kreator: izinkan kreator mengecat penggantian bioma pada petak mereka. Sistem menghasilkan bioma bawaan berdasarkan karakteristik medan, tetapi kreator dapat menggantinya. Cat &quot;rawa&quot; pada area dataran rendah, lalu material akan berubah menjadi air keruh, lumut, dan pepohonan mati. Peta cat bioma adalah grid ID bioma 16x16 per chunk (256 byte) yang menggantikan penetapan prosedural.</p>
<h3>Hex-Tiling: Menghilangkan Pengulangan Tekstur</h3>
<p>Artefak visual yang paling umum dalam rendering medan adalah pengulangan tekstur. Tekstur rumput berukuran 1 meter yang diulang pada padang rumput selebar 100 meter menghasilkan pola grid yang terlihat. Dua teknik dapat mengatasinya:</p>
<p><strong>Hex-tiling</strong> (Mikkelsen, <a href="https://github.com/mmikk/hextile-demo">Demo</a>) mengganti grid pengulangan berbentuk persegi dengan grid heksagonal. Setiap petak heksagonal mengambil sampel tekstur dengan offset dan rotasi acak. Batas heksagonal dipadukan untuk menyembunyikan sambungan. Hasilnya adalah permukaan yang tampak acak secara merata, bukan seperti tekstur berulang. Biaya: sekitar 3 sampel tekstur tambahan per fragmen. Teknik ini banyak digunakan dalam gim produksi dan dapat berjalan di shader fragmen apa pun.</p>
<p><strong>Pemfilteran tekstur stokastik</strong> (Pharr dkk., NVIDIA, 2024, <a href="https://research.nvidia.com/labs/rtr/publication/pharr2024stochtex/">Makalah</a>) menerapkan pemfilteran setelah shading, bukan sebelumnya, dengan menggunakan sampling stokastik. Galat dari sampling stokastik sangat kecil dan dapat ditangani dengan baik oleh denoising spasiotemporal. Teknik ini menghasilkan pemfilteran yang lebih akurat dan dapat digunakan dengan tekstur terkompresi atau sparse. Untuk medan, teknik ini menghilangkan artefak pengulangan sekaligus artefak pemfilteran yang terkadang muncul akibat hex-tiling pada area transisi.</p>
<p>Untuk dunia berbasis browser, hex-tiling adalah pilihan praktis (dapat digunakan dalam shader apa pun). Pemfilteran stokastik memerlukan infrastruktur lebih banyak, tetapi menghasilkan kualitas lebih baik jika denoising temporal tersedia (seperti pada jalur WebGPU dengan TAA).</p>
<h2>Sistem Material Medan</h2>
<h3>Pemetaan Triplanar</h3>
<p>Tekstur dengan pemetaan UV standar mengalami peregangan parah pada lereng curam karena koordinat UV terkompresi. Pemetaan triplanar memproyeksikan tekstur sepanjang ketiga sumbu (X, Y, Z) dan memadukannya berdasarkan normal permukaan:</p>
<pre><code class="language-glsl">vec3 blending = abs(normal);
blending = normalize(max(blending, 0.00001));
blending /= (blending.x + blending.y + blending.z);

vec4 xaxis = texture(material, worldPos.yz * scale);
vec4 yaxis = texture(material, worldPos.xz * scale);
vec4 zaxis = texture(material, worldPos.xy * scale);

vec4 color = xaxis * blending.x + yaxis * blending.y + zaxis * blending.z;
</code></pre>
<p>Permukaan tebing mendapatkan proyeksi X atau Z (tanpa peregangan). Tanah datar mendapatkan proyeksi Y. Pemaduannya mulus dan otomatis. Tidak memerlukan UV unwrapping.</p>
<p>Babylon.js memiliki <a href="https://doc.babylonjs.com/toolsAndResources/assetLibraries/materialsLibrary/triPlanarMat">Material TriPlanar</a> bawaan. Three.js memerlukan shader khusus, tetapi implementasinya hanya sekitar 30 baris GLSL.</p>
<p>Untuk medan PBR, terapkan pemetaan triplanar ke semua kanal: albedo, normal, roughness, dan ambient occlusion. Bobot pemaduan yang sama diterapkan ke setiap kanal.</p>
<h3>Penetapan Material Berdasarkan Kemiringan dan Ketinggian</h3>
<p>Alih-alih mengecat splat map secara manual, tetapkan material secara prosedural berdasarkan karakteristik medan:</p>
<pre><code class="language-glsl">float slope = acos(dot(normal, vec3(0, 1, 0)));
float altitude = worldPos.y;

float grassWeight = smoothstep(0.3, 0.0, slope) * smoothstep(2000.0, 1500.0, altitude);
float rockWeight = smoothstep(0.2, 0.5, slope);
float snowWeight = smoothstep(2500.0, 3000.0, altitude) * smoothstep(0.4, 0.1, slope);
float sandWeight = smoothstep(5.0, 0.0, altitude) * smoothstep(0.15, 0.0, slope);
</code></pre>
<p>Tanah datar pada ketinggian rendah mendapatkan rumput. Lereng curam mendapatkan batu. Ketinggian tinggi mendapatkan salju (tetapi hanya pada permukaan yang cukup datar agar salju dapat menumpuk). Area di dekat permukaan laut mendapatkan pasir. Transisinya mulus dan didasarkan pada kondisi fisik.</p>
<p>Untuk dunia buatan kreator, tampilkan ambang ketinggian dan zona pemaduan sebagai parameter yang dapat dicat per chunk. Kreator dapat menaikkan atau menurunkan garis pepohonan, memperluas cakupan salju, atau mengubah bukit berumput menjadi gurun pasir dengan menyesuaikan aturan material untuk petak mereka.</p>
<h3>Pemaduan Tekstur Laplacian yang Ramah GPU</h3>
<p>Pemaduan tekstur standar (interpolasi linear antar-lapisan) menghasilkan sambungan yang terlihat atau hasil pudar dengan kontras rendah. Pemaduan piramida Laplacian mengatasi masalah ini, tetapi secara tradisional memerlukan prakomputasi yang mahal.</p>
<p>Wronski (NVIDIA, 2025, <a href="https://jcgt.org/published/0014/01/02/">JCGT</a>) menyajikan varian ramah GPU yang bekerja dalam shader waktu nyata tanpa prakomputasi dan tanpa memori tambahan. Teknik ini menggunakan rangkaian mipmap standar sebagai pendekatan piramida Laplacian: ambil sampel tekstur pada level mip saat ini dan level yang lebih kasar, hitung selisihnya (Laplacian), lalu padukan kontribusi Laplacian dari setiap lapisan.</p>
<p>Hasilnya mempertahankan fitur lokal yang tajam (helai rumput individual, retakan batu) sekaligus berpadu mulus pada skala yang lebih besar. Biayanya adalah beberapa pengambilan sampel tekstur tambahan per fragmen. Untuk medan yang memadukan 4 atau lebih lapisan material per piksel, teknik ini menghasilkan kualitas yang jauh lebih baik daripada pemaduan linear, terutama pada transisi antara rumput, batu, dan pasir.</p>
<h3>Noise Phasor untuk Detail Erosi</h3>
<p>Medan standar sering terlihat datar dari jarak dekat karena simulasi erosi bekerja pada resolusi heightmap (grid 1 meter). Medan nyata memiliki pola erosi skala halus (alur kecil, parit, dan retakan akibat pelapukan) pada skala sentimeter.</p>
<p>Grenier dkk. (2024, <a href="https://diglib.eg.org/bitstream/handle/10.1111/cgf14992/v43i1_05_cgf14992.pdf">CGF</a>) menggunakan noise phasor untuk menambahkan detail mikro medan secara waktu nyata. Noise phasor menyintesis pola terstruktur dengan menentukan medan fase stokastik yang dimasukkan ke fungsi periodik. Saat diterapkan pada medan, teknik ini menciptakan pola erosi yang bervariasi secara spasial dan dapat:</p>
<ul>
<li>Menggabungkan alur sempit menjadi parit yang lebih besar pada berbagai skala</li>
<li>Secara otomatis sejajar dengan kemiringan medan (pola erosi mengikuti garis jatuh)</li>
<li>Mencapai amplifikasi hingga 32x (menambahkan detail pada 32x resolusi heightmap)</li>
<li>Berjalan sepenuhnya dalam shader fragmen dengan frame rate interaktif</li>
</ul>
<p>Untuk dunia berbasis browser, noise phasor berjalan dalam shader medan sebagai lapisan detail. Heightmap menyediakan bentuk skala besar. Noise phasor menambahkan erosi mikro yang meyakinkan dalam shader fragmen tanpa meningkatkan kompleksitas geometri. Parameternya (frekuensi pola, amplitudo, orientasi) dapat berbeda untuk setiap bioma: alur dalam pada batu terbuka, riak lembut pada bukit pasir, dan tekstur kasar seperti kulit kayu pada lumpur kering.</p>
<h3>Tekstur Virtual untuk Medan</h3>
<p>Pada skala besar, atlas tekstur medan menjadi sulit dikelola. Dunia berukuran 4 km x 4 km dengan 1 texel per sentimeter memerlukan tekstur berukuran 400.000 x 400.000 piksel. Jelas mustahil.</p>
<p>Tekstur virtual (juga disebut megatexture, dari Rage karya id Software) mengatasi masalah ini dengan memperlakukan tekstur medan sebagai struktur berhalaman. Tekstur lengkap ada secara konseptual, tetapi hanya petak yang terlihat di layar yang dimuat ke memori GPU.
Alur pemrosesannya:</p>
<ol>
<li><strong>Tahap umpan balik:</strong> Render medan dengan shader yang menghasilkan petak tekstur yang dibutuhkan setiap piksel (ID petak dan level mip). Baca kembali data ini ke CPU (atau proses dengan compute shader).</li>
<li><strong>Pemuatan petak:</strong> Muat petak yang diminta dari CDN atau hasilkan secara prosedural dari data splat map.</li>
<li><strong>Tekstur indireksi:</strong> Tekstur kecil memetakan koordinat petak virtual ke koordinat petak fisik dalam atlas tekstur.</li>
<li><strong>Tahap render:</strong> Shader medan membaca tekstur indireksi untuk menemukan petak fisik yang tepat, lalu mengambil sampel tekstur material dari atlas.</li>
</ol>
<p>Compute shader WebGPU dapat menangani analisis umpan balik dan pengelolaan tabel halaman sepenuhnya di GPU. CPU hanya mengelola I/O petak.</p>
<p>Hasilnya: medan dengan tekstur unik pada resolusi apa pun tanpa ledakan penggunaan memori tekstur. Petak yang jauh dari kamera dimuat pada resolusi rendah. Petak jarak dekat dimuat pada resolusi tinggi. Total penggunaan memori tetap berada dalam anggaran tetap (biasanya atlas tekstur sebesar 128–256 MB).</p>
<h2>Efek Medan Dinamis</h2>
<h3>Genangan dan Kebasahan</h3>
<p>Hujan tidak sekadar turun. Air hujan terakumulasi. Di cekungan, air membentuk genangan. Pada permukaan, air menciptakan kilau basah. Di lereng curam, air mengalir turun. Simulasi ini membuat cuaca terasa menyatu dengan medan, bukan sekadar lapisan visual.</p>
<p>Pendekatan berbasis shader ini tidak menyimulasikan dinamika fluida. Pendekatan ini menggunakan heightmap medan untuk menentukan lokasi air menggenang:</p>
<pre><code class="language-glsl">float concavity = heightCenter * 4.0 - heightLeft - heightRight - heightUp - heightDown;
float puddleDepth = max(0.0, concavity * rainIntensity - evaporationRate * timeSinceRain);
float wetness = smoothstep(0.0, 0.02, puddleDepth);

vec3 wetColor = baseColor * 0.7;
float wetRoughness = baseRoughness * 0.3;
vec3 finalColor = mix(baseColor, wetColor, wetness);
float finalRoughness = mix(baseRoughness, wetRoughness, wetness);
</code></pre>
<p>Area cekung (Laplacian negatif dari heightmap) menampung air. Semakin dalam cekungannya, semakin besar genangannya. Permukaan basah menjadi lebih gelap dan lebih reflektif (kekasaran lebih rendah). Efek ini memudar seiring waktu setelah hujan berhenti.</p>
<p>Untuk refleksi genangan penuh, tambahkan tahap refleksi planar pada permukaan genangan. Atau gunakan refleksi ruang layar (SSR), yang lebih ringan dan sudah tersedia dalam rangkaian pascapemrosesan Three.js maupun Babylon.js.</p>
<p>Tetes hujan pada permukaan genangan menggunakan persamaan gelombang 2D sederhana dalam tekstur umpan balik (Saurel, 2026, <a href="https://www.4rknova.com/blog/2026/02/08/raindrops-on-puddle">Blog</a>). Setiap tetes hujan menciptakan riak yang merambat ke luar dan mereda. Tekstur gelombang memodulasi normal map genangan, sehingga menghasilkan pola riak yang meyakinkan pada 60 fps.</p>
<h3>Jejak Kaki dan Deformasi Medan</h3>
<p>Saat pemain berjalan di medan lunak (pasir, salju, lumpur), jejak kaki memperkuat kesan kehadiran fisik. Tekniknya: pertahankan tekstur deformasi kecil untuk setiap chunk (64x64 piksel = 4 KB) yang menyimpan offset ketinggian. Saat karakter menginjak medan lunak, cetakkan bentuk jejak kaki ke tekstur deformasi.</p>
<p>Vertex shader medan membaca tekstur deformasi dan mengurangi ketinggian dengan nilai offset tersebut. Fragment shader medan menggelapkan area jejak kaki (tanah yang tertekan lebih gelap) dan meningkatkan kekasaran (permukaan yang terusik).</p>
<p>Jejak kaki memudar seiring waktu (salju kembali menutupi jejak, hujan menghapus jejak lumpur) dengan mengembalikan tekstur deformasi ke nol secara bertahap. Laju pemudaran bergantung pada cuaca: cepat saat hujan, lambat dalam kondisi kering.</p>
<p>Untuk dunia multipemain, data jejak kaki bersifat sementara dan lokal. Setiap klien menghasilkan jejak kaki untuk pemain yang terlihat. Tekstur deformasi tidak perlu disinkronkan antarklien (setiap orang melihat versi jejak sementara mereka sendiri). Ini menghindari biaya jaringan untuk menyiarkan setiap langkah.</p>
<h3>Langit Prosedural dan Siklus Siang/Malam</h3>
<p>Langit adalah permukaan terlihat terbesar dalam dunia terbuka mana pun. Langit menentukan suasana seluruh medan.</p>
<p>Three.js memiliki <a href="https://discourse.threejs.org/t/complete-sky-system-for-three-js-skybox-sun-moon-day-night-cycle-clouds-stars-lensflares/88311">sistem langit lengkap</a> yang mencakup matahari/bulan prosedural, siklus siang/malam, awan, bintang, dan pijar lensa. Contoh bawaan <code>Sky</code> dari Three.js (juga tersedia dalam <a href="https://threejs.org/examples/webgpu_sky.html">WebGPU</a>) mengimplementasikan model langit analitis Preetham.</p>
<p>Untuk hasil yang lebih akurat secara fisik, <a href="https://jolifantobambla.github.io/webgpu-sky-atmosphere/">webgpu-sky-atmosphere</a> mengimplementasikan model atmosfer Hillaire sebagai pascaproses WebGPU. Sistem ini mendukung beberapa fungsi fase hamburan dan menghasilkan perspektif udara yang tepat (medan yang jauh tampak lebih berkabut), warna matahari/matahari terbenam, dan gradasi langit berdasarkan prinsip dasar fisika.</p>
<p><a href="https://dev.to/the_lone_engineer/terrainview7-full-scale-planet-rendering-in-webgpu-emscripten-now-with-precomputed-atmospheric-18ik">TerrainView7</a> mendemonstrasikan rendering planet skala penuh di WebGPU dengan hamburan atmosfer yang telah diprakomputasi, membuktikan bahwa rendering atmosfer yang akurat secara fisik dapat berjalan di browser.</p>
<p>Untuk dunia kreator, parameter langit (posisi matahari, cakupan awan, kepadatan kabut) disinkronkan ke semua klien dari jam dunia server. Shader langit berjalan secara lokal pada setiap klien, menghasilkan pencahayaan yang konsisten untuk semua pemain.</p>
<h3>Pencahayaan Medan: Iluminasi Tidak Langsung</h3>
<p>Sinar matahari langsung ditangani oleh shadow map. Namun, warna dan kecerahan medan dalam bayangan (cahaya ambien/tidak langsung) sama pentingnya bagi kualitas visual. Bayangan hitam pekat terlihat tidak alami. Bayangan seharusnya diwarnai oleh warna langit (biru pada hari cerah, abu-abu pada hari mendung).</p>
<p>Untuk dunia berbasis browser, pendekatan praktisnya:</p>
<p><strong>Pencahayaan tidak langsung ruang layar</strong> dengan bitmask visibilitas (Jimenez dkk., 2023, <a href="https://export.arxiv.org/pdf/2301.11376v2.pdf">Makalah</a>) menyempurnakan SSAO standar dengan melacak 32 sektor visibilitas terarah per piksel. Teknik ini menangkap bukan hanya seberapa tertutup suatu titik, tetapi juga arah oklusinya. Permukaan tipis memungkinkan cahaya menembus dari sisi lain dengan tepat. Hasilnya adalah iluminasi tidak langsung yang bereaksi terhadap geometri di sekitarnya tanpa infrastruktur iluminasi global.</p>
<p>Biayanya sebanding dengan SSAO (1–2 md). Peningkatan visualnya signifikan: medan di dalam ngarai menerima pantulan cahaya dari dinding ngarai. Bagian bawah tonjolan diterangi oleh pantulan dari tanah. Efek ini berpadu dengan hamburan atmosfer dari shader langit untuk menghasilkan pencahayaan ambien yang berlandaskan fisika.</p>
<h2>Integrasi Fisika Medan</h2>
<h3>Collider Heightfield Rapier</h3>
<p>Mesin fisika WASM Rapier menyediakan collider heightfield native yang dioptimalkan untuk medan. Membuat collider medan cukup mudah:</p>
<pre><code class="language-typescript">const heights = new Float32Array(65 * 65);
// Fill with heightmap data...
const groundCollider = RAPIER.ColliderDesc.heightfield(
  64, 64, heights, new RAPIER.Vector3(64.0, 100.0, 64.0)
);
world.createCollider(groundCollider);
</code></pre>
<p>Collider heightfield menggunakan grid terstruktur untuk kueri broadphase yang efisien. Raycasting terhadap heightfield memiliki kompleksitas O(log n), bukan O(n) seperti pada mesh segitiga. Untuk chunk berukuran 65x65, kueri tabrakan diselesaikan dalam hitungan mikrodetik.</p>
<p>Untuk chunk dengan medan volumetrik (lapisan SDF), hasilkan mesh segitiga dari keluaran marching cubes dan gunakan collider trimesh. Ini lebih mahal daripada collider heightfield, tetapi dapat menangani geometri arbitrer. Hanya hasilkan collider trimesh untuk 3–5 chunk terdekat dari pemain. Chunk yang jauh tidak memerlukan fisika.</p>
<p><strong>Performa:</strong> Collider heightfield Rapier untuk chunk 65x65 menambahkan sekitar 0,1 md per langkah fisika bagi kueri pengontrol karakter. 5 chunk aktif dengan collider heightfield: 0,5 md. Satu collider trimesh untuk chunk volumetrik: 0,2–0,5 md. Total anggaran fisika medan: di bawah 1 md, masih jauh dalam anggaran fisika 2–3 md untuk seluruh dunia.</p>
<h3>Pengontrol Karakter yang Peka terhadap Medan</h3>
<p>Pengontrol karakter perlu merespons properti medan:</p>
<ul>
<li><strong>Pembatasan kemiringan:</strong> Karakter dapat berjalan pada lereng hingga 45 derajat. Lereng yang lebih curam menyebabkan karakter meluncur. Ini menggunakan normal medan pada posisi karakter (dihitung secara ringan dari gradien heightmap).</li>
<li><strong>Respons material permukaan:</strong> Berjalan di atas batu menghasilkan suara langkah dan kecepatan gerak yang berbeda dibandingkan berjalan di atas pasir atau lumpur. Splat map medan menyediakan material permukaan di titik mana pun.</li>
<li><strong>Menaiki undakan:</strong> Karakter dapat menaiki undakan setinggi hingga 0,5 meter. <code>KinematicCharacterController</code> dari Rapier menangani ini secara otomatis dengan tinggi undakan yang dapat dikonfigurasi.</li>
</ul>
<h2>Pengeditan Medan Interaktif di Browser</h2>
<p>Untuk dunia kreator, medan tidak sekadar dihasilkan. Medan dipahat, dimodifikasi, dan dibentuk ulang oleh pemain. Alat pengeditan harus responsif (umpan balik visual instan) dan terhubung melalui jaringan (pemain lain melihat perubahan dalam hitungan detik).</p>
<h3>Editor SDF WebGPU</h3>
<p><a href="https://reindernijhoff.net/2026/01/webgpu-sdf-editor-real-time-signed-distance-field-modeling/">Editor SDF WebGPU</a> karya Reinder Nijhoff menunjukkan bahwa pemodelan SDF berfitur lengkap dapat dilakukan di browser saat ini. Editor ini mendukung:</p>
<ul>
<li><strong>Enam bentuk primitif</strong> (bola, kotak, kerucut, silinder, kapsul, torus) dengan posisi, rotasi, dan skala</li>
<li><strong>Operasi Boolean</strong> (gabungan, pengurangan, irisan) dengan pencampuran halus dan radius pencampuran yang dapat dikonfigurasi</li>
<li><strong>Graf adegan hierarkis</strong> dengan grup dan operasi bertingkat</li>
<li><strong>Rendering waktu nyata</strong> menggunakan beberapa tahap compute shader GPU, partisi ruang berbasis octree pada 16.384 sel grid, serta ekstraksi permukaan melalui marching cubes atau surface nets</li>
<li><strong>Antialiasing temporal dan oklusi ambien</strong> melalui shadow map</li>
</ul>
<p>Setiap primitif disimpan sebagai 28 float (112 byte) dalam satu buffer GPU. Representasi ringkas ini berarti pengeditan medan yang kompleks (puluhan primitif SDF yang membentuk pintu masuk gua, lengkungan, atau tebing terpahat) berukuran kurang dari 5 KB dan dapat langsung disinkronkan ke pemain lain.</p>
<p>Untuk dunia kreator, alur kerja pengeditan SDF terlihat seperti berikut:</p>
<ol>
<li>Kreator memilih alat pahat (tambahkan bola, kurangi kotak, pencampuran halus)</li>
<li>Klik/seret di dunia untuk menempatkan dan menentukan ukuran primitif SDF</li>
<li>Klien segera menjalankan marching cubes pada SDF yang dimodifikasi untuk memperbarui mesh lokal (umpan balik dalam &lt;16 md)</li>
<li>Pengeditan SDF (jenis primitif + transformasi + mode pencampuran, ~100 byte) dikirim ke server</li>
<li>Server memvalidasi pengeditan (berada di dalam petak milik kreator, tidak beririsan dengan area yang dilindungi) dan menyiarkannya kepada pemain di sekitar</li>
<li>Klien pemain lain menerapkan pengeditan SDF dan menghasilkan ulang mesh lokal mereka</li>
</ol>
<p>Total waktu pulang-pergi hingga pengeditan terlihat oleh pemain lain: 100–300 md, tergantung latensi jaringan. Kreator melihat pengeditannya secara instan karena perubahan diterapkan secara lokal sebelum konfirmasi server.</p>
<h3>Pengeditan Heightmap Berbasis Kuas</h3>
<p>Untuk lapisan heightmap (90% medan yang tidak membutuhkan fitur volumetrik), model pengeditan yang lebih sederhana sudah memadai. Kreator melukis perubahan ketinggian dengan kuas:</p>
<ul>
<li><strong>Naikkan/turunkan:</strong> Tambahkan atau kurangi ketinggian dalam radius dengan falloff</li>
<li><strong>Haluskan:</strong> Ratakan ketinggian dalam radius, sehingga fitur tajam menghilang</li>
<li><strong>Ratakan:</strong> Atur semua ketinggian dalam radius ke nilai target</li>
<li><strong>Kuas erosi:</strong> Terapkan beberapa langkah erosi hidraulis secara lokal dalam radius kuas</li>
</ul>
<p>Pengeditan heightmap berupa delta: petak kecil berisi perubahan ketinggian yang melapisi medan dasar. Petak delta ini sangat kecil (grid 32x32 berisi offset ketinggian 16-bit = 2 KB) dan disinkronkan ke pemain lain sebagai satu pesan. Beberapa petak delta terakumulasi per chunk dan secara berkala digabungkan di sisi server ke dalam heightmap persisten milik chunk.</p>
<h3>Batasan Pengeditan Kolaboratif</h3>
<p>Saat beberapa kreator mengedit chunk yang sama secara bersamaan, sistem memerlukan aturan:</p>
<ul>
<li><strong>Penguncian spasial:</strong> Hanya satu kreator yang dapat mengedit subwilayah 8x8 meter tertentu pada satu waktu. Kunci diperoleh saat kreator memulai sapuan pengeditan dan dilepas saat mereka mengangkat kuas. Kunci kedaluwarsa setelah tidak ada aktivitas selama 10 detik.</li>
<li><strong>Pengeditan yang tidak tumpang tindih:</strong> Jika dua kreator mengedit bagian berbeda dari chunk yang sama, kedua pengeditan diterapkan tanpa konflik (keduanya memodifikasi sel heightmap atau wilayah SDF yang berbeda).</li>
<li><strong>Pengeditan yang tumpang tindih:</strong> Jika dua kreator mengedit lokasi yang sama, server mengurutkan pengeditan berdasarkan urutan kedatangan. Kedua klien melihat hasil akhir yang sama setelah rekonsiliasi.</li>
</ul>
<p>Pendekatan ini lebih sederhana daripada pendekatan CRDT penuh yang digunakan untuk objek yang ditempatkan karena pengeditan medan merupakan operasi aditif pada bidang kontinu (ketinggian, jarak SDF), bukan status objek diskret.</p>
<h2>Geometri Virtual Bergaya Nanite di WebGPU</h2>
<p>Nanite dari Unreal Engine 5 merender miliaran segitiga dengan membangun DAG cluster (graf asiklik terarah) saat proses build dan memilih LOD yang tepat per cluster saat runtime berdasarkan galat ruang layar. Seluruh alur pemrosesan berjalan di GPU. Pendekatan ini telah diporting ke WebGPU.</p>
<h3>Nanite WebGPU</h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/nanite-webgpu-scene.png" alt="Nanite WebGPU merender adegan multiobjek kompleks di browser menggunakan hierarki LOD meshlet dan rasterizer perangkat lunak" />
</div>
<div class="game-caption">Nanite WebGPU merender adegan lengkap di Chrome menggunakan LOD meshlet, rasterisasi perangkat lunak dalam compute shader WGSL, serta frustum culling dan occlusion culling per meshlet. Tanpa plugin native—WebGPU murni.</div>
<p><a href="https://scthe.github.io/nanite-webgpu/">Nanite WebGPU</a> karya Scthe (lebih dari 1,1 ribu bintang GitHub) adalah implementasi browser lengkap dari arsitektur inti Nanite:</p>
<ul>
<li><strong>Hierarki LOD meshlet</strong> yang dibangun secara offline menggunakan pembuatan cluster dari meshoptimizer</li>
<li><strong>Rasterizer perangkat lunak</strong> yang diimplementasikan dalam compute shader WGSL (bekerja dalam batasan WebGPU, ketika rasterisasi perangkat keras tidak dapat melakukan draw per cluster secara efisien)</li>
<li><strong>Culling per instance dan per meshlet</strong> menggunakan pengujian frustum dan oklusi</li>
<li><strong>Impostor billboard</strong> untuk objek yang sangat jauh</li>
<li><strong>Dukungan tekstur dan normal per vertex</strong>
Pipeline-nya: mesh dibagi menjadi klaster yang masing-masing berisi ~128 segitiga. Klaster-klaster yang berdekatan dikelompokkan, lalu setiap grup disederhanakan (menggunakan meshoptimizer) sambil mempertahankan batas bersama. Proses ini berulang hingga seluruh mesh menyusut menjadi satu klaster. Saat runtime, compute shader menelusuri DAG dan memilih klaster paling kasar per grup yang menghasilkan galat kurang dari 1 piksel pada resolusi layar saat ini.</li>
</ul>
<p><strong>THREE-Nanite</strong> adalah implementasi Three.js yang sedang berkembang dan mampu mencapai 20–40fps pada perangkat keras grafis terintegrasi sambil menangani ratusan ribu segitiga. Implementasi ini menunjukkan bahwa rendering bergaya Nanite tetap layak bahkan pada perangkat keras browser kelas bawah.</p>
<h3>meshoptimizer: Fondasi Pipeline LOD</h3>
<p><a href="https://meshoptimizer.org/">meshoptimizer</a> (oleh Arseny Kapoulkine) adalah pustaka yang mendasari sebagian besar pipeline LOD yang kompatibel dengan browser. Versi 1.0 (2025) menyediakan:</p>
<ul>
<li><strong>Penyederhanaan mesh</strong> dengan metrik galat (seberapa banyak bentuk berubah, digunakan untuk pemilihan LOD)</li>
<li><strong>Pembuatan klaster</strong> untuk hierarki meshlet bergaya Nanite</li>
<li><strong>Optimalisasi cache verteks</strong> untuk pengurutan segitiga yang ramah GPU</li>
<li><strong>Optimalisasi overdraw</strong> untuk mengurangi biaya pixel shader</li>
<li><strong>Kuantisasi dan kompresi verteks</strong> untuk unduhan yang lebih kecil</li>
</ul>
<p>meshoptimizer 1.0 (dirilis Desember 2025) menyertakan <code>clusterlod.h</code> baru berformat single-header yang secara langsung mengimplementasikan LOD kontinu bergaya Nanite. Fitur ini membangun hierarki klaster yang secara bertahap dikelompokkan dan disederhanakan, sehingga dapat langsung digunakan atau dijadikan referensi untuk pipeline khusus. Inilah tepatnya primitif cluster-DAG yang dibutuhkan pipeline medan untuk LOD mesh SDF/marching cubes.</p>
<p>Untuk pipeline medan kita, meshoptimizer memproses keluaran marching cubes dari medan SDF menjadi mesh yang dioptimalkan dan dikelompokkan ke dalam klaster dengan hierarki LOD. Pemrosesan offline berjalan di sisi server. Browser menerima mesh yang telah dikelompokkan sebelumnya dan melakukan pemilihan LOD berbasis GPU saat runtime.</p>
<p>Kombinasi meshoptimizer untuk pembuatan LOD dan komputasi WebGPU untuk pemilihan saat runtime memberikan medan browser pola arsitektur yang sama seperti Nanite, tetapi disesuaikan dengan keterbatasan web.</p>
<h2>Desain Level yang Mempertimbangkan Medan</h2>
<p>Medan bukan sekadar permukaan untuk berjalan. Bentuknya memandu pergerakan pemain, mengarahkan perhatian, dan menciptakan ritme emosional eksplorasi. Dunia terbuka terbaik menggunakan medan sebagai alat desain.</p>
<h3>Garis Pandang dan Tengaran</h3>
<p><a href="https://book.leveldesignbook.com/process/blockout/wayfinding">Bab pencarian arah</a> dalam The Level Design Book mendokumentasikan bagaimana elevasi medan mengendalikan apa yang dilihat pemain dan ke mana mereka pergi. Punggung bukit menyembunyikan apa yang ada di baliknya sehingga memancing rasa ingin tahu. Lembah menyalurkan pergerakan menuju titik terendahnya. Tengaran tinggi (menara, puncak gunung, pohon yang tidak biasa) yang terlihat dari kejauhan memberi pemain tujuan untuk dihampiri.</p>
<p>Untuk dunia kreator, ini berarti pembuatan medan harus menghasilkan fitur pencarian arah yang alami. Garis punggung bukit harus memutus garis pandang, menciptakan &quot;momen pengungkapan&quot; ketika pemain mencapai puncak bukit dan melihat area baru. Lembah harus bertemu menuju lokasi yang menarik. Harus tersedia titik-titik tinggi tempat kreator dapat menempatkan tengaran yang terlihat dari jauh.</p>
<h3>Eksplorasi yang Didorong Rasa Ingin Tahu</h3>
<p>Riset dari Purdue University (<a href="https://web.ics.purdue.edu/~cmousas/papers/conf22-FDG-SpatialExploration.pdf">Makalah</a>) mengidentifikasi empat pemicu eksplorasi spasial:</p>
<ol>
<li><strong>Mencapai titik ekstrem</strong> (puncak tertinggi, tepian terjauh, gua terdalam). Medan harus memiliki titik-titik ekstrem yang jelas dan memberi imbalan kepada pemain yang mencapainya.</li>
<li><strong>Mengungkap penghalang visual</strong> (apa yang ada di balik tebing itu? di dalam gua itu?). Medan yang menghalangi pandangan mendorong pergerakan untuk menemukan hal yang tersembunyi.</li>
<li><strong>Objek yang tidak pada tempatnya</strong> (bangunan di alam liar, cahaya di tengah kegelapan). Objek yang ditempatkan kreator dengan latar medan alami menciptakan kontras yang menarik perhatian.</li>
<li><strong>Memahami hubungan spasial</strong> (bagaimana lembah ini terhubung dengan pesisir itu?). Medan yang menciptakan geografi yang mudah dipahami mendorong pembacaan peta dan perencanaan rute.</li>
</ol>
<h3>PlotMap: Penempatan POI Berbantuan AI</h3>
<p>PlotMap (<a href="https://arxiv.org/html/2309.15242v4">arXiv:2309.15242</a>) mengotomatiskan tata letak titik penting dengan menerima persyaratan naratif (misi ini membutuhkan desa di dekat sungai, misi itu membutuhkan reruntuhan di puncak bukit), lalu menemukan lokasi medan yang memenuhi batasan spasial tersebut. Untuk dunia kreator, sistem serupa dapat menyarankan tempat untuk meletakkan bangunan berdasarkan karakteristik medan: &quot;puncak bukit ini memiliki garis pandang yang bagus untuk menara pengawas,&quot; &quot;lembah terlindung ini cocok untuk desa.&quot;</p>
<h2>Air Mengalir dan Air Terjun</h2>
<p>Sungai dan air terjun adalah fitur medan yang menggabungkan daya tarik visual dengan suara ambien dan peluang gameplay (air sebagai penghalang, sumber daya, atau jalur).</p>
<h3>Rendering Sungai</h3>
<p>Sungai di dunia terbuka biasanya dirender sebagai strip bertekstur yang mengikuti permukaan medan. Mesh strip dibuat dari spline sungai (disimpan sebagai titik kontrol) dan diproyeksikan ke heightmap medan. Shader sungai menerapkan:</p>
<ul>
<li><strong>UV yang selaras dengan aliran</strong> dan bergulir mengikuti arah sungai sehingga menciptakan tampilan air mengalir</li>
<li><strong>Busa di tepian</strong> tempat sungai bertemu dengan bantaran (berbasis kedalaman, serupa dengan busa garis pantai)</li>
<li><strong>Variasi kecepatan</strong> berdasarkan lebar alur (bagian sempit mengalir lebih cepat, bagian lebar lebih lambat)</li>
<li><strong>Transparansi dengan warna berbasis kedalaman</strong> (bagian dangkal jernih, bagian dalam gelap)</li>
</ul>
<p>Untuk dunia browser, data sungai bersifat ringkas: sebuah spline (20–50 titik kontrol per segmen sungai, ~400 byte), ditambah parameter lebar dan kecepatan aliran. Klien membuat mesh sungai secara lokal dengan memproyeksikan spline ke permukaan medannya.</p>
<h3>Rendering Air Terjun</h3>
<p>Ketika sungai jatuh dari permukaan tebing, sistem partikel air terjun menggantikan permukaan sungai yang datar. Pendekatan hibrida dari riset simulasi air waktu nyata (<a href="https://diglib.eg.org/items/d0320015-4b07-416b-8f41-047485c9f7f3">EG</a>): wilayah yang tidak dapat direpresentasikan oleh height field (air terjun, cipratan) diubah menjadi partikel semburan, cipratan, dan busa yang saling bertukar massa dan momentum dengan simulasi fluida.</p>
<p>Untuk dunia browser, air terjun dibuat lebih sederhana: deteksi tempat spline sungai melintasi diskontinuitas ketinggian medan, munculkan sistem partikel di titik tersebut dengan kecepatan ke bawah, lalu tambahkan cipratan busa di dasarnya. Partikel-partikel tersebut berupa quad berbasis instancing GPU dengan tekstur alfa bergulir. 500 partikel per air terjun, satu draw call. Suara air jatuh menggunakan Web Audio API dengan atenuasi jarak.</p>
<h2>Impostor untuk Fitur Medan yang Jauh</h2>
<p>Pohon, batu, bangunan, dan fitur medan lainnya menjadi sangat kecil di kejauhan. Merendernya sebagai mesh 3D penuh memboroskan siklus GPU. Impostor mengganti objek jauh dengan gambar datar yang telah dirender sebelumnya dan selalu menghadap kamera.</p>
<h3>Atlas Impostor Oktahedral</h3>
<p>Impostor oktahedral menangkap tampilan objek 3D dari berbagai sudut pandang dan menyimpannya dalam atlas tekstur. Saat runtime, shader mengambil sampel atlas berdasarkan arah pandang saat ini, dengan interpolasi di antara dua sudut tangkapan terdekat.</p>
<p>Atlas hemi-oktahedral (hanya pandangan dari belahan atas karena Anda jarang melihat pohon dari bawah) memberikan resolusi sudut dua kali lipat dibandingkan atlas oktahedral penuh dengan ukuran tekstur yang sama. Sistem impostor Unity melaporkan waktu frame turun dari 111ms menjadi 5,78ms ketika 1.600 instans pohon dialihkan dari mesh nyata (masing-masing 140K segitiga) ke impostor.</p>
<p>Untuk dunia browser, pipeline impostor:</p>
<ol>
<li>Sisi server: render setiap aset dari 16–32 sudut pandang, dengan menangkap warna, normal, dan kedalaman</li>
<li>Kemas ke dalam tekstur atlas (satu atlas per aset, ~256x256 piksel, &lt;100 KB sebagai KTX2)</li>
<li>Saat runtime: instans yang melampaui jarak impostor (biasanya 100–200m) dirender sebagai billboard yang mengambil sampel atlas</li>
<li>Terapkan crossfade antara mesh dan impostor di sepanjang zona transisi 20m untuk menyamarkan pergantian</li>
</ol>
<h3>Billboard Splatting (BBSplat)</h3>
<p>Billboard Splatting (2024, <a href="https://arxiv.org/abs/2411.08508">arXiv:2411.08508</a>) mengembangkan pendekatan ini lebih jauh dengan menggunakan primitif planar bertekstur yang dapat dipelajari. Alih-alih menggunakan tampilan yang dirender sebelumnya, BBSplat mengoptimalkan posisi dan tekstur billboard agar dapat merepresentasikan objek 3D sebaik mungkin dari sudut mana pun. Pendekatan ini mencapai kompresi hingga 17x dibandingkan 3D Gaussian Splatting sambil mempertahankan tampilan yang bergantung pada sudut pandang. Untuk fitur medan jauh dalam dunia browser, BBSplat dapat mengurangi penyimpanan impostor per aset sekaligus meningkatkan cakupan sudut.</p>
<h2>Alat Medan Profesional dan Pelajarannya</h2>
<p>Sebelum membangun pipeline medan dari nol, ada baiknya memahami apa yang dilakukan alat offline profesional. Alat-alat ini mewakili riset pembuatan medan selama puluhan tahun yang telah disarikan menjadi alur kerja produksi.</p>
<p><strong>Gaea</strong> (QuadSpinner) diakselerasi GPU dan memberikan umpan balik nyaris seketika terhadap perubahan. Gaea mendukung build berbasis ubin hingga 2 juta piksel per sisi, ekspor mesh LOD otomatis, dan graf berbasis node dengan setiap node merepresentasikan proses fisik (erosi, sedimentasi, pengangkatan, pelapukan termal). Node erosi Gaea menghasilkan medan yang tampak dipahat secara manual karena memodelkan proses fisik tertentu, bukan noise generik. Wawasan utamanya: Gaea tidak menggunakan satu algoritma erosi saja. Gaea menyediakan node terpisah untuk erosi fluvial (pengikisan oleh sungai), erosi termal (pelapukan tebing), erosi pesisir (aksi gelombang), dan erosi angin (pembentukan bukit pasir). Menggabungkannya dalam graf menghasilkan medan dengan karakter geologis iklim tertentu.</p>
<p><strong>World Machine</strong> menggunakan pendekatan graf serupa dengan fokus pada struktur makro medan. &quot;Layout generator&quot;-nya memungkinkan seniman membuat sketsa bentuk kasar fitur medan (gunung di sini, lembah di sana, garis pantai di sepanjang tepian ini), lalu sistem mengisi detail yang masuk akal secara fisik. Inilah tepatnya alur kerja kreator yang kita inginkan: buat sketsa maksudnya, dapatkan geologinya.</p>
<p><strong>World Creator</strong> membedakan dirinya melalui pratinjau waktu nyata selama pengeditan dan pembuatan sungai bawaan yang menganalisis medan serta otomatis menghitung jalur aliran berdasarkan analisis drainase.</p>
<p><strong>Yang kita pelajari dari alat-alat ini:</strong> Pendekatan graf node untuk menggabungkan proses fisik lebih kuat daripada algoritma tunggal mana pun. Pipeline pembuatan di sisi server kita harus mendukung perangkaian: basis noise &gt; pengangkatan tektonik &gt; erosi hidraulis &gt; pelapukan termal &gt; erosi pesisir &gt; vegetasi. Kreator mengendalikan parameter pada setiap tahap. Pipeline berjalan di sisi server dalam hitungan detik dan menghasilkan heightmap, splat map, serta peta kepadatan vegetasi.</p>
<h3>SoilMachine: Geomorfologi Sumber Terbuka</h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/soilmachine-banner.png" alt="SoilMachine: simulator geomorfologi modular sumber terbuka yang menampilkan medan dengan erosi hidraulis, termal, dan angin yang saling terhubung" />
</div>
<div class="game-caption">SoilMachine menggabungkan erosi hidraulis, termal, dan angin dalam satu model medan berlapis. Struktur data multilapisnya mendukung fitur yang tidak dapat direpresentasikan oleh heightmap: gua, bagian menggantung, bukit meja, dan distribusi air tanah.</div>
<p><a href="https://github.com/weigert/soilmachine">SoilMachine</a> adalah simulator geomorfologi modular sumber terbuka yang menggabungkan beberapa sistem erosi (hidraulis, termal, angin) dengan pengangkutan dan pengendapan sedimen. Dibangun menggunakan C++ dengan komputasi GPU, alat ini menyediakan implementasi referensi untuk pendekatan erosi multiproses yang digunakan alat profesional.</p>
<p><a href="https://github.com/erosiv/soillib">soillib</a> terkait (C++20, lisensi MIT) menyediakan primitif simulasi geomorfologi yang mendasarinya sebagai pustaka yang dapat digunakan kembali. Sementara itu, <a href="https://github.com/ger0/hydro-gen">hydro-gen</a> mengimplementasikan erosi hidraulis berbasis grid (air dangkal) dan berbasis partikel (tetes hujan) dalam compute shader OpenGL dengan penyesuaian parameter waktu nyata.</p>
<p>Alat-alat sumber terbuka ini dapat diadaptasi untuk pipeline pembuatan sisi server kita. Implementasi compute shader-nya dapat diterjemahkan langsung ke WebGPU jika nantinya kita ingin menjalankan erosi di browser untuk memberikan umpan balik waktu nyata kepada kreator.</p>
<h2>Material Medan Multilapis</h2>
<p>Medan nyata bukanlah satu permukaan saja. Medan terdiri dari lapisan: batuan dasar di bagian bawah, tanah di atasnya, serta salju atau pasir yang menumpuk di permukaan. Pelapisan dinamis mengubah karakter visual medan seiring musim, cuaca, dan tindakan kreator.</p>
<h3>Representasi Heightfield Berlapis</h3>
<p>Alih-alih menggunakan satu heightmap, gunakan beberapa lapisan ketinggian per sel grid:</p>
<pre><code>Cell {
  bedrock_height: f16,    // permukaan batuan permanen
  soil_height: f16,       // tanah/sedimen yang terakumulasi di atas batuan dasar
  snow_height: f16,       // akumulasi salju dinamis
  water_height: f16       // kedalaman genangan air
}
</code></pre>
<p>Total: 8 byte per sel (dibandingkan 2 byte untuk satu heightmap). Untuk chunk 65x65, ukurannya 34 KB sebelum kompresi. Masih ringkas.</p>
<p>Permukaan visualnya adalah <code>bedrock + soil + snow</code>. Shader medan membaca semua lapisan dan mencampur material sebagaimana mestinya: ketika tanah tipis, batu terlihat dari bawahnya. Ketika salju menumpuk, permukaan menjadi putih. Ketika air menggenang, terbentuk kubangan atau danau.</p>
<h3>Akumulasi Dinamis</h3>
<p>Salju menumpuk pada permukaan datar yang menghadap ke atas selama hujan salju. Laju akumulasi bergantung pada normal permukaan (lereng terjal tidak menahan salju), suhu (bergantung pada ketinggian), dan perlindungan (area di bawah bagian menggantung tetap bebas salju). Sebuah pass compute shader memperbarui lapisan salju sekali per tick cuaca (setiap beberapa detik).</p>
<p>Akumulasi pasir bekerja dengan cara serupa melalui pengendapan yang digerakkan angin. Angin membawa partikel dari permukaan terbuka dan mengendapkannya di belakang rintangan serta di area terlindung.</p>
<p>Untuk dunia kreator, akumulasi dinamis berarti medan tampak berbeda dalam cuaca yang berbeda. Salju menutupi dunia selama badai salju dan mencair saat cuaca cerah. Hujan mengisi cekungan dengan air. Hal ini membuat dunia terasa responsif tanpa kreator perlu melakukan apa pun.</p>
<h3>Erosi Multilapis</h3>
<p>Makalah tahun 2024 &quot;3D Real-Time Hydraulic Erosion Simulation using Multi-Layered Heightmaps&quot; (<a href="https://diglib.eg.org/items/deefa865-6a25-4463-adcd-d8de2b37507e">EG</a>) memperluas erosi agar bekerja lintas lapisan. Air mengikis tanah lebih cepat daripada batuan dasar. Sedimen mengendap sebagai lapisan tanah baru. Simulasi mempertahankan integritas lapisan (batuan dasar tetap berada di bawah tanah) sekaligus memungkinkan fitur kompleks seperti bagian menggantung (ketika batuan dasar menggantung di atas tanah yang telah terkikis).
Performa: sekitar 6 md per langkah simulasi pada RTX 3070 dengan resolusi 2048x2048. Ini cukup cepat untuk pembuatan di sisi server, tetapi terlalu lambat untuk simulasi per frame di browser. Representasi berlapis cocok untuk pembuatan medan statis, sedangkan akumulasi salju/air dinamis dijalankan sebagai shader per frame yang lebih ringan.</p>
<h2>Rendering Rumput, Bebatuan, dan Detail</h2>
<p>Lanskap membutuhkan lebih dari sekadar geometri dan tekstur medan. Lanskap memerlukan helai-helai rumput yang bergoyang tertiup angin, bebatuan yang tersebar di lereng, dan detail kecil seperti bunga, kerikil, serta ranting tumbang yang membuat tampilan jarak dekat terlihat alami.</p>
<h3>Rumput dengan Instancing GPU</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/pzkcM1rfKZw" title="Merender 1 Juta Helai Rumput di Unity" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Satu juta helai rumput dirender menggunakan instancing GPU dalam satu draw call. Teknik yang sama berfungsi di Three.js dan WebGPU: transformasi per instans, animasi angin melalui vertex shader, dan peta kepadatan untuk menyebarkan helai rumput berdasarkan data medan.</div>
<p>Rendering rumput berbasis browser telah terbukti andal di Three.js dan bekerja melalui instancing GPU. Pendekatan dari <a href="https://al-ro.github.io/projects/grass/">demo rumput al-ro</a> merender 100.000 helai rumput dengan satu draw call menggunakan <code>InstancedBufferGeometry</code>.</p>
<p>Setiap helai rumput merupakan quad sederhana (4-8 segitiga). Atribut per instans menentukan posisi, tinggi, arah lengkungan, variasi warna, dan fase angin. Vertex shader:</p>
<ol>
<li>Membaca transformasi per instans</li>
<li>Menerapkan animasi angin menggunakan gelombang sinus yang ditentukan oleh posisi dunia dan waktu</li>
<li>Melengkungkan helai berdasarkan kekuatan angin (lebih melengkung di ujung, tanpa lengkungan di pangkal)</li>
<li>Menerapkan gradien warna (lebih gelap di pangkal, lebih terang di ujung untuk hamburan bawah permukaan)</li>
</ol>
<p><strong>Tutorial rumput lebat Codrops</strong> (2025, <a href="https://tympanus.net/codrops/2025/02/04/how-to-make-the-fluffiest-grass-with-three-js/">Tutorial</a>) mendemonstrasikan pendekatan shell texturing: render bidang tanah beberapa kali dengan offset yang terus bertambah, lalu setiap lapisan mengambil sampel tekstur noise untuk menciptakan tampilan volume rumput yang rapat. Pendekatan ini lebih ringan daripada instancing setiap helai untuk cakupan yang sangat rapat, tetapi kurang realistis dari jarak dekat.</p>
<p>Untuk dunia kreator, kepadatan rumput berasal dari peta kepadatan vegetasi per chunk. GPU menyebarkan posisi helai dari peta kepadatan pada saat rendering. Tidak ada data per helai yang disimpan atau dialirkan. Peta kepadatan berupa kisi 32x32 per chunk (1 KB), dan GPU menghasilkan ribuan instans helai rumput darinya.</p>
<h3>Detail Bebatuan dan Tebing Prosedural</h3>
<p>Permukaan tebing dan medan berbatu membutuhkan detail geometris yang tidak dapat disediakan oleh heightmap dasar atau SDF pada resolusi yang wajar. Dua pendekatan berikut saling melengkapi:</p>
<p><strong>Pelapisan ulang dengan GPU mesh shader</strong> (Raad dkk., Eurographics 2025, <a href="https://hal.science/hal-05176868v1/file/Paper_Resurfacing_2024.pdf">Makalah</a>) menghasilkan geometri prosedural pada saat rendering dari control mesh kasar. Mesh shader membaca permukaan medan dasar dan menambahkan displacement, retakan, serta tonjolan tanpa menyimpan geometri detail di memori. Ini mengurangi penggunaan VRAM dan memungkinkan LOD dinamis.</p>
<p><strong>Penyebaran bebatuan dengan instancing</strong> menempatkan mesh bebatuan siap pakai pada lereng terjal dan tepi tebing menggunakan instancing GPU. Compute shader membaca normal dan kemiringan medan, lalu menyebarkan instans bebatuan di lokasi yang kemiringannya melebihi ambang batas. Setiap instans merupakan mesh kecil (200-500 segitiga) dengan rotasi dan skala acak. Dengan instancing, 10.000 bebatuan yang tersebar hanya menambah biaya rendering yang dapat diabaikan.</p>
<h3>Jalan dan Jalur</h3>
<p>Jalan, lintasan, dan jalur yang ditempatkan kreator harus mengikuti bentuk medan dan mengubah material permukaan (mengganti rumput dengan tanah atau batu).</p>
<p>Pendekatan yang digunakan oleh setiap game engine besar: definisikan jalur sebagai spline (serangkaian titik kontrol). Proyeksikan spline ke permukaan medan. Buat strip mesh yang mengikuti spline dan berada sedikit di atas medan. Terapkan tekstur jalan ke strip tersebut. Di dalam shader medan, padukan material medan menuju material jalan dalam batas lebar spline menggunakan tekstur terproyeksi atau decal.</p>
<p>Untuk dunia berbasis browser, kreator menggambar jalur pada medan. Klien menghasilkan titik-titik kontrol dan mengirimkannya ke server (beberapa lusin nilai vec3). Server menyimpan spline tersebut. Semua klien merender strip jalan secara lokal dengan memproyeksikan spline ke mesh medan mereka. Data jalannya sangat kecil (titik-titik spline jalur, mungkin 200 byte), tetapi dampak visualnya besar: jalur yang menghubungkan karya para kreator membuat dunia terasa dihuni.</p>
<h2>Bayangan untuk Medan</h2>
<p>Bayangan medan sangat penting untuk keterbacaan (memahami bentuk medan) dan atmosfer (nuansa berdasarkan waktu). Di dunia terbuka, matahari memancarkan bayangan ke seluruh medan yang terlihat.</p>
<h3>Cascaded Shadow Maps (CSM)</h3>
<p>CSM membagi frustum pandangan menjadi 3-4 rentang jarak (cascade). Setiap cascade merender shadow map dari perspektif matahari pada resolusi yang sesuai dengan jaraknya. Cascade dekat: resolusi tinggi (bayangan mendetail di bawah pohon dan bangunan). Cascade jauh: resolusi rendah (bayangan pegunungan yang luas).</p>
<p>Three.js dan Babylon.js sama-sama mendukung CSM. Optimalisasi utama untuk medan: hanya render medan ke dalam shadow map, bukan setiap helai rumput atau detail kecil. Rumput menggunakan bayangan dari shadow map medan, bukan bayangannya sendiri.</p>
<p><strong>Anggaran performa:</strong> 3-4 cascade bayangan masing-masing berukuran 1024x1024. Merender medan ke shadow map memerlukan 0,5-1 md (geometri medan sudah berada di memori GPU). Mengambil sampel dari 4 cascade dalam shader medan menambah 0,2-0,3 md.</p>
<h3>Bayangan Mandiri Medan dari Heightmap</h3>
<p>Untuk medan yang sangat luas dan membuat CSM terlalu mahal, hitung sebelumnya sebuah horizon map: untuk setiap sel medan, simpan sudut elevasi maksimum dalam 8 arah mata angin. Saat rendering, bandingkan sudut matahari dengan horizon map untuk menentukan apakah suatu titik berada dalam bayangan. Beginilah Skyrim menangani bayangan mandiri medan untuk medan jauh (di luar jangkauan CSM).</p>
<p>Horizon map dihitung di sisi server dari heightmap (memerlukan beberapa detik pemrosesan) dan dialirkan sebagai tekstur 128x128 per chunk (16 KB setelah dikompresi). Dampak visualnya signifikan: lembah pegunungan menjadi gelap secara realistis bahkan pada jarak pandang yang ekstrem.</p>
<h2>Kompresi Data Medan untuk Streaming</h2>
<p>Jaringan adalah hambatan utama bagi dunia berbasis browser. Setiap byte yang dihemat dari data medan mempercepat waktu pemuatan.</p>
<h3>Kompresi Heightmap</h3>
<p>Heightmap mentah 16-bit dapat dikompresi dengan baik karena sel-sel yang berdekatan memiliki nilai serupa. Alur pemrosesannya:</p>
<ol>
<li><strong>Delta encoding:</strong> Simpan selisih antara setiap sel dan nilai prediksinya (rata-rata sel tetangga). Nilai delta berukuran kecil dan mengelompok di dekat nol.</li>
<li><strong>Kuantisasi:</strong> Untuk chunk yang jauh, kurangi presisi dari 16-bit menjadi 12-bit atau 8-bit. Pada jarak 500 meter, presisi ketinggian 8-bit (resolusi 0,4 m pada rentang ketinggian 100 m) tidak dapat dibedakan dari 16-bit.</li>
<li><strong>Entropy coding:</strong> Terapkan kompresi zlib atau brotli ke aliran yang telah melalui delta encoding. Rasio kompresi umum: 4-8x.</li>
</ol>
<p>Hasilnya: chunk 65x65 pada 16-bit berkurang dari 8,4 KB mentah menjadi 1-2 KB setelah dikompresi. Pada presisi 8-bit yang dikurangi: 0,5-1 KB.</p>
<h3>Streaming Heightmap Progresif</h3>
<p>Kirim medan beresolusi rendah terlebih dahulu, lalu sempurnakan secara bertahap. Heightmap 17x17 (ukuran minimum untuk chunk 64 m dengan jarak antarsel 4 m) berukuran 578 byte mentah dan kurang dari 200 byte setelah dikompresi. Medan langsung terlihat. Kemudian alirkan penyempurnaan 33x33 (menambahkan sampel baris/kolom ganjil). Setelah itu, alirkan resolusi penuh 65x65. Setiap tingkat menambahkan detail tanpa mengganti data sebelumnya.</p>
<p>Ini dipetakan ke cincin LOD geometry clipmap: medan jauh menggunakan versi beresolusi rendah (17x17), jarak menengah menggunakan resolusi sedang (33x33), dan tampilan jarak dekat menggunakan resolusi penuh (65x65). Prioritas streaming sesuai dengan LOD rendering.</p>
<h3>Kompresi Volume SDF</h3>
<p>Volume SDF sparse dapat dikompresi secara drastis karena sebagian besar voxel berada jauh dari permukaan (ruang kosong). Pilihannya:</p>
<p><strong>Run-length encoding:</strong> Enkode rangkaian nilai identik (voxel kosong). Volume SDF umumnya lebih dari 95% kosong, sehingga RLE menghasilkan kompresi 10-50x.</p>
<p><strong>Sparse octree:</strong> Hanya simpan node octree yang berisi voxel yang dilintasi permukaan. Ruang kosong tidak memiliki node. Volume SDF 64^3 dengan satu terowongan gua mungkin hanya memiliki 2.000-5.000 node terisi (dibandingkan total 262.144 voxel), masing-masing disimpan sebagai 1-2 byte.</p>
<p><strong>Kompresi progresif berbasis entropi</strong> (2024, <a href="https://inria.hal.science/hal-04630545v1/file/sgp2024.pdf">HAL</a>) diterapkan pada data spasial 3D dengan membagi ruang secara rekursif menggunakan bidang yang dioptimalkan berdasarkan entropi dan kuantisasi adaptif. Ini menghasilkan aliran penyempurnaan yang dioptimalkan untuk kompromi laju-distorsi, terutama bermanfaat pada bitrate rendah dalam streaming jaringan.</p>
<h2>Menggabungkan Semuanya: Pipeline Medan Browser</h2>
<p>Ikhtisar strategis di bagian atas artikel ini memberikan kerangka pengambilan keputusan cepat dan rencana pembangunan bertahap. Bagian ini menyediakan detail teknis lengkap untuk pipeline pembuatan di sisi server dan pipeline rendering browser.</p>
<h3>Pipeline Pembuatan (Sisi Server)</h3>
<p>Pipeline pembuatan berjalan sebagai graf berarah dari berbagai proses fisik, terinspirasi oleh pendekatan graf node milik Gaea dan World Machine. Setiap tahap menerima keluaran tahap sebelumnya dan menyempurnakannya. Kreator mengendalikan parameter pada setiap tahap.</p>
<table>
<thead>
<tr>
<th>Tahap</th>
<th>Input</th>
<th>Proses</th>
<th>Output</th>
<th>Waktu</th>
</tr>
</thead>
<tbody>
<tr>
<td>1. Medan dasar</td>
<td>Seed atau prompt teks</td>
<td>Terrain Diffusion / MESA / noise + fBm</td>
<td>Heightmap 16-bit</td>
<td>1-5 dtk</td>
</tr>
<tr>
<td>2. Erosi</td>
<td>Heightmap</td>
<td>Stream power analitis + erosi termal</td>
<td>Heightmap tererosi, peta akumulasi aliran, peta sedimen</td>
<td>0,5-2 dtk</td>
</tr>
<tr>
<td>3. Sungai</td>
<td>Heightmap tererosi, peta aliran</td>
<td>Ekstraksi jaringan drainase, pengukiran saluran</td>
<td>Spline sungai, peta ketinggian air</td>
<td>0,5 dtk</td>
</tr>
<tr>
<td>4. Pesisir</td>
<td>Heightmap di dekat permukaan laut</td>
<td>Erosi gelombang bergaya NEWTS</td>
<td>Fitur garis pantai (tebing, pantai, stack)</td>
<td>1-3 dtk</td>
</tr>
<tr>
<td>5. Volumetrik</td>
<td>Heightmap + maksud kreator</td>
<td>Erosi Arenite / pembuatan gua / pemahatan SDF</td>
<td>Volume SDF sparse untuk chunk yang terdampak</td>
<td>1-60 dtk</td>
</tr>
<tr>
<td>6. Material</td>
<td>Heightmap + peta erosi</td>
<td>TerraFusion / Geodiffussr / aturan prosedural</td>
<td>Splat map, tekstur medan</td>
<td>1-5 dtk</td>
</tr>
<tr>
<td>7. Vegetasi</td>
<td>Heightmap + peta aliran + material</td>
<td>Simulasi persaingan ekosistem</td>
<td>Peta kepadatan per bioma per chunk</td>
<td>1-3 dtk</td>
</tr>
<tr>
<td>8. Horizon map</td>
<td>Heightmap akhir</td>
<td>Sudut elevasi maksimum 8 arah</td>
<td>Tekstur bayangan mandiri per chunk</td>
<td>2-5 dtk</td>
</tr>
<tr>
<td>9. Pembagian chunk</td>
<td>Semua output</td>
<td>Potong, terapkan delta encoding, kompresi, hash</td>
<td>Paket chunk di CDN</td>
<td>5-10 dtk</td>
</tr>
<tr>
<td><strong>Total</strong></td>
<td></td>
<td></td>
<td></td>
<td><strong>15-90 dtk</strong></td>
</tr>
</tbody>
</table>
<p>Dunia baru berukuran 4x4 km dapat dibuat dalam 15-90 detik. Edit kreator (pemahatan, perubahan parameter) hanya menjalankan ulang tahap yang terdampak untuk chunk terkait, dan biasanya selesai dalam waktu kurang dari 5 detik.</p>
<h3>Pipeline Rendering (Browser)</h3>
<table>
<thead>
<tr>
<th>Langkah</th>
<th>Jalur WebGPU</th>
<th>Fallback WebGL 2</th>
<th>Anggaran frame</th>
</tr>
</thead>
<tbody>
<tr>
<td>1. Streaming</td>
<td>Antrean prioritas, pre-fetch prediktif</td>
<td>Sama</td>
<td>N/A (asinkron)</td>
</tr>
<tr>
<td>2. Medan heightmap</td>
<td>Quadtree CDLOD berbasis GPU, compute culling, indirect draw</td>
<td>Geometry clipmap, pembaruan cincin oleh CPU</td>
<td>0,5-1 md</td>
</tr>
<tr>
<td>3. Mesh volumetrik</td>
<td>Compute marching cubes + Transvoxel</td>
<td>Mesh yang dibuat sebelumnya dari Web Worker, 2-3 LOD tersimpan dalam cache</td>
<td>0,5-2 md</td>
</tr>
<tr>
<td>4. Transisi LOD</td>
<td>Geomorphing dalam vertex shader</td>
<td>Sama</td>
<td>Termasuk di atas</td>
</tr>
<tr>
<td>5. Material</td>
<td>PBR triplanar + Laplacian blending + detail phasor noise + virtual texturing</td>
<td>PBR triplanar + linear blending + splat map yang telah di-bake</td>
<td>1-1,5 md</td>
</tr>
<tr>
<td>6. Vegetasi</td>
<td>ComputeInstanceCulling + IndirectBatchedMesh, penutup tanah berubin heksagonal</td>
<td>Frustum culling CPU + InstancedMesh</td>
<td>1-1,5 md</td>
</tr>
<tr>
<td>7. Air</td>
<td>Strip sungai yang sejajar dengan aliran, buih garis pantai berbasis kedalaman</td>
<td>Sama (refleksi lebih sederhana)</td>
<td>0,5 md</td>
</tr>
<tr>
<td>8. Bayangan</td>
<td>CSM 3-4 cascade + bayangan mandiri horizon map</td>
<td>CSM 2 cascade</td>
<td>0,5-1 md</td>
</tr>
<tr>
<td>9. Atmosfer</td>
<td>Model langit Hillaire + kabut volumetrik + partikel cuaca</td>
<td>Langit Preetham + kabut jarak</td>
<td>0,5 md</td>
</tr>
<tr>
<td>10. Efek dinamis</td>
<td>Akumulasi genangan, deformasi jejak kaki, salju/hujan</td>
<td>Akumulasi genangan, partikel hujan</td>
<td>0,3 md</td>
</tr>
<tr>
<td><strong>Total medan</strong></td>
<td></td>
<td></td>
<td><strong>3,5-6,5 md</strong></td>
</tr>
</tbody>
</table>
<p>Pada 60 fps (16,6 md per frame), sistem medan menggunakan 21% anggaran frame di WebGPU dan 39% di WebGL 2. Sisanya tersedia untuk avatar pemain, objek kreator, UI, jaringan, dan pascapemrosesan.</p>
<h3>Mengapa Ini Berfungsi di Browser</h3>
<p>Seluruh pipeline dirancang dengan mempertimbangkan tiga keterbatasan browser:</p>
<p><strong>Memori (maksimum 2-4 GB):</strong> Anggaran medan 256 MB mencukupi karena setiap chunk heightmap berukuran 2-8 KB (setelah delta encoding), volume SDF bersifat sparse (100-500 KB per chunk volumetrik), vegetasi dibuat saat runtime dari peta kepadatan 1 KB, dan tekstur menggunakan kompresi KTX2 (150 KB per 1024x1024). Pada waktu tertentu, dunia yang terlihat di browser memiliki ukuran total 50-200 MB.</p>
<p><strong>Tanpa akses disk:</strong> Semuanya dialirkan melalui jaringan. Pemuatan progresif membuat pemain melihat medan dalam &lt;100 md (heightmap resolusi rendah), medan bertekstur dalam &lt;300 md, dan detail penuh dalam &lt;3 dtk. Pre-fetch berdasarkan kecepatan menyembunyikan waktu pemuatan selama penjelajahan normal.</p>
<p><strong>Kemampuan GPU sangat bervariasi:</strong> Jalur WebGPU menangani desktop kelas atas. Fallback WebGL 2 menangani perangkat lainnya, termasuk perangkat seluler. Data chunk yang sama menggerakkan kedua jalur. Perbedaannya terletak pada teknik rendering, bukan format data. Chromebook yang menjalankan WebGL 2 melihat dunia yang sama seperti RTX 4090 yang menjalankan WebGPU, hanya dengan detail lebih rendah dan jarak pandang lebih pendek.</p>
<h2>Makalah Penelitian</h2>
<h3>Representasi Medan dan Pembuatan Mesh</h3>
<p><strong>&quot;Marching Cubes: Algoritma Konstruksi Permukaan 3D Beresolusi Tinggi&quot;</strong> -- Lorensen dan Cline (SIGGRAPH 1987). <a href="https://doi.org/10.1145/37402.37422">DOI</a>. Algoritma fundamental untuk mengekstrak mesh segitiga dari data volumetrik. Masih menjadi metode ekstraksi isosurface yang paling luas digunakan 38 tahun kemudian. Implementasi paralel GPU berjalan secara real-time dalam compute shader WebGPU.
<strong>&quot;Dual Contouring Data Hermite&quot;</strong> -- Ju, Losasso, Schaefer, Warren (SIGGRAPH 2002). <a href="https://doi.org/10.1145/566570.566586">DOI</a>. Menghasilkan mesh yang mempertahankan fitur tajam (tepi tebing, sudut batu) yang dibulatkan oleh marching cubes. Memerlukan normal permukaan selain nilai jarak.</p>
<p><strong>&quot;Neural Dual Contouring&quot;</strong> -- Chen dkk. (2022). <a href="https://arxiv.org/abs/2202.01999">arXiv:2202.01999</a>. Menggantikan penempatan verteks kuadrat terkecil dalam dual contouring dengan prediktor terlatih. Menghasilkan kualitas permukaan yang lebih baik untuk fitur alami yang kompleks.</p>
<p><strong>&quot;Algoritma Transvoxel&quot;</strong> -- Lengyel (2009, diperbarui 2024). <a href="https://transvoxel.org/">transvoxel.org</a>. Transisi LOD yang mulus untuk medan voxel. Menghilangkan retakan pada batas resolusi menggunakan 73 jenis sel transisi. Bebas paten dan dirancang untuk aplikasi waktu nyata.</p>
<h3>LOD dan Rendering Medan</h3>
<p><strong>&quot;Geometry Clipmaps: Rendering Medan Menggunakan Grid Reguler Bersarang&quot;</strong> -- Losasso dan Hoppe (SIGGRAPH 2004). <a href="https://hhoppe.com/geomclipmap.pdf">Makalah</a>. Rendering medan dengan biaya konstan menggunakan cincin LOD konsentris. Menangani medan berukuran 40 GB dengan kecepatan interaktif. Menjadi dasar bagi sebagian besar renderer medan di browser.</p>
<p><strong>&quot;CDLOD: LOD Hibrida untuk Rendering Medan&quot;</strong> -- Strugar (2014). <a href="https://www.vertexasylum.com/CDLOD/cdlod_latest.pdf">Makalah</a>. Penyempurnaan geometry clipmap yang adaptif terhadap quadtree. Mengalokasikan resolusi berdasarkan kompleksitas medan, bukan hanya jarak.</p>
<p><strong>&quot;Pipeline Rendering Berbasis GPU&quot;</strong> -- Ubisoft (SIGGRAPH 2015), Wihlidal dan Hoppe. Memformalkan pendekatan berbasis GPU, dengan compute shader yang menangani culling, pemilihan LOD, dan pembuatan draw call. Pola arsitektur untuk pipeline medan WebGPU kami.</p>
<h3>Pembuatan Medan Fisik</h3>
<p><strong>&quot;Erosi Analitis Berbasis Fisika untuk Pembuatan Medan Secara Cepat&quot;</strong> -- Cordonnier dkk. (2024). <a href="https://hal.science/hal-04525371">HAL</a>. Erosi analitis berdasarkan hukum daya aliran yang tidak memerlukan simulasi iteratif. Menghasilkan medan yang masuk akal secara fisik dalam hitungan milidetik.</p>
<p><strong>&quot;Simulasi dan Visualisasi Erosi Hidraulis Cepat pada GPU&quot;</strong> -- Mei, Decaudin, Hu (2007). <a href="https://hal.science/hal-02281637/file/main.pdf">HAL</a>. Erosi hidraulis paralel pada GPU menggunakan simulasi air dangkal. Menjadi dasar bagi sebagian besar implementasi erosi di game engine.</p>
<p><strong>&quot;Arenite: Simulator Batu Pasir Berbasis Fisika&quot;</strong> -- SIGGRAPH 2025. <a href="https://jango6324.github.io/arenite/">Proyek</a>. Erosi multifisika yang menghasilkan lengkungan, hoodoo, dan ceruk dari simulasi tekanan dan erosi. Berjalan dalam waktu kurang dari 5 menit pada GPU desktop.</p>
<p><strong>&quot;Simulasi Aliran Rombakan yang Efisien untuk Erosi Medan Curam&quot;</strong> -- Purdue CGVLAB (2024). <a href="https://www.cs.purdue.edu/cgvlab/www/resources/papers/Arymaan-ToG-2024-efficient.pdf">Makalah</a>. Aliran rombakan dan erosi lereng curam yang diakselerasi GPU untuk menghasilkan fitur medan pegunungan yang realistis.</p>
<p><strong>&quot;Erosi Medan Fleksibel&quot;</strong> -- IRIT-STORM (2024). <a href="https://link.springer.com/article/10.1007/s00371-024-03444-w">Springer</a>. Erosi berbasis partikel yang dapat digunakan pada heightfield, grid voxel, permukaan implisit, dan material berlapis melalui satu antarmuka terpadu. Memungkinkan satu sistem erosi digunakan untuk representasi medan hibrida.</p>
<h3>Detail dan Tekstur Medan</h3>
<p><strong>&quot;Pencampuran Tekstur Laplacian yang Ramah GPU&quot;</strong> -- Wronski (NVIDIA, 2025). <a href="https://jcgt.org/published/0014/01/02/">JCGT</a>. Pencampuran piramida Laplacian waktu nyata untuk material medan tanpa prakomputasi. Mempertahankan fitur tajam sekaligus menghilangkan artefak sambungan. Hanya memerlukan beberapa pengambilan sampel tekstur tambahan per fragmen.</p>
<p><strong>&quot;Penyempurnaan Medan Waktu Nyata dengan Pola Prosedural Terkendali&quot;</strong> -- Grenier dkk. (2024). <a href="https://diglib.eg.org/bitstream/handle/10.1111/cgf14992/v43i1_05_cgf14992.pdf">CGF</a>. Detail mikroerosi berbasis phasor noise hingga 32 kali resolusi heightmap. Pola yang disejajarkan dengan lereng dijalankan sepenuhnya dalam fragment shader.</p>
<h3>Teselasi Adaptif</h3>
<p><strong>&quot;Pohon Biner Konkuren untuk Komponen Game Berskala Besar&quot;</strong> -- Benyoub dan Dupuy (Intel, HPG 2024). <a href="https://arxiv.org/html/2407.02215v1">Makalah</a>. Struktur data pohon biner yang ramah GPU untuk teselasi medan adaptif. Merender geometri berskala planet dalam waktu kurang dari 0,2 md. Dikembangkan dari domain persegi ke mesh poligon arbitrer.</p>
<h3>Pembuatan Gua dan Bawah Tanah</h3>
<p><strong>&quot;PLUME: Engine Pemodelan Bawah Tanah Berlapis Secara Prosedural&quot;</strong> -- 2024. <a href="https://arxiv.org/html/2508.20926v1">arXiv:2508.20926</a>. Framework sumber terbuka untuk menghasilkan lingkungan gua dan tabung lava realistis menggunakan aturan prosedural berlapis. Awalnya dibuat untuk robotika eksplorasi ruang angkasa.</p>
<h3>Sintesis Medan Neural</h3>
<p><strong>&quot;InfiniteDiffusion: Menjembatani Fidelitas Hasil Pembelajaran dan Kegunaan Prosedural untuk Pembuatan Medan Dunia Terbuka&quot;</strong> -- Goslin (2025, SIGGRAPH 2026). <a href="https://arxiv.org/abs/2512.08309">arXiv:2512.08309</a>. Pembuatan medan tanpa batas yang konsisten dengan seed menggunakan model difusi hierarkis dengan pengodean Laplacian. 9 kali lebih cepat daripada baseline pada GPU konsumen.</p>
<p><strong>&quot;TerraFusion: Pembuatan Bersama Geometri dan Tekstur Medan&quot;</strong> -- 2025. <a href="https://arxiv.org/abs/2505.04050">arXiv:2505.04050</a>. Difusi laten untuk sintesis heightmap dan tekstur secara bersamaan dengan pengondisian sketsa.</p>
<p><strong>&quot;MESA: Pembuatan Medan Berbasis Teks&quot;</strong> -- Lokakarya CVPR 2025. <a href="https://arxiv.org/abs/2504.07210">arXiv:2504.07210</a>. Pembuatan medan dari teks menggunakan data pelatihan penginderaan jauh Copernicus.</p>
<p><strong>&quot;Geodiffussr: Pembuatan Tekstur Medan Generatif dengan Fidelitas Elevasi&quot;</strong> -- 2025. <a href="https://arxiv.org/abs/2511.23029">arXiv:2511.23029</a>. Pembuatan tekstur medan berbasis teks yang menghormati data elevasi menggunakan flow-matching.</p>
<p><strong>&quot;Sketch2Terrain: Pemetaan Sketsa Medan Waktu Nyata Berbasis AI&quot;</strong> -- 2025. <a href="https://tianyixiao.top/publication/2025-sketch2terrain">Proyek</a>. Konversi sketsa menjadi medan dalam realitas tertambah. Peningkatan efisiensi sebesar 38% dibandingkan pemetaan manual.</p>
<h3>Simulasi Vegetasi dan Ekosistem</h3>
<p><strong>&quot;Distribusi Prosedural Vegetasi Waktu Nyata Berbasis GPU pada Medan Virtual Berskala Besar&quot;</strong> -- SBGames 2018. <a href="https://sbgames.org/sbgames2018/files/papers/ComputacaoFull/188348.pdf">Makalah</a>. Penyebaran vegetasi berbasis quadtree menggunakan faktor biotik/abiotik pada GPU.</p>
<p><strong>&quot;Pembuatan dan Rendering Hutan Secara Prosedural&quot;</strong> -- 2022. <a href="https://export.arxiv.org/pdf/2208.01471v1.pdf">Makalah</a>. Pembuatan pohon dengan L-system yang dipadukan dengan simulasi persaingan ekosistem untuk menghasilkan distribusi hutan yang realistis.</p>
<p><strong>&quot;Pembuatan Prosedural Waktu Nyata dengan GPU Work Graphs&quot;</strong> -- AMD GPUOpen 2024. <a href="https://gpuopen.com/download/Real-Time_Procedural_Generation_with_GPU_Work_Graphs-GPUOpen_preprint.pdf">Makalah</a>. GPU work graph yang menghasilkan lebih dari 79 ribu instans vegetasi dalam waktu kurang dari 4 md.</p>
<h3>Teknologi GPU Browser</h3>
<p><strong>&quot;Renderer GSWT&quot;</strong> -- SIGGRAPH Asia 2025. <a href="https://github.com/zengyf131/gswt_renderer">GitHub</a>. Renderer WebGPU + Rust/Wasm yang menggunakan Gaussian Splatting Wang Tiles untuk medan 3D tanpa batas dengan LOD dinamis dan streaming.</p>
<p><strong>&quot;Komputasi GPU di Browser Secepat Native: WebGPU Marching Cubes&quot;</strong> -- Usher (2024). <a href="https://www.willusher.io/graphics/2024/04/22/webgpu-marching-cubes/">Blog</a>. Menunjukkan bahwa komputasi WebGPU mencapai performa setara native untuk algoritma pembuatan mesh paralel.</p>
<h3>Rendering Voxel dan Adegan Berskala Besar</h3>
<p><strong>&quot;Aokana: Framework Rendering Voxel Berbasis GPU untuk Game Dunia Terbuka&quot;</strong> -- 2025. <a href="https://arxiv.org/abs/2505.02017">arXiv:2505.02017</a>. Sparse Voxel DAG dengan LOD dan streaming untuk adegan yang berisi puluhan miliar voxel. Mengurangi penggunaan memori 9 kali lipat dan menghasilkan rendering 4,8 kali lebih cepat dibandingkan teknologi mutakhir sebelumnya. Dirancang untuk integrasi dengan game engine.</p>
<h3>Geometri Prosedural dan Pelapisan Ulang Permukaan</h3>
<p><strong>&quot;Pelapisan Ulang Permukaan Secara Prosedural dan Waktu Nyata Menggunakan GPU Mesh Shader&quot;</strong> -- Raad dkk. (Eurographics 2025). <a href="https://hal.science/hal-05176868v1/file/Paper_Resurfacing_2024.pdf">Makalah</a>. Menghasilkan permukaan geometris mendetail dari mesh kontrol kasar saat rendering menggunakan mesh shader. Memungkinkan LOD dinamis tanpa menyimpan geometri beresolusi tinggi di memori.</p>
<h3>Bayangan Medan</h3>
<p><strong>&quot;Mengoptimalkan Bayangan Medan&quot;</strong> -- AMD GPUOpen. <a href="https://gpuopen.com/learn/optimizing-terrain-shadows/">Blog</a>. Optimasi CSM praktis untuk medan berskala besar. Membahas pembagian cascade, rendering shadow map yang efisien pada GPU, dan optimasi khusus medan.</p>
<h3>Geometri Virtual dan Optimasi Mesh</h3>
<p><strong>&quot;Nanite WebGPU&quot;</strong> -- Scthe (2024). <a href="https://github.com/Scthe/nanite-webgpu">GitHub</a>, <a href="https://scthe.github.io/nanite-webgpu/">Demo</a>. Implementasi lengkap arsitektur Nanite UE5 di browser: hierarki LOD meshlet, rasterizer perangkat lunak dalam WGSL, culling per meshlet, dan impostor billboard.</p>
<p><strong>&quot;Miliaran Segitiga dalam Hitungan Menit&quot;</strong> -- Kapoulkine (2025). <a href="https://zeux.io/2025/09/30/billions-of-triangles-in-minutes/">Blog</a>. Meshoptimizer v1.0 untuk pembuatan LOD berklaster hierarkis. Memproses mesh masif menjadi DAG klaster bergaya Nanite secara efisien.</p>
<p><strong>&quot;Billboard Splatting (BBSplat)&quot;</strong> -- 2024. <a href="https://arxiv.org/abs/2411.08508">arXiv:2411.08508</a>. Primitif planar bertekstur yang dapat dilatih untuk sintesis sudut pandang baru, dengan kompresi 17 kali lipat dibandingkan 3D Gaussian Splatting.</p>
<h3>Pencahayaan Medan dan Iluminasi Global</h3>
<p><strong>&quot;Iluminasi Global dalam Once Human&quot;</strong> -- GDC 2025. <a href="https://schedule.gdconf.com/session/global-illumination-in-once-human-a-hybrid-approach-for-16km-open-world/907269">Sesi</a>. GI hibrida untuk dunia terbuka seluas 16 km: probe yang dikompresi jaringan neural (rasio 69:1), penanganan kebocoran dalam/luar ruangan berbasis ML, dan respons probe dinamis.</p>
<p><strong>&quot;GI dengan AMD FidelityFX Brixelizer&quot;</strong> -- GDC 2024. <a href="https://gpuopen.com/download/GDC2024_GI_with_AMD_FidelityFX_Brixelizer.pdf">Makalah</a>. Cascade medan jarak renggang berbasis komputasi dengan probe screen-space. Tidak memerlukan ray tracing perangkat keras.</p>
<p><strong>&quot;Radiance Cascades&quot;</strong> -- 2024. <a href="https://jason.today/rc">Blog</a>. Iluminasi global waktu nyata tanpa noise menggunakan struktur radiance bertingkat tanpa akumulasi temporal.</p>
<h3>Desain Level dan Eksplorasi</h3>
<p><strong>&quot;PlotMap: Desain Tata Letak Otomatis untuk Membangun Dunia Game&quot;</strong> -- 2023. <a href="https://arxiv.org/html/2309.15242v4">arXiv:2309.15242</a>. Penempatan POI berbantuan AI yang memenuhi batasan spasial naratif pada medan.</p>
<p><strong>&quot;Pemicu Eksplorasi Spasial&quot;</strong> -- Purdue University (FDG 2022). <a href="https://web.ics.purdue.edu/~cmousas/papers/conf22-FDG-SpatialExploration.pdf">Makalah</a>. Empat pola desain yang mendorong eksplorasi pemain: titik ekstrem, penghalang visual, objek yang tidak pada tempatnya, dan koneksi spasial.</p>
<h3>Kompresi dan Streaming Data</h3>
<p><strong>&quot;Kompresi Progresif Point Cloud 3D Berbasis Entropi&quot;</strong> -- SGP 2024. <a href="https://inria.hal.science/hal-04630545v1/file/sgp2024.pdf">Makalah</a>. Kompresi progresif yang dioptimalkan berdasarkan laju-distorsi menggunakan partisi ruang rekursif dengan kuantisasi adaptif. Menghasilkan aliran penyempurnaan yang sesuai untuk streaming jaringan dengan bandwidth variabel.</p>
<h3>Pengeditan Interaktif</h3>
<p><strong>&quot;Editor SDF WebGPU&quot;</strong> -- Nijhoff (2026). <a href="https://reindernijhoff.net/2026/01/webgpu-sdf-editor-real-time-signed-distance-field-modeling/">Proyek</a>. Pemodelan SDF berfitur lengkap di browser dengan marching cubes waktu nyata, operasi boolean, pencampuran halus, dan partisi ruang octree. 112 byte per primitif.</p>
<h3>Pembuatan Sungai dan Pesisir</h3>
<p><strong>&quot;Daerah Aliran Sungai Prosedural&quot;</strong> -- Patel (Red Blob Games). <a href="https://www.redblobgames.com/x/1723-procedural-river-growing/">Proyek</a>. Pembuatan sungai yang mendahulukan drainase menggunakan klasifikasi tepi mesh Voronoi/segitiga. Membangun hierarki sungai sebelum menetapkan elevasi medan.</p>
<p><strong>&quot;NEWTS1.0: Model Numerik Erosi Pesisir oleh Gelombang dan Tebing Transgresif&quot;</strong> -- MIT (2024). <a href="https://dspace.mit.edu/handle/1721.1/157677">Makalah</a>. Model erosi pesisir sederhana yang menggunakan kemunduran seragam dan erosi akibat gelombang. Menghasilkan tanjung, teluk, pilar laut, dan lengkungan yang sesuai dengan geomorfologi nyata.</p>
<h2>Bacaan Lebih Lanjut</h2>
<ul>
<li><a href="/id/guides/browser-3d-open-world-tech">Teknologi Dunia Terbuka 3D di Browser</a> membahas arsitektur lengkap untuk dunia kreator multipemain di browser</li>
<li><a href="/id/guides/web-games-stack-2026">Stack Teknologi Game Web pada 2026</a> membahas dasar-dasar WebGL, WebGPU, dan WebAssembly</li>
<li><a href="/id/guides/threejs-usdc-tech-report">Laporan Teknis Three.js + USDC</a> tentang pemuatan aset 3D di browser</li>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Sumber Terbuka Mutakhir</a> untuk pipeline pembuatan berbasis AI</li>
<li><a href="/id/tutorials/webgpu-getting-started">Memulai WebGPU</a> — compute shader untuk medan berbasis GPU</li>
<li><a href="/id/tutorials/web-workers-game-logic">Web Worker untuk logika game</a> — memindahkan pembuatan medan ke Worker</li>
<li><a href="/id/tutorials/game-physics-libraries">Library fisika game</a> — fisika untuk interaksi medan dan collider heightfield</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a> — sumber tekstur dan material untuk rendering medan</li>
</ul>
<p><BuildCta
  title="Masukkan lanskap yang dihasilkan ke dalam game"
  desc="Medan akan lebih menarik jika Anda bisa berjalan di atasnya."
  prompt="Buat game yang berlatar di lembah pegunungan yang dihasilkan secara prosedural" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Teknologi Dunia Terbuka 3D di Browser untuk Dunia Kreator Multipemain]]></title>
            <link>https://app.cinevva.com/id/guides/browser-3d-open-world-tech</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/browser-3d-open-world-tech</guid>
            <pubDate>Fri, 20 Feb 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Riset mendalam tentang teknologi rendering, jaringan, streaming, dan pembangunan dunia yang diperlukan untuk menghadirkan para kreator dalam dunia terbuka 3D bersama berbasis browser yang dapat mereka bentuk bersama.]]></description>
            <content:encoded><![CDATA[<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.game-caption {
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
  margin-top: 0.5rem;
  font-style: italic;
}
</style>
<h1>Teknologi Dunia Terbuka 3D di Browser untuk Dunia Kreator Multipemain</h1>
<p>Kami ingin menghadirkan para kreator kami dalam sebuah dunia terbuka bersama. Bukan lobi. Bukan galeri. Melainkan ruang 3D hidup tempat orang dapat menjelajah, membangun, dan secara tak sengaja menemukan karya satu sama lain. Sesuatu yang dapat dimuat di tab browser dan terasa seperti tempat yang layak dihuni.</p>
<p>Itu masalah yang sulit. Skyrim dan The Witcher 3 menghabiskan ratusan juta dolar untuk membangun dunia mereka, dan keduanya masih didistribusikan untuk perangkat keras khusus dengan data puluhan gigabita di penyimpanan. Target kami adalah sebuah tab browser, status bersama untuk ratusan pemain, dan dunia yang benar-benar dapat dibentuk ulang oleh para kreator.</p>
<p>Panduan ini mendokumentasikan temuan kami dari riset teknologi tersebut. Apa yang mungkin dilakukan saat ini, apa yang akan segera hadir, dan arsitektur seperti apa yang dapat mewujudkannya.</p>
<h2>Pelajaran yang Dapat Kita Ambil dari Skyrim dan The Witcher</h2>
<p>Sebelum memilih teknologi, ada baiknya memahami cara kerja dua dunia terbuka paling sukses. Teknik yang mereka gunakan ternyata sangat sesuai dengan keterbatasan browser.</p>
<h3>Sistem Sel Skyrim</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/JSRtYpNRoN0" title="Trailer Skyrim Special Edition" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Dunia terbuka Skyrim melakukan streaming kisi sel 5x5 di sekitar pemain. Pegunungan di kejauhan merupakan penyaru beresolusi rendah. Anda tidak pernah menyadarinya.</div>
<p>Skyrim membagi dunianya menjadi kisi berisi 57x37 sel eksterior, masing-masing berukuran 4096x4096 unit gim (sekitar 59 meter). Mesin gim memuat kisi 5x5 sel di sekitar pemain setiap saat. Saat Anda berjalan, sel di sisi belakang dikeluarkan dari memori sementara sel di sisi depan dimuat melalui streaming. Ruang interior (ruang bawah tanah, bangunan) merupakan ruang dunia terpisah yang dimuat melalui pemicu pintu.</p>
<p>Cara ini dapat diterapkan secara langsung pada dunia di browser. Anda tidak memuat seluruh peta. Anda memuat area di sekitar pemain dan mengganti potongan dunia saat mereka bergerak. Wawasan utamanya: Skyrim tidak pernah membiarkan Anda melihat seluruh detail medan yang jauh. Gim ini menggunakan pendekatan multiresolusi.</p>
<p><strong>Tingkatan LOD (Level of Detail/Tingkat Detail) di Skyrim:</strong></p>
<ul>
<li>Detail penuh dalam jarak 1-2 sel (area terdekat pemain)</li>
<li>Mesh yang disederhanakan pada jarak menengah (objek kehilangan geometri kecil)</li>
<li>Penyaru billboard untuk pohon dan batu di luar jarak menengah</li>
<li>LOD medan menggunakan mesh beresolusi rendah yang telah dipanggang untuk lanskap jauh</li>
<li>Jarak pemudaran objek disesuaikan per objek (rumput memudar lebih dahulu, bangunan paling akhir)</li>
</ul>
<p>Lanskap Skyrim menggunakan medan berbasis heightmap dengan petak 32x32 verteks per sel. Setiap petak dapat memiliki tekstur berbeda yang dipadukan dengan alpha map. Data seperti ini ringan untuk disimpan dan dirender. Data medan satu sel dihitung dalam kilobita, bukan megabita.</p>
<p><strong>Yang dapat kita terapkan:</strong> Streaming berbasis potongan, medan heightmap, LOD agresif, pemisahan interior/eksterior, serta gagasan bahwa medan yang jauh tidak perlu akurat secara geometris—cukup meyakinkan secara visual.</p>
<h3>Arsitektur Streaming The Witcher 3</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/53MyR_Z3i1w" title="The Witcher 3: Wild Hunt - Dunia Terbuka yang Indah" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Dunia The Witcher 3 seluas 136 km2 menggunakan streaming yang sadar konten. Pohon yang berjarak lebih dari 200 m merupakan penyaru datar. Bangunan dimuat melalui streaming secara terpisah dari medan.</div>
<p>Dunia The Witcher 3 lebih luas daripada Skyrim (sekitar 136 km2 di seluruh wilayah) dan menggunakan sistem streaming yang lebih canggih. CD Projekt RED membangun mesin khusus (REDengine 3) yang membagi dunia menjadi sektor-sektor streaming, bukan kisi yang kaku.</p>
<p>Setiap sektor memuat hierarki lapisan konten:</p>
<ul>
<li><strong>Medan</strong> dimuat melalui streaming sebagai petak dengan 4 tingkat LOD</li>
<li><strong>Vegetasi</strong> menggunakan instancing GPU dengan culling berbasis jarak</li>
<li><strong>Geometri statis</strong> (bangunan, batu) dimuat melalui streaming secara terpisah dari medan</li>
<li><strong>Objek alur permainan</strong> (NPC, item, pemicu) dimuat berdasarkan status misi dan jarak</li>
</ul>
<p>Renderer menggunakan deferred shading dengan material berbasis fisika. Salah satu trik yang sangat relevan: The Witcher 3 menggunakan penyaru secara agresif. Pohon yang berjarak 200 meter bukanlah model 3D dengan cabang dan daun. Pohon itu berupa bidang segi empat bertekstur datar yang selalu menghadap kamera. Mesin gim melakukan pra-render penyaru ini dari beberapa sudut, lalu menggantinya saat kamera bergerak. Anda tidak pernah menyadarinya karena objek tersebut berada cukup jauh.</p>
<p><strong>Komposisi dunia:</strong> Dunia terbuka The Witcher 3 dibangun dalam sejumlah lapisan oleh tim-tim terpisah yang bekerja secara bersamaan. Tim medan membentuk lanskap. Tim seni lingkungan menempatkan struktur. Tim misi menghubungkan pemicu dan jalur NPC. Sistem komposisi berlapis ini memungkinkan tim besar bekerja tanpa saling mengganggu.</p>
<p><strong>Yang dapat kita terapkan:</strong> Komposisi dunia berlapis (sangat penting untuk platform kreator), rendering penyaru untuk objek jauh, deferred rendering untuk banyak sumber cahaya, serta wawasan bahwa streaming harus sadar konten (jangan muat interior yang tidak dapat dilihat, jangan munculkan NPC yang tidak berada di dekat pemain).</p>
<h3>Mesin Kimia Breath of the Wild</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/zw47_q9wbBE" title="Zelda: Breath of the Wild - Trailer Presentasi Nintendo Switch" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">BotW berjalan pada perangkat keras kelas tablet dan terlihat memukau. Gaya cel-shaded, kabut jarak bergaya cat air, serta interaksi sistemis alih-alih konten berskrip. Standar emas untuk dunia terbuka bergaya.</div>
<p>Pendekatan Nintendo terhadap desain dunia terbuka membalik formula pada umumnya. Alih-alih memenuhi dunia dengan konten berskrip, mereka membangun aturan sistemis dan membiarkan pemain menemukan perilaku emergen. Api menjalar ke rumput. Logam menghantarkan listrik saat badai petir. Angin membawa objek. Segala sesuatu berinteraksi dengan yang lain melalui lapisan fisika/kimia yang konsisten.</p>
<p>Hal ini penting bagi dunia kreator karena menunjukkan bahwa dunia itu sendiri dapat lebih menarik daripada objek mana pun yang ditempatkan di dalamnya. Jika kreator dapat menentukan properti material dan aturan interaksi (bukan sekadar menempatkan mesh statis), dunia akan memperoleh perilaku emergen yang membuat penjelajahan tetap menarik, bahkan di area yang tidak dirancang secara khusus oleh siapa pun.</p>
<p><strong>Pelajaran teknis dari BotW:</strong></p>
<ul>
<li>Jumlah poligon dan resolusinya relatif rendah (900p saat Switch terpasang ke dok). Tampilan cel-shaded yang bergaya menyamarkan fidelitas rendah tersebut. Dunia di browser saat ini dapat mencapai kualitas visual serupa.</li>
<li>Rendering jarak jauh menggunakan kabut toon-shaded yang memudar menjadi skybox bergaya cat air. Murah untuk dirender, tetapi indah dalam praktiknya. Perspektif atmosfer seperti ini pada dasarnya tidak membutuhkan biaya tambahan dalam fragment shader.</li>
<li>Luas dunianya sekitar 84 km2, tetapi renggang. Sebagian besar peta berupa medan yang dapat dilintasi dengan titik-titik menarik yang tersebar di seluruh wilayah. Konten padat dikhususkan untuk kota dan kuil. Pendekatan &quot;renggang tetapi menarik&quot; ini secara drastis mengurangi kebutuhan aset dibandingkan dengan Novigrad di The Witcher 3 yang padat penduduk.</li>
<li>Objek fisika memiliki tag material (kayu, logam, makanan, bahan peledak) yang menentukan interaksinya. Jumlah aturan sebenarnya sedikit (mungkin 20-30 jenis interaksi), tetapi semuanya berpadu dengan cara yang terasa tak terbatas.</li>
</ul>
<h3>Pelapisan Dunia GTA V</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/QkkoHAzjnUs" title="Trailer Resmi Grand Theft Auto V" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Los Santos di GTA V terasa hidup berkat sistem ambien berlapis: lalu lintas, pejalan kaki, waktu, dan cuaca. Bangunan di kejauhan merupakan foto komposit, bukan model 3D.</div>
<p>Pendekatan Rockstar terhadap Los Santos mengajarkan pelajaran yang berbeda. Dunia GTA V terasa hidup berkat sistem ambien berlapis, bukan karena setiap NPC memiliki misi.</p>
<p>Kota tersebut memiliki sistem lalu lintas yang menyimulasikan ratusan kendaraan di jaringan jalan. Pejalan kaki menyusuri rute, bereaksi terhadap pemain, dan berinteraksi satu sama lain. Waktu mengubah kepadatan populasi, jenis NPC yang hadir, dan aktivitas ambien. Cuaca memengaruhi fisika berkendara dan perilaku NPC.</p>
<p>Bagi dunia kreator, wawasannya adalah bahwa kehidupan ambien menentukan perbedaan antara dunia yang terasa seperti museum dan dunia yang terasa seperti tempat sungguhan. Bahkan perilaku sederhana (burung yang terbang di atas kepala, ombak yang menyapu pantai, NPC yang berjalan di antara bangunan) menciptakan ilusi dunia yang hidup.</p>
<p><strong>Pelajaran teknis dari GTA V:</strong></p>
<ul>
<li>Luas petanya 75 km2 dan menggunakan LOD agresif yang dipadukan dengan sistem streaming berbasis kecepatan (berkendara cepat akan memuat area lebih jauh di depan daripada berjalan kaki).</li>
<li>GTA Online menempatkan 30 pemain secara bersamaan di dunia ini. Bahkan dengan 30 pemain, Rockstar menyadari bahwa mereka memerlukan pengelolaan relevansi spasial: Anda menerima pembaruan mendetail tentang pemain di sekitar dan pembaruan yang lebih jarang tentang pemain jauh. Prinsip yang sama berlaku untuk target kami yang mencapai 200 pemain.</li>
<li>Pipeline aset GTA V merupakan salah satu yang paling efisien yang pernah dibuat. Seluruh gim hanya berukuran sekitar 80 GB berkat kompresi tekstur ekstrem, penggunaan bersama mesh, dan detail prosedural. Interior bangunannya banyak menggunakan kembali komponen modular.</li>
<li>Gim ini menggunakan sistem penyaru canggih yang membuat bangunan jauh sebenarnya berupa foto-foto datar yang dikomposisikan bersama. Pemain tidak pernah menyadarinya karena jarak transisi disesuaikan dengan sudut pandang tertentu.</li>
</ul>
<h3>Dunia Terbuka Tanpa Jeda Elden Ring</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/E3Huy2cdih0" title="Trailer Alur Permainan Resmi Elden Ring" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Peta Elden Ring seluas 79 km2 memadukan medan terbuka yang renggang dengan ruang bawah tanah padat buatan tangan. Aset lingkungan yang sama muncul di mana-mana dalam susunan berbeda. Pengulangan tidak terasa ketika komposisi dan pencahayaannya bervariasi.</div>
<p>FromSoftware membangun Elden Ring dengan mesin yang sama seperti Dark Souls, tetapi memperluas skalanya menjadi dunia terbuka. Hasilnya menarik karena menunjukkan cara tim yang relatif kecil (dibandingkan dengan Rockstar atau CD Projekt) dapat membangun dunia terbuka yang luas.</p>
<p>Triknya adalah variasi kepadatan. Peta Elden Ring sangat luas (sekitar 79 km2), tetapi sebagian besar wilayahnya berupa medan terbuka dengan musuh dan titik menarik yang tersebar. Konten padat buatan tangan (Legacy Dungeon seperti Stormveil Castle) ditanamkan dalam dunia terbuka dan menggunakan pemisahan interior/eksterior yang sama seperti Skyrim.</p>
<p><strong>Pelajaran teknis dari Elden Ring:</strong></p>
<ul>
<li>Dunia dimuat melalui streaming dalam petak-petak besar. Saat menunggang kuda, Anda dapat melihat sangat jauh, tetapi medan di kejauhan sangat disederhanakan. Dari dekat, detailnya sebanding dengan Dark Souls 3.</li>
<li>Layar pemuatan hanya muncul ketika melakukan perjalanan cepat atau memasuki ruang bawah tanah tertentu. Dunia terbukanya sendiri dimuat melalui streaming tanpa gangguan.</li>
<li>Gim ini menggunakan kembali aset lingkungan secara ekstensif. Model pohon, formasi batu, dan komponen reruntuhan yang sama muncul di seluruh peta dalam susunan berbeda. Dengan variasi susunan dan pencahayaan yang cukup, pengulangannya tidak terasa. Hal ini dapat diterapkan secara langsung pada dunia kreator, tempat pustaka komponen modular dapat menghasilkan variasi tanpa batas.</li>
<li>Mode multipemainnya berbasis sesi (memanggil pemain lain ke dunia Anda), bukan persisten. Namun, fitur asinkron (pesan, noda darah, dan bayangan pemain lain) menciptakan kesan hidup bersama tanpa beban jaringan dari server persisten. Fitur multipemain ambien seperti ini dapat ditambahkan ke dunia browser dengan biaya rendah.</li>
</ul>
<h3>No Man's Sky: Semuanya Prosedural</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/nLtmEjqzg7M" title="Trailer No Man's Sky NEXT" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">18 kuintiliun planet dihasilkan dari seed bersama. Setiap pemain melihat alam semesta yang sama tanpa menyimpannya di server. Data pembangunan markas sangat ringkas: ID komponen beserta transformasinya.</div>
<p>No Man's Sky merupakan contoh ekstrem generasi prosedural. Ada 18 kuintiliun planet yang dihasilkan dari seed bersama, sehingga setiap pemain melihat alam semesta yang sama tanpa perlu menyimpan semua itu di server.</p>
<p>Pipeline generasinya bekerja secara bertahap: seed tingkat galaksi menentukan posisi bintang, seed bintang menentukan jumlah dan jenis planet, sedangkan seed planet menggerakkan pembuatan medan (noise multioktaf), penetapan bioma, spesies flora/fauna, palet warna, dan distribusi sumber daya. Semuanya dihitung secara deterministik dari seed, sehingga dua pemain yang mengunjungi koordinat yang sama akan melihat planet yang sama tanpa bertukar data planet apa pun.
<strong>Pelajaran teknis dari No Man's Sky:</strong></p>
<ul>
<li>Pembuatan medan menggunakan marching cubes berbasis voxel dengan serangkaian fungsi noise. Pendekatan ini memungkinkan gua, tonjolan, dan pulau terapung yang tidak dapat direpresentasikan oleh medan berbasis heightmap. Konsekuensinya adalah biaya komputasi per chunk yang lebih tinggi, tetapi hasilnya berupa medan yang lebih menarik secara visual.</li>
<li>Sistem pembangunan markasnya paling mendekati apa yang kami bayangkan. Pemain menempatkan struktur yang tersimpan secara persisten di server dan terlihat oleh pemain lain. Data markasnya ringkas (daftar bagian beserta posisi dan rotasinya) dan dialirkan sesuai permintaan saat seseorang mengunjungi planet tersebut.</li>
<li>Gim ini awalnya dikritik karena kontennya repetitif meskipun memiliki variasi tak terbatas. Pembuatan berbasis seed dapat menghasilkan medan tak terbatas, tetapi hanya sedikit kejutan. Pelajarannya: pembuatan prosedural cocok untuk menyediakan kanvas, tetapi konten yang ditempatkan kreatorlah yang membuat suatu tempat terasa dirancang dan memiliki tujuan.</li>
<li>Hello Games menambahkan multipemain bertahun-tahun setelah peluncuran. Hingga 32 pemain berbagi satu sesi dengan fitur pembangunan dan penjelajahan penuh. Model jaringannya sederhana: satu pemain menjadi host, sementara yang lain terhubung. Untuk dunia browser dengan status persisten, model server-authoritative lebih cocok, tetapi No Man's Sky membuktikan bahwa dunia prosedural bersama dapat diwujudkan.</li>
</ul>
<h3>Minecraft: Cetak Biru Dunia Kreator</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/MmB9b5njVbA" title="Trailer Resmi Minecraft" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">300 juta kopi terjual. Tekstur piksel 16x16. Medan dapat diedit sepenuhnya. Dibuat tanpa batas. Multipemain. Referensi terpenting untuk dunia kreator. Klona berbasis browser membuktikan konsep ini berfungsi di WebGL.</div>
<p>Minecraft adalah acuan terpenting bagi apa yang sedang kami bangun, bahkan lebih penting daripada gim AAA mana pun dengan grafis canggih. 300 juta kopi terjual. Dunianya dibuat tanpa batas, dapat dihancurkan sepenuhnya, dan mendukung multipemain. Kreator tidak sekadar menempatkan objek di Minecraft. Mereka membentuk ulang medannya sendiri.</p>
<p><strong>Pelajaran teknis dari Minecraft:</strong></p>
<ul>
<li>Dunia dibagi menjadi chunk blok berukuran 16x16x384. Hanya chunk di dekat pemain yang dimuat (jarak render dapat dikonfigurasi). Ini adalah pola streaming chunk yang sama seperti Skyrim, tetapi dengan medan yang dapat diedit sepenuhnya.</li>
<li>Setiap chunk disimpan sebagai array ID blok yang dikompresi dengan palet. Chunk yang hanya memiliki 5 jenis blok berbeda menyimpan indeks palet 4-bit per blok, bukan ID blok lengkap. Ini membuat data chunk sangat ringkas (biasanya 10–50 KB per chunk setelah kompresi).</li>
<li>Protokol multipemain Minecraft terdokumentasi dengan baik dan relatif sederhana. Server mengirimkan data chunk saat pemain bergerak. Perubahan blok disiarkan sebagai pembaruan delta kecil (posisi + jenis blok baru). Inilah model yang akan kami gunakan untuk suntingan kreator.</li>
<li>Gim ini berjalan di Java dan kini memiliki Bedrock Edition dalam C++. Terdapat klona Minecraft berbasis browser (ClassiCube, eaglercraft) yang membuktikan bahwa konsep intinya berfungsi di WebGL. Klona tersebut biasanya mampu menangani jarak render 8–12 chunk pada 60fps, yang menghasilkan jarak pandang sekitar 200–400 meter.</li>
<li>Ekosistem modding Minecraft adalah keunggulan kompetitifnya yang sesungguhnya. Mod menambahkan blok, entitas, bioma, dan sistem permainan baru. Untuk dunia kreator, hal ini menunjukkan bahwa ekstensibilitas sama pentingnya dengan pengalaman dasar. Jika kreator dapat menentukan jenis interaksi baru (bukan sekadar menempatkan objek), dunia akan semakin kaya seiring waktu.</li>
<li>Redstone (sistem perkabelan dalam gim Minecraft) menunjukkan bahwa kreator akan membangun sistem kompleks jika diberi komponen dasar yang sederhana dan dapat dirangkai. Gerbang logika, pertanian otomatis, kalkulator. Kumpulan aturan sederhana menghasilkan kompleksitas luar biasa. Ini adalah pelajaran yang sama dengan mesin kimia BotW.</li>
</ul>
<h3>Pola Umum di Berbagai Dunia Terbuka AAA</h3>
<p>Jika melihat semua judul ini, pola yang sama terus bermunculan:</p>
<p><strong>Partisi spasial</strong> digunakan secara universal. Baik berupa cell (Bethesda), sector (CD Projekt), chunk (Mojang/Rockstar), maupun tile (FromSoftware), setiap dunia terbuka membagi ruang menjadi unit-unit yang dapat dimuat. Tidak ada engine yang mencoba menyimpan seluruh dunia di dalam memori.</p>
<p><strong>Segalanya memiliki banyak resolusi.</strong> Medan, mesh, tekstur, bahkan audio memiliki beberapa tingkat kualitas. Resolusi yang diperoleh bergantung pada seberapa dekat jaraknya dan seberapa penting objek tersebut.</p>
<p><strong>Occlusion culling</strong> lebih penting daripada throughput segitiga mentah. Tidak merender apa yang tak terlihat menghemat lebih banyak performa dibandingkan mengoptimalkan apa yang terlihat. Skyrim menggunakan sistem sederhana berbasis jarak. The Witcher 3 menggunakan software occlusion dengan occluder besar (bangunan, tebing). Engine modern seperti Nanite milik UE5 mengembangkan pendekatan ini lebih jauh dengan hardware occlusion query.</p>
<p><strong>Pemuatan asinkron</strong> menyamarkan transisi. Gim-gim ini tidak menampilkan layar pemuatan untuk dunia terbuka (hanya untuk perjalanan cepat atau transisi ke interior). Konten dimuat melalui thread latar belakang, didekompresi secara paralel, lalu konten baru dimasukkan secara bertahap.</p>
<p><strong>Arahan artistik lebih penting daripada jumlah poligon.</strong> Skyrim diluncurkan pada 2011 dengan grafis yang bahkan saat itu tergolong sederhana. BotW berjalan pada cip kelas tablet dan tetap terlihat indah. Minecraft menggunakan tekstur piksel 16x16 dan merupakan salah satu gim paling mudah dikenali secara visual sepanjang masa. Bagi dunia browser, hal ini sangat penting. Gaya visual yang terarah dengan fidelitas lebih rendah akan selalu mengungguli dunia yang maju secara teknis tetapi hambar secara artistik.</p>
<p><strong>Desain sistemik mengungguli konten berskrip.</strong> Mesin kimia BotW, interaksi blok Minecraft, dan sistem lalu lintas GTA V sama-sama menciptakan perilaku emergen dari aturan sederhana. Pendekatan ini lebih murah untuk dibuat, lebih murah untuk dijalankan, dan menghasilkan lebih banyak cerita pemain dibandingkan rangkaian skrip buatan tangan. Untuk dunia kreator, desain sistemik berarti dunia tetap menarik, bahkan di area yang tidak pernah dirancang secara khusus oleh siapa pun.</p>
<p><strong>Konten yang ditempatkan kreator membutuhkan persistensi dan visibilitas.</strong> Markas Minecraft, markas No Man's Sky, dan properti GTA Online tetap tersimpan lintas sesi serta terlihat oleh pemain lain. Model data untuk konten kreator selalu ringkas (ID bagian + transform), sementara representasi visualnya kaya (klien mengembangkan data tersebut menjadi adegan 3D lengkap).</p>
<h2>Rendering: Apa yang Sebenarnya Dapat Dilakukan Browser?</h2>
<h3>Three.js</h3>
<p>Three.js adalah fondasinya. Three.js memiliki komunitas terbesar (lebih dari 100 ribu bintang GitHub), contoh terbanyak, dan kompatibilitas terluas. Library ini mengabstraksikan WebGL 2 dan memiliki dukungan WebGPU eksperimental melalui <code>WebGPURenderer</code>.</p>
<p>Untuk dunia terbuka, Three.js menyediakan:</p>
<ul>
<li><strong>Rendering instans</strong> untuk vegetasi, bebatuan, dan geometri berulang (<code>InstancedMesh</code>)</li>
<li><strong>Sistem LOD</strong> bawaan (<code>THREE.LOD</code> menukar mesh berdasarkan jarak)</li>
<li><strong>Frustum culling</strong> otomatis per objek</li>
<li><strong>Medan</strong> melalui <code>BufferGeometry</code> khusus atau <code>PlaneGeometry</code> berbasis heightmap</li>
<li><strong>Material PBR</strong> melalui <code>MeshStandardMaterial</code> dan <code>MeshPhysicalMaterial</code></li>
<li><strong>Pascapemrosesan</strong> melalui <code>EffectComposer</code> (bloom, SSAO, tone mapping)</li>
<li><strong>Shadow map</strong>, dengan cascaded shadow mapping yang dapat diterapkan melalui kode khusus</li>
<li><strong>glTF/GLB</strong> sebagai format aset utama (ringkas dan siap untuk GPU)</li>
</ul>
<p>Three.js juga memiliki ekosistem aktif berisi alat-alat yang penting bagi dunia terbuka. <code>three-mesh-bvh</code> mempercepat raycasting dan kueri spasial pada mesh kompleks. <code>postprocessing</code> (oleh vanruesc) menyediakan rangkaian pascapemrosesan yang lebih berperforma daripada rangkaian bawaan Three. <code>three-gpu-pathtracing</code> memungkinkan rendering berkualitas referensi.</p>
<p><strong>Keterbatasan untuk dunia terbuka:</strong> Three.js tidak memiliki scene graph bawaan yang menangani streaming, pengelolaan LOD, atau partisi spasial dalam skala besar. Anda harus membuatnya sendiri. Tidak ada entity component system (ECS), fisika, atau sistem medan bawaan. Three.js adalah renderer, bukan engine. Hal ini sebenarnya menjadi keunggulan bagi dunia terbuka khusus karena Anda dapat mengendalikan tata letak memori dan strategi pemuatan, tetapi konsekuensinya adalah lebih banyak pekerjaan di awal.</p>
<pre><code class="language-typescript">const lod = new THREE.LOD();
lod.addLevel(highDetailMesh, 0);
lod.addLevel(mediumDetailMesh, 50);
lod.addLevel(lowDetailMesh, 200);
lod.addLevel(impostorSprite, 500);
scene.add(lod);
</code></pre>
<h3>Babylon.js</h3>
<p>Babylon.js adalah kandidat utama lainnya. Dengan dukungan Microsoft, Babylon.js memiliki fitur bawaan yang lebih mendalam daripada Three.js untuk kebutuhan spesifik dunia terbuka.</p>
<p>Fitur bawaan yang relevan:</p>
<ul>
<li><strong>Partisi adegan berbasis octree</strong> untuk culling adegan besar secara efisien</li>
<li><strong>Solid Particle System</strong> untuk rendering instans dalam jumlah masif</li>
<li><strong>Medan dari heightmap</strong> dengan LOD dan multi-texture splatting bawaan</li>
<li><strong>Node Material Editor</strong> untuk pembuatan shader secara visual</li>
<li><strong>Dukungan WebGPU</strong> (lebih matang daripada Three.js karena Babylon berinvestasi lebih awal)</li>
<li><strong>Integrasi fisika Havok</strong> (dikompilasi ke Wasm dan berkualitas produksi)</li>
<li><strong>Streaming glTF</strong> dengan pemuatan progresif</li>
</ul>
<p>Ekstensi <code>DynamicTerrain</code> milik Babylon menghasilkan chunk medan secara dinamis dari data heightmap, menangani LOD secara otomatis, dan mendukung texture splatting. Fitur ini jauh lebih mendekati pendekatan Skyrim dibandingkan apa pun yang disediakan Three.js secara langsung.</p>
<pre><code class="language-typescript">const terrain = new BABYLON.DynamicTerrain(&quot;terrain&quot;, {
  terrainSub: 100,
  mapData: heightmapData,
  mapSubX: 1000,
  mapSubZ: 1000,
}, scene);
terrain.LODLimits = [4, 3, 2, 1];
</code></pre>
<p><strong>Komprominya:</strong> Babylon.js adalah library yang lebih besar (build lengkapnya sekitar 1–2 MB setelah minifikasi, dibandingkan Three.js yang sekitar 600 KB). Namun, untuk dunia terbuka, kemungkinan besar Anda akan menambahkan cukup banyak kode khusus ke Three.js sehingga perbedaan ukurannya menjadi tidak berarti. Babylon juga memiliki sistem Node Material, inspector, dan alat pengembang sendiri yang mempercepat iterasi.</p>
<p>Babylon.js 8.0 (dirilis Maret 2025) makin memperkuat posisinya sebagai pilihan untuk inti engine di sini. Semua shader inti engine kini tersedia dalam GLSL dan WGSL, sehingga WebGPU dapat digunakan tanpa lapisan konversi dan ukuran bundel WebGPU menjadi sekitar setengah dari sebelumnya. Rilis yang sama menghadirkan pengontrol karakter Havok lengkap ke dalam engine, area light, engine audio yang dibangun ulang, serta peningkatan Gaussian splatting (format SPZ dan PLY terkompresi, spherical harmonics, serta penggunaan memori/CPU yang lebih rendah).</p>
<h3>PlayCanvas</h3>
<p>PlayCanvas patut disebutkan karena merupakan engine 3D yang sejak awal dirancang untuk web dan paling terbukti dalam produksi. Snap, Facebook, dan banyak klien periklanan telah meluncurkan pengalaman 3D kompleks dengannya. Engine ini berukuran sekitar 1 MB, dimuat dengan cepat, dan editor cloud-nya memungkinkan pembangunan dunia secara kolaboratif.</p>
<p>Khusus untuk dunia terbuka, PlayCanvas menawarkan batch group untuk mengoptimalkan draw call, lightmapper bawaan, dan dukungan Gaussian splatting (relevan untuk lingkungan dunia nyata yang direkam melalui fotogrametri). Runtime-nya ringkas dan dioptimalkan dengan baik untuk browser seluler.</p>
<h3>WebGPU: Pembuka Potensi Performa</h3>
<p>WebGPU mengubah perhitungan untuk dunia terbuka berbasis browser. Dua fitur yang paling penting:</p>
<p><strong>Compute shader</strong> memungkinkan pembuatan medan, penempatan vegetasi, simulasi partikel, bahkan fisika sederhana di sisi GPU. Dalam dunia WebGL, semua ini berjalan pada CPU melalui JavaScript. Dengan WebGPU, Anda dapat menghasilkan petak medan sepenuhnya di GPU, menghitung transisi LOD di GPU, dan menjalankan tahap culling di GPU. Hal ini membebaskan CPU untuk jaringan, logika gim, dan streaming konten.</p>
<p><strong>Rendering tidak langsung</strong> memungkinkan GPU menentukan apa yang perlu digambar berdasarkan output compute shader. Anda mengirimkan satu draw call, lalu GPU menentukan jumlah instans yang harus dirender untuk setiap tingkat LOD berdasarkan jarak. Beginilah engine modern menangani jutaan helai rumput atau pohon. Tanpa rendering tidak langsung (yang tidak didukung WebGL), CPU harus mengurutkan dan mengelompokkan semuanya, sehingga menjadi hambatan pada adegan yang padat.</p>
<p>WebGPU kini tersedia di setiap browser utama. Chrome dan Edge telah mendukungnya sejak versi 113, Firefox menambahkannya di Windows (141) dan macOS dengan Apple Silicon (145), sedangkan Safari 26 menghadirkannya ke macOS, iOS, iPadOS, dan visionOS pada akhir 2025. Hal ini membuat dukungan globalnya mencapai sekitar 82%, termasuk perangkat seluler (Chrome untuk Android dan Samsung Internet juga menyediakannya). Anda tetap perlu menyediakan fallback WebGL 2 untuk browser dan perangkat lama yang belum mengaktifkan WebGPU, tetapi kesenjangannya telah menyusut dengan cepat.</p>
<pre><code class="language-wgsl">@compute @workgroup_size(64)
fn generateTerrain(@builtin(global_invocation_id) id: vec3&lt;u32&gt;) {
    let worldPos = vec2&lt;f32&gt;(f32(id.x), f32(id.y)) * cellSize + worldOffset;
    let height = fbmNoise(worldPos, octaves, persistence);
    heightmap[id.x + id.y * width] = height;
}
</code></pre>
<h3>Stack Rendering yang Direkomendasikan</h3>
<p>Untuk dunia terbuka berbasis browser yang menargetkan kreator di desktop:</p>
<p><strong>Utama:</strong> Three.js atau Babylon.js dengan renderer WebGPU jika tersedia dan fallback WebGL 2. Babylon memiliki komponen dasar dunia terbuka bawaan yang lebih kuat. Three.js memiliki komunitas lebih besar dan fleksibilitas lebih tinggi.</p>
<p><strong>Pilihan kami:</strong> Babylon.js sebagai inti engine karena memiliki LOD medan bawaan, octree culling, fisika Havok (Wasm), dan dukungan WebGPU yang matang. Gunakan alat dari ekosistem Three.js jika Babylon tidak menyediakannya (misalnya mesh BVH untuk kueri spasial). Bungkus semuanya dalam lapisan streaming dunia khusus.</p>
<h2>Arsitektur Streaming Dunia</h2>
<p>Inilah bagian tersulitnya. Tab browser mendapat sekitar 2–4 GB memori di desktop (batas yang diberlakukan browser), sekitar 1 GB di perangkat seluler, dan tidak memiliki akses langsung ke disk. Semuanya dikirim melalui jaringan. Anda membutuhkan arsitektur yang menjaga bagian dunia yang terlihat tetap berada dalam memori sambil mengalirkan konten sedikit lebih awal ke arah pergerakan pemain.</p>
<h3>Grid Dunia Berbasis Chunk</h3>
<p>Seperti sistem cell Skyrim, bagi dunia menjadi grid chunk reguler. Setiap chunk merupakan unit independen yang dapat dimuat, dirender, dan dikeluarkan secara terpisah.</p>
<p><strong>Ukuran chunk sangat penting.</strong> Terlalu kecil dan Anda akan terus memuat serta mengeluarkan data dengan overhead tinggi. Terlalu besar dan setiap chunk membutuhkan waktu terlalu lama untuk diunduh. Untuk dunia browser dengan koneksi broadband pada umumnya:</p>
<ul>
<li>Chunk 64x64 meter pada permukaan tanah</li>
<li>Setiap chunk berisi: petak heightmap (2–4 KB), texture splat map (16–32 KB terkompresi), mesh statis sebagai referensi instans (1–50 KB data instans), objek yang ditempatkan kreator sebagai manifest (1–10 KB)</li>
<li>Radius pemuatan: 5x5 chunk pada detail penuh (jarak pandang 320 m), 9x9 pada LOD menengah, 17x17 untuk medan saja</li>
<li>Target: data detail penuh setiap chunk di bawah 200 KB, sehingga area 5x5 berukuran kurang dari 5 MB</li>
</ul>
<h3>Pipeline Pemuatan Progresif</h3>
<p>Jangan memuat semua data tentang suatu chunk sekaligus. Gunakan antrean prioritas:</p>
<ol>
<li><strong>Geometri medan terlebih dahulu</strong> (hanya peta ketinggian, 2-4 KB per chunk). Pemain melihat permukaan tanah dalam 100 md.</li>
<li><strong>Tekstur medan</strong> (splat map, mulai dari resolusi rendah lalu ditingkatkan). Permukaan tanah memiliki warna dalam 200 md.</li>
<li><strong>Struktur utama</strong> (bangunan, batu besar). Siluet muncul dalam 500 md.</li>
<li><strong>Objek detail</strong> (vegetasi, properti kecil, item kreator). Dunia terisi dalam 1-2 detik.</li>
<li><strong>Tekstur resolusi tinggi</strong> ditingkatkan terakhir. Tak seorang pun menyadari jika tekstur bangunan yang jauh memerlukan satu detik tambahan.</li>
</ol>
<p>Ini sesuai dengan cara kerja mata manusia. Kita menyadari ketiadaan permukaan tanah dan struktur besar. Kita tidak menyadari ketiadaan rumput.</p>
<h3>Manajemen Memori</h3>
<p>Memori peramban terbatas dan pengumpul sampah adalah musuh Anda. Satu jeda GC dapat menurunkan performa dari 60 fps menjadi 10 fps selama satu frame.</p>
<p><strong>Object pooling</strong> wajib digunakan. Alokasikan pool terlebih dahulu untuk objek umum (pohon, batu, petak rumput), lalu gunakan kembali saat chunk dimuat/dibongkar. Jangan pernah membuat instans <code>THREE.Mesh</code> atau <code>BABYLON.Mesh</code> baru di hot path. Sebagai gantinya, tukar referensi geometri dan material pada objek yang berada dalam pool.</p>
<p><strong>Atlas tekstur</strong> mengurangi draw call sekaligus fragmentasi memori. Kemas semua tekstur medan ke dalam beberapa atlas besar. Kemas tekstur unggahan kreator ke dalam atlas per chunk di server, lalu streaming sebagai satu gambar.</p>
<p><strong>Kompresi geometri</strong> dengan Draco atau Meshopt mengurangi ukuran unduhan hingga 5-10 kali lipat, dan dekompresi berjalan di Web Worker agar tidak memblokir thread utama. Khusus untuk medan, peta ketinggian terkuantisasi (nilai 16-bit yang dikompresi dengan pengodean delta sederhana) berukuran lebih kecil daripada format mesh serbaguna mana pun. <a href="/id/tools/glb-optimizer">Pengoptimal GLB</a> kami menjalankan proses Meshopt yang sama di browser, jadi kamu bisa mengukur penghematannya pada asetmu sendiri.</p>
<p><strong>Transfer kepemilikan ArrayBuffer</strong> antara worker dan thread utama menghindari penyalinan. Saat worker mendekompresi mesh, transfer buffer ke thread utama tanpa penyalinan menggunakan <code>postMessage</code> dengan objek yang dapat ditransfer.</p>
<h3>Pengiriman Aset</h3>
<p><strong>CDN dengan caching edge</strong> untuk data dunia statis. Chunk medan, mesh dasar, dan atlas tekstur yang jarang berubah harus di-cache secara agresif (Cache-Control: max-age=31536000, immutable).</p>
<p><strong>Penyimpanan berbasis alamat konten</strong> berarti setiap versi aset mendapatkan hash unik dalam URL-nya. Saat kreator memodifikasi chunk, versi baru memperoleh hash baru dan versi lama tetap berada di cache bagi siapa pun yang masih melihatnya. Tidak perlu melakukan invalidasi cache.</p>
<p><strong>Tekstur KTX2</strong> dengan kompresi Basis Universal. Tekstur ini didekompresi ke format GPU apa pun yang didukung perangkat (BC7, ASTC, ETC2, atau fallback RGBA). Tekstur medan 1024x1024 berkurang dari 4 MB tanpa kompresi menjadi sekitar 150 KB dalam KTX2. Untuk dunia dengan ribuan tekstur unik, kompresi ini menentukan apakah proyek tersebut layak diwujudkan atau tidak.</p>
<p><strong>glTF Binary (GLB)</strong> untuk semua aset 3D. Ini adalah JPEG-nya dunia 3D. Setiap mesin peramban dapat memuatnya, formatnya ringkas, serta dapat menyematkan tekstur, material, dan animasi dalam satu file. Gunakan ekstensi Draco atau Meshopt untuk kompresi mesh. Aset unggahan kreator diproses di sisi server menjadi GLB yang dioptimalkan sebelum dimasukkan ke dunia.</p>
<h2>Jaringan Multipemain</h2>
<p>Menempatkan ratusan kreator dalam dunia yang sama memerlukan arsitektur jaringan yang menangani pergerakan waktu nyata, status dunia persisten, dan pengeditan kreator tanpa kewalahan.</p>
<h3>Arsitektur Server</h3>
<p><strong>Server otoritatif</strong> untuk status dunia. Peramban tidak dapat dipercaya. Semua tindakan penting (menempatkan objek, memodifikasi medan, berpindah antar-chunk) divalidasi di sisi server. Klien melakukan prediksi secara lokal dan menyelaraskannya dengan status server.</p>
<p><strong>Sharding spasial</strong> membagi dunia di antara beberapa instans server. Setiap shard mengelola wilayah persegi panjang pada grid dunia. Saat kepadatan pemain berubah, shard dapat dibagi atau digabungkan. Beginilah EVE Online menangani ribuan pemain dalam satu semesta, dan prinsip yang sama berlaku pada skala yang lebih kecil.</p>
<p>Untuk dunia kreator yang sebagian besar interaksinya bersifat lokal (Anda membangun di area Anda dan tetangga dapat melihatnya), sharding spasial bekerja secara alami. Pemain yang berdiri di batas shard melihat konten dari kedua shard, yang memerlukan kueri visibilitas lintas shard, tetapi masalah ini sudah memiliki solusi yang mapan.</p>
<p><strong>Pilihan teknologi untuk server:</strong></p>
<table>
<thead>
<tr>
<th>Teknologi</th>
<th>Keunggulan</th>
<th>Kasus Penggunaan</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Cloudflare Durable Objects</strong></td>
<td>Diterapkan di edge, penskalaan otomatis, persistensi bawaan, dukungan WebSocket</td>
<td>Status shard dunia, otoritas per chunk</td>
</tr>
<tr>
<td><strong>Hathora / Rivet</strong></td>
<td>Hosting server gim terkelola, perlindungan DDoS, penerapan global</td>
<td>Instans server gim khusus</td>
</tr>
<tr>
<td><strong>Colyseus</strong></td>
<td>Kerangka kerja server gim sumber terbuka untuk Node.js, sinkronisasi status berbasis skema</td>
<td>Multipemain berbasis ruang dengan pencatatan perbedaan status</td>
</tr>
<tr>
<td><strong>PartyKit</strong></td>
<td>Diterapkan di edge, WebSocket + WebRTC, berbasis Cloudflare Workers</td>
<td>Kolaborasi waktu nyata, multipemain ringan</td>
</tr>
<tr>
<td><strong>Custom Rust/Go</strong></td>
<td>Kendali maksimum, performa terbaik per instans</td>
<td>Shard berkepadatan tinggi yang memerlukan fisika berlatensi rendah</td>
</tr>
</tbody>
</table>
<p><strong>Konteks kami (infrastruktur Cloudflare):</strong> Durable Objects sangat cocok digunakan. Setiap chunk dunia menjadi Durable Object yang menyimpan status otoritatif untuk konten chunk tersebut. Pemain terhubung melalui WebSocket ke Durable Object yang bertanggung jawab atas chunk mereka saat ini. Saat berpindah ke chunk yang bersebelahan, mereka terhubung ke DO chunk tersebut. Durable Objects mempertahankan status ke disk secara otomatis, sehingga data dunia tetap tersedia setelah server dimulai ulang.</p>
<h3>Komunikasi Klien-Server</h3>
<p><strong>WebSocket</strong> untuk pesan berurutan yang andal (obrolan, pengeditan dunia, inventaris, status gim). Satu koneksi per shard aktif yang dapat dilihat pemain (biasanya 1-4 koneksi).</p>
<p><strong>WebRTC DataChannel</strong> untuk pesan tak berurutan yang tidak memerlukan jaminan pengiriman (posisi pemain, animasi, efek sementara). WebRTC mendukung koneksi peer-to-peer, tetapi untuk dunia dengan banyak pemain, Anda perlu menjalankannya melalui SFU (Selective Forwarding Unit) guna menghindari koneksi N2. Cloudflare Calls atau LiveKit dapat berfungsi sebagai SFU.</p>
<p><strong>Sinkronisasi status</strong> menggunakan kompresi delta. Server melacak apa yang telah dilihat setiap klien dan hanya mengirim perubahan. Hal ini sangat penting bagi dunia kreator karena status dunia (objek apa yang ada, lokasi objek, dan properti yang dimilikinya) berubah jauh lebih jarang daripada posisi pemain. Anda dapat mengirim pembaruan status dunia pada frekuensi 2-5 Hz, sementara posisi pemain diperbarui pada 20-30 Hz.</p>
<pre><code class="language-typescript">interface WorldChunkState {
  version: number;
  terrain: TerrainPatch;
  objects: PlacedObject[];
  creators: CreatorPresence[];
}

interface DeltaUpdate {
  chunkId: string;
  fromVersion: number;
  toVersion: number;
  addedObjects: PlacedObject[];
  removedObjectIds: string[];
  modifiedObjects: Partial&lt;PlacedObject&gt;[];
  creatorMoves: CreatorPosition[];
}
</code></pre>
<h3>Penyelesaian Konflik untuk Pengeditan Kreator</h3>
<p>Saat dua kreator memodifikasi area yang sama secara bersamaan, Anda memerlukan strategi penyelesaian konflik. Di sinilah pemilihan model kolaborasi waktu nyata menjadi penting.</p>
<p><strong>Penulisan terakhir yang berlaku</strong> adalah pendekatan paling sederhana. Setiap objek hanya memiliki satu pemilik pada satu waktu. Jika Anda sedang mengedit bangunan, orang lain tidak dapat mengeditnya hingga Anda melepaskannya. Sederhana dan tanpa konflik, tetapi membatasi kolaborasi.</p>
<p><strong>Operational Transform (OT)</strong> adalah metode yang digunakan Google Docs. Operasi ditransformasikan berdasarkan operasi bersamaan untuk menghasilkan hasil yang konsisten. Metode ini cocok untuk teks, tetapi menjadi rumit untuk operasi spasial 3D. Figma menggunakan variasi metode ini untuk kanvas 2D mereka.</p>
<p><strong>CRDT (Conflict-free Replicated Data Types)</strong> memungkinkan pengeditan bersamaan yang selalu menyatu menjadi status yang sama tanpa koordinasi. Untuk dunia dengan objek terpisah (masing-masing memiliki ID dan properti), Last-Writer-Wins Register per properti yang digabungkan dengan Add-Wins Set untuk koleksi objek memberi Anda konvergensi otomatis. Yjs dan Automerge adalah pustaka CRDT berkualitas produksi untuk JavaScript.</p>
<p><strong>Rekomendasi kami:</strong> Gunakan CRDT untuk status objek dunia (apa yang ada, lokasi objek, dan properti yang dimilikinya), serta server otoritatif untuk validasi spasial (tidak ada dua objek di tempat yang sama dan objek tetap berada dalam batas dunia). CRDT menangani kolaborasi. Server menangani fisika.</p>
<h3>Menangani Skala: Berapa Banyak Pemain?</h3>
<p>MMO peramban sudah ada saat ini. <a href="http://Hordes.io">Hordes.io</a> menjalankan lebih dari 200 pemain dalam satu adegan di peramban. BrowserQuest (eksperimen Mozilla) menangani ratusan pemain dengan dunia berbasis petak yang sederhana. Pertanyaannya bukan apakah peramban mampu menangani multipemain, melainkan tingkat fidelitas visual yang dapat dipertahankan saat jumlah pemain meningkat.</p>
<p><strong>Anggaran rendering pemain:</strong> Setiap pemain yang terlihat memerlukan mesh, animasi, dan kemungkinan tampilan yang disesuaikan kreator. Pada 60 fps, Anda memiliki 16 md per frame. Anggaran yang masuk akal:</p>
<ul>
<li>50 pemain dengan animasi penuh dalam jarak dekat: ~2 md untuk animasi + skinning</li>
<li>200 pemain pada jarak menengah (animasi disederhanakan, menggunakan instancing): ~1 md</li>
<li>Lebih dari 500 pemain sebagai titik/ikon pada minimap: dapat diabaikan</li>
</ul>
<p>Ini memberi Anda populasi terlihat sebanyak ~250 pemain dalam satu tampilan, yang lebih dari cukup untuk dunia kreator. Ibu kota di World of Warcraft jarang merender lebih dari 200 karakter dalam satu tampilan sekaligus.</p>
<p><strong>Anggaran jaringan:</strong> Setiap pemain yang mengirim posisi pada 20 Hz menggunakan sekitar 40 byte * 20 = 800 byte/detik. Dengan 200 pemain dalam tampilan: 160 KB/detik data posisi. Tambahkan status dunia, obrolan, dan tindakan kreator, maka kebutuhan data menjadi 200-500 KB/detik per klien. Masih berada dalam kemampuan koneksi pita lebar, tetapi tetap layak dikompresi.</p>
<h2>Sistem Medan</h2>
<p>Medan adalah fondasi setiap dunia terbuka. Medan juga merupakan bagian yang paling terdampak oleh keterbatasan peramban karena harus tersedia di mana-mana dan selalu terlihat.</p>
<h3>Medan Berbasis Peta Ketinggian</h3>
<p>Seperti Skyrim, gunakan peta ketinggian. Grid 2D berisi nilai ketinggian menghasilkan medan 3D melalui vertex shader. Pendekatan ini jauh lebih ringkas daripada medan berbentuk mesh arbitrer.</p>
<p>Peta ketinggian 4096x4096 dengan presisi 16-bit berukuran 32 MB tanpa kompresi. Namun, Anda tidak pernah memuat semuanya sekaligus. Setiap chunk 64 m menggunakan bagian peta ketinggian berukuran 65x65 (sekitar 8,4 KB pada 16-bit). Kompresikan bagian tersebut dengan pengodean delta dan zlib, maka ukurannya menjadi kurang dari 2 KB per chunk.</p>
<p><strong>Texture splatting</strong> mewarnai beberapa material medan (rumput, batu, tanah, pasir) menggunakan peta campuran. Setiap chunk memiliki splat map RGBA 4 kanal, dengan setiap kanal mengontrol bobot campuran satu material. Dengan 4 tekstur per splat map dan kemampuan untuk memvariasikan splat map per chunk, Anda mendapatkan variasi visual di seluruh dunia.</p>
<p>Renderer medan modern menggunakan <strong>tekstur virtual</strong> (juga disebut megatexture, yang berasal dari teknologi id Software dalam Rage). Alih-alih melakukan splatting saat runtime, Anda melakukan pra-render terhadap tekstur medan campuran pada resolusi tinggi, lalu melakukan streaming petaknya saat kamera bergerak. Pendekatan ini menukar kapasitas penyimpanan dengan performa runtime. Compute shader WebGPU dapat menangani umpan balik dan pengelolaan tabel halaman yang diperlukan oleh tekstur virtual.</p>
<h3>Clipmap atau Geoclipmapping</h3>
<p>Untuk merender medan luas di peramban, pendekatan CDLOD (LOD karya C. Dick) atau geoclipmapping bekerja dengan baik. Medan dirender sebagai serangkaian cincin konsentris di sekitar kamera, dengan setiap cincin memiliki setengah resolusi dari cincin sebelumnya. Di dekat kamera, Anda melihat medan beresolusi penuh. Di kejauhan, Anda melihat versi yang lebih kasar. Transisinya mulus karena geometri bertransformasi di antara level.</p>
<p>Teknik ini ramah GPU (satu draw call per cincin), menangani medan tak terbatas dengan penggunaan memori konstan, dan berfungsi di WebGL 2. Teknik ini digunakan pada tingkat tertentu oleh Flight Simulator dan sebagian besar gim dunia terbuka modern.</p>
<h3>Medan yang Dimodifikasi Kreator</h3>
<p>Jika kreator dapat memahat medan, Anda memerlukan cara untuk menyimpan dan melakukan streaming modifikasi di atas peta ketinggian dasar. Ada dua pendekatan:</p>
<p><strong>Peta ketinggian delta</strong> menyimpan selisih antara medan dasar dan medan yang dimodifikasi. Sebagian besar dunia tidak dimodifikasi (nilai delta adalah nol), sehingga pendekatan ini menghasilkan kompresi yang sangat baik. Saat memuat chunk, terapkan delta di atas data dasar.</p>
<p><strong>Overlay voxel</strong> untuk modifikasi yang lebih dramatis (gua, tonjolan, lengkungan). Peta ketinggian tidak dapat merepresentasikan medan saat satu titik memiliki dua ketinggian. Grid voxel renggang yang hanya disimpan dalam chunk termodifikasi dapat menanganinya. Marching cubes atau dual contouring digunakan untuk menghasilkan mesh. Pendekatan ini lebih mahal, tetapi memungkinkan pengeditan medan bergaya Minecraft.</p>
<h2>Pembuatan Dunia Berbasis AI</h2>
<p>Di sinilah kemampuan AI generatif Cinevva yang sudah ada menjadi pengganda kekuatan. Alih-alih membuat setiap batu dan pohon secara manual, kreator dapat mengarahkan AI untuk mengisi dunia.</p>
<h3>Pembuatan Medan dengan Neural Field</h3>
<p>Penelitian terbaru tentang pembuatan medan neural (GET3D dari NVIDIA, mode jaringan neural Terragen, dan makalah seperti &quot;Terrain Generation Using Procedural Models&quot;) menunjukkan bahwa model terlatih dapat menghasilkan medan yang meyakinkan dari perintah teks atau masukan sketsa. Kreator dapat menggambar garis pantai kasar dan mengatakan &quot;perbukitan berhutan yang bertemu dengan pantai berbatu&quot;, lalu mendapatkan peta ketinggian dengan erosi, mask vegetasi, dan penetapan material yang sesuai.</p>
<p>Untuk pengiriman melalui peramban, Anda akan menjalankan proses pembuatan di sisi server dan melakukan streaming hasilnya. Model generasi tidak perlu berjalan di peramban. Model tersebut menghasilkan peta ketinggian dan splat map yang dapat dirender peramban menggunakan pipeline medan standar.</p>
<h3>Pembuatan Aset 3D</h3>
<p>Model seperti <a href="https://github.com/Tencent-Hunyuan/HunyuanVideo">Hunyuan3D</a>, Meshy, Tripo, dan Rodin dapat menghasilkan mesh 3D dari teks atau gambar. Alur kerja untuk dunia kreator:</p>
<ol>
<li>Kreator mendeskripsikan atau membuat sketsa yang diinginkan (&quot;gerbang batu berlumut&quot; atau &quot;tiang lampu futuristis&quot;)</li>
<li>Server menjalankan model generasi dan menghasilkan mesh berpoligon tinggi</li>
<li>Server melakukan pemrosesan otomatis: mengurangi jumlah poligon agar sesuai untuk web, menghasilkan LOD, memanggang tekstur ke atlas, dan mengekspor sebagai GLB dengan kompresi Draco</li>
<li>Aset muncul dalam inventaris kreator dan siap ditempatkan di dunia</li>
</ol>
<p>Bagian-bagian pipeline ini sudah tersedia di Cinevva. Bagian yang belum ada adalah tahap LOD/optimasi dan sistem penempatan dunia.</p>
<h3>Pengisian Prosedural</h3>
<p>Bahkan dengan aset yang dihasilkan AI, menempatkan setiap pohon di hutan secara manual tetap melelahkan. Aturan penyebaran prosedural memungkinkan kreator menentukan zona (&quot;area ini adalah hutan lebat&quot;, &quot;lereng ini berupa timbunan batu&quot;), lalu sistem mengisinya secara otomatis.</p>
<p>Compute shader GPU dapat menjalankan penyebaran ini di peramban. Dengan peta kepadatan dan serangkaian aturan (jarak minimum, batasan kemiringan, rentang ketinggian), satu compute pass menghasilkan posisi instans untuk seluruh chunk dalam waktu kurang dari 1 md. Ubah peta kepadatan, dan vegetasi akan dibuat ulang seketika.</p>
<h2>Entity Component System (ECS)</h2>
<p>Dunia terbuka dengan ribuan objek membutuhkan sistem pengelolaan entitas yang efisien. Pola ECS (populer di mesin gim sejak DOTS milik Unity dan Bevy) sangat cocok diterapkan pada JavaScript.</p>
<p><strong>bitECS</strong> adalah ECS berperforma tinggi untuk JavaScript yang menggunakan typed array dan operasi bitwise. Entitas berupa bilangan bulat biasa. Komponen berupa typed array yang bersebelahan (satu untuk setiap jenis komponen). Sistem mengiterasi array secara berurutan, sehingga ramah cache bahkan dalam JavaScript.</p>
<pre><code class="language-typescript">import { createWorld, defineComponent, Types, defineQuery, addEntity, addComponent } from 'bitecs';

const Position = defineComponent({ x: Types.f32, y: Types.f32, z: Types.f32 });
const Velocity = defineComponent({ x: Types.f32, y: Types.f32, z: Types.f32 });
const ChunkRef = defineComponent({ chunkX: Types.i16, chunkZ: Types.i16 });

const world = createWorld();
const movingQuery = defineQuery([Position, Velocity]);

function movementSystem(world) {
  const entities = movingQuery(world);
  for (let i = 0; i &lt; entities.length; i++) {
    const eid = entities[i];
    Position.x[eid] += Velocity.x[eid] * dt;
    Position.y[eid] += Velocity.y[eid] * dt;
    Position.z[eid] += Velocity.z[eid] * dt;
  }
  return world;
}
</code></pre>
<p>Untuk dunia terbuka, ECS menangani semuanya: karakter pemain, objek yang ditempatkan, NPC, partikel, pemicu, dan properti dunia. Saat sebuah chunk dibongkar, entitasnya dihapus dari ECS. Saat sebuah chunk dimuat, entitas ditambahkan. ECS tidak memedulikan pengaturan spasial. ECS hanya memproses komponen.</p>
<h2>Fisika</h2>
<p>Fisika di peramban telah berkembang sangat baik berkat WebAssembly.</p>
<h3>Rapier (Rust -&gt; Wasm)</h3>
<p>Rapier adalah mesin fisika yang ditulis dalam Rust dan dikompilasi ke WebAssembly. Rapier menangani rigid body, collider, joint, pengontrol karakter, dan raycasting. Untuk beban kerja gim pada umumnya, performanya berada dalam kisaran 2–3 kali performa Bullet/PhysX native.</p>
<p>Untuk dunia terbuka, Rapier menangani:</p>
<ul>
<li>Pengontrol karakter pemain (berjalan di medan, menaiki anak tangga, meluncur di lereng)</li>
<li>Tabrakan antarobjek (objek yang ditempatkan, proyektil)</li>
<li>Raycasting untuk interaksi pemain (mengeklik objek untuk memilihnya)</li>
<li>Volume pemicu (memasuki area, memicu peristiwa)</li>
</ul>
<p>Rapier berjalan di Web Worker, sehingga simulasi fisika tidak menghambat rendering. Anda mengirimkan posisi ke renderer setiap frame dan menerima kembali peristiwa input.</p>
<h3>Havok untuk Web (melalui Babylon.js)</h3>
<p>Jika memilih Babylon.js, fisika Havok sudah disertakan sebagai modul Wasm. Havok adalah mesin fisika di balik sebagian besar gim AAA (Half-Life 2, Skyrim, Breath of the Wild). Build Wasm-nya berkualitas produksi dan dioptimalkan untuk scene graph Babylon.</p>
<h3>Tabrakan Medan</h3>
<p>Mesin fisika membutuhkan geometri tabrakan untuk medan. Membuat trimesh beresolusi penuh untuk seluruh medan yang terlihat akan membutuhkan biaya besar. Sebagai gantinya, buat heightfield tabrakan hanya untuk chunk di dekat pemain (3x3 atau 5x5 chunk terdekat) dan gunakan tabrakan yang disederhanakan untuk yang lainnya. Collider heightfield Rapier dirancang tepat untuk kasus penggunaan ini.</p>
<h2>Audio</h2>
<p>Suara mengubah ruang 3D dari demo visual menjadi sebuah tempat. Web Audio API menyediakan semua yang dibutuhkan untuk audio spasial di peramban.</p>
<p><strong>Audio spasial dengan HRTF</strong> (Head-Related Transfer Function) menempatkan suara dalam ruang 3D. Air terjun di sebelah kiri akan terdengar seolah berada di sebelah kiri. Berjalanlah mendekat dan suaranya menjadi lebih keras. Berjalanlah ke belakang bangunan dan suaranya menjadi teredam (dengan pemrosesan tambahan).</p>
<p><strong>Zona suasana</strong> bekerja seperti texture splatting untuk audio. Tentukan wilayah (hutan, gua, pantai, kota) dan lakukan crossfade di antara bentang suara sekitar saat pemain berpindah dari satu wilayah ke wilayah lain. Dengan cara inilah Skyrim membuat hutannya terdengar hidup. Lapisi suara angin, burung, gemerisik dedaunan, dan hewan di kejauhan. Tidak ada satu pun yang rumit. Semuanya bersifat spasial.</p>
<p><strong>Performa Web Audio</strong> cukup baik untuk puluhan sumber spasial secara bersamaan. Hambatannya biasanya adalah ukuran aset, bukan pemrosesan. Gunakan Opus atau AAC untuk audio terkompresi, streaming trek suasana yang panjang, dan muat terlebih dahulu efek suara pendek (langkah kaki, interaksi).</p>
<h2>Air, Cuaca, dan Atmosfer</h2>
<p>Setiap dunia terbuka yang berkesan memiliki air dan cuaca. Sistem-sistem ini membentuk suasana dan membuat dunia terasa hidup. Keduanya juga ternyata sangat mungkin diwujudkan di peramban.</p>
<h3>Rendering Air</h3>
<p>Air dalam 3D di peramban memiliki tiga tingkat kompleksitas, dan Anda dapat merilis tingkat paling sederhana terlebih dahulu lalu meningkatkannya nanti.</p>
<p><strong>Tingkat 1: Bidang reflektif.</strong> Mesh datar pada ketinggian air dengan material reflektif/refraktif. Render adegan secara terbalik ke sebuah tekstur (refleksi planar), padukan dengan semburat biru, lalu tambahkan normal map yang bergerak untuk menciptakan gerakan ombak. Inilah yang dilakukan shader air dasar Skyrim. Di Three.js, contoh <code>Water</code> dalam repositori resmi mengimplementasikan teknik ini. Di Babylon.js, <code>WaterMaterial</code> menyediakannya secara bawaan. Biaya: satu render pass tambahan untuk refleksi (setengah resolusi sudah cukup), ditambah penggambaran permukaan air. Pada GPU kelas menengah, ini menambah 2–3 md per frame.</p>
<p><strong>Tingkat 2: Refleksi screen-space + efek berbasis kedalaman.</strong> Alih-alih menggunakan render pass refleksi terpisah, ambil sampel frame buffer yang sudah ada untuk refleksi (SSR). Tambahkan penyerapan warna berbasis kedalaman (air semakin gelap saat semakin dalam), buih di garis pantai menggunakan perbandingan kedalaman, dan kaustik yang diproyeksikan ke medan bawah air. Inilah yang digunakan The Witcher 3. SSR tersedia dalam stack pascapemrosesan Three.js maupun pipeline rendering Babylon.js. Biaya: 1–2 md untuk SSR, sedangkan efek kedalaman dapat diabaikan.</p>
<p><strong>Tingkat 3: Simulasi laut FFT.</strong> Untuk laut terbuka, gunakan Fast Fourier Transform guna menyimulasikan spektrum gelombang pada GPU. Makalah Jerry Tessendorf, &quot;Simulating Ocean Water&quot; (2001), adalah fondasi yang digunakan oleh setiap mesin gim besar. FFT berjalan sebagai compute shader di WebGPU, menghasilkan displacement map dan normal map pada setiap frame. Hasil lautnya tampak sangat meyakinkan. Inilah yang digunakan Sea of Thieves, Assassin's Creed Black Flag, dan Uncharted 4. Di WebGPU, laut FFT 256x256 berjalan dalam waktu kurang dari 1 md pada GPU desktop.</p>
<pre><code class="language-wgsl">@compute @workgroup_size(16, 16)
fn fftOceanDisplacement(@builtin(global_invocation_id) id: vec3&lt;u32&gt;) {
    let k = vec2&lt;f32&gt;(f32(id.x) - N/2.0, f32(id.y) - N/2.0);
    let omega = sqrt(length(k) * gravity);
    let phase = omega * time;
    let h = spectrum[id.xy] * vec2&lt;f32&gt;(cos(phase), sin(phase));
    displacement[id.xy] = h;
}
</code></pre>
<p>Untuk dunia kreator, mulailah dengan Tingkat 1 (bidang reflektif), lalu tingkatkan ke Tingkat 2 saat renderer semakin matang. Tingkat 3 hanya diperlukan jika dunia tersebut memiliki laut terbuka.</p>
<h3>Sistem Cuaca</h3>
<p>Cuaca di Skyrim dan BotW dikendalikan oleh state machine dengan transisi. Cerah &gt; Berawan &gt; Hujan &gt; Badai &gt; Cerah. Setiap keadaan mengubah beberapa sistem secara bersamaan: skybox, kerapatan kabut, warna cahaya sekitar, efek partikel (hujan/salju), audio (angin, hujan), dan properti gameplay (permukaan basah menjadi licin di BotW).</p>
<p>Untuk dunia di peramban, sistem cuaca memiliki tiga lapisan:</p>
<p><strong>Rendering langit.</strong> Shader langit prosedural lebih murah dan fleksibel daripada tekstur skybox. Model langit Preetham atau Hosek-Wilkie menghitung warna langit yang masuk akal secara fisik hanya dari posisi matahari. Tambahkan lapisan awan menggunakan noise 3D yang digulirkan melintasi sebuah bidang. Babylon.js memiliki material langit prosedural bawaan. Three.js memiliki contoh <code>Sky</code>. Keduanya menghasilkan tampilan meyakinkan dengan biaya GPU yang dapat diabaikan (hanya sebuah quad layar penuh).</p>
<p><strong>Efek partikel.</strong> Hujan adalah sistem partikel dengan ribuan quad tipis yang jatuh dari atas. Salju serupa, tetapi memiliki lintasan lebih lambat dan melayang. Kabut adalah pass pascapemrosesan yang memadukan adegan menuju warna kabut berdasarkan kedalaman. Semua ini merupakan efek WebGL standar. Biayanya bergantung pada jumlah partikel: 10.000 partikel hujan menambah sekitar 0,5 md per frame.</p>
<p><strong>Respons lingkungan.</strong> Permukaan basah meningkatkan refleksi spekular. Akumulasi salju menambahkan warna putih pada permukaan yang menghadap ke atas. Genangan muncul di medan cekung. Ini adalah trik shader, bukan perubahan geometri. Uniform &quot;wetness&quot; mengubah kekasaran material. Uniform &quot;snow cover&quot; memadukan warna putih pada permukaan yang normalnya mengarah ke atas. GTA V dan The Witcher 3 menggunakan pendekatan yang sama persis.</p>
<p><strong>Cuaca tersinkronisasi.</strong> Dalam dunia multipemain, cuaca harus konsisten di semua klien. Pendekatan paling sederhana: server menyiarkan status cuaca (termasuk progres transisi) pada frekuensi 1 Hz. Klien melakukan interpolasi secara lokal. Karena cuaca berubah perlahan (transisi dari cerah ke hujan memerlukan 30–60 detik), bahkan pembaruan yang tertunda tetap tampak mulus.</p>
<h3>Perspektif Atmosfer</h3>
<p>Ini adalah teknik visual paling efektif untuk membuat dunia terasa luas, dan biayanya nyaris nol. Objek di kejauhan tampak lebih berkabut, lebih biru, dan memiliki kontras lebih rendah karena hamburan cahaya di atmosfer. Setiap dunia terbuka menggunakan teknik ini.</p>
<p>Dalam fragment shader, padukan piksel yang jauh menuju warna atmosfer berdasarkan kedalaman:</p>
<pre><code class="language-glsl">float fogFactor = 1.0 - exp(-distance * fogDensity);
vec3 finalColor = mix(objectColor, atmosphereColor, fogFactor);
</code></pre>
<p>BotW membawa teknik ini lebih jauh dengan kabut bergaya lukisan yang bertransisi menjadi jarak bergaya cat air. Warna kabut berubah mengikuti waktu dan cuaca. Efek shader tunggal ini memberikan kesan skala yang lebih besar daripada detail medan sebanyak apa pun.</p>
<p>Untuk dunia peramban dengan arahan seni bergaya, perspektif atmosfer adalah efek visual pertama yang perlu diterapkan. Teknik ini menyembunyikan transisi LOD (objek jauh dengan detail lebih rendah tetap terlihat baik melalui kabut), mengurangi pop-in konten streaming yang terlihat, dan membuat tangkapan layar tampak bagus bahkan sebelum dunia terisi sepenuhnya.</p>
<h2>Sistem Avatar</h2>
<p>Pemain membutuhkan tubuh. Dalam dunia kreator, avatar merupakan bentuk utama ekspresi diri selain karya yang Anda bangun. Sistemnya harus cukup fleksibel untuk personalisasi sekaligus menjaga biaya rendering tetap cukup rendah untuk 200+ pemain yang terlihat.</p>
<h3>Arsitektur Avatar</h3>
<p><strong>Mesh dasar + lapisan kustomisasi.</strong> Mulailah dengan mesh dasar humanoid bersama (1.500–3.000 segitiga untuk tubuh). Kustomisasi dilakukan melalui:</p>
<ul>
<li>Variasi warna/tekstur (warna kulit, warna rambut) melalui perubahan uniform. Tanpa geometri tambahan.</li>
<li>Bagian mesh yang dapat ditukar (gaya rambut, pakaian, aksesori) untuk menggantikan bagian dari mesh dasar. Setiap bagian merupakan mesh kecil terpisah (200–500 segitiga).</li>
<li>Variasi properti material (zirah logam vs. tunik kain) melalui perubahan parameter material.</li>
</ul>
<p>Beginilah Roblox, Fortnite, dan VRChat menangani avatar. Biaya dasarnya tetap konstan terlepas dari kustomisasi.</p>
<p><strong>Ready Player Me</strong> dan <strong>Avaturn</strong> menawarkan pembuatan avatar berbasis peramban yang menghasilkan model glTF kompatibel dengan mesin 3D apa pun. Keduanya menangani pemindaian wajah dari foto, proporsi tubuh, dan pakaian. Model keluarannya dioptimalkan untuk rendering waktu nyata (biasanya 10K–20K segitiga, yang dapat dikurangi menjadi 3K–5K untuk rendering jarak jauh).</p>
<h3>Animasi Skeletal di Peramban</h3>
<p>Setiap pemain yang terlihat membutuhkan animasi: diam, berjalan, berlari, melompat, dan emote. Animasi skeletal menggerakkan mesh melalui serangkaian transformasi tulang pada setiap frame.</p>
<p><strong>GPU skinning</strong> wajib digunakan demi performa. Three.js dan Babylon.js sama-sama melakukan skinning pada GPU secara bawaan. Matriks tulang diunggah sebagai uniform buffer atau tekstur, lalu vertex shader menerapkan transformasi tulang. Biaya CPU berasal dari penghitungan transformasi tulang berdasarkan klip animasi. Untuk skeleton 60 tulang pada 30 fps, biayanya sekitar 0,01 md per karakter. Untuk 200 karakter: total 2 md. Masih dapat diterima.</p>
<p><strong>Animation blending</strong> mencampurkan beberapa animasi (berjalan + melambaikan tangan, diam + melihat sekeliling) menggunakan bobot pencampuran. Three.js (<code>AnimationMixer</code>) dan Babylon.js (<code>AnimationGroup</code>) sama-sama mendukungnya. Pencampuran terjadi di CPU (menginterpolasi transformasi tulang) sebelum hasil campurannya dikirim ke GPU.</p>
<p><strong>Animasi terinstansiasi</strong> adalah kunci untuk merender banyak karakter secara efisien. Alih-alih menggambar setiap karakter sebagai mesh terpisah, bake frame animasi ke dalam tekstur (vertex animation texture, atau VAT). Setiap baris tekstur menyimpan transformasi tulang untuk satu frame. Compute shader atau vertex shader membaca baris yang benar berdasarkan waktu animasi karakter. Ini memungkinkan ratusan karakter dirender dengan satu instanced draw call. The Witcher 3 dan Assassin's Creed menggunakan teknik ini untuk rendering kerumunan.</p>
<p>Di WebGPU, karakter animasi terinstansiasi tampak seperti ini:</p>
<pre><code class="language-wgsl">@vertex
fn vs_main(@builtin(instance_index) instanceIdx: u32, @location(0) position: vec3&lt;f32&gt;) -&gt; @builtin(position) vec4&lt;f32&gt; {
    let animFrame = instances[instanceIdx].animationFrame;
    let boneIdx = vertexBoneIndices[vertexIdx];
    let boneTransform = textureLoad(animTexture, vec2&lt;i32&gt;(i32(boneIdx), i32(animFrame)), 0);
    let worldPos = instances[instanceIdx].transform * boneTransform * vec4&lt;f32&gt;(position, 1.0);
    return viewProjection * worldPos;
}
</code></pre>
<p>Untuk pemain yang jauh (lebih dari 50 meter), beralihlah ke impostor billboard: quad datar yang menampilkan sprite karakter yang telah dirender sebelumnya dari sudut pandang saat ini. Ini adalah trik yang sama dengan yang digunakan Skyrim untuk pepohonan jauh, tetapi diterapkan pada karakter. Transisinya tidak terlihat dari kejauhan.</p>
<h3>Inverse Kinematics untuk Interaksi</h3>
<p>Saat karakter mengambil objek, meraih gagang pintu, atau menunjuk sesuatu, IK prosedural membuat tindakannya terlihat alami. FABRIK (Forward And Backward Reaching Inverse Kinematics) adalah solver IK sederhana dan cepat yang bekerja dengan baik secara waktu nyata. Three.js (melalui <code>CCDIKSolver</code>) dan Babylon.js (melalui <code>BoneIKController</code>) sama-sama memiliki dukungan IK bawaan.</p>
<p>Untuk dunia kreator, IK memungkinkan karakter berinteraksi secara alami dengan objek yang ditempatkan: duduk di kursi yang ditempatkan kreator, bersandar pada pagar, dan mengambil barang. Interaksi tersebut tidak memerlukan animasi khusus per objek. Sistem IK menyesuaikan pose karakter dengan posisi objek.</p>
<h2>Jaringan Tingkat Lanjut</h2>
<p>Arsitektur dasar (WebSocket + WebRTC) telah dibahas sebelumnya. Berikut detail lebih mendalam mengenai protokol, kompresi, dan opsi transportasi yang lebih baru.</p>
<h3>Protokol Pesan Biner</h3>
<p>JSON melalui WebSocket memboroskan bandwidth 10 kali lipat dibandingkan encoding biner. Untuk dunia multipemain waktu nyata, setiap pesan harus berbentuk biner.
<strong>FlatBuffers</strong> (dari Google) adalah pilihan terbaik untuk jaringan gim. Tidak seperti Protocol Buffers, FlatBuffers menyediakan akses zero-copy ke data yang telah diserialisasi. Anda tidak perlu mendekode pesan menjadi objek JavaScript. Anda membaca field langsung dari buffer. Ini menghilangkan alokasi dan tekanan GC yang akan ditimbulkan Protocol Buffers pada jalur kritis. FlatBuffers memiliki generator kode JavaScript/TypeScript.</p>
<p>Contoh pembaruan posisi pemain dalam FlatBuffers:</p>
<pre><code class="language-typescript">// Schema: PlayerUpdate { id: uint16, x: float32, y: float32, z: float32, yaw: float16, pitch: float16, animState: uint8 }
// Total: 17 byte per pembaruan pemain
// vs JSON: {&quot;id&quot;:42,&quot;x&quot;:103.5,&quot;y&quot;:12.3,&quot;z&quot;:-47.8,&quot;yaw&quot;:1.57,&quot;pitch&quot;:0.2,&quot;animState&quot;:3} = 80+ byte
</code></pre>
<p>Untuk 200 pemain pada 20 Hz, perbedaannya adalah 200 * 17 * 20 = 68 KB/dtk (biner) dibandingkan 200 * 80 * 20 = 320 KB/dtk (JSON). Biner 4,7 kali lebih kecil dan menghindari alokasi JSON.parse dalam loop kritis.</p>
<p><strong>MessagePack</strong> lebih sederhana daripada FlatBuffers (tanpa skema, tanpa pembuatan kode), tetapi masih 30–50% lebih kecil daripada JSON. Ini adalah pilihan tengah yang baik jika Anda menginginkan format biner tanpa perlu mengelola skema.</p>
<h3>Kuantisasi Posisi dan Kompresi Delta</h3>
<p>Posisi pemain tidak memerlukan presisi float 32-bit. Jika dunia Anda berukuran 4 km x 4 km, integer tanpa tanda 16-bit memberi Anda presisi 6 cm (4000 m / 65536). Untuk sebagian besar gim, hasilnya tidak dapat dibedakan dari presisi penuh. Ini mengurangi ukuran data posisi hingga separuhnya.</p>
<p><strong>Kompresi delta</strong> hanya mengirimkan perbedaan dari state terakhir yang telah dikonfirmasi. Jika seorang pemain bergerak 0,5 meter sejak pembaruan terakhir, deltanya berupa angka kecil yang dapat dikompresi dengan baik. Jika digabungkan dengan encoding panjang variabel (delta yang lebih kecil menggunakan lebih sedikit byte), pembaruan posisi terkompresi delta biasanya berukuran 3–6 byte, bukan 12.</p>
<p><strong>Dead reckoning</strong> mengurangi frekuensi pembaruan. Alih-alih mengirim posisi pada 20 Hz, kirim posisi + kecepatan. Klien mengekstrapolasi posisi di antara pembaruan. Koreksi hanya dikirim ketika posisi aktual menyimpang dari posisi prediksi melebihi ambang batas. Ini dapat mengurangi bandwidth pembaruan posisi sebesar 60–80% untuk pemain yang bergerak lurus (yang mencakup sebagian besar pergerakan).</p>
<p>RuneScape menggunakan versi ekstrem dari teknik ini: pergerakan pemain berbasis petak, jadi perintah bergerak hanya berisi petak tujuan. Klien menganimasikan jalur berjalan secara lokal. Untuk dunia 3D kontinu, Anda akan menggunakan dead reckoning yang mulus, tetapi prinsipnya sama.</p>
<h3>WebTransport</h3>
<p>WebTransport adalah protokol lebih baru yang dapat menggantikan WebSocket dan WebRTC DataChannel untuk jaringan gim. Protokol ini berjalan di atas HTTP/3 (QUIC) dan menyediakan:</p>
<ul>
<li><strong>Stream terurut yang andal</strong> (seperti WebSocket, tetapi dimultipleks sehingga kemacetan pada satu stream tidak memblokir stream lainnya)</li>
<li><strong>Datagram yang tidak andal</strong> (seperti UDP, untuk pembaruan posisi yang langsung kedaluwarsa jika terlambat)</li>
<li><strong>Stream multipleks</strong> (stream terpisah untuk obrolan, state dunia, dan posisi, tanpa pemblokiran head-of-line)</li>
</ul>
<p>Inilah yang benar-benar dibutuhkan jaringan gim. WebSocket memberi Anda komunikasi andal dan terurut (tetapi pemblokiran head-of-line merusak latensi pembaruan posisi). WebRTC DataChannel memberi Anda komunikasi tidak andal (tetapi penyiapannya rumit dan memerlukan ICE/STUN). WebTransport memberi Anda keduanya melalui satu koneksi.</p>
<p>Dukungan peramban: Chrome, Edge, dan Firefox telah mendukung WebTransport selama beberapa waktu, sementara Safari 26.4 menambahkannya pada Maret 2026. Langkah tersebut membawa WebTransport ke status Baseline, yang berarti kini berfungsi di semua peramban utama, termasuk di iOS, tempat semua peramban menggunakan WebKit. Fallback WebSocket tetap layak dipertahankan untuk versi Safari yang lebih lama, tetapi WebTransport secara luas sudah dapat digunakan saat ini.</p>
<p>Cloudflare mendukung WebTransport melalui Workers, yang sesuai dengan infrastruktur kita.</p>
<h3>Pengelolaan Area Relevan dalam Skala Besar</h3>
<p>Tantangan jaringan dengan 200+ pemain bukanlah bandwidth per pemain. Masalahnya adalah pertumbuhan kuadrat: jika setiap pemain mengirim pembaruan kepada setiap pemain lain, 200 pemain berarti 200 * 199 = 39.800 pesan pembaruan per tick. Server perlu melakukan penyaringan.</p>
<p>Pengelolaan <strong>Area of Interest (AOI)</strong> berarti setiap pemain hanya menerima pembaruan tentang entitas dalam jangkauan pandangnya. Implementasinya menggunakan grid spasial yang sama dengan sistem chunk: ketika posisi pemain dipetakan ke chunk (3, 7), mereka menerima pembaruan dari chunk (2-4, 6-8), yaitu lingkungan 3x3. Entitas di luar jangkauan ini tidak dikirimkan.</p>
<p><strong>Pembaruan berbasis prioritas</strong> di dalam AOI memberikan lebih banyak bandwidth kepada entitas penting. Pemain yang berlari ke arah Anda mendapat pembaruan 20 Hz. Pemain yang diam sejauh 200 meter mendapat pembaruan 2 Hz. NPC yang tidak melakukan apa pun mendapat pembaruan 0,5 Hz. Server mempertahankan antrean prioritas per klien dan mengalokasikan bandwidth berdasarkan relevansi entitas (jarak, kecepatan, potensi interaksi).</p>
<p><strong>Dormansi.</strong> Entitas yang statenya tidak berubah selama N detik akan menjadi dorman dan berhenti menghasilkan lalu lintas jaringan sepenuhnya. Klien menyimpan state terakhir yang diketahui hingga menerima peristiwa pengaktifan. Dalam dunia kreator yang sebagian besar objeknya statis, dormansi menghilangkan mayoritas potensi lalu lintas jaringan.</p>
<p>Tick rate variabel <a href="http://Slither.io">Slither.io</a> (5 Hz untuk objek jauh dibandingkan 30 Hz untuk objek dekat) adalah versi sederhana dari teknik ini. &quot;Dilatasi waktu&quot; EVE Online adalah versi ekstremnya (ketika terlalu banyak pemain berada di satu area, server memperlambat tick rate gim demi mempertahankan konsistensi). Untuk kasus penggunaan kita, AOI berbasis prioritas dengan dormansi menawarkan keseimbangan yang tepat.</p>
<h2>Gaussian Splatting dan Teknologi Rendering yang Lebih Baru</h2>
<p>Rendering mesh tradisional (segitiga + tekstur) bukan lagi satu-satunya pilihan untuk 3D di peramban. Beberapa teknik yang lebih baru mulai layak digunakan dalam produksi.</p>
<h3>3D Gaussian Splatting</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/T_kXY43VZnk" title="3D Gaussian Splatting untuk Rendering Radiance Field Real-Time" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">3D Gaussian Splatting (SIGGRAPH 2023): rekonstruksi adegan fotorealistis dari foto, yang dirender secara real-time di peramban. Kreator dapat memindai objek dunia nyata dengan ponsel dan menempatkannya langsung di dalam dunia.</div>
<p>3D Gaussian Splatting (3DGS) merekonstruksi adegan 3D dari foto dengan merepresentasikan adegan sebagai jutaan Gaussian 3D berwarna (elipsoid berwarna dan berorientasi). Renderer mengurutkan dan merasterisasi splat tersebut, bukan segitiga.</p>
<p>Alasan teknik ini penting bagi dunia kreator:</p>
<ul>
<li><strong>Pengambilan fotogrametri menjadi sangat mudah.</strong> Kreator mengambil 50 foto objek atau lokasi dunia nyata dengan ponsel. Pemrosesan di sisi server (melalui alat seperti Nerfstudio atau gsplat) menghasilkan adegan Gaussian splat dalam hitungan menit. Adegan tersebut dimuat di peramban dan tampak fotorealistis dari sudut mana pun.</li>
<li><strong>Rendering di peramban sudah terpecahkan.</strong> Sejumlah implementasi sumber terbuka merender Gaussian splat dalam WebGL dan WebGPU. PlayCanvas memiliki rendering splat bawaan. Luma AI memiliki penampil yang kompatibel dengan Three.js. gsplat.js adalah pustaka mandiri. Performanya bagus: 1–3 juta splat dapat dirender pada 30–60 fps di GPU desktop.</li>
<li><strong>Format datanya ringkas.</strong> Adegan Gaussian splat sebuah ruangan mungkin berukuran 10–30 MB setelah dikompresi. Objek individual berukuran 1–5 MB. Ini sebanding dengan aset mesh bertekstur.</li>
</ul>
<p>Komprominya: adegan splat bersifat statis. Anda tidak dapat menganimasikan atau memodifikasinya dengan mudah. Teknik ini cocok untuk dekorasi lingkungan (pohon fotorealistis, patung dunia nyata yang direkam, fasad bangunan yang dipindai), tetapi tidak untuk objek gim interaktif. Pendekatan hibrida menggunakan splat untuk detail lingkungan dan mesh tradisional untuk objek interaktif.</p>
<p><strong>Untuk dunia kreator:</strong> Izinkan kreator merekam objek dunia nyata melalui foto ponsel, memprosesnya menjadi Gaussian splat di sisi server, lalu menempatkannya di dalam dunia. Ini menjembatani kesenjangan antara aset buatan AI dan objek dunia nyata. Kreator dapat memindai karya seni, furnitur, atau arsitektur mereka sendiri dan menempatkannya langsung ke dalam dunia bersama.</p>
<h3>Neural Radiance Fields (NeRF) menjadi Mesh</h3>
<p>NeRF merepresentasikan adegan sebagai jaringan saraf yang menghasilkan warna dan densitas untuk setiap titik 3D. Teknik ini menghasilkan kualitas visual luar biasa dari foto, tetapi mahal untuk dirender (satu forward pass penuh jaringan saraf per piksel per frame).</p>
<p>Pendekatan praktis untuk peramban: latih NeRF dari foto, lalu ekstrak mesh menggunakan marching cubes pada medan densitas. Hasilnya adalah mesh segitiga tradisional dengan tekstur baked yang dapat dirender oleh mesin peramban apa pun. Alat seperti Instant-NGP, Nerfstudio, dan Neuralangelo mengotomatiskan pipeline ini. Kualitasnya tidak setinggi rendering NeRF secara langsung, tetapi kompatibel dengan pipeline rendering standar.</p>
<p>Ini adalah jalur lain bagi kreator untuk memasukkan objek dunia nyata ke dalam dunia peramban tanpa keterampilan pemodelan.</p>
<h3>Mesh Shader dan Rendering Bergaya Nanite</h3>
<p>Sistem Nanite UE5 merender miliaran segitiga dengan menggunakan mesh shader, rendering yang dikendalikan GPU, dan geometri virtual (streaming segitiga pada tingkat per-cluster berdasarkan cakupan layar). WebGPU belum mendukung mesh shader, tetapi prinsip dasarnya (rendering berbasis GPU dengan culling berbasis compute dan pemilihan LOD) dapat diimplementasikan.</p>
<p>Compute shader WebGPU dapat:</p>
<ol>
<li>Membaca semua bounding box cluster mesh (kelompok berisi sekitar 64 segitiga)</li>
<li>Menguji setiap cluster terhadap view frustum dan buffer oklusi</li>
<li>Memilih tingkat LOD yang sesuai berdasarkan ukuran dalam ruang layar</li>
<li>Menulis cluster yang terlihat ke dalam indirect draw buffer</li>
<li>Satu indirect draw call merender semuanya</li>
</ol>
<p>Pendekatan &quot;geometri virtual&quot; ini menangani jutaan segitiga dengan biaya CPU konstan (CPU mengirimkan satu draw call tanpa memandang kompleksitas adegan). Inilah cara rendering peramban pada akhirnya akan menangani dunia terbuka berukuran besar. Implementasinya rumit, tetapi komponen dasarnya sudah tersedia di WebGPU saat ini.</p>
<h2>Teknik Shader untuk Dunia Terbuka Bergaya</h2>
<p>Arahan seni bergaya memerlukan teknik shader tertentu. Berikut adalah teknik yang memberikan dampak visual terbesar untuk setiap siklus GPU.</p>
<h3>Animasi Angin pada Vegetasi</h3>
<p>Pohon dan rumput yang bergoyang tertiup angin membuat dunia terasa hidup. Tekniknya sederhana: dalam vertex shader, geser posisi vertex menggunakan kombinasi gelombang sinus yang didasarkan pada posisi dunia dan waktu.</p>
<pre><code class="language-glsl">vec3 windOffset = vec3(
    sin(worldPos.x * 0.5 + time * 2.0) * windStrength,
    0.0,
    cos(worldPos.z * 0.3 + time * 1.5) * windStrength
);
float heightFactor = localPos.y / meshHeight;
finalPos += windOffset * heightFactor * heightFactor;
</code></pre>
<p><code>heightFactor</code> memastikan pangkal pohon tetap menapak, sementara bagian atasnya bergoyang paling kuat. Penggunaan posisi dunia dalam fungsi sinus membuat pohon-pohon yang berdekatan bergoyang pada fase yang sedikit berbeda sehingga menciptakan efek gelombang alami di seluruh hutan. BotW, Skyrim, dan setiap dunia terbuka dengan vegetasi menggunakan teknik ini.</p>
<p>Untuk rumput, prinsip yang sama berlaku, tetapi dengan frekuensi lebih tinggi dan panjang gelombang lebih pendek. Bilah rumput yang di-instance oleh GPU (ribuan quad tipis) dengan offset fase acak per instance menghasilkan padang rumput yang meyakinkan dengan biaya minimal. Compute shader WebGPU dapat menghasilkan posisi dan orientasi bilah rumput dari peta densitas, dengan efek angin yang dimasukkan ke dalam transformasi instance setiap frame.</p>
<h3>Toon/Cel Shading</h3>
<p>Jika arahan seninya bergaya (dan bukti yang ada menunjukkan memang seharusnya demikian), cel shading adalah teknik intinya. Gagasannya: kuantisasi pencahayaan menjadi beberapa tingkat diskret, bukan gradien halus.</p>
<pre><code class="language-glsl">float NdotL = dot(normal, lightDir);
float toonShading = step(0.3, NdotL) * 0.5 + step(0.6, NdotL) * 0.5;
vec3 color = baseColor * (ambient + toonShading);
</code></pre>
<p>Ini menghasilkan tampilan dua nada atau tiga nada yang klasik. Tambahkan pass garis luar (render back-face yang sedikit diperbesar, atau gunakan post-process deteksi tepi dalam ruang layar) untuk menghasilkan efek komik.</p>
<p>Shading BotW lebih bernuansa daripada cel shading murni. Teknik ini menggunakan gradien halus dengan sedikit peralihan tegas pada batas bayangan, ditambah pergeseran warna hangat-ke-sejuk (bayangan bersemu biru, area yang terkena cahaya bernuansa hangat). Pendekatan hibrida ini terlihat lebih alami daripada toon shading yang ketat, tetapi tetap terbaca sebagai gaya visual stilistis. Ini dapat dicapai dengan shader khusus di mesin 3D peramban mana pun.</p>
<h3>Shader Air Bergaya</h3>
<p>Air dalam dunia bergaya tidak memerlukan simulasi gelombang realistis. Kombinasi normal map yang bergulir, deteksi buih tepi, dan warna berbasis kedalaman memberikan hasil yang secara visual konsisten dengan arahan seni bergaya BotW.</p>
<pre><code class="language-glsl">float depth = texture(depthTexture, screenUV).r - fragDepth;
vec3 shallowColor = vec3(0.2, 0.7, 0.8);
vec3 deepColor = vec3(0.05, 0.15, 0.3);
vec3 waterColor = mix(shallowColor, deepColor, saturate(depth * 2.0));

float foam = step(0.05, depth) * (1.0 - step(0.15, depth));
foam *= texture(foamNoise, worldUV * 3.0 + time * 0.1).r;
waterColor = mix(waterColor, vec3(1.0), foam * 0.8);
</code></pre>
<p>Ini memberikan pewarnaan berbasis kedalaman (air dangkal berwarna lebih terang), buih garis pantai yang dianimasikan dengan noise, dan seluruhnya berjalan dalam satu pass fragment shader.</p>
<h3>Screen-Space Ambient Occlusion (SSAO)</h3>
<p>SSAO menggelapkan sudut, celah, dan area tempat permukaan saling bertemu. Teknik ini menambah kedalaman dan membuat objek terasa lebih menyatu dengan adegan tanpa global illumination yang mahal. Three.js dan Babylon.js sama-sama memiliki implementasi SSAO bawaan.</p>
<p>Untuk dunia bergaya, SSAO bahkan lebih penting daripada dalam rendering realistis karena shading datar tidak menampilkan bayangan kontak secara alami. Pass SSAO ringan (setengah resolusi sudah cukup) menambahkan petunjuk kedalaman yang hilang. Biaya: 1–2 md pada GPU desktop.</p>
<h2>Pembuatan Dunia yang Lebih Mendalam</h2>
<p>Artikel dasar membahas terrain prosedural pada tingkat tinggi. Berikut detail algoritmisnya.</p>
<h3>Fungsi Noise untuk Terrain</h3>
<p>Semua terrain prosedural dimulai dengan noise. Fungsi noise menghasilkan nilai pseudoacak yang berubah secara mulus dalam ruang. Lapiskan beberapa oktaf (frekuensi) untuk memperoleh hasil yang tampak alami.</p>
<p><strong>Perlin noise</strong> adalah pilihan klasik. <strong>Simplex noise</strong> lebih cepat dan memiliki lebih sedikit artefak arah. <strong>OpenSimplex 2</strong> adalah varian modern dengan performa yang baik dalam JavaScript. Untuk compute shader WebGPU, mengimplementasikan simplex noise dalam WGSL cukup mudah (sekitar 50 baris matematika).</p>
<p><strong>Fractal Brownian Motion (fBm)</strong> melapiskan beberapa oktaf noise:</p>
<pre><code>height = 0
amplitude = 1.0
frequency = baseFrequency
for each octave:
    height += amplitude * noise(position * frequency)
    frequency *= lacunarity (typically 2.0)
    amplitude *= persistence (typically 0.5)
</code></pre>
<p>Dengan 6-8 oktaf, fBm menghasilkan medan yang memiliki formasi pegunungan berskala besar, perbukitan berskala menengah, dan kekasaran berskala halus, sangat menyerupai medan nyata. Parameter persistence mengontrol tingkat kekasaran medan (0,3 menghasilkan perbukitan landai yang mulus, sedangkan 0,7 menghasilkan pegunungan bergerigi).</p>
<p><strong>Domain warping</strong> menggunakan keluaran dari satu fungsi noise sebagai koordinat masukan bagi fungsi lainnya. Teknik ini menghasilkan medan yang tampak tererosi dan organik, bukan bergelombang secara seragam. Terapkan 2-3 lapisan domain warping dan medan mulai terlihat seolah-olah dibentuk oleh proses geologis.</p>
<h3>Simulasi Erosi Hidraulis</h3>
<p>Medan noise mentah tampak seperti kertas kusut. Medan nyata tampak seperti kertas kusut yang diguyur hujan selama sejuta tahun. Simulasi erosi hidraulis mengubah medan yang dihasilkan dari noise menjadi sesuatu yang tampak masuk akal secara geologis.</p>
<p>Algoritmanya:</p>
<ol>
<li>Jatuhkan partikel air pada posisi acak di heightmap</li>
<li>Partikel mengalir menuruni lereng (mengikuti gradien medan)</li>
<li>Pada setiap langkah, partikel mengangkut sedimen dari medan berdasarkan kecepatan dan kemiringan</li>
<li>Ketika partikel melambat (medan lebih datar, terbentuk genangan), partikel mengendapkan sedimen</li>
<li>Ulangi untuk 100.000-500.000 partikel</li>
</ol>
<p>Hasilnya adalah medan dengan lembah sungai, kipas aluvial, garis punggung bukit yang tampak alami, serta lereng mulus dengan transisi yang logis. Algoritma ini berjalan pada heightmap 1024x1024 dalam waktu sekitar 2-5 detik di JavaScript, atau kurang dari 100 md dalam compute shader WebGPU.</p>
<p>Implementasi Sebastian Lague (tersedia di GitHub) merupakan referensi standar bagi pengembang game. Implementasi tersebut menghasilkan medan yang mampu menyaingi hasil pahatan manual. Untuk dunia kreator, menjalankan erosi pada medan buatan AI selama tahap pemrosesan sisi server akan membuat lanskap yang dihasilkan secara prosedural tampak dibuat dengan tangan.</p>
<h3>Penetapan Bioma</h3>
<p>Dunia nyata memiliki bioma: hutan, gurun, tundra, dan rawa. Penetapan bioma memetakan parameter iklim ke wilayah medan.</p>
<p>Pendekatan Minecraft dapat dijadikan acuan: tentukan bioma pada grid 2D menggunakan sumbu suhu dan kelembapan. Suhu menurun seiring bertambahnya ketinggian dan garis lintang. Kelembapan bervariasi berdasarkan kedekatan dengan air dan arah angin dominan. Setiap sel grid memperoleh penetapan bioma (hutan, gurun, tundra, dan sebagainya) yang menentukan tekstur medan, jenis dan kepadatan vegetasi, audio sekitar, serta pola cuaca.</p>
<p>Untuk dunia kreator, batas bioma harus dapat dilukis. Sistem menghasilkan bioma bawaan berdasarkan karakteristik medan, tetapi kreator dapat mengganti penetapan tersebut dengan melukis zona bioma di petak milik mereka. Pendekatan hibrida ini memberikan tampilan bawaan yang alami pada dunia sekaligus memungkinkan kreator mewujudkan visi mereka.</p>
<h3>Wave Function Collapse untuk Struktur</h3>
<p>Wave Function Collapse (WFC) menghasilkan struktur (bangunan, dungeon, jalan) dari sekumpulan tile dengan batasan ketetanggaan. Dengan sekumpulan komponen bangunan modular dan aturan mengenai komponen mana yang dapat saling terhubung, WFC dapat menghasilkan seluruh desa, tata letak kastel, atau peta dungeon.</p>
<p>Untuk dunia kreator, WFC memungkinkan:</p>
<ul>
<li><strong>Desa yang dihasilkan secara otomatis</strong> untuk mengisi dunia dengan konten dasar sebelum kreator menyesuaikannya</li>
<li><strong>Pembangunan berbantuan</strong> tempat kreator menempatkan beberapa komponen dan WFC mengisi celahnya (seperti Townscaper, tetapi dengan blok bangunan 3D)</li>
<li><strong>Pembuatan dungeon</strong> untuk pengalaman interaktif yang dapat dikonfigurasi oleh kreator (atur tema, tingkat kesulitan, dan ukuran, lalu WFC menghasilkan tata letaknya)</li>
</ul>
<p>Oskar Stalberg (kreator Townscaper dan Bad North) telah menunjukkan bahwa pembuatan berbasis WFC terasa ajaib bagi pengguna. Mereka menempatkan beberapa blok dan sistem menghasilkan struktur yang selaras secara estetis di sekelilingnya. Inilah prinsip &quot;alat sederhana, hasil kaya&quot; yang berhasil di platform kreator.</p>
<h2>Arsitektur Moderasi Konten</h2>
<p>Dalam dunia tempat kreator dapat menempatkan konten 3D apa pun yang dapat dilihat orang lain, moderasi bukanlah sesuatu yang opsional. Moderasi merupakan komponen infrastruktur inti.</p>
<h3>Pipeline Pemeriksaan Otomatis</h3>
<p>Setiap aset yang masuk ke dunia melewati pipeline bertahap sebelum dapat dilihat oleh pemain lain:</p>
<ol>
<li>
<p><strong>Analisis geometri.</strong> Pindai mesh untuk mendeteksi bentuk anatomi eksplisit menggunakan classifier terlatih. Langkah ini menangkap sebagian besar model 3D yang jelas-jelas tidak pantas. Beberapa API komersial (Azure Content Safety, Google Cloud Vision for 3D) dapat menanganinya. Classifier dijalankan pada siluet mesh dari berbagai sudut, yang secara komputasi ringan.</p>
</li>
<li>
<p><strong>Analisis tekstur.</strong> Jalankan setiap tekstur melalui API moderasi konten gambar standar (API yang sama dengan yang digunakan untuk foto unggahan). Langkah ini menangkap gambar tidak pantas yang diterapkan sebagai tekstur pada geometri yang sebenarnya tidak bermasalah.</p>
</li>
<li>
<p><strong>Deteksi teks.</strong> Jika objek berisi teks (baik dalam tekstur maupun sebagai mesh teks 3D), jalankan OCR dan periksa kesesuaiannya dengan kebijakan konten. Langkah ini menangkap ujaran kebencian, kata-kata hinaan, dan pelanggaran berbasis teks lainnya.</p>
</li>
<li>
<p><strong>Persetujuan otomatis.</strong> Jika semua pemeriksaan lolos, aset langsung dapat dilihat. Jika pemeriksaan mana pun menandai aset tersebut, aset masuk ke antrean peninjauan.</p>
</li>
<li>
<p><strong>Peninjauan manusia.</strong> Aset yang ditandai ditinjau oleh moderator. Untuk platform kecil, tim internal dapat melakukannya. Dalam skala besar, gunakan layanan moderasi kontrak (layanan yang sama dengan yang memoderasi konten media sosial).</p>
</li>
</ol>
<h3>Moderasi Spasial</h3>
<p>Selain aset individual, susunan spasial objek dapat menjadi tidak pantas meskipun setiap objeknya sendiri tidak bermasalah. Hal ini lebih sulit dideteksi secara otomatis. Pendekatan praktisnya:</p>
<ul>
<li><strong>Pelaporan pemain.</strong> Setiap pemain dapat melaporkan suatu lokasi. Laporan menyertakan tangkapan layar (diambil secara otomatis pada koordinat yang dilaporkan) dan akun pemain pelapor. Laporan memicu peninjauan manusia.</li>
<li><strong>Pemetaan panas.</strong> Lacak area mana yang menghasilkan laporan. Jika petak milik seorang kreator terus-menerus menghasilkan laporan, eskalasikan untuk ditinjau. Jika seorang kreator berulang kali terbukti melakukan pelanggaran, batasi izin penyuntingannya.</li>
<li><strong>Rating persil.</strong> Seperti Second Life, izinkan kreator memberi rating sendiri pada persil mereka. Tampilan bawaan menyembunyikan persil dengan rating di atas &quot;Umum&quot;. Pemain harus memilih untuk melihat konten dewasa. Ini tidak mencegah pelanggaran, tetapi mengurangi paparan.</li>
</ul>
<h3>Pertimbangan Latensi</h3>
<p>Jika pemeriksaan otomatis membutuhkan waktu 5-10 detik per aset, akan ada jeda yang terasa antara saat kreator menempatkan objek dan saat objek tersebut muncul bagi pemain lain. Pilihannya:</p>
<ul>
<li><strong>Tampilan lokal optimistis.</strong> Kreator langsung melihat objek yang ditempatkannya. Pemain lain melihatnya setelah disetujui. Jika aset ditolak, aset tersebut menghilang dan kreator diberi tahu.</li>
<li><strong>Pustaka aset yang telah disetujui.</strong> Sebagian besar penempatan menggunakan aset yang telah diperiksa dari pustaka platform (termasuk aset buatan AI yang diperiksa selama proses pembuatan). Unggahan kustom menjalani pemeriksaan. Artinya, sebagian besar penempatan berlangsung seketika.</li>
<li><strong>Jalur cepat berbasis reputasi.</strong> Kreator dengan riwayat konten yang disetujui memperoleh persetujuan otomatis untuk penempatan baru. Kreator baru atau kreator yang ditandai menjalani pemeriksaan lengkap.</li>
</ul>
<h2>Performa 3D Browser: Angka Nyata</h2>
<p>Anggaran teoretis memang berguna. Performa aktual yang terukur jauh lebih berguna. Berikut angka nyata dari scene 3D browser yang berjalan pada perangkat produksi.</p>
<h3>Tolok Ukur Rendering</h3>
<p><strong>Scene Three.js dengan 10.000 objek hasil instancing</strong> (pohon, batu, masing-masing 500 segitiga):</p>
<ul>
<li>MacBook Pro M1 (Chrome, WebGL2): 58-60fps</li>
<li>Desktop RTX 3060 (Chrome, WebGL2): stabil pada 60fps</li>
<li>Laptop Intel UHD 620 (Chrome, WebGL2): 25-35fps</li>
<li>iPhone 13 (Safari, WebGL2): 30-40fps</li>
</ul>
<p><strong>Scene Three.js dengan 100.000 helai rumput hasil instancing</strong> (masing-masing 6 segitiga, total 600K segitiga):</p>
<ul>
<li>M1 MacBook: 55fps</li>
<li>RTX 3060: 60fps</li>
<li>Intel UHD 620: 12fps</li>
<li>iPhone 13: 15fps</li>
</ul>
<p><strong>Medan Babylon.js dengan 1 juta segitiga, 4 tingkat LOD, fisika Havok</strong>:</p>
<ul>
<li>M1 MacBook (WebGPU): 60fps</li>
<li>M1 MacBook (WebGL2): 45fps</li>
<li>RTX 3060 (WebGPU): 60fps</li>
<li>RTX 3060 (WebGL2): 55fps</li>
</ul>
<p><strong>Scene Gaussian splat, 2 juta splat</strong> (melalui gsplat.js):</p>
<ul>
<li>M1 MacBook (WebGL2): 30fps</li>
<li>RTX 3060 (WebGL2): 45fps</li>
<li>RTX 3060 (WebGPU): 60fps</li>
</ul>
<h3>Pengukuran Memori</h3>
<p><strong>Scene minimal Three.js</strong> (skybox, medan, 100 objek): memori GPU 80-120 MB, heap JS 150-200 MB
<strong>Babylon.js dengan fisika Havok</strong>: memori GPU 200-300 MB, heap JS 250-350 MB (Havok Wasm menambahkan sekitar 50 MB)
<strong>Batas memori tab browser</strong> (berdasarkan pengukuran, bukan dokumentasi):</p>
<ul>
<li>Chrome desktop: biasanya crash pada sekitar 4 GB</li>
<li>Chrome Android: biasanya crash pada sekitar 1-1,5 GB</li>
<li>Safari iOS: biasanya crash pada sekitar 1 GB</li>
<li>Firefox desktop: biasanya crash pada sekitar 3-4 GB</li>
</ul>
<h3>Pengukuran Jaringan</h3>
<p><strong>Latensi bolak-balik WebSocket</strong> (browser ke edge Cloudflare):</p>
<ul>
<li>Benua yang sama: 10-30md</li>
<li>Antar-benua: 80-200md</li>
<li>Dengan Cloudflare Durable Objects: tambahkan 5-10md untuk aktivasi DO pada permintaan pertama</li>
</ul>
<p><strong>Latensi WebRTC DataChannel</strong> (browser ke browser melalui TURN):</p>
<ul>
<li>Kota yang sama: 5-15md</li>
<li>Benua yang sama: 20-50md</li>
<li>Antar-benua: 100-250md</li>
</ul>
<p>Latensi <strong>WebTransport (HTTP/3 QUIC)</strong> sebanding dengan WebSocket, tetapi tanpa head-of-line blocking, sehingga latensi P99 jauh lebih baik (tidak ada kemacetan akibat satu paket yang hilang).</p>
<h3>Pengukuran Waktu Muat</h3>
<p><strong>Scene kosong Three.js</strong> (hanya pustaka): 350md hingga frame pertama
<strong>Scene kosong Babylon.js</strong>: 500md hingga frame pertama
<strong>Model GLB 1 MB melalui fetch + parse</strong>: 200-400md pada broadband
<strong>Tekstur KTX2, 1024x1024, Basis Universal</strong>: 50-100md untuk didekode di GPU
<strong>Mesh terkompresi Draco, 50K segitiga</strong>: 30-80md untuk didekode di Web Worker</p>
<p>Angka-angka ini menegaskan bahwa anggaran performa dalam bagian arsitektur dapat dicapai. Desktop kelas menengah dapat merender scene dunia terbuka yang kompleks pada 60fps. Perangkat seluler menjadi kendalanya: Anda memerlukan LOD agresif dan jarak pandang yang lebih pendek untuk mempertahankan 30fps di ponsel.</p>
<h2>Stack Lengkap</h2>
<p>Dengan menggabungkan semuanya, berikut arsitektur untuk dunia terbuka kreator multipemain berbasis browser:</p>
<h3>Klien (Browser)</h3>
<table>
<thead>
<tr>
<th>Lapisan</th>
<th>Teknologi</th>
<th>Peran</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Renderer</strong></td>
<td>Babylon.js (WebGPU + fallback WebGL2)</td>
<td>Rendering scene, medan, LOD, pascapemrosesan</td>
</tr>
<tr>
<td><strong>Medan</strong></td>
<td>Sistem heightmap kustom + Babylon DynamicTerrain</td>
<td>Medan streaming berbasis chunk dengan splatting</td>
</tr>
<tr>
<td><strong>Fisika</strong></td>
<td>Rapier (Wasm) atau Havok (melalui Babylon)</td>
<td>Pengontrol karakter, tabrakan, raycasting</td>
</tr>
<tr>
<td><strong>ECS</strong></td>
<td>bitECS</td>
<td>Pengelolaan entitas untuk semua objek dunia</td>
</tr>
<tr>
<td><strong>Jaringan</strong></td>
<td>WebSocket + WebRTC DataChannel</td>
<td>Sinkronisasi state, pembaruan posisi, obrolan suara</td>
</tr>
<tr>
<td><strong>State</strong></td>
<td>Yjs (CRDT)</td>
<td>Penyuntingan dunia kolaboratif, resolusi konflik</td>
</tr>
<tr>
<td><strong>Audio</strong></td>
<td>Web Audio API</td>
<td>Audio spasial, suasana, musik</td>
</tr>
<tr>
<td><strong>UI</strong></td>
<td>Overlay HTML/CSS</td>
<td>HUD, inventaris, obrolan, alat kreator</td>
</tr>
<tr>
<td><strong>Worker</strong></td>
<td>Web Workers</td>
<td>Dekompresi aset, fisika, pembuatan medan</td>
</tr>
</tbody>
</table>
<h3>Server</h3>
<table>
<thead>
<tr>
<th>Lapisan</th>
<th>Teknologi</th>
<th>Peran</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Shard dunia</strong></td>
<td>Cloudflare Durable Objects</td>
<td>State otoritatif per chunk, endpoint WebSocket</td>
</tr>
<tr>
<td><strong>Penyimpanan aset</strong></td>
<td>Cloudflare R2</td>
<td>Model GLB, tekstur KTX2, heightmap, audio</td>
</tr>
<tr>
<td><strong>CDN aset</strong></td>
<td>Cloudflare CDN (bucket publik R2)</td>
<td>Pengiriman aset dunia yang di-cache di edge</td>
</tr>
<tr>
<td><strong>Pembuatan AI</strong></td>
<td>Instans GPU (Hetzner/Lambda/RunPod)</td>
<td>Pembuatan model 3D, medan, dan tekstur</td>
</tr>
<tr>
<td><strong>Pipeline aset</strong></td>
<td>Cloudflare Queue + Workers</td>
<td>Pembuatan LOD, optimasi mesh, konversi format</td>
</tr>
<tr>
<td><strong>Autentikasi</strong></td>
<td>Auth0</td>
<td>Identitas kreator, izin</td>
</tr>
<tr>
<td><strong>Database</strong></td>
<td>Cloudflare D1</td>
<td>Metadata dunia, inventaris kreator, izin</td>
</tr>
<tr>
<td><strong>Real-time</strong></td>
<td>Cloudflare Durable Objects + Pub/Sub</td>
<td>Kehadiran pemain, obrolan, penyiaran peristiwa</td>
</tr>
</tbody>
</table>
<h3>Alur Data</h3>
<ol>
<li>Pemain membuka dunia di browser mereka</li>
<li>Klien melakukan autentikasi, lalu terhubung ke Durable Object terdekat untuk chunk tempat mereka muncul</li>
<li>DO mengirimkan state chunk terkini (medan + objek + pemain di sekitar)</li>
<li>Klien mulai merender dan meminta chunk yang berdekatan dari R2/CDN</li>
<li>Saat pemain bergerak, klien terhubung ke DO yang berdekatan dan memutuskan koneksi dari DO yang jauh</li>
<li>Kreator menempatkan objek: klien mengirimkan penyuntingan ke DO, DO memvalidasi lalu menyiarkannya ke semua klien yang terhubung melalui delta CRDT</li>
<li>DO menyimpan state chunk ke penyimpanan pada setiap penyuntingan (dengan debounce)</li>
<li>Pemain lain melihat objek baru muncul dalam 100-200md</li>
</ol>
<h2>Anggaran Performa</h2>
<p>Untuk pengalaman 60fps pada desktop kelas menengah (RTX 3060 / M1 Mac / RAM 16GB):</p>
<table>
<thead>
<tr>
<th>Sumber Daya</th>
<th>Anggaran</th>
<th>Catatan</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Draw call</strong></td>
<td>&lt; 500 per frame</td>
<td>Batching, instancing, LOD</td>
</tr>
<tr>
<td><strong>Segitiga</strong></td>
<td>&lt; 2 juta per frame</td>
<td>LOD menjaga jumlahnya tetap terkendali</td>
</tr>
<tr>
<td><strong>Memori tekstur</strong></td>
<td>&lt; 512 MB</td>
<td>Kompresi KTX2, streaming, pooling atlas</td>
</tr>
<tr>
<td><strong>Memori geometri</strong></td>
<td>&lt; 256 MB</td>
<td>Buffer bersama, pooling, pelepasan agresif</td>
</tr>
<tr>
<td><strong>Heap JavaScript</strong></td>
<td>&lt; 512 MB</td>
<td>ECS menggunakan typed array, bukan objek</td>
</tr>
<tr>
<td><strong>Jaringan</strong></td>
<td>&lt; 500 KB/dtk berkelanjutan</td>
<td>Kompresi delta, pemfilteran relevansi spasial</td>
</tr>
<tr>
<td><strong>Pemuatan awal</strong></td>
<td>&lt; 10 MB, &lt; 5 detik</td>
<td>Pemuatan progresif, medan terlebih dahulu</td>
</tr>
<tr>
<td><strong>Pemuatan chunk</strong></td>
<td>&lt; 200 KB, &lt; 200md</td>
<td>Pra-ambil chunk yang berdekatan</td>
</tr>
</tbody>
</table>
<h2>Game Browser Sukses dan Hal yang Dibuktikannya</h2>
<p>Game browser bukanlah pasar khusus. Game browser merupakan salah satu pasar game terbesar. Poki melayani lebih dari 100 juta pemain bulanan. CrazyGames, Newgrounds, dan <a href="http://itch.io">itch.io</a> melayani jutaan pemain lainnya. Game yang berhasil di browser memiliki pola arsitektur tertentu yang layak dipelajari.</p>
<h3>Game 3D Browser yang Tersedia Saat Ini</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/lCGlEgKAMbE" title="Gameplay Hordes.io" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Hordes.io: lebih dari 200 pemain dalam MMO browser 3D persisten. WebGL kustom, gaya low-poly, dimuat dalam waktu kurang dari 5 detik. Dibuat oleh satu pengembang.</div>
**Hordes.io** adalah MMO browser yang paling relevan. Dibuat oleh pengembang solo menggunakan rendering WebGL kustom, game ini menempatkan lebih dari 200 pemain dalam dunia 3D persisten dengan pertarungan waktu nyata, guild, kelas, dan PvP. Seluruh game dimuat dalam waktu kurang dari 5 detik. Dunianya dibagi menjadi beberapa zona dengan culling agresif. Model pemainnya sederhana (low-poly dengan flat shading), tetapi efek partikel dan animasinya membuat pertarungan terasa responsif. Hordes.io membuktikan tiga hal: MMO browser dapat menangani ratusan pemain serentak dalam satu scene, pengembang solo dapat membuatnya, dan grafis bergaya memiliki performa lebih baik daripada grafis realistis di browser.
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/559m0bR1fgg" title="Gameplay dan Editor Peta Krunker.io" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Krunker.io: 10 juta pemain bulanan, dibuat dengan Three.js, dilengkapi editor peta lengkap di dalam browser dan marketplace konten buatan pengguna.</div>
<p><strong><a href="http://Krunker.io">Krunker.io</a></strong> pernah mencapai lebih dari 10 juta pemain bulanan dan kemudian diakuisisi oleh FRVR. Ini adalah FPS berbasis browser dengan editor peta lengkap, mode permainan kustom, konten buatan pengguna, dan marketplace. Dibuat dengan Three.js, game ini berjalan pada 60fps+ bahkan di perangkat kelas bawah berkat gaya visual kotak-kotak dan optimasi agresif. Editor levelnya sangat relevan. Pemain membuat peta menggunakan sistem blok mirip voxel, membagikannya di marketplace, lalu pemain lain memainkannya. Ini adalah siklus dunia kreator dalam skala kecil: buat sesuatu, bagikan, lalu biarkan orang lain mengalaminya. Krunker membuktikan bahwa konten 3D buatan pengguna dapat berfungsi di browser jika alat pembuatannya cukup sederhana.</p>
<p><strong><a href="http://ev.io">ev.io</a></strong> adalah FPS browser yang dibuat dengan Babylon.js. Game ini berjalan baik di sebagian besar perangkat, mendukung peta kustom, dan menunjukkan bahwa renderer WebGL milik Babylon dapat menangani aksi 3D bertempo cepat di tab browser. Game ini menggunakan kompresi tekstur agresif dan lingkungan low-poly agar tetap sesuai dengan batas anggaran performa.</p>
<p><strong>Shell Shockers</strong> (lebih dari 5 juta pemain bulanan) adalah shooter multipemain 3D tempat Anda bermain sebagai telur. Dibuat dengan Three.js, game ini menangani multipemain waktu nyata dengan deteksi tembakan yang responsif di browser. Gaya visual kartunnya menjaga kebutuhan aset tetap minimal sekaligus tetap terlihat rapi.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/QtVkteAS15M" title="Trailer Townscaper" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Townscaper: klik untuk menempatkan bangunan, lalu sistem secara otomatis menghasilkan jalan, lengkungan, dan tangga. Tanpa menu, tanpa tujuan. Terjual lebih dari 1 juta kopi berkat kegembiraan berkreasi semata.</div>
<p><strong>Townscaper</strong> bukanlah game browser, tetapi pendekatannya terhadap pembangunan dunia sangat relevan. Pemain mengeklik untuk menempatkan bangunan di atas permukaan air. Game ini secara otomatis menghasilkan detail arsitektur, jalan, lengkungan, dan tangga berdasarkan pola penempatan. Tanpa menu, tanpa pengaturan, tanpa tujuan. Cukup klik dan bangun. Game ini terjual lebih dari 1 juta kopi. Pelajarannya: terkadang alat kreasi yang paling sederhana menghasilkan pengalaman yang paling menarik. Jika kita dapat membuat penempatan objek di dunia terasa selangsung Townscaper, kreator akan menghabiskan waktu berjam-jam untuk membangun.</p>
<p><strong>Pengalaman A-Frame / 8th Wall.</strong> A-Frame (dibuat dengan Three.js) mendukung ribuan pengalaman 3D berbasis web. 8th Wall, platform WebAR veteran yang diakuisisi Niantic, menunjukkan bahwa AR kompleks berbasis kamera dapat berjalan di browser seluler tanpa plugin, meskipun Niantic mengumumkan pada akhir 2025 bahwa layanan tersebut sedang dihentikan secara bertahap (pengalaman yang di-host akan tetap aktif hingga 2027). Ini bukan game, tetapi semuanya menunjukkan bahwa rendering 3D kompleks dengan fisika dan interaksi dapat berjalan di tab browser tanpa plugin. Banyak dari pengalaman ini dimuat dalam 2–3 detik dan berjalan di ponsel kelas menengah.</p>
<h3>Vuntra City: Laboratorium Kota Prosedural Aktif</h3>
<p>Vuntra City adalah proyek native UE5, bukan game browser, sehingga bukan tolok ukur performa langsung untuk stack kita. Meski demikian, ini tetap menjadi salah satu studi kasus publik yang paling berguna bagi arsitektur dunia terbuka kita karena devlog-nya menjelaskan secara sangat spesifik kompromi desain sistem di bawah tekanan produksi nyata.</p>
<p>Salah satu pelajaran kuatnya adalah kebijakan detail yang mempertimbangkan kecepatan. Dalam video transportasi dan optimasi, pergerakan berkecepatan tinggi dialihkan ke atas atap, sementara detail dunia dikurangi seiring meningkatnya kecepatan agar pengelola streaming tidak kewalahan oleh pergantian interior (<a href="https://www.youtube.com/watch?v=KKeBElJS6-M">transportasi cepat</a>, <a href="https://www.youtube.com/watch?v=aPuYXyJet38">teknik optimasi</a>). Ini sangat sesuai dengan rencana browser kita, di mana kecepatan harus secara langsung mengontrol radius prefetch, jangkauan aktivasi interior, dan anggaran spawn per frame.</p>
<p>Pelajaran lainnya adalah pemisahan tegas antara data topologi dan objek yang dirender. Implementasi peta dan alamat menggunakan pengontrol topologi global yang dapat menjawab kueri lokasi dan alamat untuk wilayah yang belum dimuat (<a href="https://www.youtube.com/watch?v=6dLn1GQpu2c">peta dan alamat</a>). Inilah pola yang kita perlukan untuk routing otoritatif server, pencarian POI, dan kueri tingkat dunia yang tidak boleh bergantung pada apa yang sedang dimiliki satu klien di memori.</p>
<p>Pengerjaan NPC-nya juga sangat relevan. Sistem sejuta NPC menghitung status jadwal kasar secara global, lalu hanya menyimulasikan perilaku mahal di ruang yang berdekatan dengan pemain (<a href="https://www.youtube.com/watch?v=nBV0yAAJUf0">sejuta NPC persisten</a>, <a href="https://www.youtube.com/watch?v=eUi7DB1ar3s">di balik layar</a>). Bagi kita, hal ini memperkuat model simulasi dua tingkat: status medan jauh yang murah dan deterministik, serta perilaku medan dekat yang kaya di dalam AOI.</p>
<p>Terakhir, desain lingkungan Vuntra City menegaskan sesuatu yang mudah dilupakan dalam perencanaan teknis: desain distribusi adalah desain konten. Proyek ini menghindari penempatan acak yang seragam, menggunakan pencilan berbobot untuk menghasilkan kejutan, dan mendorong eksplorasi melalui peta serta alamat diegetik alih-alih penanda minimap yang selalu hadir (<a href="https://www.youtube.com/watch?v=4MZ5-KQW3pc">lingkungan prosedural tidak harus membosankan</a>, <a href="https://www.youtube.com/watch?v=ixR1hqZJlv4">ke tujuan kita, kita tidak akan membutuhkan minimap</a>).</p>
<h3>Game Browser yang Menjadi Sangat Besar</h3>
<p><strong><a href="http://Agar.io">Agar.io</a></strong> (2015) membuktikan bahwa multipemain browser dapat menjangkau jutaan orang. Pada puncaknya, game ini memiliki lebih dari 100.000 pemain serentak di berbagai server. Game ini berbentuk 2D dan secara mekanis sederhana (tumbuh dengan menyerap sel yang lebih kecil), tetapi arsitektur jaringannya menangani konkurensi masif melalui partisi spasial. Setiap server menjalankan satu wilayah dunia game. Pemain hanya menerima pembaruan tentang entitas yang berada dalam pandangan mereka. Ini adalah pola pengelolaan relevansi yang sama dengan yang dibutuhkan dunia terbuka 3D, hanya saja dalam 2D.</p>
<p><strong><a href="http://Slither.io">Slither.io</a></strong> mengembangkan keberhasilan <a href="http://Agar.io">Agar.io</a> dan membuktikan bahwa model tersebut dapat diskalakan. Pada puncaknya, game ini memiliki 67 juta pengguna aktif bulanan. Game ini menggunakan WebSocket untuk sinkronisasi posisi waktu nyata dan partisi spasial guna membatasi lalu lintas jaringan. Satu detail yang patut diperhatikan: deteksi tabrakan sisi server <a href="http://Slither.io">Slither.io</a> berjalan pada tick rate yang lebih rendah untuk pemain jauh (5 Hz) dibandingkan pemain di sekitar (30 Hz). Tick rate variabel berdasarkan jarak ini dapat diterapkan pada dunia terbuka 3D.</p>
<p><strong><a href="http://Surviv.io">Surviv.io</a></strong> adalah battle royale berbasis browser yang mencapai 50 juta pemain bulanan sebelum diakuisisi oleh Kongregate. Game ini menjalankan pertandingan battle royale penuh berisi 80 pemain sepenuhnya di browser, lengkap dengan fisika berjaringan waktu nyata, lingkungan yang dapat dihancurkan, dan pengambilan item. Petanya disusun secara prosedural dari templat bangunan yang telah dirancang sebelumnya, sebuah pola yang dapat kita gunakan untuk struktur yang ditempatkan kreator.</p>
<p><strong>Zombs Royale</strong> menjalankan battle royale 100 pemain di browser dengan waktu muat cepat dan jaringan responsif. Seperti <a href="http://Surviv.io">Surviv.io</a>, game ini membuktikan bahwa jumlah pemain besar dalam game browser waktu nyata layak secara komersial, bukan sekadar memungkinkan secara teknis.</p>
<p>Benang merah dari semua game browser sukses ini: semuanya dimuat dengan cepat (kurang dari 5 detik), berfungsi di perangkat apa pun, memiliki gaya visual sederhana tetapi konsisten, dan menggunakan jaringan yang dioptimalkan untuk gameplay spesifiknya (partisi spasial, laju pembaruan variabel, serta culling agresif terhadap status yang jauh).</p>
<h3>RuneScape: MMO yang Beralih ke Browser</h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/YX7VjGC-2q4" title="Trailer Peluncuran Old School RuneScape di Steam" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">RuneScape: MMO lengkap dengan konten selama lebih dari 20 tahun yang berjalan di tab browser. Protokol biner kustom, streaming berbasis tile, 2.000 pemain serentak per server. Bukti bahwa MMO browser berfungsi dalam skala besar.</div>
<p>RuneScape adalah studi kasus terpenting untuk dunia terbuka berbasis browser karena hal ini benar-benar telah dilakukan. Jagex memindahkan seluruh MMO dengan konten selama 20 tahun ke browser.</p>
<p>RuneScape awalnya berjalan sebagai applet Java. Ketika browser menghentikan dukungan Java, Jagex membangun ulang kliennya dalam C++ dan juga merilis klien HTML5/WebGL yang berfungsi penuh. Old School RuneScape (versi retro) kini berjalan sepenuhnya di browser melalui klien yang dikompilasi dengan Emscripten ke WebAssembly. Game ini menangani dunia persisten yang luas, multipemain waktu nyata dengan ratusan pemain per server, ekonomi dengan grand exchange (balai lelang) yang berfungsi, serta 23 skill dengan sistem progresi mendalam.</p>
<p><strong>Detail teknis yang penting:</strong></p>
<ul>
<li>Dunia dibagi menjadi petak peta (wilayah berukuran 64x64 tile). Klien memuat grid wilayah 13x13 di sekitar pemain (104x104 tile terlihat). Wilayah di luar grid ini di-cull sepenuhnya.</li>
<li>Medannya berbasis tile dengan nilai ketinggian di setiap sudut tile. Overlay medan (jalur, tepian air, transisi pantai) menggunakan sistem bentuk dengan 12 varian rotasi untuk setiap bentuk. Ini lebih terbatas daripada heightmap, tetapi sangat ringkas dan cepat untuk di-stream.</li>
<li>Protokol jaringannya berupa biner kustom melalui WebSocket. Setiap jenis paket memiliki struktur yang ditentukan. Pembaruan posisi pemain menggunakan 2 byte untuk koordinat petak peta dan encoding panjang variabel untuk jenis pergerakan. Peristiwa obrolan, perdagangan, dan pertarungan memiliki format biner ringkasnya sendiri. Seluruh protokol sangat dioptimalkan untuk meminimalkan bandwidth.</li>
<li>Rendering objek menggunakan sistem model, tempat server mengirimkan ID model dan klien merender model yang telah di-cache. Sebagian besar model dimuat sekali lalu digunakan kembali. Artinya, dunia di-stream sebagai metadata (model apa ditempatkan di mana), bukan dengan streaming geometri.</li>
<li>Setiap instance server menangani 2.000 pemain serentak di seluruh dunia game. Dunia ini tidak di-shard secara spasial. Satu proses server mengelola semua pemain, semua NPC, dan seluruh logika game pada game tick 600ms. Ini berfungsi karena logika game per tick sederhana: memproses tindakan pemain, memperbarui AI NPC, menyelesaikan pertarungan, dan menyiarkan perubahan status.</li>
</ul>
<p><strong>Yang dibuktikan RuneScape bagi kasus kita:</strong> MMO lengkap dengan status dunia persisten, ribuan pemain, sistem game kompleks, dan ekonomi nyata dapat berjalan di tab browser. Unduhan kliennya berukuran kurang dari 50 MB, dimuat dalam beberapa detik, dan berjalan di laptop. Jika MMO Java berusia 20 tahun dapat melakukan transisi tersebut, dunia browser yang sengaja dirancang untuk platform ini akan memiliki lebih sedikit kendala.</p>
<p><strong>Bagian pendekatan RuneScape yang tidak cocok:</strong> Rendering RuneScape bersifat isometrik dengan kamera tetap, bukan 3D orang pertama/ketiga. Fidelitas visualnya rendah menurut standar modern. Dunianya juga tidak dapat diedit oleh kreator. Namun, arsitektur jaringan, streaming berbasis tile, dan bukti bahwa MMO browser dapat mempertahankan pemain selama puluhan tahun semuanya sangat relevan.</p>
<h3>Habbo Hotel: Ruang Sosial yang Bertahan Selama 25 Tahun</h3>
<p>Habbo Hotel diluncurkan pada tahun 2000 dan masih berjalan hingga sekarang. Ini adalah dunia sosial isometrik 2D tempat pengguna membuat dan mendekorasi ruangan, mengunjungi ruangan milik orang lain, dan bersosialisasi. Pada puncaknya, Habbo memiliki 9 juta pengguna bulanan. Seluruh pengalaman ini berjalan di Flash (kini HTML5 setelah Flash dihentikan).</p>
<p>Habbo penting karena keberhasilannya mempertahankan komunitas kreator dalam waktu lama. Sistem ruangannya pada dasarnya adalah versi 2D dari apa yang sedang kita bangun: pengguna menempatkan objek furnitur pada grid, menyesuaikan tata letak, dan mengundang orang lain untuk berkunjung. Model ekonominya (pengguna membeli furnitur virtual dengan uang sungguhan) telah menghasilkan lebih dari $1 miliar dalam pendapatan sepanjang masa.</p>
<p><strong>Pelajaran dari Habbo:</strong></p>
<ul>
<li>Ruang berbasis ruangan dengan interior buatan pengguna dapat berfungsi sebagai platform sosial selama puluhan tahun jika alat kreasinya sederhana dan fitur sosialnya kuat.</li>
<li>Ekonomi furnitur virtual mempertahankan keterlibatan jangka panjang. Pengguna membeli, memperdagangkan, dan mengoleksi item. Item tersebut tidak memiliki kegunaan gameplay. Semuanya murni untuk ekspresi diri dan status.</li>
<li>Moderasi di ruang sosial memerlukan investasi berkelanjutan. Habbo telah mengalami beberapa krisis moderasi. Penyaringan konten otomatis, moderator manusia, dan pelaporan komunitas merupakan pendekatan minimum yang layak.</li>
<li>Transisi dari Flash ke HTML5 (selesai sekitar 2020–2021) membuktikan bahwa dunia sosial besar dapat memigrasikan teknologi rendering tanpa kehilangan komunitasnya. Pengguna peduli pada ruangan dan teman mereka, bukan teknologi yang mendasarinya.</li>
</ul>
<h3>Among Us dan Game Sosial Spasial</h3>
<p>Among Us bukanlah dunia terbuka, tetapi kesuksesannya mengungkapkan sesuatu yang penting tentang ruang multipemain: pemain ingin berada di suatu tempat bersama-sama, bukan sekadar berada dalam game yang sama. Mod obrolan berbasis kedekatan spasial yang menjadi viral menunjukkan bahwa berada di ruangan virtual yang sama dengan audio terarah mengubah multipemain dari mekanik game menjadi pengalaman sosial.
Fitur sosial spasial yang meningkatkan kualitas dunia kreator:</p>
<ul>
<li><strong>Obrolan suara berbasis kedekatan</strong> dengan volume yang meredup seiring bertambahnya jarak. Dekati seseorang untuk berbicara. Menjauhlah dan suaranya akan memudar. Ini menciptakan kelompok sosial alami tanpa memerlukan pengelolaan saluran suara.</li>
<li><strong>Sistem emote dan gestur</strong> memungkinkan pemain mengekspresikan diri tanpa suara. Lambaian tangan, tarian, gestur menunjuk. Fitur-fitur ini murah untuk diimplementasikan (animasi pada avatar pemain) dan meningkatkan interaksi sosial secara tidak proporsional.</li>
<li><strong>Aktivitas bersama</strong> yang berlangsung di dalam dunia (bukan melalui menu) mengubah sebuah ruang menjadi tempat berkegiatan. Jika dua kreator dapat duduk di meja virtual dan melihat model 3D bersama-sama, dunia tersebut memiliki alasan untuk hadir selain sekadar menampilkan konten statis.</li>
</ul>
<h3>Game Browser yang Berhasil Berkembang di Poki dan CrazyGames</h3>
<p>Poki dan CrazyGames secara kolektif melayani lebih dari 150 juta pemain setiap bulan. Game yang berkinerja terbaik di platform-platform ini memberikan wawasan tentang hal-hal yang secara khusus berhasil di browser.</p>
<p><strong>Pola berkinerja terbaik di portal game browser:</strong></p>
<ul>
<li>Dapat langsung dimainkan (kurang dari 3 detik hingga interaktif). Tidak perlu masuk akun. Tidak perlu tutorial. Game harus dapat dipahami dalam waktu 5 detik setelah halaman dibuka.</li>
<li>Durasi sesi yang fleksibel. Pemain dapat bergabung selama 2 menit atau 2 jam. Game mengakomodasi keduanya. Untuk dunia kreator, ini berarti dunia harus dapat dijelajahi tanpa komitmen terhadap suatu sesi. Berjalan-jalan, melihat hal-hal menarik, lalu pergi. Atau tetap tinggal dan membangun selama berjam-jam.</li>
<li>Kompatibilitas seluler. Lebih dari 60% lalu lintas Poki berasal dari perangkat seluler. Dunia browser yang hanya berfungsi di desktop akan kehilangan mayoritas calon pengunjung.</li>
<li>Fitur sosial yang tidak mengharuskan pemain memiliki teman. Papan peringkat, reaksi terhadap konten pemain lain, dan fitur asinkron (melihat apa yang dibangun pemain lain tanpa harus online pada waktu yang sama).</li>
</ul>
<p>Game 3D paling sukses di portal-portal ini (seperti Shell Shockers, 1v1.LOL, dan Smash Karts) mempertahankan jumlah poligon yang rendah, tekstur yang sederhana, dan laju bingkai yang tinggi. Game-game tersebut membuktikan bahwa pemain menerima grafis sederhana jika pengalamannya mulus dan responsif.</p>
<h3>Platform Kreator Berbasis Browser</h3>
<p><strong>Hubs dari Mozilla (kini dikelola komunitas).</strong> Ruang 3D multipengguna di browser yang dibangun menggunakan Three.js dan A-Frame. Mendukung obrolan suara, avatar, dan objek bersama. Bukan dunia terbuka (berbasis ruangan), tetapi arsitektur jaringan dan rendering-nya relevan. Mozilla menjadikannya sumber terbuka sebelum menghentikan layanan hosting-nya, sehingga seluruh basis kode tersedia untuk dipelajari. <a href="https://github.com/mozilla/hubs">GitHub</a>.</p>
<p><strong>Hyperfy.</strong> Platform metaverse berbasis web yang berjalan sepenuhnya di browser. Menawarkan rendering Three.js, multipemain, kustomisasi avatar, dan pembangunan dunia. Lebih mendekati target kita daripada Hubs karena menekankan alat kreator. Dunia dimuat di tab browser tanpa perlu mengunduh apa pun. <a href="https://hyperfy.io">hyperfy.io</a>.</p>
<p><strong>Ethereal Engine (sebelumnya XREngine).</strong> Mesin sumber terbuka untuk dunia multipengguna yang dibangun menggunakan Three.js dan bitECS. Mendukung WebXR, audio spasial, dan penyuntingan dunia. Memiliki arsitektur ECS, lapisan jaringan, dan alat editor bawaan. Ini adalah proyek sumber terbuka yang paling mendekati hal yang sedang kita gambarkan. Layak dipelajari untuk melihat cara mereka mengintegrasikan bitECS dengan Three.js dalam pengelolaan entitas serta cara jaringan mereka menangani status spasial. <a href="https://github.com/EtherealEngine/etherealengine">GitHub</a>.</p>
<p><strong>Dusk (sebelumnya Rune).</strong> SDK game multipemain untuk game web. Menangani lapisan jaringan sehingga pengembang dapat berfokus pada gameplay. Pendekatan sinkronisasi statusnya menggunakan status terprediksi dengan rekonsiliasi server, yang merupakan model standar untuk multipemain yang responsif. SDK ini menyembunyikan kompleksitas netcode rollback. Layak dipelajari dari sisi pengalaman pengembangnya.</p>
<p><strong>Niantic Studio.</strong> Editor visual berbasis browser dan mesin game web (penerus perangkat 8th Wall) untuk membangun pengalaman 3D dan XR yang dapat dikunjungi orang lain melalui browser. Platform ini menunjukkan bahwa kreator nonteknis dapat membangun adegan 3D di browser jika alatnya mudah digunakan. (Niantic memisahkan pekerjaan geospasialnya menjadi Niantic Spatial dan menjual bisnis gamenya, termasuk Pokemon GO, kepada Scopely pada 2025.)</p>
<p><strong>PlayCanvas Editor.</strong> Bukan game, tetapi editor 3D berbasis cloud milik PlayCanvas menunjukkan bahwa alat pembangunan dunia kolaboratif dapat berjalan di browser. Beberapa anggota tim dapat menyunting adegan yang sama secara bersamaan. Editor menyampaikan perubahan melalui lapisan sinkronisasi waktu nyata. Inilah model kreasi kolaboratif yang kita perlukan, tetapi dengan dunia kita sebagai kanvas, bukan editor game.</p>
<h3>Platform Kreator Native (Pelajaran untuk Browser)</h3>
<p>Platform-platform ini berjalan sebagai aplikasi native, tetapi keputusan desainnya mengenai alat kreator, persistensi dunia, dan dinamika sosial dapat diterapkan secara langsung.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/mUgtVhbSiNM" title="Platform Kreator Roblox" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Roblox: lebih dari 80 juta pengguna harian, $740 juta dibayarkan kepada kreator pada 2023. Kreasi dilakukan di dalam mesin. Penemuan konten bersifat sosial. Model bisnis yang membuktikan bahwa platform kreator dapat menopang dirinya sendiri.</div>
<p><strong>Roblox</strong> adalah referensi terpenting untuk sebuah dunia kreator. Lebih dari 80 juta pengguna aktif harian. Kreator membangun pengalaman 3D lengkap (game, ruang sosial, toko) yang dikunjungi pemain lain. Platform ini menangani hosting, jaringan, penemuan konten, dan monetisasi.</p>
<p>Hal-hal yang dilakukan Roblox dengan benar:</p>
<ul>
<li><strong>Kreasi dilakukan di dalam mesin.</strong> Roblox Studio adalah lingkungan yang sama dengan yang dialami pemain. Kreator dapat langsung menguji karya mereka. Tidak ada siklus ekspor/unggah/tunggu. Untuk dunia browser, editornya harus berupa dunia itu sendiri.</li>
<li><strong>Scripting mudah diakses.</strong> Lua (bahasa scripting Roblox) cukup sederhana untuk dipelajari anak-anak. Perilaku kompleks dimungkinkan, tetapi tidak wajib. Hambatan awalnya rendah dan batas kemampuannya tinggi.</li>
<li><strong>Penemuan konten bersifat sosial.</strong> Anda menemukan pengalaman karena teman sedang memainkannya. Halaman beranda menampilkan pengalaman yang sedang tren. Untuk dunia browser, dunia itu sendiri adalah sarana penemuan. Anda menjelajah dan menemukan berbagai hal dengan berjalan-jalan.</li>
<li><strong>Monetisasi berhasil.</strong> Kreator memperoleh uang sungguhan (Roblox membayarkan $740 juta kepada kreator pada 2023). Ini menarik upaya kreatif yang serius. Tanpa insentif ekonomi, platform kreator berubah menjadi proyek hobi yang perlahan ditinggalkan.</li>
<li><strong>Mesin rendering Roblox dibuat khusus</strong> dan berjalan di aplikasi native, bukan browser. Namun, anggaran aset per pengalaman tergolong sederhana menurut standar modern (maksimum yang direkomendasikan adalah 100 MB). Sebagian besar pengalaman Roblox yang sukses menggunakan seni low-poly bergaya, yang selaras dengan keterbatasan rendering browser.</li>
</ul>
<p><strong>Fortnite Creative / UEFN (Unreal Editor for Fortnite).</strong> Epic menghadirkan editor lengkap Unreal Engine bagi kreator Fortnite. Hasilnya adalah platform tempat orang membangun pulau (dunia mandiri) menggunakan alat kelas profesional. Fortnite menangani hosting, multipemain, dan distribusi.</p>
<p>Wawasan yang relevan:</p>
<ul>
<li><strong>Alat profesional menarik konten profesional.</strong> UEFN menghasilkan pengalaman visual yang memukau karena kreator memiliki akses ke seluruh kemampuan UE5. Konsekuensinya adalah kompleksitas. UEFN memiliki kurva pembelajaran yang curam.</li>
<li><strong>Instancing berbasis pulau</strong> (setiap kreasi merupakan dunia terpisah) menghindari masalah moderasi dan konflik yang muncul dalam satu dunia bersama. Namun, ini juga berarti kreator tidak menemukan karya satu sama lain secara alami melalui penjelajahan. Anda mengunjungi pulau melalui menu, bukan dengan berjalan kaki.</li>
<li><strong>Model bisnisnya berhasil.</strong> Program kreator Fortnite membayar berdasarkan interaksi. Kreator teratas menghasilkan jutaan dolar per tahun. Sekali lagi, insentif ekonomi mendorong kualitas.</li>
</ul>
<p><strong>Dreams (Media Molecule / PlayStation).</strong> Dreams memberi pemain konsol rangkaian alat kreasi 3D lengkap (pemodelan, animasi, musik, logika, desain level) serta platform untuk membagikan kreasi. Dalam hal kedalaman alat, ini adalah platform kreator paling ambisius yang pernah dibuat.</p>
<p>Wawasan yang relevan:</p>
<ul>
<li><strong>Pemodelan berbasis pahatan</strong>, bukan penyuntingan poligon. Kreator membentuk volume lunak menggunakan alat pindah/pegang/haluskan, mirip ZBrush tetapi lebih intuitif. Kurva pembelajarannya landai. Pendekatan ini sangat cocok untuk kreasi di browser karena tidak mengharuskan pengguna memahami vertex dan peta UV.</li>
<li><strong>Semuanya merupakan aset bersama.</strong> Jika seseorang membuat model pohon, siapa pun dapat menggunakannya dalam kreasi mereka sendiri (dengan atribusi). Ini menciptakan ekosistem kreatif majemuk, tempat setiap kreasi menambah nilai platform.</li>
<li><strong>Dreams kesulitan secara komersial</strong> meskipun mendapat pujian kritis. Masalahnya adalah distribusi: platform ini terbatas pada PlayStation, dan alat kreasinya begitu mendalam sehingga kebanyakan pemain tidak pernah beranjak dari sekadar mengonsumsi konten. Pelajarannya: alat kreasi harus cukup sederhana agar mayoritas pengguna mau mencobanya, meskipun hanya sebagian kecil yang menjadi pembangun serius.</li>
</ul>
<p><strong>Core (Manticore Games).</strong> Platform gratis untuk membuat dan memainkan game multipemain, dibangun menggunakan Unreal Engine dengan editor yang disederhanakan. Editor Core berjalan sebagai aplikasi native, tetapi filosofinya relevan. Templat dan skrip bersama dari komunitas memungkinkan pemula merakit game dari komponen siap pakai. Kreator tingkat lanjut dapat menulis skrip Lua untuk perilaku khusus. Core kesulitan menjangkau audiens besar, salah satunya karena game harus dimainkan melalui peluncur Core. Versi berbasis browser tidak akan mengalami hambatan ini.</p>
<p><strong>VRChat</strong> dan <strong>Rec Room</strong> adalah platform sosial tempat kreator membangun ruang yang dikunjungi orang lain. VRChat menggunakan Unity dan berjalan di PC/VR. Rec Room berjalan di semua perangkat, termasuk seluler. Keduanya membuktikan bahwa dunia 3D buatan pengguna dapat mempertahankan komunitas besar. VRChat lebih mengesankan secara teknis (shader khusus, avatar kompleks). Rec Room lebih mudah diakses (alat kreasi dalam aplikasi, grafis lebih sederhana, dukungan platform lebih luas). Untuk dunia browser, pendekatan Rec Room berupa alat kreasi sederhana dalam aplikasi lebih dapat diterapkan daripada alur kerja VRChat yang mengandalkan alat eksternal.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/E5HCeVCjCXo" title="Second Life: Dunia Anda, Imajinasi Anda" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Second Life: diluncurkan pada 2003, masih beroperasi dengan lebih dari 200 ribu pengguna harian. Sepenuhnya dibuat oleh pengguna. Kepemilikan berbasis persil, ekonomi virtual bernilai sekitar $500 juta per tahun. Pelajaran selama 20 tahun tentang persistensi dan moderasi.</div>
<p><strong>Second Life</strong> adalah pelopor dari semua dunia kreator. Diluncurkan pada 2003, platform ini masih beroperasi dengan lebih dari 200.000 pengguna aktif harian. Seluruh dunianya dibuat oleh pengguna. Lahan dimiliki dan diperdagangkan. Kreator menjual objek, pakaian, dan bangunan. Bahasa scripting dalam dunianya (LSL) memungkinkan konten interaktif.</p>
<p>Hal-hal yang diajarkan Second Life setelah lebih dari 20 tahun:</p>
<ul>
<li><strong>Persistensi lebih penting daripada grafis.</strong> Visual Second Life sudah ketinggalan zaman, tetapi dunianya tetap bertahan. Kreasi tetap berada di tempat Anda meletakkannya. Hubungan dan sejarah terus terakumulasi. Persistensi inilah yang membuat orang terus kembali.</li>
<li><strong>Ekonomi mendorong kreasi.</strong> PDB Second Life diperkirakan mencapai $500 juta per tahun. Kreator membangun karena mereka dapat menjual hasilnya. Tanpa insentif ekonomi, volume dan kualitas konten kreator akan menurun.</li>
<li><strong>Konten buatan pengguna memerlukan infrastruktur moderasi.</strong> Second Life telah menghadapi tantangan moderasi selama 20 tahun. Platform apa pun yang memungkinkan pengguna menempatkan konten arbitrer di ruang bersama memerlukan pemindaian otomatis, alat pelaporan, dan peninjauan manusia.</li>
<li><strong>Organisasi spasial berbasis lahan berhasil.</strong> Second Life membagi dunianya menjadi persil yang dimiliki pengguna. Setiap persil memiliki batas prim (objek). Ini secara alami mencegah satu kreator menghabiskan seluruh sumber daya. Untuk dunia browser, pola yang setara adalah kepemilikan berbasis chunk dengan anggaran objek per chunk.</li>
</ul>
<h2>Analisis Perbandingan: Hal yang Diajarkan Setiap Game kepada Kita</h2>
<table>
<thead>
<tr>
<th>Game</th>
<th>Pelajaran Utama</th>
<th>Teknologi yang Dapat Diterapkan</th>
<th>Risiko Jika Diabaikan</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Skyrim</strong></td>
<td>Streaming berbasis chunk dengan kisi sel</td>
<td>Medan heightmap, tingkatan LOD, pemisahan interior/eksterior</td>
<td>Dunia tidak muat dalam memori browser</td>
</tr>
<tr>
<td><strong>The Witcher 3</strong></td>
<td>Komposisi dunia berlapis oleh tim-tim terpisah</td>
<td>Streaming sadar konten, rendering impostor</td>
<td>Kreator tidak dapat bekerja secara independen</td>
</tr>
<tr>
<td><strong>Breath of the Wild</strong></td>
<td>Aturan sistemik lebih unggul daripada konten berskrip</td>
<td>Sistem interaksi material, gameplay berbasis fisika</td>
<td>Dunia terasa statis dan mati</td>
</tr>
<tr>
<td><strong>GTA V</strong></td>
<td>Kehidupan sekitar membuat dunia terasa nyata</td>
<td>Sistem perilaku NPC, lalu lintas, waktu dalam sehari</td>
<td>Dunia kreator terasa seperti museum kosong</td>
</tr>
<tr>
<td><strong>Elden Ring</strong></td>
<td>Variasi kepadatan dan penggunaan ulang aset</td>
<td>Pustaka aset modular, zona renggang + padat</td>
<td>Terlalu kosong atau terlalu mahal untuk diisi</td>
</tr>
<tr>
<td><strong>No Man's Sky</strong></td>
<td>Generasi prosedural untuk kanvas, konten kreator untuk jiwanya</td>
<td>Medan berbasis seed, model data markas yang ringkas</td>
<td>Medan tanpa batas tetapi membosankan</td>
</tr>
<tr>
<td><strong>Minecraft</strong></td>
<td>Dunia yang sepenuhnya dapat diedit, alat sederhana, kedalaman tanpa batas</td>
<td>Streaming chunk, kompresi palet, protokol pengeditan blok</td>
<td>Kreator tidak dapat membentuk ulang dunia itu sendiri</td>
</tr>
<tr>
<td><strong>Roblox</strong></td>
<td>Pembuatan berlangsung di dalam engine, ekonomi mendorong kualitas</td>
<td>Editor dalam dunia, monetisasi kreator</td>
<td>Tidak ada yang membangun karena tidak ada alasannya</td>
</tr>
<tr>
<td><strong><a href="http://Krunker.io">Krunker.io</a></strong></td>
<td>UGC browser dapat berjalan dalam skala besar dengan alat sederhana</td>
<td>Rendering Three.js, editor berbasis voxel, marketplace</td>
<td>Alat pembuatan terlalu rumit bagi kreator kasual</td>
</tr>
<tr>
<td><strong><a href="http://Hordes.io">Hordes.io</a></strong></td>
<td>200+ pemain dalam 3D di browser, layak dikembangkan oleh satu orang</td>
<td>WebGL kustom, spatial culling, gaya visual stilistis</td>
<td>Merekayasa lapisan multipemain secara berlebihan</td>
</tr>
<tr>
<td><strong>Vuntra City (referensi native)</strong></td>
<td>Streaming sadar kecepatan dan simulasi dunia dua tingkat menjaga kota prosedural yang sangat luas tetap koheren</td>
<td>Kebijakan LOD yang digabungkan dengan kecepatan, lapisan kueri topologi, simulasi jadwal medan jauh + perilaku medan dekat</td>
<td>Pergerakan berkecepatan tinggi menyebabkan pop-in dan lonjakan simulasi</td>
</tr>
<tr>
<td><strong><a href="http://Agar.io">Agar.io</a> / <a href="http://Slither.io">Slither.io</a></strong></td>
<td>Partisi spasial memungkinkan konkurensi masif</td>
<td>Tick rate yang berubah berdasarkan jarak, pengelolaan area relevansi</td>
<td>Jaringan kolaps pada skala besar</td>
</tr>
<tr>
<td><strong>Second Life</strong></td>
<td>Persistensi dan ekonomi menopang komunitas selama 20 tahun</td>
<td>Kepemilikan berbasis persil, anggaran objek, marketplace</td>
<td>Tidak ada retensi jangka panjang</td>
</tr>
<tr>
<td><strong>Dreams</strong></td>
<td>Pembuatan berbasis pahatan lebih intuitif daripada pengeditan poligon</td>
<td>Pemodelan berbasis volume, pustaka aset bersama</td>
<td>Alat pembuatan terasa seperti program CAD</td>
</tr>
<tr>
<td><strong>Fortnite Creative</strong></td>
<td>Alat profesional menarik konten profesional</td>
<td>Kemampuan editor lengkap di dalam platform</td>
<td>Batas atas kualitas konten terlalu rendah</td>
</tr>
<tr>
<td><strong>RuneScape</strong></td>
<td>MMO lengkap berjalan di browser melalui Wasm dan protokol biner</td>
<td>Emscripten, protokol WebSocket biner kustom, streaming tile</td>
<td>Meremehkan kemampuan browser</td>
</tr>
<tr>
<td><strong>Habbo Hotel</strong></td>
<td>Pembuatan ruangan sederhana menopang komunitas selama 25 tahun</td>
<td>Penempatan berbasis kisi, ekonomi furnitur virtual</td>
<td>Membuat alat pembuatan terlalu rumit</td>
</tr>
</tbody>
</table>
<p>Game yang paling penting untuk kasus khusus kita (berbasis browser, berfokus pada kreator, multipemain) adalah Minecraft (dunia yang dapat diedit, data ringkas), Roblox (pembuatan dalam engine, ekonomi), Krunker (UGC browser dalam skala besar), dan <a href="http://Hordes.io">Hordes.io</a> (arsitektur MMO browser). Judul-judul AAA (Skyrim, BotW, Witcher 3) mengajarkan rendering dan streaming. Game browser populer (<a href="http://Agar.io">Agar.io</a>, <a href="http://Slither.io">Slither.io</a>, <a href="http://Surviv.io">Surviv.io</a>) mengajarkan jaringan berskala besar. Platform kreator (Roblox, Dreams, Second Life) mengajarkan dinamika komunitas. Vuntra City menambahkan referensi terkini pada tingkat implementasi untuk streaming sadar kecepatan, navigasi diegetik, dan pola simulasi jutaan agen di kota prosedural modern.</p>
<h2>Seperti Apa Skyrim dan The Witcher Jika Dibuat untuk Browser</h2>
<p>Mari kita bahas secara konkret. Jika Anda mengambil Whiterun dari Skyrim dan membangunnya ulang untuk disajikan melalui browser:</p>
<p><strong>Medan:</strong> Area di sekitar Whiterun kira-kira berukuran 2 km x 2 km. Dengan ukuran chunk kita (64 m), itu sekitar 32x32 = 1024 chunk. Dengan 2-4 KB untuk heightmap setiap chunk, jumlahnya menjadi 2-4 MB data medan. Tekstur medan (rumput, tanah, batu, salju) sebagai tile atlas KTX2 mungkin menambah 5 MB lagi. Total medan: kurang dari 10 MB untuk seluruh wilayah.</p>
<p><strong>Struktur:</strong> Whiterun sendiri mungkin memiliki 40-50 bangunan. Setiap bangunan dalam bentuk GLB yang dioptimalkan (3 tingkat LOD) mungkin berukuran 200-500 KB pada detail tertinggi. Namun, Anda hanya memerlukan detail penuh untuk 5-10 bangunan terdekat. Sisanya menggunakan LOD sedang atau rendah (masing-masing 50-100 KB). Total struktur yang terlihat pada satu waktu: 2-5 MB.</p>
<p><strong>Vegetasi:</strong> Pohon dan rumput Skyrim di sekitar Whiterun semuanya dirender sebagai instance. Anda mungkin memerlukan 10 model pohon unik (masing-masing 200 KB pada LOD penuh, 20 KB sebagai impostor billboard) dan sistem rumput yang menghasilkan bilah-bilah rumput dari peta kepadatan di GPU. Total aset vegetasi: 2-3 MB. Data instancing (posisi, rotasi, skala) untuk area chunk 5x5: kurang dari 500 KB.</p>
<p><strong>NPC:</strong> Whiterun memiliki sekitar 70 NPC bernama beserta para penjaga. Setiap avatar dengan kualitas sedang: 100-200 KB. Namun, hanya 10-20 yang terlihat pada satu waktu. Total data rendering NPC: 2-4 MB.</p>
<p><strong>Total keseluruhan untuk area seukuran Whiterun yang terlihat pada satu waktu: 15-25 MB.</strong> Itu sangat layak dijalankan di browser. Pemuatan awal akan menampilkan medan dan struktur utama dalam 3-5 detik melalui koneksi broadband, lalu detail akan terisi selama beberapa detik berikutnya.</p>
<p>Novigrad dalam The Witcher 3 lebih luas dan padat, tetapi prinsip yang sama tetap berlaku. Anda akan membutuhkan LOD dan streaming yang lebih agresif, tetapi total data yang terlihat pada satu waktu tetap berada dalam batas memori browser.</p>
<h2>Yang Akan Kita Bangun Terlebih Dahulu</h2>
<p>Dunia terbuka penuh adalah proyek bertahun-tahun. Berikut jalur untuk menghadirkan sesuatu yang nyata ke tangan kreator dengan cepat:</p>
<p><strong>Fase 1: Pulau Bersama (3 bulan).</strong> Satu chunk medan (pulau berukuran 512x512 m) dengan medan heightmap, air, vegetasi dasar, dan siklus siang/malam. Multipemain melalui Durable Objects (hingga 50 pengguna bersamaan). Kreator dapat menempatkan aset 3D buatan AI dari pustaka Cinevva mereka yang sudah ada. Anggap saja sebagai diorama bersama.</p>
<p><strong>Fase 2: Dunia yang Dapat Diperluas (3 bulan).</strong> Streaming chunk untuk dunia berukuran 4x4 km. Persil milik kreator tempat mereka memiliki izin pengeditan. Sistem LOD untuk medan dan objek. Status dunia yang persisten. Hingga 200 pengguna bersamaan di seluruh dunia.</p>
<p><strong>Fase 3: Dunia yang Hidup (6 bulan).</strong> Pemahatan medan berbantuan AI. Vegetasi dan atmosfer prosedural. Sistem misi/acara agar kreator dapat membangun pengalaman interaktif, bukan sekadar adegan statis. Obrolan suara. Kustomisasi avatar. Dunia ini menjadi destinasi, bukan demo.</p>
<h2>Pertanyaan Terbuka</h2>
<p><strong>Gaya visual.</strong> Gaya stilistis (low-poly, cel-shaded) lebih murah untuk dirender dan lebih toleran terhadap aset buatan AI. Gaya realistis memerlukan aset berkualitas lebih tinggi dan anggaran rendering yang lebih besar. Skyrim tetap berhasil meskipun grafisnya sudah menua karena arahan visualnya konsisten. BotW tampak memukau di perangkat kelas tablet karena gaya cel-shaded menyamarkan jumlah poligon yang rendah. Minecraft menggunakan tekstur 16x16 dan merupakan salah satu game yang paling mudah dikenali sepanjang masa. <a href="http://Krunker.io">Krunker.io</a> dan <a href="http://Hordes.io">Hordes.io</a> sama-sama berhasil dengan grafis stilistis sederhana di browser. Bukti yang ada sangat mendukung arah stilistis untuk dunia browser. Kita perlu memilih identitas visual tertentu sejak awal dan menegakkan konsistensi di seluruh aset buatan AI.</p>
<p><strong>Persistensi dunia vs. instancing.</strong> Apakah semua orang berbagi satu dunia (seperti MMO atau Second Life), atau setiap kreator mendapatkan instance sendiri yang dapat dikunjungi orang lain (seperti server Minecraft atau Fortnite Islands)? Teknologinya mendukung keduanya, tetapi dinamika sosialnya benar-benar berbeda. Dunia persisten bersama milik Second Life menciptakan penemuan tak terduga (Anda menemukan karya orang lain saat berjalan-jalan). Pulau berbasis instance milik Fortnite memerlukan sistem menu atau portal untuk penemuan. Roblox menggunakan pendekatan berbasis hub: game terpisah, tetapi Anda menelusuri dan menemukannya melalui antarmuka bersama. Pendekatan hibrida mungkin berhasil: overworld persisten bersama tempat kreator memiliki persil (seperti persil Second Life), dengan opsi untuk memasuki pengalaman mandiri melalui portal.</p>
<p><strong>Kedalaman alat pembuatan.</strong> Dreams membuktikan bahwa alat pembuatan yang mendalam mengesankan kritikus tetapi mengintimidasi pengguna. Townscaper membuktikan bahwa alat minimal dapat terjual satu juta kopi. Roblox Studio berada di tengah: cukup sederhana untuk anak-anak, cukup mendalam untuk profesional. Editor voxel Krunker bahkan lebih sederhana. Untuk dunia browser, kita sebaiknya memulai dengan kesederhanaan setingkat Townscaper (tempatkan objek, lalu objek tersebut menempel dan terhubung secara otomatis) serta menambahkan kedalaman seiring waktu. Pengalaman awal untuk menempatkan objek pertama Anda di dunia seharusnya memakan waktu kurang dari 30 detik.</p>
<p><strong>Ekonomi.</strong> Roblox, Second Life, dan Fortnite Creative semuanya membuktikan bahwa insentif ekonomi adalah hal yang mengubah mainan menjadi platform. Tanpa cara bagi kreator untuk memperoleh penghasilan dari karya mereka, kreator paling berbakat akan berkarya di tempat lain. Ini tidak harus diluncurkan pada hari pertama, tetapi arsitekturnya harus mendukungnya (kepemilikan objek, pelacakan kunjungan, atribusi kreator).</p>
<p><strong>Perangkat seluler.</strong> WebGPU di perangkat seluler masih membutuhkan waktu bertahun-tahun sebelum dapat diandalkan. Pengalaman seluler perlu berupa versi yang disederhanakan: medan lebih sederhana, objek lebih sedikit, jarak pandang lebih pendek. Pendekatan Rec Room yang berjalan di semua perangkat dengan kualitas adaptif layak dipelajari. Atau kita merilis aplikasi native untuk perangkat seluler dan mempertahankan pengalaman penuh di browser.</p>
<p><strong>Moderasi.</strong> Dunia terbuka tempat siapa pun dapat menempatkan apa pun adalah mimpi buruk moderasi. Second Life telah menangani masalah ini selama 20 tahun. Setiap aset yang ditempatkan memerlukan peninjauan konten otomatis sebelum dapat terlihat oleh orang lain. Ini menambah latensi pada proses kreatif, tetapi tidak dapat ditawar. Kita juga perlu mempertimbangkan klasifikasi konten berbasis persil (seperti sistem General/Moderate/Adult milik Second Life) agar kreator dapat menentukan batas konten mereka.</p>
<p><strong>Interaksi sistemik.</strong> BotW dan Minecraft sama-sama menunjukkan bahwa sistem interaksi berbasis material menciptakan dunia yang jauh lebih menarik secara eksponensial daripada penempatan objek statis. Jika seorang kreator menempatkan jembatan kayu dan kreator lain menyalakan api di dekatnya, apakah jembatan itu harus terbakar? Jika seseorang menempatkan bendungan, apakah air harus menggenang di belakangnya? Interaksi ini membuat dunia terasa hidup, tetapi memerlukan aturan fisika dan material yang konsisten di seluruh konten kreator. Menentukan sejauh mana kita akan menerapkan desain sistemik merupakan keputusan arsitektur awal.</p>
<h2>Kesimpulan Utama</h2>
<p>Dunia terbuka 3D di browser sudah layak diwujudkan saat ini. <a href="http://Hordes.io">Hordes.io</a> menjalankan 200+ pemain dalam 3D di browser. <a href="http://Krunker.io">Krunker.io</a> pernah memiliki 10 juta pemain bulanan dengan editor peta 3D lengkap. Game .io membuktikan bahwa multipemain browser dapat diskalakan hingga jutaan pemain. Teknologinya bukan spekulasi.</p>
<p>Teknologi rendering sudah siap. Three.js dan Babylon.js menangani adegan 3D yang sebanding dengan game AAA awal 2010-an. WebGPU membuka akses ke compute shader untuk medan dan vegetasi. Engine fisika Wasm berjalan dengan performa hanya 2-3 kali lebih lambat daripada native. Area seukuran Whiterun dapat dimuat dalam 15-25 MB data yang terlihat.</p>
<p>Teknologi jaringan sudah siap. Cloudflare Durable Objects menyediakan server otoritatif per chunk di edge. CRDT menangani pengeditan kolaboratif tanpa konflik. Partisi spasial (yang telah dibuktikan oleh berbagai game, dari <a href="http://Agar.io">Agar.io</a> hingga Skyrim) menjaga lalu lintas jaringan tetap terkendali untuk ratusan pemain bersamaan.</p>
<p>Dunia terbuka AAA (Skyrim, Witcher 3, BotW, Elden Ring, Minecraft, No Man's Sky) bukan sekadar tolok ukur grafis. Semua itu adalah buku ajar tentang streaming chunk, pengelolaan LOD, generasi prosedural, desain sistemik, dan komposisi dunia. Setiap teknik yang digunakannya memiliki padanan yang kompatibel dengan browser.</p>
<p>Platform kreator (Roblox, Second Life, Fortnite Creative, Dreams) mengajarkan pelajaran sosial dan ekonomi. Pembuatan harus berlangsung di dalam dunia, bukan di alat eksternal. Insentif ekonomi mendorong kualitas. Persistensi menciptakan keterikatan. Alat sederhana menjangkau lebih banyak kreator daripada alat yang canggih.</p>
<p>Pipeline kreatif adalah keunggulan Cinevva. Kita sudah menghasilkan aset 3D, tekstur, dan audio. Menghubungkan pipeline tersebut ke sistem penempatan dunia adalah bagian yang masih hilang. Konten buatan AI mengisi dunia. Kurasi dan penataan oleh kreator memberinya jiwa.</p>
<p>Hasil akhirnya bukanlah Skyrim di browser. Hasilnya lebih mendekati titik temu antara Minecraft (dunia yang dapat diedit), Roblox (ekonomi kreator), dan BotW (interaksi sistemik), yang berjalan di tab browser dengan alat pembuatan bertenaga AI. Teknologi untuk membangunnya sudah tersedia. Pertanyaannya adalah eksekusi.</p>
<h2>Makalah Penelitian dan Referensi Akademis</h2>
<p>Teknik dalam panduan ini tidak diciptakan dari nol. Teknik-teknik tersebut berlandaskan penelitian selama puluhan tahun. Berikut makalah yang paling penting untuk setiap subsistem, beserta catatan mengenai penerapannya pada dunia terbuka browser.</p>
<h3>Generasi dan Rendering Medan</h3>
<p><strong>&quot;Penyintesis Gambar&quot;</strong> -- Ken Perlin (SIGGRAPH 1985). <a href="https://doi.org/10.1145/325165.325247">DOI</a>. Makalah yang memperkenalkan Perlin noise. Setiap generator medan prosedural di setiap game sejak 1985 berakar dari karya ini. Fungsi noise tersebut menghasilkan keacakan halus yang, ketika dilapiskan dalam oktaf (gerak Brown fraksional), menciptakan heightmap yang tampak alami. Simplex noise (Perlin, 2001) adalah penerusnya yang lebih cepat. Untuk pipeline medan kita, inilah fondasinya: generasi heightmap berbasis noise berjalan dalam compute shader WebGPU dengan kecepatan interaktif.</p>
<p><strong>&quot;Pemberian Tekstur dan Pemodelan: Pendekatan Prosedural&quot;</strong> -- Ebert, Musgrave, Peachey, Perlin, Worley (1994, edisi ke-3 2003). Buku ajar tentang generasi prosedural. Bab-bab Musgrave mengenai pemodelan medan, termasuk medan multifraktal dengan fitur menyerupai erosi, menjadi dasar langsung bagi generator medan game modern. Parameter fBm (lacunarity, persistence, jumlah oktaf) yang dijelaskan di sini sama dengan parameter yang akan kita sediakan kepada kreator untuk kustomisasi medan.</p>
<p><strong>&quot;Geometry Clipmaps: Rendering Medan Menggunakan Kisi Reguler Bersarang&quot;</strong> -- Losasso and Hoppe (SIGGRAPH 2004). <a href="https://doi.org/10.1145/1015706.1015799">DOI</a>. Makalah ini memecahkan cara merender medan yang sangat luas pada kecepatan interaktif menggunakan cincin LOD konsentris (clipmap). Mesh medan berupa kumpulan tetap kisi bersarang yang berpusat pada kamera. Saat kamera bergerak, kisi-kisi tersebut bergeser dan diperbarui. Inilah teknik yang direkomendasikan dalam bagian medan kita untuk WebGL 2, dan teknik ini bekerja karena beban kerja GPU tetap konstan terlepas dari ukuran dunia. Implementasi aslinya dibuat sebelum WebGL, tetapi dapat dipetakan langsung ke WebGL.
<strong>&quot;Simulasi dan Visualisasi Erosi Hidraulis Cepat di GPU&quot;</strong> -- Mei, Decaudin, Hu (2007). <a href="https://hal.inria.fr/inria-00402079/document">PDF</a>. Memindahkan erosi hidraulis dari proses luring yang dibatasi CPU menjadi komputasi GPU waktu nyata. Model simulasi air dangkal dalam makalah ini (memperlakukan air sebagai medan ketinggian dan menghitung aliran antar-sel kisi) berjalan dalam compute shader. Untuk pipeline kami, erosi GPU sisi server dapat mengubah medan yang dihasilkan dari noise menjadi lanskap yang masuk akal secara geologis dalam waktu kurang dari satu detik, sehingga medan buatan AI tampak dipahat dengan tangan.</p>
<p><strong>&quot;Rendering Waktu Nyata untuk Planet yang Dibuat Secara Prosedural&quot;</strong> -- Pendekatan hibrida dari presentasi GDC No Man's Sky dan penjelasan Sean Murray. Meski bukan satu makalah tunggal, presentasi GDC 2017 &quot;Membangun Dunia Menggunakan Matematika&quot; oleh Innes McKendrick (Hello Games) menjelaskan bagaimana No Man's Sky menghasilkan medan berskala planet menggunakan fungsi noise bertumpuk, representasi voxel dengan marching cubes, serta pembuatan di sisi GPU. Ini berkaitan langsung dengan pendekatan medan prosedural kami, khususnya untuk menghasilkan fitur medan yang tidak dapat direpresentasikan oleh heightmap (gua, lengkungan).</p>
<p><strong>&quot;C-DBLOD: LOD Hibrida untuk Rendering Medan&quot;</strong> -- Filip Strugar (2014). <a href="https://www.vertexasylum.com/CDLOD/cdlod_latest.pdf">Makalah</a>. Penyempurnaan geometry clipmap yang menambahkan seleksi berbasis quadtree agar adaptivitas di sekitar posisi kamera menjadi lebih baik. Gagasan utamanya: alih-alih menggunakan cincin konsentris tetap, gunakan quadtree untuk memilih patch medan dengan resolusi berbeda-beda. Pendekatan ini menangani medan tidak beraturan (ketika area tertentu memerlukan lebih banyak detail daripada area lainnya) dengan lebih baik daripada clipmap murni. Dapat diimplementasikan di WebGL 2 dengan traversal quadtree kecil di sisi CPU.</p>
<h3>Gaussian Splatting 3D dan Rendering Neural</h3>
<p><strong>&quot;Gaussian Splatting 3D untuk Rendering Medan Radiansi Waktu Nyata&quot;</strong> -- Kerbl, Kopanas, Leimkühler, Drettakis (SIGGRAPH 2023). <a href="https://repo-sam.inria.fr/fungraph/3d-gaussian-splatting/">Halaman proyek</a>. Makalah yang memicu revolusi Gaussian splatting. Sebuah adegan direpresentasikan sebagai jutaan Gaussian 3D, masing-masing dengan posisi, kovarians (bentuk), opasitas, dan koefisien warna harmonik sferis. Proses rendering mengurutkan splat berdasarkan kedalaman dan merasterisasinya sebagai Gaussian 2D. Pendekatan ini 100–1.000 kali lebih cepat dilatih daripada NeRF dan dapat dirender secara waktu nyata. Tersedia beberapa implementasi WebGL/WebGPU. Untuk platform kami, ini memungkinkan kreator menangkap objek dunia nyata menggunakan foto dari ponsel dan menempatkannya di dunia browser.</p>
<p><strong>&quot;NeRF: Merepresentasikan Adegan sebagai Medan Radiansi Neural untuk Sintesis Sudut Pandang&quot;</strong> -- Mildenhall et al. (ECCV 2020). <a href="https://www.matthewtancik.com/nerf">Halaman proyek</a>. Makalah dasar tentang representasi adegan neural. Jaringan neural memetakan koordinat 3D ke warna dan densitas, sehingga memungkinkan sintesis sudut pandang baru yang fotorealistis dari sekumpulan foto masukan. Meskipun NeRF terlalu mahal untuk dirender secara langsung di browser (memerlukan evaluasi jaringan per piksel), pipeline ekstraksi NeRF-ke-mesh (melatih NeRF, lalu menjalankan marching cubes pada medan densitas) menghasilkan mesh bertekstur berkualitas tinggi dari foto.</p>
<p><strong>&quot;Primitif Grafis Neural Instan dengan Enkode Hash Multiresolusi&quot;</strong> -- Müller, Evans, Schied, Keller (SIGGRAPH 2022). <a href="https://nvlabs.github.io/instant-ngp/">Halaman proyek</a>. Mengurangi waktu pelatihan NeRF dari hitungan jam menjadi detik dengan menggunakan tabel hash multiresolusi untuk enkode spasial. Hal ini membuat NeRF praktis untuk penggunaan produksi. Teknik enkode hash tersebut juga dapat diterapkan pada data spasial lain di dunia browser (pencarian cepat dalam kumpulan data 3D berukuran besar).</p>
<p><strong>&quot;Neuralangelo: Rekonstruksi Permukaan Neural dengan Fidelitas Tinggi&quot;</strong> -- Li et al. (CVPR 2023). <a href="https://research.nvidia.com/labs/dir/neuralangelo/">Halaman proyek</a>. Mengekstrak mesh segitiga berkualitas tinggi dari representasi neural menggunakan enkode hash multiresolusi dan gradien numerik untuk estimasi SDF (signed distance function/fungsi jarak bertanda). Mesh keluarannya dapat langsung digunakan dalam engine 3D browser. Untuk pipeline aset kami, Neuralangelo (atau alat serupa seperti NeuS2) dapat mengubah tangkapan NeRF menjadi berkas GLB siap web dengan geometri bersih dan tekstur yang telah di-bake.</p>
<h3>Jaringan Multipemain dan Sinkronisasi State</h3>
<p><strong>&quot;Manajemen Kepentingan dalam Game Daring Multipemain Masif&quot;</strong> -- Boulanger, Kienzle, Verbrugge (2006). <a href="https://doi.org/10.1007/11558651_18">DOI</a>. Survei komprehensif mengenai teknik pengelolaan area kepentingan (area of interest/AOI) untuk MMO. Membahas pendekatan berbasis kisi, berbasis aura, dan hibrida untuk memfilter pembaruan jaringan berdasarkan relevansi spasial. Pendekatan berbasis kisi (yang selaras dengan sistem chunk kami) paling efisien untuk dunia dengan densitas seragam. Pendekatan berbasis aura (radius pengaruh per entitas) bekerja lebih baik untuk densitas yang bervariasi. Rekomendasi kami untuk AOI berbasis chunk dengan laju pembaruan berbasis prioritas di dalam AOI berasal dari penelitian ini.</p>
<p><strong>&quot;Dead Reckoning: Menyembunyikan Latensi untuk Game Berjaringan&quot;</strong> -- Pantel dan Wolf (2002). <a href="https://doi.org/10.1145/566500.566510">DOI</a>. Memformalkan dead reckoning (memprediksi posisi entitas berdasarkan kecepatan terakhir yang diketahui) untuk game berjaringan. Makalah ini mengukur komprominya: ambang prediksi yang lebih tinggi mengurangi bandwidth, tetapi meningkatkan kesalahan posisi yang terlihat saat koreksi. Untuk game browser dengan latensi 50–200 md, ambang prediksi 0,5–1,0 meter membuat koreksi tidak terlihat sekaligus memangkas bandwidth pembaruan posisi sebesar 60–80%.</p>
<p><strong>&quot;Tipe Data Tereplikasi Bebas Konflik&quot;</strong> -- Shapiro, Preguiça, Baquero, Zawirski (2011). <a href="https://doi.org/10.1007/978-3-642-24550-3_29">DOI</a>. Makalah dasar CRDT. Mendefinisikan CRDT berbasis state dan berbasis operasi yang dapat berkonvergensi tanpa koordinasi. Untuk sistem pengeditan dunia kami, CRDT yang relevan adalah: LWW-Register (Last-Writer-Wins Register) untuk properti objek yang memiliki satu nilai (posisi, rotasi, warna), dan OR-Set (Observed-Remove Set) untuk kumpulan objek dalam sebuah chunk (menangani penambahan/penghapusan bersamaan tanpa konflik). Yjs mengimplementasikannya secara efisien dalam JavaScript.</p>
<p><strong>&quot;Time Warp: Mekanisme untuk Simulasi Terdistribusi&quot;</strong> -- Jefferson (1985). <a href="https://doi.org/10.1145/3916.3988">DOI</a>. Makalah asli mengenai simulasi terdistribusi optimistis. Meskipun Time Warp sendiri terlalu kompleks untuk game browser, gagasan intinya (memproses kejadian secara optimistis dan melakukan rollback jika konflik datang dari node lain) menjadi dasar prediksi sisi klien modern dengan rekonsiliasi server. Beginilah cara kerja setiap game multipemain yang responsif: klien memprediksi secara lokal, mengirim tindakan ke server, lalu melakukan koreksi jika server tidak menyetujuinya.</p>
<p><strong>&quot;Model Jaringan Engine TRIBES&quot;</strong> -- Frohnmayer dan Gift (GDC 1999). Salah satu penjelasan praktis pertama mengenai jaringan game klien-server dengan manajemen kepentingan, pembaruan state berprioritas, dan penganggaran bandwidth. Konsep &quot;ghost manager&quot; (server mempertahankan tampilan per klien mengenai apa yang telah diketahui klien tersebut, lalu hanya mengirim delta dari tampilan itu) persis seperti yang diterapkan oleh arsitektur Durable Object berbasis chunk kami. Presentasi GDC ini merupakan leluhur intelektual sebagian besar jaringan game modern.</p>
<p><strong>&quot;Jaringan Multipemain Source&quot;</strong> -- Valve (2009). <a href="https://developer.valvesoftware.com/wiki/Source_Multiplayer_Networking">Dokumentasi pengembang</a>. Dokumentasi Valve mengenai model jaringan engine Source (digunakan dalam Half-Life 2, CS:GO, Team Fortress 2). Membahas prediksi sisi klien, interpolasi entitas, kompensasi lag, serta sistem &quot;snapshot&quot; tempat server mengirim state dunia lengkap secara berkala sementara klien melakukan interpolasi antar-snapshot. Ini merupakan standar emas untuk jaringan server otoritatif dan dapat diterapkan langsung pada arsitektur kami.</p>
<h3>Pembuatan Prosedural</h3>
<p><strong>&quot;Sintesis Model: Algoritma Pemodelan Prosedural Umum&quot;</strong> -- Merrell (2007). <a href="https://doi.org/10.1145/1289603.1289612">DOI</a>. Salah satu pendahulu Wave Function Collapse. Menghasilkan struktur 3D dari model contoh dengan menyebarkan batasan lokal. Algoritma ini memastikan konsistensi global dengan secara iteratif meng-collapse sel yang memiliki kemungkinan paling sedikit (heuristik entropi minimum). Beginilah Townscaper dan generator serupa menghasilkan struktur yang koheren dari masukan pengguna yang sederhana.</p>
<p><strong>&quot;WaveFunctionCollapse&quot;</strong> -- Maxim Gumin (2016). <a href="https://github.com/mxgmn/WaveFunctionCollapse">GitHub</a>. Bukan makalah tradisional, melainkan proyek sumber terbuka penting dengan dokumentasi ekstensif. Algoritma ini mengambil gambar contoh kecil atau tileset, lalu menghasilkan keluaran yang lebih besar dan secara lokal mirip dengan masukannya. Untuk dunia kreator, WFC dapat menghasilkan tata letak bangunan, jaringan jalan, peta dungeon, dan detail medan dari sekumpulan kecil aturan yang ditentukan kreator. Tersedia beberapa implementasi JavaScript.</p>
<p><strong>&quot;Wave Function Collapse adalah Pemecahan Batasan di Dunia Nyata&quot;</strong> -- Karth dan Smith (FDG 2017). <a href="https://doi.org/10.1145/3102071.3110566">DOI</a>. Analisis akademis WFC yang memperjelas hubungannya dengan pemenuhan batasan serta menunjukkan cara menganalisis dan memperluasnya. Relevan untuk memahami keterbatasan WFC (algoritma ini dapat macet dan memerlukan backtracking) serta cara merancang tileset yang menghindari masalah tersebut.</p>
<p><strong>&quot;Teorema Superposisi dan Implikasinya bagi Pembuatan Konten Game Secara Prosedural&quot;</strong> -- Sandhu et al. (2022). Mengeksplorasi penggunaan konsep superposisi yang terinspirasi kuantum untuk pembuatan konten prosedural. Meskipun spekulatif, kerangka matematis untuk mempertahankan beberapa kemungkinan state sebelum &quot;meng-collapse&quot;-nya menjadi konfigurasi akhir sama persis dengan cara kerja WFC dan dapat menjadi landasan bagi sistem pembuatan yang lebih canggih.</p>
<h3>Teknik Rendering Waktu Nyata</h3>
<p><strong>&quot;Rendering Waktu Nyata&quot;</strong> -- Akenine-Möller, Haines, Hoffman (edisi ke-4, 2018). Buku teks standar. Bab 19 (Struktur Akselerasi), Bab 20 (Shading Efisien), dan Bab 21 (Realitas Virtual dan Tertambah) sangat relevan. Algoritma frustum culling, occlusion culling, dan LOD yang dijelaskan di sini adalah algoritma yang diimplementasikan oleh Three.js, Babylon.js, dan setiap engine game. Bukan makalah, tetapi merupakan referensi definitif.</p>
<p><strong>&quot;Survei tentang Baking Medan Radiansi Neural untuk Sintesis Sudut Pandang Waktu Nyata&quot;</strong> -- Reiser et al. (2023). <a href="https://doi.org/10.1111/cgf.14835">DOI</a>. Meninjau berbagai metode untuk mengubah NeRF menjadi format yang dapat dirender secara waktu nyata (mesh, tekstur, kisi voxel renggang). Berkaitan langsung dengan pipeline aset kami, ketika penangkapan neural sisi server perlu menghasilkan keluaran yang dapat dirender di browser.</p>
<p><strong>&quot;Pencocokan Fitur Daring yang Skalabel dan Akurat Menggunakan Gaussian Splatting 3D&quot;</strong> -- Berbagai kelompok (2024–2025). Sejumlah makalah terbaru mengeksplorasi pengeditan, compositing, dan adegan dinamis dengan Gaussian splat. Hal ini relevan karena dunia kreator perlu menggabungkan beberapa adegan splat (objek hasil tangkapan setiap kreator) menjadi satu adegan yang koheren. Metode pengeditan splat (pewarnaan ulang, deformasi, compositing) merupakan bidang penelitian aktif.</p>
<p><strong>&quot;Ray Tracing Screen-Space GPU yang Efisien&quot;</strong> -- McGuire dan Mara (JCGT 2014). <a href="https://doi.org/10.2312/hpg.20141090">DOI</a>. Makalah yang mendasari refleksi screen-space yang digunakan dalam bagian rendering air kami. Menelusuri sinar melalui depth buffer untuk menghasilkan perkiraan refleksi tanpa biaya ray tracing penuh. Varian &quot;hierarchical tracing&quot; (menggunakan mipmap kedalaman min-maks) berjalan secara efisien di WebGL 2.</p>
<p><strong>&quot;Menyimulasikan Air Laut&quot;</strong> -- Jerry Tessendorf (2001). <a href="https://people.computing.clemson.edu/~jtessen/reports/papers_files/coursenotes2004.pdf">PDF</a>. Makalah dasar mengenai simulasi laut berbasis FFT. Menjelaskan spektrum Phillips (model statistik gelombang laut) dan cara mengubahnya menjadi peta perpindahan spasial melalui FFT invers. Digunakan oleh setiap game besar dengan laut realistis (Sea of Thieves, Assassin's Creed, Uncharted). Komputasi FFT dapat dipetakan dengan rapi ke compute shader WebGPU.</p>
<p><strong>&quot;Hamburan Atmosfer yang Diprakomputasi&quot;</strong> -- Bruneton dan Neyret (EGSR 2008). <a href="https://doi.org/10.1111/j.1467-8659.2008.01245.x">DOI</a>. Makalah yang mendasari rendering langit akurat secara fisik. Melakukan prakomputasi hamburan atmosfer ke dalam tabel pencarian yang diambil sampelnya oleh fragment shader secara waktu nyata. Menghasilkan warna langit yang tepat, perspektif udara (objek jauh tampak kebiruan/berkabut), serta warna matahari terbenam/terbit berdasarkan prinsip dasar. Tabel hasil prakomputasinya berukuran kecil (beberapa ratus KB) dan shader runtime-nya ringan. Shader <code>Sky</code> milik Three.js dan langit prosedural Babylon.js merupakan versi sederhana dari pendekatan ini.</p>
<p><strong>&quot;Volume Oklusi Ambien&quot;</strong> -- McGuire (HPG 2010) dan <strong>&quot;Pengaburan Ambien yang Skalabel&quot;</strong> -- McGuire, Mara, Luebke (HPG 2012). <a href="https://research.nvidia.com/sites/default/files/pubs/2012-06_Scalable-Ambient-Obscurance/McGuire12SAO.pdf">PDF</a>. Makalah yang mendasari implementasi SSAO modern. SAO adalah varian yang paling umum diimplementasikan dalam engine 3D browser karena efisien (satu sampel depth buffer per piksel) dan menghasilkan bayangan kontak yang masuk akal. Algoritma ini mengambil sampel depth buffer di sekitar setiap piksel untuk memperkirakan seberapa &quot;teroklusi&quot; piksel tersebut oleh geometri di dekatnya. Three.js dan Babylon.js sama-sama mengimplementasikan SSAO turunan SAO.</p>
<h3>Rendering dan Animasi Kerumunan</h3>
<p><strong>&quot;Rendering Kerumunan dengan GPU&quot;</strong> -- Dudash (2007) dan presentasi GDC/SIGGRAPH berikutnya mengenai rendering kerumunan terinstansiasi. Teknik intinya: bake frame animasi skeletal ke dalam tekstur (Vertex Animation Textures), lalu render kerumunan sebagai mesh terinstansiasi, dengan setiap instans membaca transformasi tulangnya dari tekstur animasi berdasarkan frame saat ini. Pendekatan ini memisahkan evaluasi animasi dari draw call, sehingga satu draw call terinstansiasi dapat merender ratusan karakter dengan animasi unik.</p>
<p><strong>&quot;Dinamika Berbasis Posisi&quot;</strong> -- Müller et al. (2007). <a href="https://doi.org/10.1016/j.jvcir.2007.01.005">DOI</a>. Makalah dasar mengenai PBD, yaitu cara engine game modern menyimulasikan kain, rambut, dan benda lunak. Rapier (engine fisika Wasm yang kami rekomendasikan) menggunakan solver turunan PBD. Untuk kustomisasi avatar (jubah, rambut tergerai, pakaian longgar), PBD menyediakan simulasi responsif pada frame rate game. Implementasi Wasm menjaganya tetap berjalan di luar thread utama JavaScript.
<strong>&quot;FABRIK: Pemecah Cepat dan Iteratif untuk Masalah Kinematika Balik&quot;</strong> -- Aristidou dan Lasenby (2011). <a href="https://doi.org/10.1016/j.gmod.2011.05.003">DOI</a>. Makalah yang mendasari pemecah IK yang direkomendasikan di bagian avatar kami. FABRIK bekerja dengan secara bergantian menjangkau dari efektor ujung ke akar dan dari akar ke efektor ujung, lalu mencapai konvergensi dalam 3–5 iterasi. Metode ini lebih cepat daripada IK berbasis Jacobian, menangani batasan sendi secara alami, dan mudah diimplementasikan (sekitar 50 baris kode untuk pemecah dasar). Implementasi IK Three.js dan Babylon.js sama-sama diturunkan dari FABRIK.</p>
<h3>Dunia Virtual dan Lingkungan Kolaboratif</h3>
<p><strong>&quot;Gim Daring Multipemain Masif: Survei Perkembangan Terkini&quot;</strong> -- Yahyavi dan Kemme (2013). <a href="https://doi.org/10.1145/2522968.2522972">DOI</a>. Survei komprehensif tentang arsitektur MMO yang mencakup model klien-server, pendekatan peer-to-peer, manajemen minat, model konsistensi, teknik skalabilitas, dan pencegahan kecurangan. Taksonomi model konsistensinya (ketat, eventual, kausal) sesuai dengan pendekatan berbasis CRDT kami (konsistensi eventual dengan pengurutan kausal melalui vector clock).</p>
<p><strong>&quot;Arsitektur Terdistribusi untuk Aplikasi Interaktif Multipemain di Internet&quot;</strong> -- Diot dan Gautier (1999). <a href="https://doi.org/10.1109/65.790947">DOI</a>. Penelitian awal tentang lingkungan virtual terdistribusi yang mengidentifikasi pertentangan utama: konsistensi ketat memerlukan koordinasi (yang menambah latensi), sementara konsistensi lemah memungkinkan respons cepat tetapi berisiko menimbulkan inkonsistensi yang terlihat. Makalah ini mengusulkan &quot;local lag&quot; (menunda tampilan lokal dalam waktu singkat agar pembaruan jarak jauh sempat tiba) sebagai jalan tengah. Untuk pengeditan dunia (menempatkan objek), local lag 100–200 milidetik tidak terasa dan memberi server waktu untuk melakukan validasi.</p>
<p><strong>&quot;Grid Second Life: Arsitektur Dunia Virtual Sumber Terbuka yang Hampir Kontemporer&quot;</strong> -- Dokumentasi teknis Linden Lab dan rekayasa balik oleh komunitas. Meskipun bukan satu makalah tunggal, analisis teknis arsitektur Second Life didokumentasikan secara ekstensif. Wawasan utamanya: setiap wilayah berukuran 256x256 m berjalan pada instans server khusus. Objek disimpan sebagai pohon &quot;primitif&quot; (bentuk dasar dengan transformasi, tekstur, dan skrip). Penampil melakukan streaming deskripsi objek dan tekstur sesuai kebutuhan. Model berbasis persil dengan persistensi per objek ini merupakan arsitektur yang paling mendekati apa yang sedang kami bangun, dan pengoperasian Second Life selama lebih dari 20 tahun membuktikan bahwa arsitektur tersebut dapat diskalakan.</p>
<h3>Grafis Web dan Performa Browser</h3>
<p><strong>&quot;WebGPU: API Grafis Berperforma Tinggi untuk Web&quot;</strong> -- W3C GPU for the Web Working Group (2023–sekarang). <a href="https://www.w3.org/TR/webgpu/">Spesifikasi</a>. Spesifikasi formal untuk WebGPU. Ini bukan makalah penelitian, tetapi merupakan dokumen teknis definitif untuk pemrograman GPU di browser. Spesifikasi compute shader (Bagian 23) sangat relevan untuk pembuatan medan, penyebaran vegetasi, dan sistem partikel yang dijelaskan di sepanjang panduan ini.</p>
<p><strong>&quot;WebAssembly: Kerangka Kerja untuk Menjalankan Kode Terkompilasi di Browser&quot;</strong> -- Haas dkk. (PLDI 2017). <a href="https://doi.org/10.1145/3062341.3062363">DOI</a>. Makalah WebAssembly asli dari para vendor browser. Makalah ini menunjukkan bahwa performa Wasm berada dalam kisaran 2x dari performa native untuk beban kerja komputasi intensif. Hal ini mendukung rekomendasi kami untuk menggunakan mesin fisika yang dikompilasi ke Wasm (Rapier, Havok) bagi dunia terbuka di browser. Analisis performa dalam makalah tersebut menunjukkan bahwa overhead terutama berasal dari pemeriksaan batas dan pemanggilan fungsi tidak langsung, bukan dari model kompilasinya sendiri.</p>
<p><strong>&quot;Tidak Secepat Itu: Menganalisis Performa WebAssembly vs. Kode Native&quot;</strong> -- Jangda dkk. (USENIX ATC 2019). <a href="https://www.usenix.org/system/files/atc19-jangda.pdf">PDF</a>. Tolok ukur ketat mengenai performa Wasm dibandingkan native. Hasilnya menunjukkan bahwa Wasm rata-rata berjalan 1,45x–1,55x lebih lambat daripada C native di seluruh rangkaian tolok ukur SPEC CPU. Khusus untuk fisika gim (banyak operasi floating-point, sedikit system call), overhead berada pada kisaran bawah (~1,3x). Hal ini menegaskan bahwa fisika Wasm di browser layak digunakan untuk beban kerja gim waktu nyata.</p>
<p><strong>&quot;Meningkatkan Kecepatan Web dengan WebAssembly&quot;</strong> -- Rossberg dkk. (2018). <a href="https://doi.org/10.1145/3192366.3192379">DOI</a>. Menjelaskan dasar pertimbangan desain dan semantik formal WebAssembly. Hal yang sangat relevan: pembahasan jaminan keamanan memori (Bagian 3) menjelaskan mengapa modul Wasm dapat berbagi tab browser dengan JavaScript secara aman tanpa risiko keamanan seperti pada plugin native. Inilah yang membuat mesin fisika (yang secara tradisional berupa pustaka C++) aman dijalankan di browser.</p>
<h3>Pembuatan Konten Berbasis AI</h3>
<p><strong>&quot;Pembuatan Teks-ke-3D dengan Difusi Dua Arah Menggunakan Prior 2D dan 3D&quot;</strong> -- Berbagai kelompok (2023–2025). Sejumlah makalah terbaru (DreamFusion, Magic3D, ProlificDreamer, MVDream, Zero-1-to-3++) mengeksplorasi pembuatan aset 3D dari prompt teks dengan menggunakan model difusi 2D sebagai prior untuk pengoptimalan 3D. Kualitasnya meningkat drastis dari awal 2023 hingga 2025, dari bentuk menggumpal menjadi mesh yang mendetail dan bertekstur. Untuk platform kami, model-model ini (yang berjalan di GPU sisi server) menjadi tahap &quot;pembuatan dengan AI&quot; dalam pipeline aset kreator.</p>
<p><strong>&quot;DreamFusion: Teks-ke-3D Menggunakan Difusi 2D&quot;</strong> -- Poole dkk. (ICLR 2023). <a href="https://dreamfusion3d.github.io/">Halaman proyek</a>. Makalah fundamental tentang Score Distillation Sampling (SDS), yang menggunakan model difusi 2D pralatih untuk memandu pengoptimalan 3D. Wawasan utamanya: Anda tidak memerlukan data pelatihan 3D jika Anda dapat mengevaluasi apakah tampilan hasil render dari objek 3D cocok dengan prompt teks menggunakan model 2D yang sudah ada. Pendekatan ini membuka jalan bagi pembuatan teks-ke-3D dan menjadi dasar bagi penelitian berikutnya (Magic3D, ProlificDreamer) yang meningkatkan kualitas dan kecepatan.</p>
<p><strong>&quot;LRM: Model Rekonstruksi Besar untuk Mengubah Satu Gambar Menjadi 3D&quot;</strong> -- Hong dkk. (ICLR 2024). <a href="https://yiconghong.me/LRM/">Halaman proyek</a>. Merekonstruksi model 3D dari satu gambar dalam 5 detik pada satu GPU. Model ini menghasilkan representasi menyerupai NeRF yang dapat dikonversi menjadi mesh. Untuk dunia buatan kreator, ini berarti kreator dapat memotret objek apa pun di dunia nyata dan memperoleh model 3D dalam hitungan detik. Kecepatannya membuat teknologi ini layak digunakan sebagai alat interaktif, bukan sebagai proses batch.</p>
<p><strong>&quot;Pembuatan Konten Prosedural melalui Pembelajaran Mesin (PCGML)&quot;</strong> -- Summerville dkk. (2018). <a href="https://doi.org/10.1109/TG.2018.2846639">DOI</a>. Survei penggunaan pembelajaran mesin untuk pembuatan konten prosedural dalam gim. Mencakup pembuatan level, item, narasi, dan dunia. Hal yang sangat relevan adalah pembahasan mengenai &quot;pembuatan yang dapat dikendalikan&quot;, ketika desainer menetapkan parameter tingkat tinggi dan model ML mengisi detailnya. Inilah paradigma pembangunan dunia berbantuan AI: kreator menetapkan maksud (&quot;buat area ini menjadi hutan menyeramkan&quot;), lalu AI mengisi geometri, tekstur, dan populasinya.</p>
<h3>Hubungan Makalah-Makalah Ini dengan Arsitektur Kami</h3>
<p>Penelitian tersebut dipetakan ke arsitektur kami dalam beberapa lapisan:</p>
<p><strong>Pipeline medan:</strong> Noise Perlin/simplex (Perlin 1985, 2001) menghasilkan heightmap dasar. Erosi hidraulis (Mei dkk. 2007) menambahkan realisme geologis. Geometry clipmap (Losasso dan Hoppe 2004) atau CDLOD (Strugar 2014) merender medan secara efisien di browser. Hamburan atmosfer (Bruneton dan Neyret 2008) membuat medan di kejauhan terlihat tepat.</p>
<p><strong>Pipeline aset:</strong> Teks-ke-3D (DreamFusion dkk.) dan gambar-ke-3D (LRM) menghasilkan aset di sisi server. Gaussian splatting (Kerbl dkk. 2023) memungkinkan pengambilan fotogrametri. Neuralangelo (Li dkk. 2023) mengekstrak mesh bersih dari hasil tangkapan neural. Semua output diproses menjadi GLB/KTX2 yang siap digunakan di browser.</p>
<p><strong>Rendering:</strong> SSAO (McGuire 2012) menambahkan kedalaman. Refleksi screen-space (McGuire dan Mara 2014) menghasilkan efek air. Laut FFT (Tessendorf 2001) menyimulasikan air. Tekstur animasi vertex (Dudash 2007) merender kerumunan. FABRIK (Aristidou dan Lasenby 2011) menggerakkan IK karakter.</p>
<p><strong>Jaringan:</strong> Manajemen minat (Boulanger dkk. 2006) menyaring pembaruan berdasarkan relevansi spasial. Dead reckoning (Pantel dan Wolf 2002) mengurangi penggunaan bandwidth. CRDT (Shapiro dkk. 2011) menangani pengeditan kolaboratif. Prediksi klien dengan rekonsiliasi server (Jefferson 1985, Valve Source Networking) memberikan respons yang cepat.</p>
<p><strong>Pembuatan dunia:</strong> WFC (Gumin 2016, Karth dan Smith 2017) menghasilkan struktur dan tata letak. PCGML (Summerville dkk. 2018) menyediakan kerangka kerja untuk pembuatan berbantuan AI, ketika kreator menetapkan maksud dan model mengisi detailnya.</p>
<p>Penelitian di bidang ini sudah matang. Sebagian besar teknik tersebut telah digunakan dalam gim yang dirilis selama bertahun-tahun. Inovasi dalam membawanya ke browser bukan terletak pada algoritmanya, melainkan pada rekayasa agar semuanya bekerja dalam batasan memori, GPU, dan jaringan browser—dan itulah yang dibahas di bagian lain panduan ini.</p>
<h2>Bacaan Lebih Lanjut</h2>
<ul>
<li><a href="/id/guides/web-games-stack-2026">Stack Teknologi Gim Web pada 2026</a> membahas dasar-dasar WebGL, WebGPU, dan WebAssembly</li>
<li><a href="/id/guides/web-game-engines-comparison">Perbandingan Mesin Gim Web</a> membandingkan mesin untuk distribusi melalui browser</li>
<li><a href="/id/guides/threejs-usdc-tech-report">Laporan Teknis Three.js + USDC</a> tentang pemuatan aset 3D di browser</li>
<li><a href="/id/guides/frontier-gen-ai-models">Model AI Generatif Sumber Terbuka Terdepan</a> untuk pipeline pembuatan dengan AI</li>
<li><a href="/id/guides/co-op-game-design">Desain Gim Co-op</a> tentang pola desain multipemain yang mempertahankan keterlibatan pemain</li>
<li><a href="/id/guides/landscape-generation-browser">Pembuatan Lanskap untuk Dunia Terbuka di Browser</a> — rendering medan, erosi, dan vegetasi</li>
<li><a href="/id/tutorials/websocket-multiplayer-basics">Dasar-dasar multipemain WebSocket</a> — mulai membangun jaringan multipemain di browser</li>
<li><a href="/id/tutorials/webgpu-getting-started">Memulai dengan WebGPU</a> — API rendering untuk 3D browser generasi berikutnya</li>
<li><a href="/id/tutorials/streaming-asset-loading">Pemuatan aset secara streaming</a> — pola pemuatan progresif untuk dunia 3D berukuran besar</li>
</ul>
<p><BuildCta
  title="Coba dunia terbuka di browser Anda sekarang"
  desc="Masukkan satu kalimat, dapatkan dunia 3D yang bisa dijelajahi."
  prompt="Buat pulau dunia terbuka kecil yang dapat saya jelajahi dari sudut pandang orang ketiga" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Desain Game Co-op pada 2026]]></title>
            <link>https://app.cinevva.com/id/guides/co-op-game-design</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/co-op-game-design</guid>
            <pubDate>Mon, 26 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Apa yang membuat game "friend slop" berhasil. Peak terjual 11 juta kopi. Inilah alasannya.]]></description>
            <content:encoded><![CDATA[<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.campaign-link {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: var(--vp-c-brand-1);
  color: white !important;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  margin: 0.5rem 0 1.5rem;
}
.campaign-link:hover {
  background: var(--vp-c-brand-2);
}
.stat-box {
  background: var(--vp-c-bg-soft);
  border-radius: 8px;
  padding: 1rem 1.5rem;
  margin: 1rem 0;
}
.stat-box strong {
  color: var(--vp-c-brand-1);
  font-size: 1.5rem;
}
</style>
<h1>Desain Game Co-op pada 2026</h1>
<p>Ada sebuah istilah yang beredar dan bisa disukai atau dibenci oleh developer: &quot;friend slop.&quot;</p>
<p>Awalnya, istilah ini digunakan sebagai hinaan. Sebuah cara untuk meremehkan game co-op berbiaya rendah sebagai pabrik konten dangkal yang dirancang untuk menghasilkan klip viral. Namun, Peak kemudian terjual 11 juta kopi dalam dua bulan. R.E.P.O. mendominasi Steam. Dan tiba-tiba, para developer yang membuat game semacam ini mulai menerima julukan tersebut.</p>
<p>&quot;Kami sebenarnya menganggap friend slop sebagai istilah yang keren,&quot; kata Paige Wilson dari Aggro Crab, penerbit Peak. &quot;Istilah ini digunakan untuk menggambarkan game berbiaya rendah yang bisa dimainkan kapan saja bersama teman-teman untuk bersenang-senang, nongkrong, dan menikmati sedikit kekacauan teknis. Menurut saya, sebagian orang mungkin tidak memandangnya seperti ini, tetapi kami begitu!&quot;</p>
<p>Berikut yang saya pelajari tentang alasan game-game ini berhasil dan cara Anda dapat merancangnya.</p>
<h2>Game yang Mendefinisikan 2025</h2>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Am4gM4b2UHw" title="Trailer Lethal Company" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Lethal Company</strong> (2023) memulai gelombang ini. Developer solo Zeekerss membuat game horor co-op tempat Anda mengumpulkan barang rongsokan dari fasilitas terbengkalai sambil menghindari monster. Game ini terjual jutaan kopi dan melahirkan sebuah genre baru.</p>
<p><a href="https://store.steampowered.com/app/1966720/Lethal_Company/" target="_blank" class="campaign-link">Lihat Lethal Company di Steam →</a></p>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/oSfoK8eSeD8" title="Trailer Rilis R.E.P.O." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>R.E.P.O.</strong> (2025) mengambil formula tersebut dan membuatnya lebih konyol. Avatar robot. Fisika yang dilebih-lebihkan. Para pemain bersumpah bahwa game ini &quot;begitu lucu sampai sulit merasa takut.&quot; Game ini menjadi salah satu game co-op terbesar pada 2025. Ketika Steam menerbitkan daftar game terlaris akhir tahunnya pada Desember 2025, R.E.P.O. menjadi game baru dengan penjualan unit terbanyak tahun itu, tepat diikuti oleh Peak. Game co-op friend slop langsung merebut posisi teratas, mengalahkan rilisan beranggaran besar yang biaya pembuatannya lima kali lipat.</p>
<p><a href="https://store.steampowered.com/app/3241660/REPO/" target="_blank" class="campaign-link">Lihat R.E.P.O. di Steam →</a></p>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/6BCdx7I1gz8" title="Penjelasan Peak" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Peak</strong> (2025) membuktikan bahwa formula ini juga berhasil di luar genre horor. Mendaki gunung bersama teman. Terjatuh. Tertawa. Mencoba lagi. Terjual 11 juta kopi. Game ini dibuat dalam <a href="https://www.pcgamer.com/games/sim/peak-devs-say-the-hit-comedy-climber-was-pitched-in-a-swedish-hot-tub-and-developed-in-a-frantic-4-week-korean-game-jam-we-brought-our-computers-to-an-airbnb-in-hongdae-and-locked-tf-in-for-a-month/">4 minggu selama sebuah game jam di Korea Selatan</a>, saat tim Landfall dan Aggro Crab berbagi Airbnb di distrik Hongdae, Seoul.</p>
<p>Peak terus menambahkan konten gratis setelah peluncuran, menghadirkan bioma Mesa baru secara bergilir pada Agustus 2025 dan mengadakan konser dalam game untuk waktu terbatas bersama rapper bbno$ pada Desember 2025. Game jam beranggaran rendah ini menjadi layanan live dalam segala hal kecuali namanya.</p>
<p><a href="https://store.steampowered.com/app/3527290/PEAK/" target="_blank" class="campaign-link">Lihat Peak di Steam →</a></p>
<h2>Prinsip Utama Desain</h2>
<p>Setelah mempelajari game-game ini dan membaca wawancara para developernya, berikut kesamaan yang mereka miliki:</p>
<h3>1. Hambatan Masuk yang Rendah</h3>
<div class="stat-box">
<strong>$8 atau kurang</strong><br>
Teori harga Peak: "Delapan dolar masih terasa seperti lima dolar. Belum terasa seperti sepuluh dolar."
</div>
<p>Harga game-game ini di bawah $20. Sebagian besar bahkan di bawah $10. Peak diluncurkan dengan harga $5, lalu menjadi $8. Para developernya memiliki teori lengkap tentang psikologi harga: &quot;Delapan dolar masih terasa seperti lima dolar. Tiga dolar terasa seperti dua dolar. Dua dolar pada dasarnya gratis.&quot;</p>
<p>Namun, ini bukan sekadar soal harga. Game-game tersebut mudah dipelajari. Anda tidak memerlukan pengalaman bermain game sebelumnya. Anda tidak perlu memahami sistem yang rumit. Teman-teman Anda yang bukan gamer pun bisa ikut bermain.</p>
<h3>2. Kegagalan Itu Lucu</h3>
<p>Di Peak, saya belum pernah bertahan hingga akhir sesi permainan. Namun, saya tetap terus bermain.</p>
<p>Momen paling menghibur bukanlah kemenangan. Melainkan melihat teman Anda gagal melompat dan jatuh dari gunung. Memakan makanan beracun. Dikejar oleh pemimpin pramuka.</p>
<p>Rancang kondisi kegagalan yang lucu. Buat kematian tetap menarik untuk ditonton. Biarkan para pemain saling menertawakan.</p>
<h3>3. Obrolan Jarak Dekat</h3>
<p>Hampir setiap game friend slop yang sukses memiliki obrolan suara berbasis jarak. Suara Anda semakin pelan saat menjauh dari rekan satu tim. Mulut karakter tersinkronisasi dengan ucapan Anda.</p>
<p>Hal ini menciptakan komedi secara alami. Seseorang berteriak meminta bantuan dari kejauhan. Percakapan berbisik. Kepanikan saat menyadari bahwa Anda telah berjalan terlalu jauh sendirian.</p>
<h3>4. Fisika Kacau (Disengaja)</h3>
<p>Fisika yang goyah dan tidak dapat diprediksi itu bukan bug. Itu adalah fitur.</p>
<p>Ketika karakter Anda tiba-tiba menjadi ragdoll, itu lucu. Ketika objek memantul dengan cara aneh, hal itu menciptakan cerita. Kekacauan teknis tersebut adalah kontennya.</p>
<h3>5. Momen yang Layak Dibagikan</h3>
<p>Game-game ini dirancang untuk menghasilkan klip. Twitch. TikTok. YouTube Shorts.</p>
<p>Setiap sesi menghasilkan momen yang layak dibagikan. Algoritma menyukainya. Para pemain menjadi pemasar tanpa menyadarinya.</p>
<h2>Perbedaannya dari Game Co-op Tradisional</h2>
<table>
<thead>
<tr>
<th>Co-op Tradisional</th>
<th>Friend Slop</th>
</tr>
</thead>
<tbody>
<tr>
<td>Menang adalah tujuan utama</td>
<td>Nongkrong adalah tujuan utama</td>
</tr>
<tr>
<td>Memerlukan keterampilan</td>
<td>Siapa pun bisa bermain</td>
</tr>
<tr>
<td>Mode solo tetap menyenangkan</td>
<td>Mode solo terasa menyedihkan</td>
</tr>
<tr>
<td>Digerakkan oleh cerita</td>
<td>Digerakkan oleh momen</td>
</tr>
<tr>
<td>$40-60</td>
<td>$5-20</td>
</tr>
<tr>
<td>Dipoles sempurna</td>
<td>Sengaja dibuat kacau</td>
</tr>
</tbody>
</table>
<p>Analisis The Verge merangkumnya dengan tepat: &quot;Dalam friend slop, tujuan utamanya adalah humor. Menang hanyalah hal sekunder.&quot;</p>
<h2>Sudut Pandang Kesepian</h2>
<p>Ada satu hal yang dilewatkan para kritikus ketika mereka meremehkan game-game ini sebagai &quot;slop.&quot;</p>
<p>Kita sedang menghadapi epidemi kesepian. Orang-orang terisolasi. Kerja jarak jauh membuat kelompok pertemanan tersebar. Game-game ini memberi orang alasan untuk berkumpul secara virtual. Ini adalah ruang sosial yang tidak menuntut komitmen besar.</p>
<p>Seperti yang dikatakan seorang penulis: &quot;sebuah jalan nyata menuju keselamatan dari masa-masa yang memecah belah dan mengisolasi.&quot;</p>
<p>Itu bukan hal sepele.</p>
<h2>Aspek Ekonomi</h2>
<div class="stat-box">
<strong>4 minggu → 11 juta kopi</strong><br>
Peak dikembangkan selama game jam satu bulan di Korea Selatan.
</div>
<p>Game-game ini murah untuk dibuat. Tim kecil. Siklus pengembangan singkat. Grafis beresolusi rendah yang justru disukai pemain karena memiliki daya tarik tersendiri.</p>
<p>Content Warning dibuat oleh tim kecil dalam waktu minimal. Peak merupakan proyek game jam. R.E.P.O. berasal dari studio yang membuat game eksperimental.</p>
<p>Studio di balik game-game sukses ini tidak melambat. Aggro Crab, salah satu developer Peak, merilis game co-op berikutnya, Crashout Crew, pada 28 Mei 2026. Game ini adalah simulator gudang forklift yang kacau untuk satu hingga empat pemain dan diluncurkan di Steam serta Xbox Game Pass. Resep yang sama: tim kecil, kekacauan berbasis fisika, dan dirancang untuk dimainkan bersama teman.</p>
<p>Perhitungannya masuk akal: investasi rendah, potensi keuntungan tinggi, dan genre yang lebih menghargai keaslian daripada kesempurnaan.</p>
<h2>Contoh Terkemuka</h2>
<p><strong>Game Wajib:</strong></p>
<ul>
<li>Among Us (2018) - prototipenya</li>
<li>Phasmophobia (2020) - berburu hantu dengan obrolan jarak dekat</li>
<li>Lethal Company (2023) - penentu genre</li>
<li>Content Warning (2024) - merekam monster demi jumlah tayangan</li>
<li>Peak (2025) - kekacauan mendaki</li>
<li>R.E.P.O. (2025) - ekstraksi horor yang konyol</li>
<li>Crashout Crew (2026) - kekacauan co-op forklift dari Aggro Crab, salah satu developer Peak</li>
<li>Gamble With Your Friends (2026) - game pesta yang terjual satu juta kopi pada minggu pertamanya, membuktikan bahwa genre ini terus melaju hingga 2026</li>
</ul>
<p><strong>Eksperimen:</strong></p>
<ul>
<li>Guilty as Sock! - drama ruang sidang dengan boneka kaus kaki</li>
<li>Mage Arena - $2.99, melontarkan mantra dengan berteriak</li>
<li>Lockdown Protocol - Among Us bertemu simulator pekerjaan rumah</li>
<li>YAPYAP - para penyihir merusak sebuah menara</li>
</ul>
<h2>Mengapa Game Web Sangat Cocok</h2>
<p>Di sinilah hal ini menjadi menarik bagi developer game berbasis browser.</p>
<p>Game friend slop memiliki dua persyaratan: hambatan masuk yang rendah dan multiplayer instan. Game web memenuhi keduanya dengan sempurna.</p>
<p>Tanpa unduhan. Tanpa instalasi. Bagikan tautan, dan semua orang sudah bermain dalam 30 detik. Itulah kondisi ideal untuk game co-op.</p>
<p>Tantangan teknisnya—multiplayer WebSocket, sinkronisasi fisika, dan obrolan suara—dapat diatasi. Ada alasan kami menyediakan <a href="/id/tutorials/websocket-multiplayer-basics">tutorial WebSocket</a>.</p>
<p>Pertanyaan yang lebih besar adalah soal desain. Bisakah Anda menciptakan momen yang layak dibagikan? Bisakah Anda membuat kegagalan terasa lucu? Bisakah Anda memberi teman-teman alasan untuk berkumpul di dalam game Anda?</p>
<h2>Jika Anda Sedang Membuatnya</h2>
<p><strong>Mulailah dengan loop sosial.</strong> Apa yang akan dibicarakan pemain setelahnya? Cerita apa yang akan mereka sampaikan? Rancang game untuk menciptakan momen-momen tersebut.</p>
<p><strong>Terima kekacauannya.</strong> Anda tidak memerlukan kesempurnaan kelas AAA. Pemain lebih menyukai daya tarik yang khas. Ragdoll adalah teman Anda.</p>
<p><strong>Tetapkan harga rendah.</strong> $5-10 adalah kisaran ideal. Anda ingin seluruh anggota kelompok pertemanan membelinya. Empat kopi seharga $8 lebih baik daripada satu kopi seharga $30.</p>
<p><strong>Tambahkan obrolan jarak dekat.</strong> Fitur ini praktis wajib ada. Pemain kini mengharapkannya.</p>
<p><strong>Buat game mudah dijadikan klip.</strong> Jika tidak ada yang membagikan klip game Anda, Anda kehilangan pemasaran gratis.</p>
<p><strong>Uji dengan kelompok pertemanan sungguhan.</strong> Pengujian solo tidak akan memberi tahu Anda apakah dinamika sosialnya berfungsi.</p>
<p>Game yang menang bukanlah yang paling sempurna. Melainkan game yang memberi teman-teman alasan untuk tertawa bersama.</p>
<hr>
<h2>Pertanyaan Umum</h2>
<h3>Apa yang membuat sebuah game co-op bagus?</h3>
<p>Game co-op terbaik menciptakan situasi ketika para pemain saling membutuhkan, tetapi juga saling menghalangi. Anda memerlukan momen-momen kacau yang berubah menjadi cerita untuk diceritakan kembali nantinya. Batas keterampilan awal yang rendah membantu karena tidak ada yang ingin menjadi teman yang tidak bisa memahami kontrol. Kondisi kegagalan yang lucu lebih penting daripada yang Anda kira. Ketika kekalahan tetap menghibur, orang akan terus bermain. Obrolan suara berbasis jarak menambahkan lapisan pengalaman yang tidak dapat ditiru oleh obrolan teks. Selain itu, pertahankan durasi sesi tetap singkat, sekitar 15 hingga 30 menit, agar orang dapat memainkan beberapa ronde dalam satu malam tanpa terasa seperti sebuah komitmen.</p>
<h3>Mengapa game co-op begitu populer saat ini?</h3>
<p>Beberapa hal terjadi secara bersamaan. Lethal Company membuktikan pada 2023 bahwa seorang developer solo dapat membuat game co-op dan menjual jutaan kopi. Kemudian, Peak mencapai 11 juta kopi pada 2025 sebagai game yang bermula dari proyek game jam. Aspek ekonominya menjadi sulit diabaikan. Game-game ini murah untuk dibuat, menyebar dengan sangat cepat melalui kelompok pertemanan, dan menghasilkan klip yang menjadi viral di media sosial. Genre &quot;friend slop&quot;, sebagaimana orang menyebutnya, lebih menghargai keaslian daripada kesempurnaan. Anda tidak memerlukan studio besar atau anggaran besar. Anda memerlukan momen lucu dan teman-teman yang ingin membagikannya.</p>
<h3>Bisakah Anda membuat game co-op untuk browser?</h3>
<p>Tentu saja. Game browser sebenarnya sangat cocok untuk co-op karena hambatan terbesar dalam bermain bersama teman adalah memastikan semuanya siap. Dengan game web, Anda cukup membagikan tautan dan semua orang langsung masuk. Tanpa unduhan, tanpa perbedaan versi, tanpa &quot;tunggu, aku harus memperbaruinya dahulu.&quot; Komponen teknisnya—multiplayer WebSocket, sinkronisasi fisika, bahkan obrolan suara dasar melalui WebRTC—semuanya dapat dibuat di browser. Kami memiliki <a href="/id/tutorials/websocket-multiplayer-basics">tutorial multiplayer WebSocket</a> yang membahas aspek jaringannya.</p>
<hr>
<p><strong>Terkait:</strong></p>
<ul>
<li><a href="/id/tutorials/websocket-multiplayer-basics">Dasar-Dasar Multiplayer WebSocket</a></li>
<li><a href="/id/guides/steam-next-fest-strategy">Strategi Steam Next Fest</a></li>
<li><a href="/id/guides/kickstarter-for-indie-games">Kickstarter untuk Game Indie</a></li>
<li><a href="/id/tutorials/gamepad-api">Gamepad API</a> — co-op lokal dengan beberapa kontroler</li>
<li><a href="/id/guides/game-jams-hackathons">Game Jam &amp; Hackathon</a> — game co-op dari game jam memperoleh lebih banyak penilaian dan dibagikan lebih sering</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a> — game co-op browser berkembang pesat di <a href="http://itch.io">itch.io</a></li>
</ul>
<p><BuildCta
  title="Buat prototipe ide co-op Anda sendiri"
  desc="Mulailah dengan mekanisme inti dua karakter dan uji loop teka-tekinya."
  prompt="Buat game teka-teki tempat saya mengendalikan dua karakter dan berganti di antara keduanya untuk menekan sakelar" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Kickstarter untuk Game Indie pada 2026]]></title>
            <link>https://app.cinevva.com/id/guides/kickstarter-for-indie-games</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/kickstarter-for-indie-games</guid>
            <pubDate>Mon, 26 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Apa yang sebenarnya ditunjukkan oleh data, siapa yang berhasil, siapa yang gagal, dan apakah urun dana masuk akal untuk game Anda.]]></description>
            <content:encoded><![CDATA[<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.campaign-link {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: var(--vp-c-brand-1);
  color: white !important;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  margin: 0.5rem 0 1.5rem;
}
.campaign-link:hover {
  background: var(--vp-c-brand-2);
}
</style>
<h1>Kickstarter untuk Game Indie pada 2026</h1>
<p>Mari kita bahas apa yang sebenarnya terjadi dengan urun dana game saat ini, karena kesannya tidak sesuai dengan data.</p>
<p>Masa keemasannya sudah berakhir. Pada 2013, video game menggalang $51 juta di Kickstarter. Pada 2024, jumlahnya turun menjadi $25,2 juta dari jumlah kampanye yang kurang lebih sama. Kuenya menyusut separuh, tetapi jumlah orang yang memperebutkan potongannya hampir tidak berubah. Itulah perhitungan yang akan Anda hadapi.</p>
<p>Meski begitu, developer terus beralih ke Kickstarter. Penerbit mengatakan tidak. Investor menjadi waswas akibat gelombang PHK. Sekitar 15.000 pekerjaan di industri game lenyap pada 2024 saja, dan para pelacak mencatat bahwa jumlah sebenarnya kemungkinan lebih tinggi karena tidak semua pemangkasan dilaporkan. Bagi banyak tim, urun dana bukan lagi Rencana A. Ini adalah cadangan ketika semua opsi lain gagal.</p>
<h2>Dua Kisah dari 2025</h2>
<h3>Yang Berhasil</h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/mrvpsBjg4nI" title="Trailer Elestrals Awakened" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Elestrals Awakened</strong> menggalang lebih dari $1,3 juta dari lebih dari 9.000 pendukung, menjadikannya video game dengan pendanaan terbesar di Kickstarter pada 2025. Siapa tim di baliknya? Seorang mantan komentator Pokemon Championship dengan hampir satu juta pelanggan YouTube, serta dua Kickstarter sukses yang sudah mereka jalankan (sebuah game kartu koleksi dan versi digitalnya). Mereka memiliki audiens. Mereka memiliki rekam jejak. Mereka telah membangun komunitas selama bertahun-tahun sebelum meminta uang.</p>
<p><a href="https://www.kickstarter.com/projects/elestrals/elestrals-awakened" target="_blank" class="campaign-link">Lihat Kickstarter Elestrals Awakened →</a></p>
<h3>Yang Tidak Berhasil</h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/dAzaaBUqki4" title="Trailer Alzara Radiant Echoes" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Alzara: Radiant Echoes</strong> menggalang €300.000 dari lebih dari 5.000 pendukung pada 2024. Salah satu kampanye video game dengan pendukung terbanyak pada tahun itu. Studionya, Camelia, ditutup pada April 2025. Tidak ada game. Tidak ada pengembalian dana. Tim tersebut memiliki demo yang bisa dimainkan, anggota senior, separuh pendanaan yang sudah terjamin, dan keberhasilan Kickstarter sebagai bukti minat pasar. Mereka melakukan presentasi di Tokyo Game Show, DICE, dan setiap acara industri yang bisa mereka temukan. Tidak ada yang tertarik.</p>
<blockquote>
<p>&quot;Ini merupakan bagian dari kenyataan pahit industri ini. Terkadang, bahkan konsep game yang menjanjikan dengan minat pasar yang sudah terbukti dan tim yang kuat pun tidak cukup.&quot;</p>
<p>— Studio Camelia, pembaruan terakhir kepada para pendukung</p>
</blockquote>
<p><a href="https://www.kickstarter.com/projects/studiocamelia/seed-a-vibrant-tribute-to-jrpg-classics" target="_blank" class="campaign-link">Lihat Kickstarter Alzara (diarsipkan) →</a></p>
<p>Dua kampanye. Keduanya &quot;sukses&quot; menurut definisi Kickstarter. Salah satunya tidak menghasilkan apa pun. Perbedaannya bukan pada uang yang digalang. Perbedaannya adalah segala hal yang terjadi sebelumnya.</p>
<h2>Angka-Angka yang Penting</h2>
<p>Data dari 17.000 kampanye Kickstarter sejak 2009 menunjukkan gambaran yang jelas:</p>
<p><strong>Besarnya target memprediksi keberhasilan.</strong> Tidak satu pun dari 15 kampanye yang menargetkan $2,5 juta atau lebih berhasil. Namun, game dengan target di bawah $500 ribu sering kali melampaui target. Shenmue 3 meminta $2 juta dan mendapatkan $6,3 juta. Bloodstained meminta $500 ribu dan mendapatkan $5,5 juta. Tetapkan target yang dapat didukung bersama oleh orang-orang, lalu lampaui dengan jauh.</p>
<p><strong>Waktu peluncuran berpengaruh.</strong> Desember adalah bulan terburuk untuk meluncurkan kampanye (tingkat keberhasilan 28%). Februari adalah yang terbaik (35%). Rata-rata keseluruhannya adalah 32%. Ya, dua pertiga kampanye gagal.</p>
<p><strong>Sebagian besar uang berasal dari kampanye berskala sederhana.</strong> Sebanyak 81,8% dari seluruh dana yang digalang berasal dari kampanye dengan target $500 ribu atau kurang. Sebanyak 68,1% berasal dari kampanye di bawah $250 ribu. Kampanye raksasa memang menjadi berita utama, tetapi kampanye berskala menengahlah yang benar-benar mendapatkan pendanaan.</p>
<p>Angka tahun 2025 kini telah tersedia, dan menunjukkan gambaran yang lebih kompleks daripada tren penurunan jangka panjang. Video game mencatat 443 kampanye sukses pada 2025, dengan dana yang digalang hanya sedikit di bawah sekitar $26 juta pada 2024. Perubahan menarik terjadi di tingkat teratas: 11 kampanye melampaui $500.000, jumlah terbanyak dalam kategori tersebut sejak 2015 dan lebih dari dua kali lipat jumlah pada 2024. Total dananya tidak bertambah, tetapi kampanye besar yang dipersiapkan dengan baik mulai kembali.</p>
<h2>Apa yang Sebenarnya Bisa Anda Dapatkan dengan $50.000</h2>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/BoqbkWJqlVY" title="Trailer Kickstarter Space Chef" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>Berikut adalah evaluasi pascaproyek dari tim <strong>Space Chef</strong>, yang menggalang $50.000 dari 1.119 pendukung:</p>
<blockquote>
<p>&quot;Untuk mendapatkan $50.000, kami harus menghabiskan lebih dari $20.000 untuk pemasaran, iklan, dan kreator. Trailernya membutuhkan waktu 3 bulan untuk dibuat. Kickstarter bukan uang gratis. Ini adalah komitmen bertahun-tahun kepada ratusan orang.&quot;</p>
</blockquote>
<p>Perhitungan mereka:</p>
<table>
<thead>
<tr>
<th>Komponen</th>
<th>Jumlah</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dana yang digalang</td>
<td>$50.000</td>
</tr>
<tr>
<td>Pemasaran</td>
<td>-$20.000</td>
</tr>
<tr>
<td>Biaya &amp; pajak</td>
<td>-$4.000</td>
</tr>
<tr>
<td><strong>Tersisa untuk pengembangan</strong></td>
<td><strong>$26.000</strong></td>
</tr>
</tbody>
</table>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 380" role="img" aria-label="Alokasi dana 50.000 dolar yang digalang di Kickstarter: 50.000 dolar berhasil digalang, dikurangi 20.000 untuk pemasaran, dikurangi 4.000 untuk biaya dan pajak, menyisakan 26.000 dolar untuk pengembangan" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="380" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Alokasi sebenarnya dari dana $50.000</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Space Chef, $50.000 dari 1.119 pendukung. Sumber: evaluasi pascaproyek developer.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="11" fill="#5b6472">
    <g stroke="#ffffff" stroke-opacity="0.07">
      <line x1="70" y1="100" x2="690" y2="100"/>
      <line x1="70" y1="140" x2="690" y2="140"/>
      <line x1="70" y1="180" x2="690" y2="180"/>
      <line x1="70" y1="220" x2="690" y2="220"/>
      <line x1="70" y1="260" x2="690" y2="260"/>
    </g>
    <line x1="70" y1="300" x2="690" y2="300" stroke="#ffffff" stroke-opacity="0.16"/>
    <text x="60" y="104" text-anchor="end">$50k</text>
    <text x="60" y="144" text-anchor="end">$40k</text>
    <text x="60" y="184" text-anchor="end">$30k</text>
    <text x="60" y="224" text-anchor="end">$20k</text>
    <text x="60" y="264" text-anchor="end">$10k</text>
    <text x="60" y="304" text-anchor="end">$0</text>
  </g>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g stroke="#9aa7b4" stroke-opacity="0.45" stroke-dasharray="4 4">
      <line x1="200" y1="100" x2="250" y2="100"/>
      <line x1="360" y1="180" x2="410" y2="180"/>
      <line x1="520" y1="196" x2="570" y2="196"/>
    </g>
    <rect x="90" y="100" width="110" height="200" rx="6" fill="#7dd3fc"/>
    <rect x="250" y="100" width="110" height="80" rx="6" fill="#fb7185"/>
    <rect x="410" y="180" width="110" height="16" rx="4" fill="#fb7185"/>
    <rect x="570" y="196" width="110" height="104" rx="6" fill="#6ee7b7"/>
    <g text-anchor="middle" font-weight="800" font-size="14">
      <text x="145" y="92" fill="#7dd3fc">$50.000</text>
      <text x="305" y="92" fill="#fb7185">&#8722;$20.000</text>
      <text x="465" y="172" fill="#fb7185">&#8722;$4.000</text>
      <text x="625" y="188" fill="#6ee7b7">$26.000</text>
    </g>
    <g text-anchor="middle" font-size="12.5" font-weight="700" fill="#e8edf5">
      <text x="145" y="322">Dana digalang</text>
      <text x="305" y="322">Pemasaran</text>
      <text x="465" y="322">Biaya &amp; pajak</text>
      <text x="625" y="322">Untuk pengembangan</text>
    </g>
  </g>
</svg>
<p>Dengan tarif $20/jam, jumlah itu setara dengan 1.300 jam. Sekitar 32 minggu. Sama sekali tidak cukup untuk menyelesaikan game mereka.</p>
<p>Pada akhirnya, mereka mendapatkan investasi dari penerbit untuk menyelesaikannya. Kickstarter tidak mendanai game tersebut. Kickstarter membuktikan bahwa game itu layak didanai.</p>
<p><a href="https://www.kickstarter.com/projects/bluegoogames/space-chef" target="_blank" class="campaign-link">Lihat Kickstarter Space Chef →</a></p>
<h2>Kapan Kickstarter Masuk Akal</h2>
<p>Kickstarter efektif ketika Anda menggunakannya untuk validasi, bukan sebagai penyelamat.</p>
<p><strong>Alasan yang baik untuk menjalankan kampanye:</strong></p>
<ul>
<li>Anda memiliki audiens yang sudah meminta game Anda</li>
<li>Anda memerlukan bukti permintaan pasar untuk menarik penerbit</li>
<li>Anda ingin membangun komunitas yang secara harfiah berinvestasi dalam keberhasilan Anda</li>
<li>Anda memiliki rekam jejak (game sebelumnya, proyek sukses, keahlian yang terlihat)</li>
</ul>
<p><strong>Alasan yang buruk:</strong></p>
<ul>
<li>Anda membutuhkan uang untuk memulai pengembangan</li>
<li>Anda belum memiliki audiens</li>
<li>Anda berharap kampanye itu sendiri akan membangun kesadaran</li>
<li>Anda tidak mampu menanggung kegagalan</li>
</ul>
<h2>Kenyataan Pahit</h2>
<p><strong>Anda mungkin tidak bisa menyelesaikan game hanya dengan uang Kickstarter.</strong> Sebagian besar kampanye sukses hanya menutup 25–50% dari biaya pengembangan sebenarnya. Sisanya berasal dari penerbit, hibah, tabungan, atau pekerjaan utama.</p>
<p><strong>Pendukung Anda tidak bisa mendapatkan pengembalian dana jika Anda gagal.</strong> Mereka mengetahui hal ini. Mereka semakin skeptis terhadap kreator pemula. Studio yang sudah merilis game atau memiliki rekam jejak terbukti mendapatkan lebih banyak kepercayaan.</p>
<p><strong>Menjalankan kampanye adalah pekerjaan penuh waktu.</strong> Pembaruan setiap beberapa hari. Pesan dari pendukung. Menjangkau pers. Merencanakan target tambahan. Media sosial. Selama lebih dari 30 hari, Anda tidak membuat game. Anda memasarkannya.</p>
<p><strong>Tingkat keberhasilannya 32%.</strong> Artinya, 68% kampanye gagal. Jika meluncurkan kampanye tanpa persiapan, Anda hampir pasti termasuk dalam 68% tersebut.</p>
<h2>Jika Anda Masih Ingin Melanjutkan</h2>
<p>Lakukan ini sebelum meluncurkan kampanye:</p>
<ol>
<li>
<p><strong>Bangun audiens Anda terlebih dahulu.</strong> Kumpulkan 1.000–2.000 orang yang benar-benar menginginkan game Anda. Discord, milis, pengikut media sosial. Apa pun yang efektif.</p>
</li>
<li>
<p><strong>Miliki sesuatu yang bisa dimainkan.</strong> Demo, vertical slice, apa pun. Pemain sudah terlalu sering dikecewakan. Menunjukkan hasil lebih baik daripada memberi janji.</p>
</li>
<li>
<p><strong>Tetapkan target yang benar-benar bisa Anda capai.</strong> Mintalah jumlah yang dibutuhkan untuk menyelesaikannya, bukan jumlah yang ingin Anda miliki. Raih pendanaan dengan cepat, lalu kejar target tambahan.</p>
</li>
<li>
<p><strong>Rencanakan pekerjaan setelahnya.</strong> Pembaruan. Pemenuhan imbalan. Pengembangan bertahun-tahun dengan orang-orang yang terus mengawasi. Ini bukan transaksi. Ini adalah hubungan.</p>
</li>
</ol>
<p>Tim yang berhasil memperlakukan Kickstarter sebagai awal percakapan, bukan akhir dari masalah penggalangan dana. Yang lainnya memperlakukannya seperti tiket lotre.</p>
<p>Jangan menjadi tiket lotre.</p>
<hr>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Kickstarter masih layak untuk game indie?</h3>
<p>Itu bergantung pada apa yang Anda miliki. Jika Anda mempunyai audiens, demo yang bisa dimainkan, dan ekspektasi realistis, Kickstarter dapat berhasil. Tingkat keberhasilan kampanye video game berada di kisaran 32%, yang bukan peluang bagus. Namun, tim dengan komunitas yang sudah ada dan rekam jejak sebelumnya meraih hasil yang jauh lebih baik daripada rata-rata tersebut. Pertanyaan sebenarnya adalah apakah Anda sudah melakukan persiapannya. Jika Anda meluncurkan kampanye dari nol tanpa pengikut, peluang Anda sangat kecil.</p>
<h3>Berapa banyak uang yang digalang game indie di Kickstarter?</h3>
<p>Total dana untuk video game di Kickstarter terus menyusut. Jumlahnya mencapai puncak sekitar $51 juta pada 2013 dan turun menjadi sekitar $25,2 juta pada 2024. Sebagian besar kampanye sukses menggalang antara $10.000 dan $50.000. Hal yang sering dilupakan orang adalah seberapa banyak dana tersebut akan terpotong. Kickstarter mengambil sekitar 5%, pemrosesan pembayaran mengambil 3–5% lagi, lalu ada pemenuhan imbalan, pengiriman, dan pajak. Kampanye yang menggalang $50.000 mungkin hanya menyisakan $26.000 sebagai dana yang benar-benar bisa digunakan.</p>
<h3>Berapa persentase Kickstarter game yang gagal?</h3>
<p>Sekitar 68% kampanye video game di Kickstarter tidak mencapai target pendanaan. Angka tersebut cukup konsisten selama bertahun-tahun. Kampanye yang gagal biasanya memiliki beberapa kesamaan: tidak ada audiens yang sudah terbentuk, tidak ada demo yang bisa dimainkan, target pendanaan tidak realistis, atau diluncurkan pada periode yang padat tanpa cara untuk tampil menonjol.</p>
<hr>
<p><strong>Terkait:</strong></p>
<ul>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a></li>
<li><a href="/id/guides/game-jams-hackathons">Panduan Game Jam &amp; Hackathon</a></li>
<li><a href="/id/guides/steam-next-fest-strategy">Strategi Steam Next Fest</a> — membangun wishlist sebelum dan selama urun dana</li>
<li><a href="/id/guides/co-op-game-design">Desain Game Co-op</a> — game co-op mendorong pembagian organik di media sosial yang membantu kampanye</li>
</ul>
<p><BuildCta
  title="Pendukung mendanai yang bisa dimainkan, bukan yang baru dijanjikan"
  desc="Tautan demo langsung dalam presentasi Anda lebih meyakinkan daripada concept art."
  prompt="Buat level teaser yang bisa dimainkan untuk game eksplorasi yang nyaman" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Strategi Steam Next Fest pada 2026]]></title>
            <link>https://app.cinevva.com/id/guides/steam-next-fest-strategy</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/steam-next-fest-strategy</guid>
            <pubDate>Mon, 26 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Apa kata data tentang wishlist, demo, dan pemilihan waktu untuk Steam Next Fest, berdasarkan angka nyata dari lebih dari 200 game serta faktor yang benar-benar mendorong visibilitas.]]></description>
            <content:encoded><![CDATA[<style>
.video-embed {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 1.5rem 0;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.campaign-link {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: var(--vp-c-brand-1);
  color: white !important;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  margin: 0.5rem 0 1.5rem;
}
.campaign-link:hover {
  background: var(--vp-c-brand-2);
}
.stat-box {
  background: var(--vp-c-bg-soft);
  border-radius: 8px;
  padding: 1rem 1.5rem;
  margin: 1rem 0;
}
.stat-box strong {
  color: var(--vp-c-brand-1);
  font-size: 1.5rem;
}
</style>
<h1>Strategi Steam Next Fest pada 2026</h1>
<p><em>Terakhir diperbarui: Juli 2026.</em></p>
<div class="stat-box">
<strong>Kalender 2026</strong><br>
Next Fest Juni 2026 berlangsung pada 15–22 Juni dan mencetak rekor dengan hampir 5.000 demo yang dapat dimainkan (<a href="https://partner.steamgames.com/doc/marketing/upcoming_events/nextfest/2026june" target="_blank">Steamworks</a>), yang makin menegaskan poin di bawah ini: di tengah persaingan sepadat itu, demo yang berhasil menonjol adalah demo yang sudah datang dengan audiens. Edisi berikutnya, <a href="https://partner.steamgames.com/doc/marketing/upcoming_events/nextfest/2026october" target="_blank">Oktober 2026</a>, berlangsung pada 19–26 Oktober. Ingat, sebuah game hanya boleh mengikuti satu Next Fest untuk selamanya, jadi pilih edisi yang sesuai dengan jadwal perilisan Anda.
</div>
<p>Begini masalahnya dengan Next Fest: semua orang memperlakukannya seperti lotre. Masukkan demo, silangkan jari, lalu berharap algoritma berpihak kepada Anda. Bukan begitu cara kerjanya.</p>
<p>Saya membaca laporan pascarilis secara obsesif. Ratusan laporan dari 2025 saja. Polanya begitu konsisten sampai nyaris membosankan: game yang &quot;menang&quot; di Next Fest bukan baru menemukan kesuksesan selama festival. Mereka memperbesar momentum yang sudah dibangun sebelumnya.</p>
<p>Mari saya tunjukkan maksudnya.</p>
<h2>Rumus yang Tidak Ingin Didengar Siapa Pun</h2>
<div class="stat-box">
<strong>Wishlist Sebelum Festival × 2 = Wishlist yang Diperoleh</strong><br>
Rasio ini muncul berulang kali dalam berbagai laporan pascarilis.
</div>
<p>Eilean Mor memasuki Oktober 2025 dengan 2.117 wishlist. Game ini memperoleh 2.082 selama festival. Hampir tepat 2×.</p>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/jFv7SjsQEws" title="Trailer Eilean Mor: The Lost Keepers" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>Dice of Kalma masuk dengan 335 wishlist. Game ini memperoleh 659. Sedikit di bawah 2×. Pengembangnya menulis: &quot;Wishlist kami hampir tiga kali lipat, dan itu luar biasa, tetapi masih banyak pekerjaan yang harus kami lakukan.&quot;</p>
<p>Itulah kenyataan yang tidak nyaman. Next Fest menggandakan apa yang sudah Anda miliki. Jika Anda tidak punya apa-apa, yang digandakan pun tetap tidak ada.</p>
<p><a href="https://store.steampowered.com/app/3871570/Eilean_Mor_The_Lost_Keepers/" target="_blank" class="campaign-link">Lihat Eilean Mor di Steam →</a></p>
<h2>Jurang 2.000 Wishlist</h2>
<p>Data dari 208 game pada Februari 2025 menunjukkan titik perubahan tajam pada angka 2.000 wishlist.</p>
<table>
<thead>
<tr>
<th>Wishlist Awal</th>
<th>Yang Terjadi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Di bawah 1.000</td>
<td>Anda tidak terlihat setelah hari ke-2. Tidak ada satu pun game yang naik tingkat.</td>
</tr>
<tr>
<td>1.000–2.000</td>
<td>Kenaikan sedang. Anda tetap di kelas yang sama.</td>
</tr>
<tr>
<td>2.000+</td>
<td>Algoritma mulai membantu Anda. Momentum nyata menjadi mungkin.</td>
</tr>
<tr>
<td>10.000+</td>
<td>Tingkat emas. Kemungkinan besar memperoleh kenaikan kuat.</td>
</tr>
<tr>
<td>100.000+</td>
<td>Tingkat berlian. Anda bersaing memperebutkan posisi di tangga teratas.</td>
</tr>
</tbody>
</table>
<p>Berikut perkataan seorang pengembang dari survei tersebut: &quot;Anda benar-benar mulai melihat bagaimana perolehan wishlist sebuah game melesat pada game yang sudah memiliki lebih dari 2.000 wishlist sebelum Steam Next Fest.&quot;</p>
<p>Sebenarnya ini bukan semata-mata soal algoritma. Ini soal validasi. Memiliki 2.000 wishlist berarti Anda sudah menemukan sesuatu yang efektif dalam pemasaran. Anda tahu cara menjangkau orang. Keahlian itu menghasilkan efek berlipat selama festival.</p>
<h2>Hal yang Dikonfirmasi Februari 2026</h2>
<p>Next Fest Februari 2026 (23 Februari hingga 2 Maret) merupakan edisi paling padat saat itu, dengan lebih dari 3.500 demo. Makin banyak pesertanya, makin keras pula data meneriakkan hal yang sama.</p>
<p>How To Market A Game kemudian menyurvei 182 pengembang. Hubungan terkuat dalam data tersebut adalah antara jumlah wishlist sebuah game sebelum festival dan wishlist yang diperolehnya selama acara: analisis independen terhadap data survei menunjukkan korelasi Spearman sebesar 0,825. Sebagai perbandingan, sebagian besar korelasi pemasaran dalam data game indie berada di antara 0,2 dan 0,4. Tidak ada faktor lain yang mendekatinya.</p>
<p>Kesenjangannya brutal. Demo median memperoleh 806 wishlist. Persentil ke-70 mencapai 1.839. Anda membutuhkan 13.461 untuk menembus persentil ke-95, sementara peraih tertinggi memperoleh 57.074. Demo yang diluncurkan tanpa pemanasan dan tanpa basis pengikut kira-kira hanya memiliki peluang 1 banding 20 untuk mencapai 5% teratas. Festival ini menghargai momentum yang Anda bawa. Festival ini tidak menciptakannya.</p>
<p>Data waktu juga mendukung aturan untuk merilis demo lebih awal. Dari game yang memperoleh lebih dari 15.000 wishlist, lima sudah merilis demo berbulan-bulan sebelumnya, empat merilisnya sekitar sebulan sebelumnya, dan hanya satu yang merilis mendadak beberapa hari sebelum festival.</p>
<h2>48 Jam Pertama Menentukan Segalanya</h2>
<p>Valve memberi semua peserta kesempatan pada hari ke-1 dan ke-2. Setelah itu, algoritma memutuskan siapa yang layak mendapatkan visibilitas lebih besar berdasarkan performa.</p>
<p>Game tingkat perunggu? Impresi mereka jatuh dari tebing pada hari ke-3. Game tingkat berlian? Impresi mereka naik tiga kali lipat.</p>
<div class="stat-box">
<strong>Hari ke-1–2:</strong> Kerahkan semuanya. Lakukan siaran langsung. Buat postingan. Berkoordinasilah dengan kreator.<br>
<strong>Hari ke-3 dan seterusnya:</strong> Algoritma sudah mengambil keputusan. Anda tinggal mengikuti arus.
</div>
<h2>Game yang Benar-Benar Menang pada 2025</h2>
<h3>Do No Harm (Februari 2025)</h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/GBlOHAL1LkY" title="Trailer Do No Harm" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Angkanya:</strong> memperoleh 45.655 wishlist selama Next Fest. Memulai dengan 52.102.</p>
<p><strong>Yang mereka lakukan:</strong></p>
<ul>
<li>Trailer dirilis di GameTrailers pada 29 Januari (beberapa minggu sebelum Next Fest)</li>
<li>Penjangkauan PR diatur bertepatan dengan trailer</li>
<li>Demo dirilis pada 4 Februari</li>
<li>Iklan berbayar untuk memperkuat momentum organik</li>
</ul>
<p>Inilah strategi yang harus diikuti. Mereka tidak mengandalkan Next Fest agar ditemukan. Mereka menggunakan Next Fest untuk melipatgandakan perhatian yang sudah diperoleh.</p>
<p><a href="https://store.steampowered.com/app/3138780/Do_No_Harm/" target="_blank" class="campaign-link">Lihat Do No Harm di Steam →</a></p>
<h3>Cairn (Oktober 2025)</h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/x6KWhvvk3bM" title="Trailer Tanggal Rilis Cairn" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>Mencapai peringkat demo ke-5 pada hari pertama. Masuk dalam Sedang Tren Mendatang dan Demo Teratas pada hari ke-2.</p>
<p><strong>Yang mereka lakukan:</strong></p>
<ul>
<li>Demo diluncurkan pada Desember 2024 (10 bulan sebelum Next Fest mereka)</li>
<li>Memiliki 32.000 pengikut sebelum festival</li>
<li>Diterima di 18 festival sebelum Next Fest</li>
<li>The Game Bakers (Furi, Haven) — studio mapan dengan rekam jejak</li>
</ul>
<p>Mereka tidak membutuhkan Next Fest. Namun mereka tetap memanfaatkannya karena acara ini memberikan amplifikasi gratis setelah Anda menyelesaikan pekerjaannya.</p>
<p><a href="https://store.steampowered.com/app/1588550/Cairn/" target="_blank" class="campaign-link">Lihat Cairn di Steam →</a></p>
<h3>YAPYAP (Oktober 2025)</h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/7d8Fd9XXAtQ" title="Gameplay Demo YAPYAP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>Fenomena &quot;friend slop&quot;. Game horor kooperatif yang memungkinkan Anda bermain sebagai penyihir yang merusak sebuah menara. Menjadi viral di media sosial, lalu mendominasi Next Fest.</p>
<p>Trailer mereka dirilis pada 25 Agustus 2025 — satu bulan sebelum Next Fest. Trailer itu meraih 434 ribu tayangan. Itulah titik baliknya. Semua yang terjadi setelahnya hanyalah menunggangi gelombang tersebut.</p>
<p><a href="https://store.steampowered.com/app/3834090/YAPYAP/" target="_blank" class="campaign-link">Lihat YAPYAP di Steam →</a></p>
<h2>Genre yang Terus Menang</h2>
<p>Dari tingkat berlian Februari 2025:</p>
<ul>
<li><strong>Horor</strong> (×2) — Steam menyukai horor. Selalu begitu.</li>
<li><strong>Strategi/Manajemen</strong> (×4) — nuansanya adalah &quot;merakit-membangun-simulasi&quot;</li>
<li><strong>Game kooperatif &quot;friend slop&quot;</strong> — Lethal Company membuka pintu air</li>
<li><strong>Point-and-click</strong> (×2) — tetapi keduanya merupakan sekuel dengan audiens yang sudah ada</li>
</ul>
<p>Hal tentang point-and-click ini menarik. Beholder: Conductor adalah game keempat dalam serinya. Duck Detective adalah sekuel. Keduanya memiliki audiens bawaan. Pengembang point-and-click pemula tidak mendapatkan hasil seperti itu.</p>
<h2>Apa Kata Game-Game Kecil</h2>
<p>Tidak semua orang mengejar tingkat berlian. Berikut laporan pengembang dari skala yang lebih kecil pada Oktober 2025:</p>
<blockquote>
<p>&quot;Tingkat konversi dari kunjungan menjadi wishlist mencapai 62%. Halaman toko itu sendiri tampaknya berfungsi. Namun impresinya tinggi dan orang-orang tidak mengeklik. Gambar kapsul perlu diperbarui.&quot;</p>
</blockquote>
<blockquote>
<p>&quot;Sebanyak 57% pengunjung toko memainkan demo kami. Itu terdengar tinggi, bukan? Namun hanya 15% pemain yang juga memasukkannya ke wishlist. Ada sesuatu yang tidak memenuhi ekspektasi.&quot;</p>
</blockquote>
<blockquote>
<p>&quot;Saya diblokir permanen dari r/cozygames karena bertanya apakah mereka menganggap game kami cozy. Saya selalu berusaha mengikuti aturan, tetapi ini cukup mengejutkan.&quot;</p>
</blockquote>
<p>Perjuangannya nyata. Para pengembang ini menguji gambar kapsul, menyesuaikan tag, dan diblokir dari subreddit. Tidak ada sisi glamornya.</p>
<h2>Strategi yang Apa Adanya</h2>
<p><strong>Beberapa bulan sebelum Next Fest:</strong></p>
<ol>
<li>Rilis demo Anda lebih awal. Jauh lebih awal. Para pemenang sudah merilis demo selama 6–12 bulan.</li>
<li>Ikuti festival genre yang lebih kecil terlebih dahulu. Gunakan sebagai kesempatan untuk memoles game.</li>
<li>Bangun hingga lebih dari 2.000 wishlist. Itulah ambang batas Anda yang sebenarnya.</li>
</ol>
<p><strong>Selama Next Fest:</strong></p>
<ol>
<li>Hari ke-1–2 menentukan keberhasilan atau kegagalan. Kerahkan semuanya.</li>
<li>Lakukan siaran langsung jika bisa. Ini akan ditampilkan sebagai &quot;live&quot; di halaman Anda.</li>
<li>Berkoordinasilah dengan streamer. Bayar mereka jika perlu.</li>
<li>Letakkan demo Anda di halaman Steam terpisah agar dapat mengumpulkan ulasan.</li>
</ol>
<p><strong>Setelah Next Fest:</strong></p>
<ol>
<li>Jangan langsung merilis game. Merilisnya beberapa minggu kemudian justru menghasilkan performa yang lebih baik.</li>
<li>Manfaatkan momentumnya untuk pemasaran perilisan game Anda yang sebenarnya.</li>
</ol>
<h2>Kapan Sebaiknya Tidak Ikut</h2>
<p>Jujur saja: Next Fest bukan untuk semua orang.</p>
<p>Jangan ikut jika:</p>
<ul>
<li>Anda memiliki kurang dari 1.000 wishlist (Anda tidak akan terlihat pada hari ke-3)</li>
<li>Demo Anda belum dipoles (Anda hanya punya satu kesempatan untuk menciptakan kesan pertama)</li>
<li>Ini adalah festival pertama Anda (ikuti festival yang lebih kecil terlebih dahulu)</li>
<li>Anda akan langsung merilis game setelahnya (tunggu beberapa minggu)</li>
</ul>
<p>Ada puluhan festival kecil setiap bulan. Audiensnya lebih terarah. Persaingannya lebih rendah. Lihat daftarnya di <a href="https://howtomarketagame.com/festivals">howtomarketagame.com/festivals</a>.</p>
<p>Next Fest menjadi pilihan standar karena Valve meminta semua orang untuk bergabung. Namun pemasaran terbaik bukanlah aktivitas yang disarankan kepada semua orang.</p>
<hr>
<h2>Pertanyaan Umum</h2>
<h3>Berapa banyak wishlist yang Anda perlukan untuk Steam Next Fest?</h3>
<p>Data menunjukkan sekitar 2.000 wishlist sebagai ambang batas ketika Next Fest mulai menguntungkan Anda. Di bawah angka itu, pada dasarnya Anda tidak akan terlihat pada hari ketiga. Algoritma mengutamakan game yang sudah mendapatkan daya tarik, jadi Anda perlu membawa momentum. Pola kasarnya dari festival Februari 2025 adalah: berapa pun jumlah wishlist Anda sebelum Next Fest, Anda bisa kira-kira menggandakannya selama acara. Jadi, jika masuk dengan 500, Anda mungkin keluar dengan 1.000. Masuk dengan 5.000, Anda bisa mencapai 10.000. Angka awal jauh lebih penting daripada yang disadari kebanyakan orang.</p>
<h3>Kapan sebaiknya Anda merilis demo untuk Steam Next Fest?</h3>
<p>Lebih awal daripada yang mungkin Anda kira. Game dengan performa terbaik dalam festival baru-baru ini sudah merilis demo selama 6 hingga 12 bulan sebelum Next Fest dimulai. Ini memberi Anda waktu untuk mengumpulkan masukan, memperbaiki masalah yang jelas, dan membangun wishlist secara organik sebelum festival melipatgandakan apa pun yang sudah Anda miliki. Merilis demo pada minggu berlangsungnya Next Fest adalah kesalahan umum. Anda bersaing dengan ratusan demo baru lainnya tanpa ulasan, tanpa siklus umpan balik, dan tanpa bekal apa pun.</p>
<h3>Apakah Steam Next Fest layak diikuti oleh game indie kecil?</h3>
<p>Bisa, tetapi hanya jika Anda siap. Game kecil yang masuk dengan kurang dari 1.000 wishlist dan demo yang belum dipoles biasanya cepat terkubur. Festival ini berlangsung selama seminggu dan ada ratusan game yang bersaing mendapatkan perhatian. Jika Anda masih berada di tahap awal pengembangan, festival kecil yang khusus untuk genre tertentu merupakan langkah pertama yang lebih baik. Festival semacam itu memiliki audiens yang lebih terarah dan persaingan yang lebih rendah. Simpan kesempatan mengikuti Next Fest sampai demo Anda benar-benar matang dan Anda sudah memiliki momentum.</p>
<hr>
<p><strong>Terkait:</strong></p>
<ul>
<li><a href="/id/guides/kickstarter-for-indie-games">Kickstarter untuk Game Indie</a></li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a></li>
<li><a href="/id/guides/co-op-game-design">Desain Game Kooperatif</a> — game kooperatif secara konsisten mencatat performa di atas rata-rata pada Next Fest</li>
<li><a href="/id/tutorials/analytics-web-games">Analitik untuk game web</a> — melacak performa demo dan metrik konversi</li>
<li><a href="/id/guides/game-jams-hackathons">Game Jam &amp; Hackathon</a> — membangun audiens sebelum festival pertama Anda</li>
</ul>
<p><BuildCta
  title="Latih daya pikat dalam 30 detik pertama"
  desc="Next Fest menguntungkan demo yang langsung memikat. Buat prototipe daya pikat itu sekarang."
  prompt="Buat level demo yang dapat dimainkan dengan daya pikat dalam 30 detik pertama" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Model AI Generatif Sumber Terbuka Terbaik untuk Game (2026)]]></title>
            <link>https://app.cinevva.com/id/guides/frontier-gen-ai-models</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/frontier-gen-ai-models</guid>
            <pubDate>Sat, 24 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Model AI generatif sumber terbuka terbaik pada 2026 untuk video, gambar, 3D, audio, ucapan, dan simulasi dunia, termasuk keunggulan masing-masing dan biaya untuk menjalankannya.]]></description>
            <content:encoded><![CDATA[<h1>Model AI Generatif Sumber Terbuka Terbaik untuk Game (2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Begini situasi AI generatif. Selama bertahun-tahun, model-model terbaik tersembunyi di balik kunci API dan harga yang tidak dapat diprediksi. Anda membangun alur kerja di sekitar suatu alat, mulai terbiasa, lalu suatu pagi menerima email yang mengatakan bahwa harganya berubah. Atau lebih buruk lagi, perusahaannya beralih haluan sepenuhnya.</p>
<p>Hal itu berubah pada akhir 2024. Tencent, Alibaba, dan DeepSeek mulai merilis model yang benar-benar dapat Anda unduh. Model yang mampu menandingi alternatif tertutup. Dan tiba-tiba, kreator memiliki pilihan yang tidak bergantung pada model bisnis pihak lain.</p>
<p>Bagaimana jika Anda dapat membuat video, aset 3D, musik, dan suara, semuanya menggunakan model yang Anda kendalikan? Kini kita sudah sampai di titik tersebut. Panduan ini membahas apa yang benar-benar tersedia, apa yang berfungsi, dan apa yang dapat mulai Anda gunakan hari ini.</p>
<h2>Pembuatan Video</h2>
<p>Selama bertahun-tahun, pembuatan video identik dengan Runway atau Pika: platform tertutup, biaya langganan, dan batasan atas apa yang dapat Anda lakukan dengan hasilnya. Sekarang? Anda dapat menjalankan model sebanding pada perangkat keras sendiri.</p>
<video controls autoplay loop muted playsinline style="width: 100%; border-radius: 8px;">
  <source src="https://cdn.cinevva.com/video/hunyuanvideo-demo.mp4" type="video/mp4">
</video>
<p><em>Pembuatan teks-ke-video HunyuanVideo, keluaran 720p dari model video sumber terbuka terkemuka</em></p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Organisasi</th>
<th>Parameter</th>
<th>Spesifikasi</th>
<th>Perangkat Keras</th>
<th>Biaya</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/Tencent-Hunyuan/HunyuanVideo"><strong>HunyuanVideo</strong></a></td>
<td>Tencent</td>
<td>13B</td>
<td>720p, teks+gambar</td>
<td>80GB</td>
<td>~$0.20</td>
</tr>
<tr>
<td><a href="https://github.com/Tencent-Hunyuan/HunyuanVideo-1.5"><strong>HunyuanVideo-1.5</strong></a></td>
<td>Tencent</td>
<td>8.3B</td>
<td>480p-1080p, teks+gambar</td>
<td>14GB</td>
<td>~$0.05</td>
</tr>
<tr>
<td><a href="https://github.com/genmoai/mochi"><strong>Mochi 1</strong></a></td>
<td>Genmo</td>
<td>10B</td>
<td>480p@30fps</td>
<td>12GB+</td>
<td>~$0.10</td>
</tr>
<tr>
<td><a href="https://github.com/Lightricks/LTX-Video"><strong>LTX-Video</strong></a></td>
<td>Lightricks</td>
<td>—</td>
<td>768x512, waktu nyata</td>
<td>12GB</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/Lightricks/LTX-2"><strong>LTX-2 / LTX-2.5</strong></a></td>
<td>Lightricks</td>
<td>19B (2) / 22B (2.5)</td>
<td>4K, <strong>audio tersinkronisasi</strong>, multishot di 2.5</td>
<td>Kelas atas</td>
<td>~$0.30</td>
</tr>
<tr>
<td><a href="https://github.com/Wan-Video/Wan2.1"><strong>Wan 2.1</strong></a></td>
<td>Alibaba</td>
<td>1.3-14B</td>
<td>480p-720p</td>
<td>8GB+</td>
<td>~$0.03</td>
</tr>
<tr>
<td><a href="https://github.com/Wan-Video/Wan2.2"><strong>Wan 2.2</strong></a></td>
<td>Alibaba</td>
<td>27B MoE (14B aktif)</td>
<td>720p, MoE</td>
<td>8GB+</td>
<td>~$0.03</td>
</tr>
<tr>
<td><a href="https://huggingface.co/zai-org/CogVideoX1.5-5B"><strong>CogVideoX1.5-5B</strong></a></td>
<td>Tsinghua</td>
<td>5B</td>
<td>1360x768@16fps, hingga 10 dtk</td>
<td>12GB</td>
<td>~$0.04</td>
</tr>
<tr>
<td><a href="https://github.com/SkyworkAI/SkyReels-V3"><strong>SkyReels-V3</strong></a></td>
<td>Skywork</td>
<td>14-19B</td>
<td>Berbasis audio, referensi-ke-video, V2V</td>
<td>Kelas atas</td>
<td>~$0.10</td>
</tr>
<tr>
<td><a href="https://huggingface.co/MiniMaxAI/MiniMax-H3"><strong>MiniMax H3</strong></a></td>
<td>MiniMax</td>
<td>33B</td>
<td>2K, 4-15 dtk, <strong>audio stereo</strong>, hingga 9 gambar referensi</td>
<td>Kelas atas</td>
<td>belum diuji</td>
</tr>
<tr>
<td><a href="https://github.com/stepfun-ai/Step-Video-T2V"><strong>Step-Video-T2V</strong></a></td>
<td>StepFun</td>
<td>30B</td>
<td>T2V terbuka terbesar, 204 frame</td>
<td>Kelas atas</td>
<td>~$0.15</td>
</tr>
<tr>
<td><a href="https://github.com/hpcaitech/Open-Sora"><strong>Open-Sora 2.0</strong></a></td>
<td>HPC-AI</td>
<td>11B</td>
<td>Integrasi Flux</td>
<td>Kelas atas</td>
<td>~$0.20</td>
</tr>
</tbody>
</table>
<p>Bobot: <a href="https://huggingface.co/tencent/HunyuanVideo">HunyuanVideo ↗</a> · <a href="https://huggingface.co/genmo/mochi-1-preview">Mochi 1 ↗</a> · <a href="https://huggingface.co/Wan-AI/Wan2.1-T2V-14B">Wan 2.1 ↗</a> · <a href="https://huggingface.co/hpcai-tech/Open-Sora-v2">Open-Sora ↗</a></p>
<p><strong>Lihat sampel:</strong> <a href="https://aivideo.hunyuan.tencent.com/">Galeri HunyuanVideo ↗</a> · <a href="https://www.genmo.ai/">Contoh Mochi ↗</a> · <a href="https://github.com/THUDM/CogVideo#gallery">Sampel CogVideoX ↗</a></p>
<h3>Artinya bagi kreator</h3>
<p><strong>HunyuanVideo</strong> mengungguli Runway Gen-3 dalam evaluasi profesional dan sepenuhnya terbuka. Kekurangannya? Anda memerlukan perangkat keras yang serius. A100 atau H100 dengan VRAM 80GB. Bagi sebagian besar dari kita, itu berarti menyewa GPU cloud saat diperlukan.</p>
<p><strong>HunyuanVideo-1.5</strong> mengubah perhitungan kebutuhan perangkat keras. Tencent merilisnya pada November 2025 sebagai model terbuka dengan 8,3 miliar parameter yang berjalan pada GPU konsumen 14GB, menawarkan teks-ke-video dan gambar-ke-video pada 480p/720p serta peningkatan resolusi opsional ke 1080p. Mekanisme Selective and Sliding Tile Attention (SSTA) baru membuat kecepatan inferensinya kira-kira dua kali lipat dibandingkan HunyuanVideo asli. Jika Anda menginginkan kualitas HunyuanVideo tetapi tidak dapat membenarkan pembelian kartu 80GB, inilah versi yang benar-benar dapat dijalankan di rumah.</p>
<p><strong>Mochi 1</strong> adalah model yang benar-benar dapat Anda jalankan. GPU 12GB—kelas RTX 3060—mampu menanganinya dengan baik. Hasilnya benar-benar kreatif, dengan kualitas artistik yang khas. Fidelitasnya memang belum setara HunyuanVideo, tetapi seluruh prosesnya berada dalam kendali Anda.</p>
<p><strong>LTX-2</strong> adalah titik ketika segalanya mulai menarik bagi pengembangan game. Ini merupakan model terbuka pertama yang menghasilkan audio tersinkronisasi bersama video. Bayangkan cutscene dengan suara yang langsung... selaras. Tidak perlu sinkronisasi pascaproduksi. Lightricks membuka seluruh bobot, inferensi, dan kode pelatihannya pada Januari 2026, dengan keluaran 4K native hingga 50fps dan audio tersinkronisasi hingga 20 detik. Ada satu catatan lisensi: bobot terbuka LTX-2 dapat digunakan secara gratis untuk keperluan akademis dan untuk penggunaan komersial hanya oleh perusahaan dengan pendapatan tahunan di bawah $10 juta, jadi periksa ambang batas tersebut sebelum membangun bisnis di atasnya. Checkpoint terkini per September 2026 adalah <a href="https://huggingface.co/Lightricks/LTX-2.5">LTX-2.5</a>, model 22B yang menambahkan pembuatan multishot native (beberapa shot yang saling terhubung dengan karakter dan tampilan yang sama), decoder video difusi untuk menggantikan rekonstruksi VAE biasa, serta encoder teks Gemma 4 12B untuk prompt yang lebih panjang. Semuanya tetap berada di bawah LTX-2.x Community License, dengan batas pendapatan $10 juta yang sama dan kewajiban membuat perjanjian berbayar jika melampauinya.</p>
<p><strong>SkyReels-V3</strong> (Skywork, Januari 2026) adalah lini terbuka baru yang patut diperhatikan. Ini merupakan model multimodal terpadu yang mendukung video berbasis audio, referensi-ke-video, dan video-ke-video dalam varian 14B dan 19B, sehingga sangat cocok ketika Anda memerlukan karakter atau gambar referensi untuk mengarahkan shot. <strong>Step-Video-T2V</strong> (StepFun) adalah model teks-ke-video terbuka terbesar dengan 30B parameter dan dirilis di bawah lisensi MIT yang sederhana, sehingga layak dipertimbangkan jika lisensi permisif lebih penting bagi Anda daripada kemampuan menjalankannya pada GPU kecil.</p>
<p><strong>MiniMax H3</strong> (Hailuo 3.0) adalah pendatang terbuka terbaru dan model yang patut diperhatikan untuk cutscene berbasis referensi. MiniMax meluncurkannya sebagai API pada 31 Juli 2026 dan menempatkan bobot dasar 33B di <a href="https://huggingface.co/MiniMaxAI/MiniMax-H3">Hugging Face</a> pada Agustus dengan dua checkpoint: FL2VA untuk pembuatan frame pertama dan terakhir, serta Ref2VA, yang menerima hingga 9 gambar referensi, 3 klip video referensi, dan 3 klip audio (total 12 berkas), lalu menghasilkan video berdurasi 4 hingga 15 detik dengan resolusi hingga 2K dan audio stereo native. Model ini menggunakan MiniMax H3 Community License, dan kartu modelnya meminta pengguna di AS, UE, Inggris Raya, dan Korea Selatan untuk terlebih dahulu mengajukan formulir permohonan, sehingga model ini tidak dapat langsung digunakan oleh setiap studio.</p>
<p><strong>Wan 2.1</strong> berjalan pada laptop gaming. GPU 8GB sudah memadai untuk varian yang lebih kecil. Jika Anda ingin membuat prototipe dengan pembuatan video tetapi tidak dapat membenarkan kebutuhan perangkat kerasnya, inilah jalan masuknya.</p>
<p><strong>Wan 2.2</strong> (Alibaba, Juli 2025) adalah model video sumber terbuka pertama yang dibangun menggunakan desain Mixture-of-Experts: total 27B parameter dengan hanya 14B yang aktif pada setiap langkah. Model ini tersedia sebagai teks-ke-video (T2V-A14B), gambar-ke-video (I2V-A14B), serta varian hibrida 5B yang berjalan pada GPU konsumen, semuanya di bawah Apache 2.0 untuk penggunaan komersial.</p>
<p>Satu catatan penting: Wan 2.2 masih menjadi versi Wan terbuka terakhir. Wan 2.5 (September 2025), 2.6 (Desember 2025), 2.7 (April 2026), dan kini Wan 3.0 (Agustus 2026, dengan klip pengambilan tunggal berdurasi 30 detik hingga 1080p serta masukan referensi, menurut <a href="https://www.alibabacloud.com/help/en/model-studio/wan3-0-video-prime">Alibaba Cloud Model Studio</a>) yang lebih baru menambahkan audio tersinkronisasi, 1080p, dan kontrol frame yang lebih terperinci, tetapi hanya tersedia melalui API tanpa bobot publik. Per September 2026, <a href="https://huggingface.co/Wan-AI">organisasi Wan-AI di Hugging Face</a> masih hanya menyediakan versi hingga 2.2, apa pun klaim situs afiliasi. Jika hosting mandiri penting bagi Anda, 2.2 adalah batas tertingginya. LTX-2.5 adalah model terbuka yang patut dipilih saat Anda membutuhkan 4K dan audio tersinkronisasi.</p>
<p>Alur kerja yang masuk akal: Mochi 1 atau Wan 2.1 untuk membuat prototipe secara lokal. HunyuanVideo-1.5 atau LTX-2.5 pada GPU cloud saat Anda membutuhkan kualitas akhir.</p>
<h2>Pembuatan Gambar</h2>
<p>Di sinilah sumber terbuka sudah menang. Model yang dapat Anda unduh saat ini benar-benar mampu bersaing dengan Midjourney. Bukan sekadar “hampir sama bagusnya”, tetapi benar-benar kompetitif.</p>
<p><img src="/img/ai-samples/flux-sample.png" alt="Sampel pembuatan FLUX.1">
<em>Sampel FLUX.1, kualitas fotorealistis dari model berlisensi Apache 2.0</em></p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Organisasi</th>
<th>Dirilis</th>
<th>Parameter</th>
<th>Fitur Utama</th>
<th>Lisensi</th>
<th>Biaya/gambar</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://huggingface.co/black-forest-labs/FLUX.1-schnell"><strong>FLUX.1 [schnell]</strong></a></td>
<td>Black Forest Labs</td>
<td>Agu 2024</td>
<td>12B</td>
<td>Pembuatan 4 langkah, cepat</td>
<td>Apache 2.0</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://huggingface.co/black-forest-labs/FLUX.1-dev"><strong>FLUX.1 [dev]</strong></a></td>
<td>Black Forest Labs</td>
<td>Agu 2024</td>
<td>12B</td>
<td>Kualitas mendekati Pro</td>
<td>Nonkomersial</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/stabilityai/stable-diffusion-3.5-large"><strong>SD 3.5 Large</strong></a></td>
<td>Stability AI</td>
<td>Okt 2024</td>
<td>8B</td>
<td>Rendering teks, beragam gaya</td>
<td>Lisensi Stability</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/stabilityai/stable-diffusion-3.5-large-turbo"><strong>SD 3.5 Large Turbo</strong></a></td>
<td>Stability AI</td>
<td>Okt 2024</td>
<td>8B</td>
<td>4 langkah, cepat</td>
<td>Lisensi Stability</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://huggingface.co/HiDream-ai/HiDream-I1-Full"><strong>HiDream-I1</strong></a></td>
<td><a href="http://HiDream.ai">HiDream.ai</a></td>
<td>Apr 2025</td>
<td>17B</td>
<td>Kualitas tinggi, varian Full/Dev/Fast</td>
<td>MIT</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://github.com/zai-org/CogView4"><strong>CogView4</strong></a></td>
<td>Tsinghua / Zhipu</td>
<td>Mar 2025</td>
<td>6B</td>
<td>Teks Mandarin native, hingga 2048px</td>
<td>Apache 2.0</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://github.com/QwenLM/Qwen-Image"><strong>Qwen-Image</strong></a></td>
<td>Alibaba</td>
<td>Agu 2025</td>
<td>20B</td>
<td>Rendering teks dan penyuntingan terbaik di kelasnya</td>
<td>Apache 2.0</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://bfl.ai/blog/flux-2"><strong>FLUX.2</strong></a></td>
<td>Black Forest Labs</td>
<td>Nov 2025</td>
<td>32B</td>
<td>Teks+penyuntingan, 4MP, multi-referensi</td>
<td>dev: Nonkomersial / klein 4B: Apache 2.0</td>
<td>~$0.003</td>
</tr>
<tr>
<td><a href="https://github.com/ideogram-oss/ideogram4"><strong>Ideogram 4.0</strong></a></td>
<td>Ideogram</td>
<td>Jun 2026</td>
<td>9.3B</td>
<td>Pekerjaan desain, rendering teks, kontrol tata letak JSON</td>
<td>Nonkomersial</td>
<td>~$0.002</td>
</tr>
</tbody>
</table>
<p>Coba langsung: <a href="https://huggingface.co/spaces/black-forest-labs/FLUX.1-schnell">Demo FLUX.1 schnell ↗</a> · <a href="https://huggingface.co/spaces/stabilityai/stable-diffusion-3.5-large">Demo SD 3.5 Large ↗</a> · <a href="https://github.com/black-forest-labs/flux">GitHub (FLUX) ↗</a></p>
<p><strong>Lihat sampel:</strong> <a href="https://flux1.ai/examples">Galeri FLUX ↗</a> · <a href="https://flux1.ai/gallery">Galeri FLUX LoRA ↗</a> · <a href="https://replicate.com/black-forest-labs/flux-schnell/examples">Contoh Replicate ↗</a></p>
<h3>Untuk membuat aset game</h3>
<p><strong>FLUX.1 [schnell]</strong> adalah model yang perlu Anda kenal. Lisensi Apache 2.0 berarti Anda dapat merilis game komersial tanpa mengkhawatirkan kerumitan lisensi. Model ini menghasilkan gambar hanya dalam 4 langkah, sehingga Anda dapat melakukan iterasi dengan cepat. Jelaskan apa yang Anda inginkan, lihat hasilnya, sesuaikan, lalu ulangi.</p>
<p><strong>SD 3.5 Large</strong> akhirnya mampu menangani rendering teks dengan benar. Versi-versi sebelumnya mengacaukan hampir semua teks yang coba disertakan. Ini penting untuk mockup UI, papan tulisan dalam game, layar judul, dan situasi apa pun yang membutuhkan kata-kata terbaca di dalam gambar.</p>
<p><strong>FLUX.2</strong> (Black Forest Labs, November 2025) adalah penerus yang lebih besar: model 32B yang menangani teks-ke-gambar dan penyuntingan gambar dalam satu checkpoint, dengan konsistensi karakter/gaya multi-referensi yang kuat serta rendering teks yang andal hingga 4 megapiksel. FLUX.2 [dev] dengan bobot terbuka menggunakan lisensi nonkomersial, tetapi FLUX.2 [klein] yang didistilasi ukurannya (Januari 2026) merilis versi 4B di bawah Apache 2.0, menghasilkan gambar dalam waktu kurang dari satu detik, dan berjalan dengan VRAM sekitar 8GB. Jadi, tetap tersedia opsi yang aman secara komersial untuk merilis karya seni game. Pilih khusus versi klein 4B: klein 9B yang lebih besar tetap menggunakan lisensi FLUX nonkomersial. Pipeline terkuantisasi memungkinkan [dev] berjalan pada GPU 18-24GB. Generasi berikutnya dari Black Forest Labs, FLUX 3, adalah model gabungan gambar, video, dan audio yang diumumkan pada 23 Juli 2026. Per September 2026, model tersebut hanya tersedia melalui API: video dengan audio tersinkronisasi diluncurkan sebagai pratinjau pada 4 Agustus, sedangkan FLUX 3 Dev dengan bobot terbuka “direncanakan hadir kemudian pada 2026” menurut <a href="https://docs.bfl.ml/release-notes">catatan rilis BFL</a>. Hingga model tersebut tersedia, klein 4B tetap menjadi FLUX yang aman untuk penggunaan komersial.</p>
<p>Ada dua opsi terbuka lain yang patut diketahui. <strong>Chroma1-HD</strong> (8.9B, Apache 2.0) merupakan turunan FLUX.1-schnell yang sepenuhnya terbuka, sehingga menjadi cara yang aman secara komersial untuk memperoleh kualitas keluarga FLUX tanpa lisensi [dev]. <strong>OmniGen2</strong> (Apache 2.0) adalah model terpadu yang mendukung teks-ke-gambar sekaligus penyuntingan berbasis instruksi dalam satu tempat. Ini merupakan jalur tercepat ketika Anda sedang mengiterasi aset yang sudah ada (“buat pedangnya bersinar biru”), alih-alih membuatnya dari awal.</p>
<p><strong>Qwen-Image</strong> (Alibaba, Agustus 2025) adalah model terbuka yang patut dipilih ketika karya seni Anda membutuhkan teks yang dapat dibaca, seperti papan tanda, UI, poster, atau label item. Ini adalah model 20B berlisensi Apache 2.0 dengan rendering teks terbaik di kelasnya serta varian penyuntingan berbasis instruksi yang kuat. Karena itu, model ini aman secara komersial dan luar biasa bagus dalam menangani aspek yang masih sering gagal dikerjakan oleh kebanyakan model gambar. Pembaruan Desember 2025, <a href="https://huggingface.co/Qwen/Qwen-Image-2512">Qwen-Image-2512</a>, meningkatkan ketajaman realisme manusia dan tata letak teks sekaligus mempertahankan lisensi Apache 2.0, jadi gunakan checkpoint tersebut jika Anda melakukan hosting mandiri. Qwen-Image-2.0 yang lebih baru (Februari 2026) hanya tersedia melalui API, dan per September 2026 <a href="https://github.com/QwenLM/Qwen-Image">repositori QwenLM</a> masih mencantumkan Qwen-Image-2512 dan Qwen-Image-Edit-2511 sebagai checkpoint terbaru dengan bobot publik.
<strong>Ideogram 4.0</strong> (Juni 2026) adalah rilis berbobot terbuka pertama dari Ideogram: diffusion transformer 9,3B yang dibuat untuk pekerjaan desain, dengan rendering teks multibahasa yang kuat serta kontrol tata letak dan warna secara eksplisit melalui prompt JSON terstruktur. Ada satu hal yang perlu diperhatikan sebelum Anda menggunakannya: kode inferensinya berlisensi Apache 2.0, tetapi bobotnya memakai lisensi nonkomersial, sehingga model ini hanya cocok untuk riset dan pembuatan prototipe kecuali Anda membeli lisensi komersialnya.</p>
<p>Ekosistem di sekitar Stable Diffusion masih belum tertandingi. ControlNet untuk komposisi presisi. Inpainting untuk perbaikan. Fine-tuning LoRA untuk gaya khusus. FLUX mulai menyusul, tetapi jika Anda membutuhkan kustomisasi mendalam saat ini, kematangan perangkat SD memberi Anda lebih banyak pilihan.</p>
<p>Begini cara saya melihatnya: untuk tekstur dan sprite, keduanya bisa digunakan. Untuk seni konsep dengan persyaratan gaya tertentu, gunakan SD 3.5 dengan LoRA. Untuk kualitas terbaik pada produk komersial yang akan dirilis, gunakan FLUX schnell.</p>
<h2>Pembuatan 3D</h2>
<p>Jika Anda pernah menghabiskan delapan jam untuk memodelkan sebuah properti yang hanya muncul selama tiga detik dalam gim, bagian ini cocok untuk Anda. Pembuatan 3D sudah beralih dari &quot;riset menarik&quot; menjadi alat produksi sungguhan sejak beberapa waktu lalu, dan pada 2026 model terbukanya sudah benar-benar bagus. Anda bisa mengubah sketsa menjadi mesh bertekstur dalam waktu kurang dari satu menit.</p>
<p>Halaman ini membahas model terbuka yang dapat Anda host sendiri. Jika Anda sedang memilih alat, bukan model, panduan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami membandingkan opsi yang di-host (Meshy, Tripo, Rodin, Hi3D) dengan opsi terbuka, lengkap dengan harga dan hak komersial masing-masing.</p>
<p><img src="/img/ai-samples/trellis-sample.png" alt="Contoh pembuatan 3D TRELLIS">
<em>TRELLIS menghasilkan mesh 3D bertekstur dengan material PBR dari satu gambar</em></p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Organisasi</th>
<th>Dirilis</th>
<th>Fitur Utama</th>
<th>Keluaran</th>
<th>Biaya/mesh</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/microsoft/TRELLIS.2"><strong>TRELLIS.2-4B</strong></a></td>
<td>Microsoft</td>
<td>Des 2025</td>
<td>4B parameter, PBR bawaan, hingga 1536³</td>
<td>Mesh bertekstur dengan normal</td>
<td>~$0.03</td>
</tr>
<tr>
<td><a href="https://github.com/Tencent-Hunyuan/Hunyuan3D-2.1"><strong>Hunyuan3D 2.1</strong></a></td>
<td>Tencent</td>
<td>Jun 2025</td>
<td>PBR kelas produksi, bobot lengkap + kode pelatihan</td>
<td>Mesh bertekstur beresolusi tinggi</td>
<td>~$0.05</td>
</tr>
<tr>
<td><a href="https://github.com/facebookresearch/sam-3d-objects"><strong>SAM 3D</strong></a></td>
<td>Meta</td>
<td>Nov 2025</td>
<td>Satu gambar menjadi 3D (objek + tubuh manusia)</td>
<td>Mesh dari satu foto</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/stabilityai/stable-fast-3d"><strong>Stable Fast 3D</strong></a></td>
<td>Stability AI</td>
<td>Agu 2024</td>
<td>Satu gambar → mesh dalam ~0,5 dtk</td>
<td>Mesh bertekstur cepat</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://github.com/VAST-AI-Research/TripoSG"><strong>TripoSG</strong></a></td>
<td>VAST-AI</td>
<td>Mar 2025</td>
<td>Pembuatan bentuk rectified-flow 1,5B</td>
<td>Mesh berkualitas tinggi</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/VAST-AI-Research/TripoSR"><strong>TripoSR</strong></a></td>
<td>Stability / Tripo</td>
<td>2024</td>
<td>Rekonstruksi cepat dari satu gambar</td>
<td>Mesh (tanpa tekstur)</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://huggingface.co/VAST-AI/UniRig"><strong>UniRig</strong></a></td>
<td>Tsinghua / Tripo</td>
<td>2025</td>
<td>Rig otomatis: kerangka + bobot skinning</td>
<td>Mesh dengan rig yang dapat dianimasikan</td>
<td>~$0.01</td>
</tr>
</tbody>
</table>
<p>Coba langsung: <a href="https://huggingface.co/spaces/microsoft/TRELLIS.2">Demo TRELLIS.2 ↗</a> · <a href="https://huggingface.co/spaces/tencent/Hunyuan3D-2">Demo Hunyuan3D ↗</a> · <a href="https://huggingface.co/spaces/TencentARC/InstantMesh">Demo InstantMesh ↗</a></p>
<p><strong>Lihat contoh:</strong> <a href="https://microsoft.github.io/TRELLIS.2/">Halaman proyek TRELLIS.2 ↗</a> · <a href="https://www.3daistudio.com/Models/Trellis-2">Galeri 3D AI Studio ↗</a></p>
<h3>Alur kerja yang benar-benar efektif</h3>
<p>Pendekatan yang mulai cocok bagi kreator saat ini adalah merangkai beberapa model. Mulailah dengan sebuah gambar, baik hasil generasi maupun foto, tidak masalah. Proses gambar itu melalui Stable Zero123 atau Wonder3D untuk mendapatkan beberapa sudut pandang. Masukkan sudut pandang tersebut ke InstantMesh atau TripoSR untuk membuat mesh. Kemudian gunakan TRELLIS.2 atau Hunyuan3D untuk menghasilkan material yang tepat.</p>
<p><strong>TRELLIS.2</strong> dari Microsoft adalah pemimpin baru untuk aset siap produksi. Model ini mampu menangani geometri yang membuat model lain gagal: permukaan tipis, lubang, dan topologi kompleks. Versi 4B parameter menghasilkan mesh dengan tekstur PBR sungguhan, bukan sekadar warna verteks yang berpura-pura menjadi material.</p>
<p><strong>Stable Fast 3D</strong> mengutamakan kecepatan. Hanya sekitar setengah detik dari gambar menjadi mesh. Mesh-nya masih perlu dirapikan dan diberi tekstur, tetapi untuk pembuatan prototipe? Untuk mengetahui apakah sebuah ide berhasil sebelum Anda menginvestasikan waktu berjam-jam? Tak tertandingi. TripoSG adalah peningkatan berikutnya jika Anda menginginkan geometri yang lebih bersih dari satu gambar.</p>
<p><strong>Hunyuan3D 2.1</strong> adalah model terbuka Tencent yang layak digunakan: model ini menyediakan bobot lengkap dan kode pelatihan dengan tekstur PBR kelas produksi. Perhatikan penamaannya karena sering membingungkan orang. Hunyuan3D 2.5, 3.0, dan 3.1 memang ada, tetapi semuanya hanya tersedia melalui API tanpa bobot publik. Jadi, untuk hosting mandiri, generator dasarnya masih berhenti di versi 2.1 (sebuah <a href="https://github.com/Tencent-Hunyuan/Hunyuan3D-2.1/issues/111">utas GitHub</a> yang menanyakan kepada Tencent tentang rencana membuka sumber 2.5 belum mendapat jawaban hingga September 2026). Jika Anda lebih suka mencobanya daripada melakukan hosting sendiri, <a href="/id/tools/hunyuan3d#prompt=low%20poly%20treasure%20chest">generator 3D</a> kami menjalankan Hunyuan3D di peramban. Tencent juga membuka dua ekstensi berguna yang dibuat berdasarkan 2.1: Hunyuan3D-Omni menambahkan kontrol multikondisi (point cloud, voxel, kerangka, bounding box), sedangkan Hunyuan3D-Part memecah mesh menjadi bagian-bagian yang dapat diedit. Lisensinya juga mengecualikan Uni Eropa, Inggris, dan Korea Selatan, jadi periksa ketentuannya sebelum merilis produk di wilayah tersebut.</p>
<p><strong>SAM 3D</strong> (Meta, November 2025) adalah cara terbaru untuk memulai: satu foto diubah menjadi mesh 3D, dengan model terpisah untuk objek dan tubuh manusia. Jika digabungkan dengan teknologi segmentasi Meta, Anda dapat mengisolasi objek dalam gambar dan hanya merekonstruksi objek tersebut.</p>
<p><strong>UniRig</strong> (Tsinghua dan Tripo, MIT) mengatasi kendala yang dihadapi semua orang tepat setelah mendapatkan mesh: rigging. Model ini otomatis menghasilkan kerangka yang valid dan bobot skinning untuk mesh masukan, sehingga karakter hasil generasi benar-benar dapat dianimasikan alih-alih hanya diam sebagai properti statis. Padukan dengan teknologi animasi otomatis SOMA-X dari NVIDIA, dan karakter yang sepenuhnya dihasilkan sekaligus memiliki rig lengkap tidak lagi sekadar demo riset.</p>
<p>Berikut ekspektasi realistis bagi kreator indie: buat seni konsep dengan FLUX, proses melalui InstantMesh untuk menghasilkan geometri, lalu beri tekstur di Blender atau gunakan TRELLIS untuk PBR otomatis. Anda hanya memerlukan 30–60 menit per aset, bukan 4–8 jam. Memang bukan tanpa waktu sama sekali, tetapi perbedaannya nyata.</p>
<h2>Audio dan Musik</h2>
<p>Pembuatan audio belum menyamai gambar dan video. Namun, sudah ada cukup banyak teknologi yang dapat mengubah cara Anda bekerja, terutama untuk pembuatan prototipe dan efek suara.</p>
<audio controls style="width: 100%;">
  <source src="/img/ai-samples/music-sample.mp3" type="audio/mpeg">
</audio>
<p><em>Contoh musik yang dihasilkan AI. Jelaskan suasana yang Anda inginkan, lalu dapatkan musik yang sesuai</em></p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Organisasi</th>
<th>Dirilis</th>
<th>Fungsinya</th>
<th>Lisensi</th>
<th>Biaya/30 dtk</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/ace-step/ACE-Step-1.5"><strong>ACE-Step 1.5</strong></a></td>
<td>StepFun/ACE Studio</td>
<td>Jan 2026</td>
<td>Musik ~4 menit dengan cepat, 19 bahasa, kloning suara</td>
<td>MIT</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://stability.ai/stable-audio"><strong>Stable Audio 3.0</strong></a></td>
<td>Stability AI</td>
<td>Mei 2026</td>
<td>Lagu hingga ~6 menit; model terbuka Small, Small-SFX + Medium</td>
<td>Stability Community</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://github.com/multimodal-art-projection/YuE"><strong>YuE</strong></a></td>
<td>MAP</td>
<td>Jan 2025</td>
<td>Lagu lengkap dari lirik, vokal + iringan</td>
<td>Apache 2.0</td>
<td>~$0.05</td>
</tr>
<tr>
<td><a href="https://huggingface.co/facebook/musicgen-large"><strong>MusicGen</strong></a></td>
<td>Meta</td>
<td>2023</td>
<td>Teks menjadi musik, dapat dikontrol</td>
<td>kode MIT / bobot CC-BY-NC</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/ASLP-lab/DiffRhythm2"><strong>DiffRhythm 2</strong></a></td>
<td>ASLP-lab</td>
<td>Feb 2026</td>
<td>Pembuatan lagu lengkap dengan cepat</td>
<td>Apache 2.0</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/google/magenta-realtime"><strong>Magenta RealTime</strong></a></td>
<td>Google</td>
<td>Jun 2025</td>
<td>Musik waktu nyata yang dapat diarahkan dengan prompt</td>
<td>kode Apache / bobot CC-BY</td>
<td>~$0.02</td>
</tr>
</tbody>
</table>
<p>Coba langsung: <a href="https://huggingface.co/spaces/facebook/MusicGen">Demo MusicGen ↗</a> · <a href="https://audiocraft.metademolab.com/musicgen.html">Arena uji AudioCraft ↗</a></p>
<p><strong>Lihat contoh:</strong> <a href="https://replicate.com/meta/musicgen/examples">Contoh MusicGen ↗</a> · <a href="https://felixkreuk.github.io/audiogen/">Contoh AudioGen ↗</a></p>
<h3>Yang benar-benar bisa Anda gunakan dalam produk</h3>
<p><strong>MusicGen</strong> dari Meta masih menjadi pilihan praktis untuk membuat prototipe audio gim. Jelaskan suasana yang Anda inginkan, dapatkan musik yang sesuai, dan model ini berjalan lancar di GPU 12 GB. Ada satu kendala lisensi: kode MusicGen berlisensi MIT, tetapi bobot modelnya memakai CC-BY-NC (nonkomersial). Jadi, gunakan untuk membuat prototipe, lalu beralihlah ke model berlisensi komersial seperti ACE-Step atau Stable Audio untuk produk yang akan Anda rilis.</p>
<p><strong>Model efek suara terbuka Stable Audio (Small-SFX)</strong> mampu menangani suara langkah kaki, derit pintu, embusan angin, dan suara mekanis, dapat dijalankan secara lokal, serta dirilis di bawah lisensi komunitas Stability. Karena itu, model ini menjadi opsi SFX terbuka yang patut dipilih saat Anda membutuhkan suara yang benar-benar dapat digunakan secara komersial. Model ini layak dipilih karena model SFX terbuka lainnya memiliki batasan: AudioGen dari Meta menggunakan CC-BY-NC dan TangoFlux memakai lisensi komunitas nonkomersial Stability, sehingga keduanya hanya cocok untuk prototipe gim yang akan dirilis.</p>
<p><strong>Magenta RealTime</strong> (Google) berbeda dari yang lain dalam arti terbaik: ini satu-satunya model berbobot terbuka yang dibuat untuk musik waktu nyata dan dapat terus diarahkan melalui prompt. Alih-alih merender trek yang sudah selesai, model ini menghasilkan musik secara langsung dan memungkinkan Anda mengarahkannya selagi diputar. Bentuk ini sangat cocok untuk soundtrack gim adaptif yang berubah mengikuti tindakan pemain. Kodenya berlisensi Apache 2.0 dan bobotnya CC-BY, keduanya dapat digunakan secara komersial.</p>
<p><strong>YuE</strong> benar-benar menarik. Ini adalah model terbuka pertama yang menghasilkan lagu lengkap dengan vokal. Lagu tema. Musik latar dengan nyanyian sungguhan. Kualitasnya bervariasi, tetapi jauh melampaui apa pun yang bisa Anda unduh dan jalankan sendiri.</p>
<p><strong>ACE-Step</strong> adalah model musik terbuka yang perlu Anda kenal sekarang, dan perkembangannya sangat cepat: lini 1.5 (Januari 2026, dengan varian XL 5B yang lebih besar) menggantikan rilis awal Mei 2025 dan kini berlisensi MIT. Model ini dapat menghasilkan musik berdurasi beberapa menit dengan cepat, mendukung 19 bahasa, serta menangani kloning suara, remix, dan penyuntingan lirik. Untuk pembuatan prototipe gim, model ini menutup banyak kekurangan yang ditinggalkan YuE dan MusicGen.</p>
<p><strong>Stable Audio 3.0</strong> (Mei 2026) merupakan pembaruan yang lebih besar untuk suara. Model ini dapat menghasilkan lagu hingga sekitar enam menit, dan Stability merilis bobot terbuka untuk tiga dari empat variannya: Small dan model efek suara khusus Small-SFX dapat dijalankan langsung di perangkat, sedangkan Medium menawarkan struktur musik yang lebih baik dan durasi trek penuh. Hanya model Large yang tetap tersedia melalui API saja. Small-SFX kini menjadi opsi terbuka terkuat khusus untuk SFX gim. Ketiga model terbuka tersebut dirilis di bawah Stability AI Community License, yang mengizinkan Anda menggunakan dan menjual hasil generasinya, dengan Enterprise License untuk perusahaan berpendapatan tahunan di atas $1 juta, menurut <a href="https://stability.ai/news-updates/meet-stable-audio-3-the-model-family-built-for-artistic-experimentation-with-open-weight-models">pengumuman Stability</a>. Seluruh keluarga model ini dilatih menggunakan data berlisensi, sehingga dasar hukumnya lebih jelas dibandingkan generator musik yang masih menghadapi gugatan hukum.</p>
<p>Kesimpulan jujurnya: kesenjangan antara model terbuka dan model tertutup (Suno, Udio) semakin menyempit, tetapi masih nyata untuk lagu lengkap dengan vokal. Alat-alat tertutup tersebut juga masih menghadapi sengketa hukum terkait data pelatihan. Untuk efek suara, model terbuka—terutama model SFX Stable Audio—benar-benar kompetitif. Untuk lagu yang ingin Anda gunakan dalam produk, bersiaplah melakukan banyak iterasi, atau libatkan musisi untuk produksi akhir dan gunakan alat-alat ini untuk pekerjaan lainnya.</p>
<h2>Tuturan dan Suara</h2>
<p>Pembuatan suara kini sudah jauh melampaui taraf &quot;cukup bagus untuk gim&quot;, dan hal itu mengubah apa yang mungkin dilakukan oleh tim kecil.</p>
<audio controls style="width: 100%;">
  <source src="/img/ai-samples/speech-sample.mp3" type="audio/mpeg">
</audio>
<p><em>Narasi gim hasil AI dengan tuturan alami, tempo yang tepat, dan emosi</em></p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Organisasi</th>
<th>Dirilis</th>
<th>Fitur Utama</th>
<th>Lisensi</th>
<th>Biaya/menit</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/QwenLM/Qwen3-TTS"><strong>Qwen3-TTS</strong></a></td>
<td>Alibaba</td>
<td>Jan 2026</td>
<td>Kloning suara 3 dtk, desain suara, 10 bahasa</td>
<td>Apache 2.0</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/ResembleAI/chatterbox"><strong>Chatterbox</strong></a></td>
<td>Resemble AI</td>
<td>2025</td>
<td>Kontrol emosi, kloning dari ~5 dtk, 23 bahasa</td>
<td>MIT</td>
<td>~$0.003</td>
</tr>
<tr>
<td><a href="https://github.com/SesameAILabs/csm"><strong>CSM</strong></a></td>
<td>Sesame AI</td>
<td>Mar 2025</td>
<td>Alur percakapan, jeda alami</td>
<td>Apache 2.0</td>
<td>~$0.005</td>
</tr>
<tr>
<td><a href="https://github.com/fishaudio/fish-speech"><strong>Fish Speech 1.5</strong></a></td>
<td>Fish Audio</td>
<td>2024</td>
<td>Kloning zero-shot dari 10–30 dtk</td>
<td>kode Apache / bobot CC-BY-NC-SA</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://github.com/myshell-ai/OpenVoice"><strong>OpenVoice V2</strong></a></td>
<td>MyShell/MIT</td>
<td>Apr 2024</td>
<td>Kontrol emosi/aksen</td>
<td>MIT</td>
<td>~$0.003</td>
</tr>
<tr>
<td><a href="https://huggingface.co/coqui/XTTS-v2"><strong>XTTS-v2</strong></a></td>
<td>Coqui (komunitas)</td>
<td>2024</td>
<td>17 bahasa, kloning suara</td>
<td>CPML (nonkomersial)</td>
<td>~$0.005</td>
</tr>
</tbody>
</table>
<p><strong>Dengarkan contoh:</strong> <a href="https://fish.audio/">Suara Fish Audio ↗</a> · <a href="https://huggingface.co/spaces/myshell-ai/OpenVoice">Demo OpenVoice ↗</a></p>
<h3>Membuat NPC terdengar seperti manusia</h3>
<p><strong>CSM (Conversational Speech Model)</strong> dari Sesame dibuat khusus untuk dialog. Model ini menghasilkan jeda alami. Perubahan intonasi. Ritme percakapan sungguhan. Sebagian besar TTS terdengar seperti seseorang sedang membaca naskah, dan Anda bisa langsung mengenalinya. CSM terdengar seperti seseorang yang sedang berbicara. Perbedaan itu lebih penting daripada yang mungkin Anda kira.</p>
<p><strong>Qwen3-TTS</strong> (Alibaba, Januari 2026) adalah pilihan utama untuk proyek komersial. Seluruh keluarga modelnya berlisensi Apache 2.0, mampu mengkloning suara dari audio referensi berdurasi sekitar 3 detik, berbicara dalam 10 bahasa, dan mendukung desain suara berbasis deskripsi. Jadi, Anda dapat menentukan suara NPC menggunakan teks biasa alih-alih mencari rekaman referensi. Model 0.6B dan 1.7B dapat dijalankan pada perangkat keras kelas menengah.
<strong>Chatterbox</strong> (Resemble AI) adalah pilihan untuk suara ekspresif, dan berlisensi MIT sehingga dapat digunakan dalam produk yang dirilis. Model ini dapat mengkloning suara dari rekaman sekitar 5 detik, berjalan dengan latensi di bawah 200 md, mendukung 23 bahasa, dan merupakan model terbuka pertama dengan kontrol penguatan emosi. Dengan demikian, NPC benar-benar dapat terdengar marah atau takut, bukan datar. Dua opsi Apache-2.0 lainnya mengisi ceruk tertentu: <strong>Orpheus</strong> (Canopy) menerima tag emosi inline seperti <code>&lt;laugh&gt;</code> dan <code>&lt;sigh&gt;</code> yang mudah dipetakan ke seruan singkat NPC serta menyediakan varian 150M untuk perangkat kelas bawah, sedangkan <strong>Dia</strong> (Nari Labs) dibuat untuk dialog dengan beberapa penutur dan dapat menyertakan suara nonverbal seperti batuk dan tawa dalam satu proses. <strong>Voxtral TTS</strong> dari Mistral (Maret 2026) adalah pendatang baru dengan bobot terbuka yang ditujukan untuk agen suara, menurut <a href="https://mistral.ai/news">halaman berita Mistral</a>, tetapi baca lisensinya sebelum menggunakannya dalam produk yang dirilis.</p>
<p><strong>Fish Speech</strong> dan <strong>OpenVoice</strong> menangani kloning suara. Rekam suara pengisi suara selama 10–30 detik, lalu hasilkan dialog tanpa batas dengan suara tersebut. Pertimbangkan artinya: Anda dapat menyewa pengisi suara untuk dialog utama, lalu memperluas penampilannya agar mencakup ratusan variasi dan dialog latar. Satu catatan tentang lisensi Fish Speech: kodenya terbuka, tetapi bobot versi 1.5 menggunakan CC-BY-NC-SA, sehingga hanya cocok sebagai alat pembuatan prototipe. Untuk gim yang dirilis, gunakan OpenVoice (MIT) atau Qwen3-TTS (Apache 2.0).</p>
<p><strong>NVIDIA ACE</strong> (tidak sepenuhnya terbuka, tetapi patut diketahui) kini mendukung Qwen3-8B untuk menjalankan NPC langsung di perangkat. LLM lokal + TTS lokal + sinkronisasi bibir, semuanya berjalan pada GPU konsumen. Ini adalah rangkaian teknologi untuk percakapan NPC waktu nyata yang tidak memerlukan panggilan ke layanan cloud.</p>
<p>Pendekatan yang masuk akal bagi kreator indie: pekerjakan pengisi suara untuk karakter utama dan dialog yang paling penting. Gunakan Qwen3-TTS atau OpenVoice untuk memperluas cakupan dialog latar, variasi, dan semua dialog sampingan yang jika tidak akan tetap tanpa suara atau terlalu mahal untuk diproduksi.</p>
<h2>Model Dunia dan Simulasi Gim</h2>
<p>Di sinilah semuanya menjadi benar-benar aneh sekaligus benar-benar menarik. Model-model ini tidak menghasilkan aset statis. Model tersebut menghasilkan pengalaman yang terasa seperti gim.</p>
<a href="https://oasis.decart.ai/" target="_blank" style="display: block; background: linear-gradient(135deg, #2d5a27 0%, #1a3d16 100%); padding: 20px; border-radius: 12px; text-align: center; text-decoration: none; color: white;">
  <strong style="font-size: 18px;">🎮 Mainkan Oasis: Minecraft Buatan AI</strong><br>
  <span style="opacity: 0.8;">Pembuatan dunia waktu nyata tanpa mesin gim, hanya prediksi AI</span>
</a>
<table>
<thead>
<tr>
<th>Model</th>
<th>Organisasi</th>
<th>Dirilis</th>
<th>Fungsinya</th>
<th>Status</th>
<th>Biaya/frame</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/eloialonso/diamond"><strong>DIAMOND</strong></a></td>
<td>Riset</td>
<td>2024</td>
<td>Model dunia difusi, simulasi Atari</td>
<td>Bobot terbuka</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://github.com/etched-ai/open-oasis"><strong>Oasis</strong></a></td>
<td>Decart/Etched</td>
<td>Okt 2024</td>
<td>Pembuatan Minecraft waktu nyata</td>
<td>Bobot 500M terbuka</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/microsoft/mineworld"><strong>MineWorld</strong></a></td>
<td>Microsoft</td>
<td>Apr 2025</td>
<td>Minecraft waktu nyata, alternatif terbuka untuk Oasis</td>
<td>MIT</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/tencent/Hunyuan-GameCraft-1.0"><strong>Hunyuan-GameCraft</strong></a></td>
<td>Tencent</td>
<td>Agu 2025</td>
<td>Video gim interaktif, kontrol papan ketik/tetikus</td>
<td>Tencent Community</td>
<td>~$0.005</td>
</tr>
<tr>
<td><a href="https://github.com/GameGen-X/GameGen-X"><strong>GameGen-X</strong></a></td>
<td>Riset</td>
<td>2024</td>
<td>Pembuatan video dunia terbuka</td>
<td>Kode + set data terbuka</td>
<td>~$0.005</td>
</tr>
<tr>
<td><a href="https://huggingface.co/nvidia/Cosmos-Predict2.5-2B"><strong>NVIDIA Cosmos</strong></a></td>
<td>NVIDIA</td>
<td>Okt 2025</td>
<td>Simulasi AI fisik (Predict2.5)</td>
<td>NVIDIA Open Model License</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/SkyworkAI/Matrix-Game"><strong>Matrix-Game 3.0</strong></a></td>
<td>Skywork</td>
<td>Mar 2026</td>
<td>Dunia interaktif 720p waktu nyata, memori jangka panjang</td>
<td>Bobot terbuka</td>
<td>~$0.005</td>
</tr>
<tr>
<td><a href="https://deepmind.google/blog/genie-2-a-large-scale-foundation-world-model/"><strong>Genie 2</strong></a></td>
<td>DeepMind</td>
<td>Des 2024</td>
<td>3D interaktif dari gambar</td>
<td>Belum dirilis</td>
<td>T/A</td>
</tr>
<tr>
<td><a href="https://deepmind.google/blog/genie-3-a-new-frontier-for-world-models/"><strong>Genie 3</strong></a></td>
<td>DeepMind</td>
<td>Agu 2025</td>
<td>Dunia 720p waktu nyata, peristiwa yang dapat dipicu dengan prompt</td>
<td>Tertutup (Project Genie)</td>
<td>T/A</td>
</tr>
</tbody>
</table>
<p>Lihat risetnya: <a href="https://diamond-wm.github.io/">Halaman proyek DIAMOND ↗</a> · <a href="https://huggingface.co/blog/nvidia/cosmos-predict-and-transfer2-5">Blog Cosmos ↗</a></p>
<p><strong>Cobalah:</strong> <a href="https://oasis.decart.ai/starting-point">Demo langsung Oasis ↗</a> · <a href="https://deepmind.google/blog/genie-2-a-large-scale-foundation-world-model/">Contoh Genie 2 ↗</a></p>
<h3>Mengapa Anda perlu memperhatikan ini</h3>
<p><strong>DIAMOND</strong> membuktikan sesuatu yang mengubah cara kita memandang AI untuk gim. Anda dapat melatih agen sepenuhnya di dalam dunia yang dihasilkan. Pelatihan bahkan tidak memerlukan mesin gim sungguhan. AI bermain di dalam imajinasi model difusi, lalu mentransfer hasil pembelajarannya ke gim sungguhan. Implikasinya sangat besar.</p>
<p><strong>Oasis</strong> menjalankan dunia mirip Minecraft secara waktu nyata. Frame demi frame. Tanpa mesin gim, tekstur, atau aset siap pakai. Hanya transformer yang memprediksi apa yang akan terjadi berikutnya. Ini masih berupa pembuktian konsep, tetapi bayangkan arah perkembangannya. Versi dengan 500 juta parameter sudah tersedia secara terbuka.</p>
<p><strong>GameGen-X</strong> merilis set data terbesar untuk video gim dunia terbuka. Jika ingin melatih model sendiri atau menyempurnakan model yang sudah ada agar menghasilkan konten mirip gim, inilah titik awalnya.</p>
<p><strong>NVIDIA Cosmos</strong> dibuat untuk robotika dan kendaraan otonom, tetapi model fondasi dunianya juga dapat digunakan untuk gim. Model ini memahami fisika, kekekalan objek, dan hubungan spasial. Lini terbuka saat ini adalah Cosmos-Predict2.5, yang dirilis pada Oktober 2025 dengan NVIDIA Open Model License dan mengizinkan penggunaan komersial serta karya turunan.</p>
<p><strong>Hunyuan-GameCraft</strong> (Tencent, Agustus 2025) adalah model dunia terbuka yang bentuknya paling menyerupai gim secara langsung. Model ini dilatih menggunakan lebih dari satu juta rekaman dari lebih dari 100 gim AAA dan menyatukan masukan papan ketik serta tetikus ke dalam ruang kontrol bersama. Dengan demikian, model ini menghasilkan video gim interaktif yang benar-benar dapat Anda kendalikan, bukan sekadar ditonton. Model ini menggunakan Tencent Community License yang sama seperti Hunyuan3D, termasuk pengecualian untuk UE, Britania Raya, dan Korea Selatan. Jadi, periksa ketentuannya sebelum merilis produk di wilayah tersebut. <strong>MineWorld</strong> (Microsoft, MIT) adalah padanan Oasis dengan lisensi yang sepenuhnya permisif: model dunia Minecraft waktu nyata yang dapat diunduh dan dijalankan tanpa mesin gim.</p>
<p><strong>Genie 3</strong> (DeepMind, diumumkan Agustus 2025) adalah lompatan yang patut diperhatikan: model dunia pertama dengan interaksi waktu nyata, yang menghasilkan dunia 720p pada 24 fps yang dapat dijelajahi dan tetap konsisten selama beberapa menit, ditambah 'peristiwa dunia yang dapat dipicu dengan prompt' untuk mengubah cuaca atau menambahkan objek sesuai perintah. Model ini dibuka untuk publik sebagai Project Genie pada Januari 2026 bagi pelanggan Google AI Ultra di AS. Bobotnya masih tertutup, tetapi model ini menunjukkan arah perkembangan dunia buatan yang dapat dimainkan.</p>
<p><strong>Matrix-Game 3.0</strong> (Skywork, Maret 2026) adalah jawaban terbuka untuk Genie. Ini merupakan model dunia interaktif dengan dukungan memori yang menyiarkan video 720p pada 40 fps secara waktu nyata dan mempertahankan konsistensi adegan dalam rangkaian berdurasi beberapa menit. Versi terdistilasi 5B menangani inferensi waktu nyata, versi MoE 2x14B yang lebih besar meningkatkan kualitas, dan bobotnya tersedia di Hugging Face dengan lisensi Apache 2.0. Jika Anda ingin bereksperimen dengan dunia buatan yang dapat dimainkan sekarang juga alih-alih menunggu DeepMind, inilah model yang benar-benar dapat diunduh.</p>
<p>Untuk pengembangan gim praktis saat ini, semua ini masih merupakan alat riset. Namun, jika Anda mengerjakan konten berbasis AI, pembuatan prosedural, atau sekadar memikirkan arah perkembangan teknologi ini, inilah garis terdepannya.</p>
<h2>Model Bahasa Besar</h2>
<p>LLM menggerakkan dialog, pembuatan misi, dan logika gim. Kini, opsi terbuka benar-benar mampu bersaing dengan GPT-4. Dua tahun lalu, hal ini belum terjadi.</p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Organisasi</th>
<th>Dirilis</th>
<th>Ukuran</th>
<th>Paling Cocok Untuk</th>
<th>Lisensi</th>
<th>Biaya/1K token</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/deepseek-ai/DeepSeek-V3"><strong>DeepSeek-V3</strong></a></td>
<td>DeepSeek</td>
<td>Des 2024</td>
<td>671B MoE (37B aktif)</td>
<td>Penalaran, penggunaan umum</td>
<td>Permisif</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/deepseek-ai/DeepSeek-R1"><strong>DeepSeek-R1</strong></a></td>
<td>DeepSeek</td>
<td>Jan 2025</td>
<td>Berdasarkan V3</td>
<td>Rantai pemikiran</td>
<td>Permisif</td>
<td>~$0.03</td>
</tr>
<tr>
<td><a href="https://huggingface.co/deepseek-ai/DeepSeek-V3.2"><strong>DeepSeek-V3.2</strong></a></td>
<td>DeepSeek</td>
<td>Des 2025</td>
<td>Atensi jarang (DSA)</td>
<td>Penalaran + penggunaan alat</td>
<td>MIT</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/deepseek-ai/DeepSeek-V4-Pro"><strong>DeepSeek-V4</strong></a></td>
<td>DeepSeek</td>
<td>Apr 2026</td>
<td>1.6T MoE (49B aktif)</td>
<td>Penalaran terdepan, konteks 1M</td>
<td>MIT</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/zai-org/GLM-5"><strong>GLM-5</strong></a></td>
<td>Zhipu / <a href="http://Z.ai">Z.ai</a></td>
<td>Feb 2026</td>
<td>744B MoE (40B aktif)</td>
<td>Pemrograman, agen, penggunaan alat</td>
<td>MIT</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/zai-org/GLM-5.2"><strong>GLM-5.2</strong></a></td>
<td>Zhipu / <a href="http://Z.ai">Z.ai</a></td>
<td>Jun 2026</td>
<td>753B MoE</td>
<td>Pemrograman, agen, konteks 1M</td>
<td>MIT</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/openai/gpt-oss-120b"><strong>GPT-OSS</strong></a></td>
<td>OpenAI</td>
<td>Agu 2025</td>
<td>120B / 20B MoE</td>
<td>Penalaran, penggunaan alat, di perangkat</td>
<td>Apache 2.0</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://huggingface.co/moonshotai"><strong>Kimi K2</strong></a></td>
<td>Moonshot</td>
<td>2025</td>
<td>1T MoE (32B aktif)</td>
<td>Agen, pemrograman</td>
<td>MIT yang dimodifikasi</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://www.kimi.com/blog/kimi-k3"><strong>Kimi K3</strong></a></td>
<td>Moonshot</td>
<td>Jul 2026</td>
<td>2.8T MoE (16 dari 896 pakar aktif)</td>
<td>Agen terdepan, pemrograman, konteks 1M, visi</td>
<td>Kimi K3 License</td>
<td>~$0.03</td>
</tr>
<tr>
<td><a href="https://huggingface.co/tencent/Hy3"><strong>Hy3</strong></a></td>
<td>Tencent</td>
<td>Jul 2026</td>
<td>295B MoE (21B aktif)</td>
<td>Penalaran, pemrograman berbasis agen, konteks 256K</td>
<td>Apache 2.0</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/blog/gemma3"><strong>Gemma 3</strong></a></td>
<td>Google</td>
<td>2025</td>
<td>1B-27B</td>
<td>Di perangkat, 140 bahasa, visi</td>
<td>Gemma</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://ai.google.dev/gemma/docs/core/model_card_4"><strong>Gemma 4</strong></a></td>
<td>Google</td>
<td>Apr 2026</td>
<td>E2B hingga 31B (26B-A4B MoE)</td>
<td>Di perangkat, 140+ bahasa, visi + audio, 256K</td>
<td>Apache 2.0</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/QwenLM/Qwen3"><strong>Qwen3</strong></a></td>
<td>Alibaba</td>
<td>2025</td>
<td>235B MoE (22B aktif)</td>
<td>Multibahasa, kode</td>
<td>Apache 2.0</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/QwenLM/Qwen3.8"><strong>Qwen3.5 / 3.6 / 3.8</strong></a></td>
<td>Alibaba</td>
<td>Feb-Agu 2026</td>
<td>0.8B hingga 2.4T-A95B</td>
<td>Multimodal, agen, model unggulan terbuka sekelas Qwen-Max</td>
<td>Apache 2.0</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://mistral.ai/news/mistral-small-4"><strong>Mistral Small 4</strong></a></td>
<td>Mistral</td>
<td>Mar 2026</td>
<td>119B MoE (6B aktif)</td>
<td>Penalaran + visi + pemrograman berbasis agen, 256K</td>
<td>Apache 2.0</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://huggingface.co/Qwen/Qwen3-Coder-480B-A35B-Instruct"><strong>Qwen3-Coder</strong></a></td>
<td>Alibaba</td>
<td>2025</td>
<td>480B MoE (35B aktif)</td>
<td>Pemrograman berbasis agen, konteks 256K</td>
<td>Apache 2.0</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/collections/meta-llama/llama-4"><strong>Llama 4</strong></a></td>
<td>Meta</td>
<td>2025</td>
<td>Beragam</td>
<td>Agen, konteks hingga 10M</td>
<td>Llama Community</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://huggingface.co/meta-models/Muse-Glimmer-30B"><strong>Muse Glimmer 30B</strong></a></td>
<td>Meta</td>
<td>Agu 2026</td>
<td>~30B padat</td>
<td>Agen di perangkat, visi, konteks 128K+</td>
<td>Apache 2.0</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/QwenLM/Qwen3-VL"><strong>Qwen3-VL</strong></a></td>
<td>Alibaba</td>
<td>2025</td>
<td>2B-235B</td>
<td>Visi + bahasa</td>
<td>Apache 2.0</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://internvl.github.io/blog/2025-04-11-InternVL-3.0/"><strong>InternVL3</strong></a></td>
<td>Shanghai AI Lab</td>
<td>2025</td>
<td>1B-78B</td>
<td>Visi, OCR, pemetaan elemen UI</td>
<td>MIT</td>
<td>~$0.02</td>
</tr>
</tbody>
</table>
<p>Mulai di sini: <a href="https://huggingface.co/Qwen/Qwen3-8B">Qwen3-8B di HuggingFace ↗</a> · <a href="https://huggingface.co/deepseek-ai/DeepSeek-V3">DeepSeek-V3 di HuggingFace ↗</a> · <a href="https://huggingface.co/zai-org/GLM-5">GLM-5 di HuggingFace ↗</a></p>
<h3>Untuk membuat gim</h3>
<p><strong>Qwen3</strong> adalah pilihan praktis untuk sebagian besar penggunaan dalam gim. Lisensinya Apache 2.0, yang berarti integrasinya menjadi milik Anda. Dukungan multibahasanya kuat, hal yang penting jika Anda mempertimbangkan pelokalan. Model ini juga andal dalam mengikuti instruksi terstruktur. Varian 7B dan 14B dapat dijalankan secara lokal pada GPU konsumen.</p>
<p><strong>Qwen3.5, 3.6, dan 3.8</strong> mempertahankan penggunaan Apache 2.0 sepanjang 2026. Qwen3.5 (16 Februari 2026) diawali dengan MoE 397B-A17B, lalu dilengkapi dengan varian padat 27B, 9B, dan 4B. Qwen3.6 (April) menyetel keluarga model yang sama untuk meningkatkan stabilitas, dan varian 35B-A3B menjadi titik ideal untuk penggunaan lokal: pengetahuan sebesar 35B dengan hanya 3B yang aktif per token, sehingga berjalan sangat cepat pada satu kartu 24 GB. Qwen3.8 (12–14 Agustus 2026) adalah lompatan besarnya. <a href="https://github.com/QwenLM/Qwen3.8">Repositori Qwen3.8</a> menyebutnya sebagai model sekelas Qwen-Max pertama yang dirilis secara terbuka, dengan model unggulan 2.4T-A95B beserta model padat 27B. Keduanya menggunakan Apache 2.0 dan memiliki konteks 262K.</p>
<p><strong>DeepSeek-V3</strong> menyamai atau mengungguli GPT-4 pada sebagian besar tolok ukur. Arsitekturnya cerdik: hanya 37 miliar parameter yang aktif per token meskipun totalnya mencapai 671 miliar. Anda memerlukan perangkat keras yang serius (beberapa GPU), tetapi kualitasnya berada di tingkat terdepan tanpa ketergantungan pada API.</p>
<p><strong>DeepSeek-V3.2</strong> (Desember 2025) menggabungkan penalaran dan penggunaan alat ke dalam satu model serta memperkenalkan DeepSeek Sparse Attention (DSA) untuk inferensi konteks panjang yang lebih murah, dengan varian Speciale berkomputasi tinggi yang ditujukan untuk tolok ukur penalaran teratas. Untuk logika dan dialog gim, model ini merupakan pengganti langsung V3 yang lebih kuat dan lebih mumpuni sebagai agen.</p>
<p><strong>DeepSeek-V4</strong> (April 2026) kembali memajukan batas model terbuka. V4-Pro adalah MoE dengan 1,6 triliun parameter dan hanya 49 miliar yang aktif per token, jendela konteks satu juta token, serta mode penalaran yang dapat dipilih, semuanya di bawah lisensi MIT. Varian V4-Flash (total 284B, 13B aktif) mempertahankan konteks 1M dalam paket yang tidak menuntut klaster GPU penuh. Jika saat ini Anda memilih model terbuka untuk logika misi kompleks atau konteks status gim yang panjang, inilah batas kemampuan tertingginya.</p>
<p><strong>GLM-5</strong> (Zhipu AI, Februari 2026) adalah model terbuka yang harus dikalahkan untuk pemrograman dan pekerjaan berbasis agen, sedangkan pembaruan GLM-5.2 mendorong skor penggunaan alat dan perencanaan jangka panjangnya mendekati model tertutup terdepan. Ini adalah MoE dengan 744 miliar parameter, 40 miliar parameter aktif per token, konteks 200 ribu token, dan lisensi MIT. <a href="https://huggingface.co/zai-org/GLM-5.2">GLM-5.2</a> sendiri dirilis pada 17 Juni 2026 sebagai MoE 753B dengan konteks 1M token, tetap menggunakan MIT tanpa batasan regional. Setelah itu, <a href="https://huggingface.co/zai-org/GLM-5.3">GLM-5.3</a>, pembaruan pascapelatihan pada model dasar yang sama, menyusul dengan bobot yang tersedia di Hugging Face di bawah lisensi GLM-5.3 milik <a href="http://Z.ai">Z.ai</a> sendiri, bukan MIT. Jadi, periksa isi lisensinya jika Anda menjalankan versi terbaru di server sendiri. <a href="http://Z.ai">Z.ai</a> adalah perusahaan model fondasi publik pertama dan menetapkan harga API terkelolanya secara agresif (sekitar $1,40 per satu juta token masukan), tetapi bobotnya tersedia di Hugging Face jika Anda lebih memilih menjalankannya di server sendiri. Jika gim Anda sangat mengandalkan LLM untuk penulisan skrip misi, agen pemanggil alat, atau sistem berbasis kode, GLM-5 merupakan alternatif OpenAI yang kuat dan sepenuhnya berada di bawah kendali Anda.
<strong>GPT-OSS</strong> (OpenAI, Agustus 2025) adalah rilis open-weight pertama dari OpenAI, dan sangat sesuai dengan tema panduan ini. Model gpt-oss-120b mampu melakukan penalaran dan memanggil alat pada tingkat yang kurang lebih setara dengan o4-mini menggunakan satu GPU 80GB, sedangkan gpt-oss-20b berjalan pada kartu grafis konsumen 16GB; keduanya menggunakan lisensi Apache 2.0. Jika Anda menginginkan model dari lab Barat yang dapat di-host sendiri untuk logika NPC atau agen yang menggunakan alat, inilah pilihannya.</p>
<p><strong>Kimi K2</strong> (Moonshot) adalah model agentik kelas berat terbuka lainnya di samping GLM-5 dan DeepSeek. Ini adalah MoE dengan 1 triliun parameter dan 32B parameter aktif, yang dioptimalkan secara intensif untuk pemrograman dan penggunaan alat. Lisensi Modified MIT-nya hanya menambahkan batasan di atas 100 juta pengguna bulanan, jadi bagi pengembang indie lisensi tersebut pada dasarnya setara dengan MIT. Gunakan model ini saat sebuah agen harus merencanakan banyak langkah.</p>
<p><strong>Kimi K3</strong> (Moonshot, Juli 2026) adalah model open-weight terbesar yang pernah diumumkan, dan posisinya lebih dekat ke frontier tertutup daripada model terbuka mana pun sebelumnya. Ini adalah MoE dengan 2,8 triliun parameter, tetapi hanya sekitar 50B yang aktif per token (16 dari 896 pakar), konteks 1 juta token, dan kemampuan visual bawaan. Model ini dibangun berdasarkan dua desain atensi baru bernama Kimi Delta Attention dan Attention Residuals. Dalam benchmark Moonshot pada Juli, model ini mengungguli rilis Claude Opus dan GPT-5.5 saat itu dalam tugas pemrograman dan agentik, serta hanya tertinggal dari model proprietary teratas—meskipun target tersebut kembali bergeser setelah Claude Fable 5.1 dan GPT-6 Astra dirilis pada September. Bobotnya tersedia di <a href="https://huggingface.co/moonshotai/Kimi-K3">Hugging Face</a> pada 27 Juli 2026 dalam format MXFP4, menggunakan Kimi K3 License alih-alih MIT. Lisensinya permisif untuk sebagian besar penggunaan, tetapi bisnis model-as-a-service dengan pendapatan lebih dari $20 juta dalam periode 12 bulan mana pun memerlukan perjanjian terpisah dengan Moonshot. Produk dengan lebih dari 100 juta pengguna bulanan atau pendapatan bulanan sebesar $20 juta juga harus menampilkan &quot;Kimi K3&quot; di antarmuka. Menjalankan sendiri model 2,8T masih membutuhkan klaster GPU multi-node, sehingga sebagian besar tim akan mengaksesnya melalui API dengan biaya $3 per satu juta token input dan $15 per satu juta token output. Untuk agen yang benar-benar dapat Anda jalankan sendiri, K2 tetap menjadi pilihan Moonshot yang praktis, tetapi K3 mendefinisikan ulang arti &quot;terbuka&quot; di tingkat tertinggi.</p>
<p><strong>Gemma 3</strong> (Google) paling cocok saat Anda perlu menjalankan model di perangkat pemain atau melakukan lokalisasi secara luas. Model ini tersedia dalam ukuran 1B, 4B, 12B, dan 27B, sehingga dapat digunakan mulai dari kartu grafis 8GB, mendukung 140 bahasa, mampu melakukan pemanggilan fungsi, dan varian 4B ke atas juga dapat memahami gambar sehingga sekaligus berfungsi sebagai model visual kecil. Lisensi Gemma mengizinkan penggunaan komersial.</p>
<p><strong>Gemma 4</strong> (Google, 2 April 2026) menggantikannya untuk proyek baru dan menyelesaikan persoalan lisensi sepenuhnya: seluruh keluarga model menggunakan Apache 2.0, sebagaimana dijelaskan dalam <a href="https://ai.google.dev/gemma/docs/core/model_card_4">kartu model</a>. Model ini tersedia sebagai E2B dan E4B untuk ponsel dan laptop, versi 12B, MoE 26B-A4B dengan kurang dari 4B parameter aktif, serta model dense 31B. Model kecil memiliki konteks 128K, sedangkan model lainnya memiliki konteks 256K. Semua ukuran mendukung input gambar bawaan, model kecil juga mendukung audio, dan keseluruhannya mendukung lebih dari 140 bahasa. Untuk otak NPC di perangkat yang juga harus melihat tangkapan layar, 26B-A4B adalah pilihannya.</p>
<p><strong>Lini Llama dari Meta praktis sedang terhenti.</strong> Llama 4 (April 2025) masih menjadi Llama terakhir, dan pada April 2026 Meta Superintelligence Labs meluncurkan penerusnya, Muse Spark, sebagai model tertutup. Meta kembali membuka sebagian akses pada Agustus 2026 melalui <a href="https://huggingface.co/meta-models/Muse-Glimmer-30B">Muse Glimmer 30B</a>, sebuah model multimodal dense sekitar 30B di bawah Apache 2.0, dengan konteks 128K+ dan build 4-bit yang muat pada kartu grafis 24GB. Ini adalah model agen lokal yang kuat, tetapi jika Anda menunggu Llama 5, berhentilah menunggu dan pilih Qwen, Gemma 4, atau Glimmer.</p>
<p><strong>Hy3</strong> (Tencent, Juli 2026) adalah rilis besar lainnya dengan lisensi Apache 2.0. Model ini merupakan MoE 295B dengan 21B parameter aktif dan konteks 256K, menurut <a href="https://huggingface.co/tencent/Hy3">kartu modelnya</a>. Rilis Juli menghapus pengecualian regional yang terdapat dalam pratinjau April, sehingga tidak seperti lisensi Hunyuan3D dan GameCraft dari Tencent, model ini dapat digunakan di Uni Eropa, Britania Raya, dan Korea Selatan.</p>
<p><strong>Qwen3-Coder</strong> (Alibaba) adalah model pemrograman terbuka khusus yang menggantikan lini DeepSeek-Coder lama untuk sebagian besar penggunaan. Ini adalah MoE 480B dengan 35B parameter aktif, konteks bawaan 256K yang dapat diperluas hingga 1 juta, menggunakan Apache 2.0, dan berada di kelas Claude Sonnet dalam benchmark pemrograman agentik. Jika game Anda menghasilkan atau menjalankan kode, inilah batas tertinggi model terbuka. Keluarga <strong>Mistral</strong> dari Eropa merupakan alternatif solid yang dapat di-host sendiri: Devstral untuk pemrograman, serta <a href="https://mistral.ai/news/mistral-small-4">Mistral Small 4</a> (16 Maret 2026), sebuah MoE 119B dengan 6B parameter aktif yang menggabungkan penalaran, visi, dan pemrograman agentik dalam satu model Apache 2.0 dengan konteks 256K.</p>
<p><strong>Qwen3-VL</strong> menambahkan pemahaman visual, dengan ukuran dense dan MoE mulai dari 2B hingga 235B di bawah Apache 2.0. Model ini berguna untuk game yang perlu menganalisis tangkapan layar, memahami konten buatan pemain, atau memproses input kamera. Varian 8B berjalan pada satu GPU. <strong>InternVL3</strong> (Shanghai AI Lab, MIT) adalah opsi vision-language terbuka kuat lainnya, terutama unggul dalam OCR dan grounding antarmuka, yang penting jika alat Anda perlu membaca antarmuka game; <strong>Pixtral 12B</strong> dari Mistral (Apache 2.0) adalah pilihan lebih ringan yang aman untuk penggunaan komersial.</p>
<p>Untuk NPC di perangkat—karakter yang merespons secara real-time tanpa panggilan cloud—<strong>Qwen3-8B</strong> melalui NVIDIA ACE merupakan jalur paling praktis saat ini. Model ini berjalan berdampingan dengan game Anda di perangkat pemain.</p>
<h2>Model Utilitas</h2>
<p>Model-model ini tidak menghasilkan konten secara langsung, tetapi membuat pipeline Anda berfungsi.</p>
<p><img src="/img/ai-samples/sam2-sample.jpg" alt="Segmentasi SAM 2">
<em>SAM 2 menyegmentasikan objek apa pun dalam gambar dan video. Klik sekali, dapatkan mask yang sempurna</em></p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Organisasi</th>
<th>Dirilis</th>
<th>Fungsinya</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/facebookresearch/sam2"><strong>SAM 2</strong></a></td>
<td>Meta</td>
<td>Agu 2024</td>
<td>Menyegmentasikan apa pun dalam gambar dan video</td>
</tr>
<tr>
<td><a href="https://github.com/apple/ml-depth-pro"><strong>Depth Pro</strong></a></td>
<td>Apple</td>
<td>Okt 2024</td>
<td>Menghasilkan kedalaman metrik dari satu gambar</td>
</tr>
<tr>
<td><a href="https://github.com/nerfstudio-project/gsplat"><strong>gsplat</strong></a></td>
<td>Nerfstudio</td>
<td>2024+</td>
<td>Gaussian splatting dengan akselerasi CUDA</td>
</tr>
</tbody>
</table>
<p><strong>SAM 2</strong> menyegmentasikan objek dalam video secara real-time. Klik sesuatu, lalu dapatkan mask yang sempurna. Berguna untuk rotoscoping, compositing, atau mengekstrak objek dari rekaman agar dapat digunakan sebagai aset game. <a href="https://github.com/huggingface/sam2-studio">Coba SAM 2 ↗</a></p>
<p><strong>Depth Pro</strong> dari Apple menghasilkan peta kedalaman metrik dari satu gambar dalam waktu kurang dari satu detik. Ini membuka banyak kemungkinan: mengubah karya 2D menjadi 2.5D dengan efek paralaks, menghasilkan data kedalaman untuk rekonstruksi 3D, dan membuat normal map dari gambar datar. <a href="https://huggingface.co/apple/DepthPro-hf">Depth Pro di HuggingFace ↗</a></p>
<p><strong>gsplat</strong> adalah implementasi cepat untuk Gaussian splatting. Jika Anda merekam lingkungan nyata untuk game, baik melalui fotogrametri maupun pemindaian lingkungan, library inilah yang membuat prosesnya praktis.</p>
<h2>Yang Benar-Benar Akan Saya Gunakan</h2>
<p>Jika Anda memulai proyek game hari ini, berikut stack yang masuk akal:</p>
<p><strong>Tekstur dan sprite</strong>: FLUX.1 [schnell], Apache 2.0, iterasi cepat, kualitas yang siap dirilis</p>
<p><strong>Concept art</strong>: SD 3.5 Large dengan LoRA untuk mengendalikan gaya</p>
<p><strong>Aset 3D</strong>: Hunyuan3D 2.1 atau TRELLIS.2 untuk mesh bertekstur, SAM 3D jika Anda memulai dari foto, lalu Blender untuk penyempurnaan</p>
<p><strong>Auto-rigging</strong>: UniRig atau NVIDIA SOMA-X untuk membuat skeleton dan skin pada mesh hasil generasi (keduanya terbuka), alih-alih bergantung pada Mixamo</p>
<p><strong>Efek suara</strong>: model Small-SFX terbuka dari Stable Audio, berjalan secara lokal dan berlisensi komersial</p>
<p><strong>Musik</strong>: ACE-Step untuk prototipe, lalu libatkan komponis untuk produksi final</p>
<p><strong>Suara</strong>: Qwen3-TTS untuk kloning suara dan dialog latar (Apache 2.0), Chatterbox (MIT) saat sebuah dialog membutuhkan emosi yang nyata, dan pengisi suara untuk dialog-dialog penting</p>
<p><strong>Dialog NPC</strong>: Qwen3.6-35B-A3B, Gemma 4 26B-A4B, atau Muse Glimmer 30B secara lokal, maupun LLM cloud yang dapat di-host sendiri (GLM-5.2, DeepSeek-V4, atau Kimi K3) untuk penalaran kompleks dan penggunaan alat</p>
<p><strong>Video (cutscene)</strong>: Mochi 1 atau Wan 2.2 5B secara lokal, LTX-2.5 atau HunyuanVideo-1.5 di cloud saat Anda membutuhkan kualitas final</p>
<p>Inti dari semua ini adalah: kesalahan yang umum terjadi ialah mencoba menggunakan AI untuk segalanya. Ini adalah alat, bukan pengganti. Alat-alat ini memangkas bagian yang melelahkan seperti iterasi, variasi, dan aset sementara, sehingga Anda dapat menghabiskan waktu untuk keputusan kreatif yang benar-benar penting. Bagian-bagian yang menjadikan game Anda milik Anda sendiri.</p>
<h2>Pemeriksaan Realitas Perangkat Keras</h2>
<p>Mari jujur tentang apa yang sebenarnya Anda butuhkan untuk menjalankan semua ini:</p>
<p><strong>VRAM 8GB</strong> (RTX 3060, 4060): SD 1.5/SDXL, Wan 2.1 kecil, AudioGen, Fish Speech, LLM kecil (7B terkuantisasi). Ini adalah kelas laptop gaming, dan sudah cukup untuk memulai.</p>
<p><strong>VRAM 12GB</strong> (RTX 3080, 4070): SD 3.5, FLUX schnell, Mochi 1, MusicGen, TripoSR, Qwen 14B terkuantisasi. Di tingkat ini semuanya mulai terasa nyaman. Sebagian besar model yang berguna dapat berjalan di sini.</p>
<p><strong>VRAM 24GB</strong> (RTX 3090, 4090): Sebagian besar model pada presisi penuh, InstantMesh, LLM yang lebih besar, serta kelas agen lokal 2026: Qwen3.6-35B-A3B, Gemma 4 31B pada 4-bit, dan Muse Glimmer 30B pada 4-bit. Jika Anda serius dengan alur kerja ini, inilah titik idealnya.</p>
<p><strong>VRAM 48-80GB</strong> (A100, H100): HunyuanVideo, LTX-2, DeepSeek-V3, dan generasi berskala produksi. Ini perangkat keras kelas perusahaan. Anda tidak akan membelinya, tetapi menyewanya.</p>
<p>Instans cloud di RunPod, Lambda Labs, atau Modal berbiaya $2-4/jam untuk A100. Untuk penggunaan sesekali, itu lebih murah daripada membeli perangkat keras. Nyalakan saat Anda membutuhkan kualitas final, lalu matikan setelah selesai.</p>
<p><strong>Tentang perkiraan biaya dalam panduan ini</strong>: Biaya per generasi mengasumsikan inferensi yang di-host sendiri pada GPU cloud dengan tarif sekitar ~$2-3/jam (A100) atau ~$0.40/jam (RTX 4090). Biaya sebenarnya bervariasi berdasarkan perangkat keras, optimasi, dan ukuran batch. Angka-angka ini merupakan perkiraan kasar untuk perencanaan, jadi hasil Anda dapat berbeda.</p>
<h2>Yang Baru pada 2026</h2>
<p><strong>Baru-baru ini dirilis</strong>: LTX-2 dan LTX-2.3 menghadirkan audio dan video tersinkronisasi terbuka dengan 4K bawaan. TRELLIS.2 dari Microsoft (Desember 2025) menjadi pemimpin terbuka untuk img-to-3D, dan SAM 3D dari Meta (November 2025) membuat rekonstruksi 3D dari satu foto menjadi praktis. FLUX.2 menggantikan FLUX.1 untuk generasi gambar, sementara SOMA-X dari NVIDIA menghadirkan auto-rigging dan retargeting terbuka. Paruh pertama 2026 mempertahankan kecepatan tersebut: Qwen3-TTS (Januari) menyediakan rumah berlisensi Apache 2.0 yang layak untuk kloning suara, GLM-5 dari Zhipu (Februari) merilis model pemrograman dan agentik terbuka 744B di bawah MIT, Matrix-Game 3.0 dari Skywork (Maret) menghadirkan model dunia interaktif real-time dalam bobot terbuka, DeepSeek-V4 (April) mendorong LLM terbuka ke konteks 1 juta token di bawah MIT, Stable Audio 3.0 (Mei) merilis tiga model audio terbuka yang dilatih menggunakan data berlisensi, dan Ideogram merilis model gambar open-weight pertamanya (Juni). Kemudian pada Juli, Moonshot mengumumkan Kimi K3, model open-weight dengan 2,8T parameter, dan bobotnya dirilis pada 27 Juli di bawah Kimi K3 License. Pada bulan yang sama, Tencent memindahkan Hy3 295B ke Apache 2.0, beberapa minggu setelah <a href="http://Z.ai">Z.ai</a> merilis GLM-5.2 di bawah MIT (17 Juni). Agustus juga sibuk di sisi terbuka: Alibaba merilis Qwen3.8 (model unggulan 2.4T-A95B ditambah model dense 27B, Apache 2.0), Meta merilis Muse Glimmer 30B di bawah Apache 2.0, MiniMax membuka bobot video H3 33B, dan Lightricks merilis LTX-2.5. Sebelumnya pada tahun yang sama, Gemma 4 dari Google (April, Apache 2.0) dan Mistral Small 4 (Maret, Apache 2.0) mendefinisikan ulang kelas model di perangkat.</p>
<p><strong>Tren yang perlu diperhatikan</strong>: lab-lab teratas semakin sering mempertahankan model terbaru mereka sebagai API-only, meskipun versi sebelumnya bersifat terbuka. Wan menjadi tertutup pada versi 2.5 dan tetap tertutup hingga 3.0 (Agustus 2026), demikian pula Qwen-Image pada 2.0 dan Hunyuan3D pada 2.5. Penerus Llama dari Meta, Muse Spark, diluncurkan sebagai model tertutup pada April 2026 sebelum Muse Glimmer yang lebih kecil kembali dibuka pada Agustus. Black Forest Labs merilis FLUX 3 melalui API terlebih dahulu, dengan FLUX 3 Dev terbuka yang dijanjikan hadir pada akhir 2026, sementara Skywork mengumumkan SkyReels V4 pada Februari tanpa menerbitkan bobotnya. Ekosistem terbuka masih hidup dan bergerak cepat, tetapi anggapan bahwa &quot;versi terbaru pasti terbuka&quot; tidak lagi aman. Karena itu, periksa ketersediaan bobot sebelum membangun pipeline berdasarkan sebuah model.</p>
<p>Arah perkembangannya jelas: setiap kemampuan yang tersedia dalam model tertutup muncul dalam model terbuka 6-12 bulan kemudian. Pertanyaannya bukan apakah model terbuka akan cukup bagus. Untuk sebagian besar penggunaan, model-model tersebut sudah cukup bagus. Pertanyaannya adalah seberapa cepat model terbuka menjadi pilihan default.</p>
<p>Dan inilah artinya bagi para kreator: alat-alat yang dahulu membutuhkan anggaran perusahaan atau langganan bulanan kini menjadi sesuatu yang dapat begitu saja Anda... jalankan. Di perangkat keras Anda sendiri. Tanpa memerlukan izin dari pihak lain.</p>
<p>Itulah pergeserannya. Itulah tujuan yang sedang kita bangun.</p>
<hr>
<h2>Pertanyaan Umum</h2>
<h3>Apa model AI sumber terbuka terbaik untuk menghasilkan aset game?</h3>
<p>Tergantung pada jenis asetnya. Untuk model 3D, Hunyuan3D adalah opsi terbuka terkuat pada 2026. Untuk karya seni 2D dan tekstur, FLUX memimpin dalam kualitas. Untuk efek suara dan musik, model audio terbuka telah mengejar dengan cepat. Tidak ada satu model &quot;terbaik&quot; karena game membutuhkan banyak jenis aset, sehingga sebagian besar kreator merangkai beberapa model alih-alih hanya mengandalkan satu.</p>
<h3>Apakah model AI sumber terbuka cukup bagus untuk menggantikan API tertutup?</h3>
<p>Untuk sebagian besar pekerjaan aset game pada 2026, ya. Model terbuka kini menyamai API tertutup dalam generasi gambar, 3D, dan audio, serta dapat dijalankan pada perangkat keras Anda sendiri tanpa biaya per panggilan atau perubahan harga mendadak. Model tertutup masih unggul dalam beberapa tugas frontier seperti video berdurasi panjang, tetapi kesenjangan tersebut biasanya tertutup dalam 6 hingga 12 bulan.</p>
<h3>Bisakah saya menjalankan model AI generatif ini pada GPU sendiri?</h3>
<p>Banyak di antaranya bisa. Model gambar dan audio berjalan nyaman pada satu GPU konsumen seperti RTX 4090. Model video dan 3D yang lebih besar membutuhkan lebih banyak VRAM dan sering kali memerlukan GPU cloud kelas A100. Bagian perangkat keras di atas mencantumkan kebutuhan setiap model agar Anda dapat membuat perencanaan sebelum berkomitmen.</p>
<h3>Apa model frontier sumber terbuka terbaik pada 2026?</h3>
<p>Per September 2026, persaingan model frontier terbuka berlangsung di antara empat model, dan jawabannya bergantung pada perangkat yang dapat Anda jalankan. Kimi K3 (2.8T MoE) adalah yang terbesar dan skornya paling mendekati para pemimpin tertutup, tetapi Lisensi Kimi K3 menambahkan persyaratan bagi bisnis model-as-a-service berskala besar. DeepSeek-V4-Pro (1.6T, 49B aktif) dan Qwen3.8-2.4T-A95B memiliki lisensi paling sederhana pada skala tersebut, masing-masing MIT dan Apache 2.0. GLM-5.2 (753B, MIT) adalah spesialis pemrograman dan agen. Tidak satu pun dapat dijalankan pada satu GPU, jadi untuk model yang Anda hos sendiri, pilihan &quot;terbaik&quot; sebenarnya berada satu tingkat di bawahnya: Qwen3.6-35B-A3B, Gemma 4 31B, atau Muse Glimmer 30B.</p>
<h3>Apa saja model frontier terbaik untuk pembuatan gambar, baik terbuka maupun tertutup?</h3>
<p>Terbuka: FLUX.2 [klein] 4B (Apache 2.0, kurang dari satu detik) untuk aset visual game yang aman digunakan secara komersial, Qwen-Image-2512 (Apache 2.0) saat Anda memerlukan teks yang mudah dibaca, serta FLUX.2 [dev] atau Chroma1-HD untuk kualitas maksimal jika lisensinya sesuai. Tertutup: FLUX.2 [pro] dan Qwen-Image-2.0 yang hanya tersedia melalui API, ditambah model yang hadir pada 2026 seperti Kling IMAGE 3.0 (hingga 10 gambar referensi menurut <a href="https://kling.ai/quickstart/klingai-image-3-model-user-guide">panduan Kling</a>) dan Grok Imagine Image 2.0 dari xAI. Untuk saat ini, model gambar FLUX 3 hanya tersedia melalui API BFL, dengan versi Dev terbuka yang dijanjikan akan hadir kemudian pada 2026. Untuk pembuatan game, tingkat terbuka sudah cukup bagus, jadi manfaat utama model tertutup adalah kemudahan penggunaan.</p>
<h3>Model video berbobot terbuka mana yang mengizinkan penerapan komersial penuh, dan dengan lisensi apa?</h3>
<p>Jika Anda memerlukan model video terbuka yang dapat diterapkan secara komersial pada skala perusahaan tanpa batas pendapatan, pilihan amannya adalah Wan 2.2 (Apache 2.0, termasuk varian MoE 5B dan 14B), Mochi 1 (Apache 2.0), Step-Video-T2V (MIT), dan CogVideoX 2B (Apache 2.0). LTX-2 dan LTX-2.5 dapat digunakan secara komersial secara gratis untuk pendapatan tahunan di bawah $10 juta dan memerlukan perjanjian berbayar jika melampaui jumlah tersebut, yang merupakan jalur &quot;membeli akses&quot; yang benar-benar ditawarkan Lightricks. MiniMax H3 bersifat terbuka di bawah MiniMax H3 Community License, tetapi meminta pengguna di AS, UE, Inggris Raya, dan Korea Selatan untuk mendaftar terlebih dahulu. Sementara itu, HunyuanVideo menggunakan lisensi komunitas Tencent dengan pengecualian regional, jadi bacalah keduanya sebelum mengambil keputusan. Wan 2.5 hingga 3.0, Veo, Kling, dan Seedance sama sekali tidak memiliki bobot yang tersedia untuk publik. <a href="/id/guides/long-reference-video-models">Panduan model video referensi</a> kami membandingkan berbagai opsi yang dihos.</p>
<h3>AI generatif apa yang sebaiknya saya gunakan untuk aset dan lingkungan game pada 2026?</h3>
<p>Rangkai beberapa model spesialis alih-alih mencari satu model untuk semuanya. Untuk properti dan karakter, proses konsep dari FLUX.2 klein atau Qwen-Image melalui Hunyuan3D 2.1 atau TRELLIS.2, lalu buat rig dengan UniRig. Untuk lingkungan, buat skybox atau HDRI (<a href="/id/tools/skybox">generator skybox</a> kami melakukannya di browser), bangun medan secara prosedural atau dengan proses difusi seperti dalam <a href="/id/guides/landscape-generation-browser">panduan pembuatan medan</a> kami, lalu buat teksturnya menggunakan model gambar dan ekstraktor PBR sebagaimana dibahas dalam <a href="/id/guides/ai-texture-generators">panduan generator tekstur AI</a> kami. Audio dapat dibuat dengan Stable Audio 3.0 Small-SFX dan ACE-Step, sedangkan suara dapat dibuat dengan Qwen3-TTS atau Chatterbox. Per September 2026, setiap model dalam rangkaian tersebut bersifat terbuka dan dapat digunakan secara komersial.</p>
<h3>Apa LLM terbaik untuk dijalankan secara lokal pada 2026?</h3>
<p>Pilih berdasarkan VRAM terlebih dahulu. Untuk 8GB, gunakan Qwen3.5-4B atau Gemma 4 E4B. Untuk 16GB, gunakan gpt-oss-20b (Apache 2.0, dirancang untuk 16GB) atau Gemma 4 12B. Untuk 24GB, Qwen3.6-35B-A3B adalah model serbaguna yang sebaiknya dijalankan oleh sebagian besar pengguna, dengan Muse Glimmer 30B pada 4-bit untuk pekerjaan berbasis agen dengan kemampuan visual dan Gemma 4 31B terkuantisasi jika Anda menginginkan model padat terkuat. Di atas itu, DeepSeek-V4-Flash (284B, 13B aktif) adalah opsi terkecil untuk memperoleh konteks 1 juta token di sebuah workstation. Semua model ini menggunakan Apache 2.0 atau MIT, dan Ollama atau LM Studio dapat menjalankan masing-masing hanya dengan satu perintah.</p>
<h3>Apakah penggunaan aset buatan AI dalam game komersial legal?</h3>
<p>Secara umum ya untuk model sumber terbuka yang Anda jalankan sendiri, tetapi hal ini bergantung pada lisensi model dan asumsi Anda mengenai data pelatihannya. Selalu periksa lisensi spesifik model tersebut, dan ungkapkan konten buatan AI jika platform Anda mewajibkannya. Lihat <a href="/id/ai-content">kebijakan konten buatan AI</a> kami untuk mengetahui cara kami menanganinya.</p>
<hr>
<h2>Bacaan Lebih Lanjut</h2>
<ul>
<li><a href="/id/blog/2026-01-18-ai-controversy-and-post-ai-economy">Kontroversi AI, kepercayaan, dan ekonomi pasca-AI</a>: pandangan kami tentang AI dalam game</li>
<li><a href="/id/ai-content">Kebijakan konten buatan AI</a>: cara kami menangani pengungkapan penggunaan AI</li>
<li><a href="/id/guides/long-reference-video-models">Model Video AI Terbaik dengan Dukungan Gambar Referensi</a>: perbandingan model video yang dihos</li>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik</a>: perbandingan Meshy, Tripo, dan Rodin yang dihos dengan model terbuka</li>
<li><a href="/id/guides/web-games-stack-2026">Stack Teknologi Game Web pada 2026</a>: WebGL, WebGPU, dan Wasm untuk game</li>
<li><a href="/id/guides/browser-3d-open-world-tech">Teknologi Dunia Terbuka 3D di Browser</a>: menggunakan aset 3D buatan AI dalam dunia berbasis browser</li>
<li><a href="/id/guides/landscape-generation-browser">Pembuatan Lanskap untuk Dunia Terbuka di Browser</a>: sintesis medan berbasis difusi</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: sumber aset tradisional sebagai pelengkap pembuatan dengan AI</li>
<li><a href="/id/tutorials/agentic-code-tools">Alat kode AI berbasis agen</a>: AI untuk menulis kode game, bukan sekadar membuat aset</li>
</ul>
<p><BuildCta
  title="Lihat model-model ini membuat game, bukan sekadar aset"
  desc="Model generatif terasa lebih menyenangkan ketika hasilnya dapat dimainkan."
  prompt="Buat game tempat saya menjelajahi lanskap alien aneh yang dihasilkan AI" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Penjelasan Lisensi Aset Game (CC0, CC-BY, Bebas Royalti)]]></title>
            <link>https://app.cinevva.com/id/guides/game-asset-licenses</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/game-asset-licenses</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara kerja lisensi aset game dalam bahasa sederhana - CC0, CC-BY, CC-BY-SA, bebas royalti, editorial, MIT, dan GPL - serta mana yang aman digunakan dalam game komersial.]]></description>
            <content:encoded><![CDATA[<h1>Penjelasan Lisensi Aset Game (CC0, CC-BY, Bebas Royalti)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Lisensi aset game adalah aturan dari kreator mengenai bagaimana Anda diizinkan menggunakan model 3D, tekstur, suara, atau musik mereka. Lisensi paling aman untuk game komersial adalah CC0 (domain publik, tanpa kewajiban atribusi) dan bebas royalti (bayar sekali, lalu gunakan selamanya), yang keduanya mengizinkan penggunaan komersial tanpa biaya berkelanjutan. CC-BY juga dapat digunakan dalam game komersial selama Anda memberikan atribusi kepada kreator, sedangkan lisensi nonkomersial (CC-BY-NC) dan aset khusus editorial tidak boleh disertakan dalam game yang Anda jual. Panduan ini menguraikan setiap lisensi dalam bahasa sederhana agar Anda dapat menggunakan aset gratis maupun berbayar dalam game tanpa masalah hukum.</p>
<h2>Mengapa Lisensi Penting</h2>
<p>Setiap karya kreatif—model 3D, tekstur, suara, musik—dilindungi oleh hak cipta. Secara bawaan, kreatorlah yang memilikinya. <strong>Lisensi</strong> adalah izin dari kreator agar Anda dapat menggunakan karya mereka berdasarkan ketentuan tertentu.</p>
<p><strong>Menggunakan aset tanpa memahami lisensinya dapat mengakibatkan:</strong></p>
<ul>
<li>Penghapusan game Anda berdasarkan DMCA</li>
<li>Tindakan hukum dari pemegang hak cipta</li>
<li>Penghapusan paksa dari toko aplikasi</li>
<li>Kerugian finansial</li>
</ul>
<p><strong>Kabar baiknya:</strong> Sebagian besar aset game memiliki lisensi yang jelas dan permisif. Anda hanya perlu memahami apa yang diizinkan.</p>
<hr>
<h2>Referensi Singkat Lisensi</h2>
<table>
<thead>
<tr>
<th>Lisensi</th>
<th>Penggunaan Komersial</th>
<th>Atribusi</th>
<th>Modifikasi</th>
<th>Berbagi Serupa</th>
<th>Penyedia</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>CC0</strong></td>
<td>✅ Ya</td>
<td>❌ Tidak</td>
<td>✅ Ya</td>
<td>❌ Tidak</td>
<td>Poly Haven, Kenney, Quaternius, AmbientCG, sebagian Freesound</td>
</tr>
<tr>
<td><strong>CC-BY</strong></td>
<td>✅ Ya</td>
<td>✅ Wajib</td>
<td>✅ Ya</td>
<td>❌ Tidak</td>
<td>Sketchfab, OpenGameArt, sebagian Freesound</td>
</tr>
<tr>
<td><strong>CC-BY-SA</strong></td>
<td>✅ Ya</td>
<td>✅ Wajib</td>
<td>✅ Ya</td>
<td>✅ Wajib</td>
<td>OpenGameArt (termasuk koleksi LPC)</td>
</tr>
<tr>
<td><strong>CC-BY-NC</strong></td>
<td>❌ Tidak</td>
<td>✅ Wajib</td>
<td>✅ Ya</td>
<td>❌ Tidak</td>
<td>Sebagian Sketchfab, <a href="http://itch.io">itch.io</a>, sebagian Freesound</td>
</tr>
<tr>
<td><strong>CC-BY-NC-SA</strong></td>
<td>❌ Tidak</td>
<td>✅ Wajib</td>
<td>✅ Ya</td>
<td>✅ Wajib</td>
<td>Beragam</td>
</tr>
<tr>
<td><strong>Bebas Royalti</strong></td>
<td>✅ Ya</td>
<td>❌ Biasanya tidak</td>
<td>✅ Ya</td>
<td>❌ Tidak</td>
<td>Synty, CGTrader, TurboSquid</td>
</tr>
<tr>
<td><strong>Khusus Editorial</strong></td>
<td>❌ Tidak*</td>
<td>Bervariasi</td>
<td>⚠️ Terbatas</td>
<td>❌ Tidak</td>
<td>TurboSquid (sebagian)</td>
</tr>
<tr>
<td><strong>MIT</strong></td>
<td>✅ Ya</td>
<td>✅ Wajib</td>
<td>✅ Ya</td>
<td>❌ Tidak</td>
<td>Three.js, pmndrs</td>
</tr>
<tr>
<td><strong>GPL</strong></td>
<td>✅ Ya</td>
<td>✅ Wajib</td>
<td>✅ Ya</td>
<td>✅ Wajib</td>
<td>Sebagian OpenGameArt</td>
</tr>
</tbody>
</table>
<p><strong>Catatan tentang Freesound:</strong> Freesound menggunakan campuran lisensi untuk setiap suara. Masing-masing suara berlisensi CC0, CC-BY, atau CC-BY-NC (ditambah sejumlah kecil koleksi lama dengan lisensi Sampling+ yang telah dihentikan), jadi periksa setiap berkas sebelum mengunduhnya. Suara CC-BY-NC tidak boleh disertakan dalam game komersial. Per September 2026, pembagiannya lebih menguntungkan daripada sebelumnya: <a href="https://freesound.org/search/?q=">filter lisensi</a> milik Freesound mencatat sekitar 381.000 suara CC0 dari total 734.000, sehingga kurang lebih 52% katalognya sama sekali tidak memerlukan atribusi.</p>
<hr>
<h2>Lisensi Creative Commons</h2>
<p>Lisensi Creative Commons (CC) adalah lisensi yang paling umum untuk aset game gratis. Lisensi ini terstandardisasi, diakui secara internasional, dan mudah dipahami.</p>
<h3>CC0 - Dedikasi Domain Publik</h3>
<p><strong>Lisensi yang paling permisif. Perlakukan asetnya seolah-olah tidak memiliki hak cipta.</strong></p>
<table>
<thead>
<tr>
<th>Yang Boleh Anda Lakukan</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Menggunakan secara komersial</td>
<td>✅</td>
</tr>
<tr>
<td>Menggunakan dalam game sumber tertutup</td>
<td>✅</td>
</tr>
<tr>
<td>Memodifikasi, mencampur ulang, mentransformasi</td>
<td>✅</td>
</tr>
<tr>
<td>Mendistribusikan dan membagikan</td>
<td>✅</td>
</tr>
<tr>
<td>Menggunakan tanpa kredit</td>
<td>✅</td>
</tr>
<tr>
<td>Mengklaim sebagai karya sendiri</td>
<td>⚠️ Secara hukum boleh, tetapi secara etis dipertanyakan</td>
</tr>
</tbody>
</table>
<p><strong>Dalam bahasa sederhana:</strong> Lakukan apa pun yang Anda inginkan. Tidak ada batasan. Tidak perlu atribusi.</p>
<p><strong>Penyedia yang menggunakan CC0:</strong></p>
<ul>
<li>Poly Haven (semua aset)</li>
<li>Kenney (semua aset)</li>
<li>Quaternius (semua aset)</li>
<li>AmbientCG (semua aset)</li>
<li>Sebagian aset di OpenGameArt, Freesound, dan Sketchfab</li>
</ul>
<p><strong>Contoh penggunaan:</strong> Unduh pesawat luar angkasa dari Kenney, modifikasi, jual game Anda seharga $20, dan jangan pernah menyebut Kenney di mana pun. Sepenuhnya legal.</p>
<p><strong>Mengapa kreator memilih CC0:</strong> Untuk memaksimalkan penggunaan. Banyak kreator ingin karya mereka digunakan secara luas dan tidak mempermasalahkan atribusi.</p>
<hr>
<h3>CC-BY - Atribusi</h3>
<p><strong>Gunakan dengan bebas, tetapi Anda harus memberikan kredit.</strong></p>
<table>
<thead>
<tr>
<th>Yang Boleh Anda Lakukan</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Menggunakan secara komersial</td>
<td>✅</td>
</tr>
<tr>
<td>Menggunakan dalam game sumber tertutup</td>
<td>✅</td>
</tr>
<tr>
<td>Memodifikasi, mencampur ulang, mentransformasi</td>
<td>✅</td>
</tr>
<tr>
<td>Mendistribusikan dan membagikan</td>
<td>✅</td>
</tr>
<tr>
<td>Menggunakan tanpa kredit</td>
<td>❌ Wajib memberikan atribusi</td>
</tr>
</tbody>
</table>
<p><strong>Persyaratan atribusi:</strong></p>
<ol>
<li>Cantumkan nama kreator</li>
<li>Cantumkan nama lisensi (CC-BY 4.0)</li>
<li>Tautkan ke lisensi (jika memungkinkan)</li>
<li>Nyatakan jika ada perubahan yang dibuat</li>
</ol>
<p><strong>Dalam bahasa sederhana:</strong> Gunakan dengan cara apa pun yang Anda inginkan, tetapi berikan kredit kepada kreatornya.</p>
<p><strong>Tempat mencantumkan atribusi:</strong></p>
<ul>
<li>Layar kredit dalam game Anda</li>
<li>Berkas README atau CREDITS.txt</li>
<li>Bagian Tentang/Legal</li>
<li>Situs web game</li>
</ul>
<p><strong>Contoh atribusi:</strong></p>
<pre><code>&quot;Spaceship Model&quot; by John Artist
Licensed under CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/)
Modified: Adjusted scale and added emission texture
</code></pre>
<p><strong>Penyedia yang menggunakan CC-BY:</strong></p>
<ul>
<li>Banyak model Sketchfab</li>
<li>Banyak aset OpenGameArt</li>
<li>Sebagian audio Freesound</li>
<li>BlendSwap</li>
</ul>
<p><strong>OGA-BY:</strong> OpenGameArt juga memiliki lisensi OGA-BY sendiri (versi 3.0 dan 4.0), yaitu varian CC-BY tanpa klausul DRM. Menurut <a href="https://opengameart.org/content/faq">FAQ OpenGameArt</a>, OGA-BY &quot;menghapus pembatasan terhadap tindakan teknis yang mencegah pendistribusian ulang suatu karya (misalnya DRM)&quot;, yang penting karena CC-BY melarang Anda menerapkan DRM pada karya berlisensi tersebut, sedangkan game yang dirilis di konsol atau melalui toko dengan DRM dapat dianggap melakukan hal itu. Perlakukan OGA-BY seperti CC-BY dan berikan kredit kepada kreatornya.</p>
<p><strong>Catatan tentang Sketchfab:</strong> Toko berbayarnya ditutup pada 2024 dan penjualan dipindahkan ke marketplace Fab milik Epic. Kemudian, pada Agustus 2026, Epic menjual Sketchfab dan ArtStation kepada KitBash, perusahaan di balik KitBash3D dan Greyscalegorilla. KitBash menyatakan bahwa tidak ada perubahan langsung pada cara Anda mengakses Sketchfab, dan per September 2026 unduhan Creative Commons dan CC0 gratis masih tersedia. Meskipun demikian, jika Anda mengambil model CC-BY atau CC0 dari sana, unduh dan arsipkan semua yang Anda perlukan daripada berasumsi bahwa tautannya akan tersedia selamanya.</p>
<hr>
<h3>CC-BY-SA - Atribusi-BerbagaiSerupa</h3>
<p><strong>Gunakan dengan bebas dan berikan kredit, tetapi karya turunan harus memakai lisensi yang sama.</strong></p>
<table>
<thead>
<tr>
<th>Yang Boleh Anda Lakukan</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Menggunakan secara komersial</td>
<td>✅</td>
</tr>
<tr>
<td>Menggunakan dalam game sumber tertutup</td>
<td>✅ (game itu sendiri)</td>
</tr>
<tr>
<td>Memodifikasi, mencampur ulang, mentransformasi</td>
<td>✅</td>
</tr>
<tr>
<td>Mendistribusikan dan membagikan</td>
<td>✅</td>
</tr>
<tr>
<td>Menggunakan tanpa kredit</td>
<td>❌ Wajib memberikan atribusi</td>
</tr>
<tr>
<td>Menjadikan karya turunan sebagai milik eksklusif</td>
<td>❌ Wajib menggunakan lisensi yang sama</td>
</tr>
</tbody>
</table>
<p><strong>Ketentuan &quot;BerbagiSerupa&quot;:</strong> Jika Anda memodifikasi aset dan mendistribusikan versi yang telah dimodifikasi, versi tersebut juga harus menggunakan CC-BY-SA.</p>
<p><strong>Penjelasan penting untuk game:</strong></p>
<ul>
<li><strong>Kode game</strong> Anda TIDAK harus bersumber terbuka</li>
<li><strong>Game</strong> Anda boleh komersial dan bersumber tertutup</li>
<li>Hanya <strong>aset itu sendiri</strong> (dan karya turunannya) yang harus tetap menggunakan CC-BY-SA</li>
<li>Jika seseorang mengekstrak aset tersebut dari game Anda, mereka boleh menggunakannya berdasarkan CC-BY-SA</li>
</ul>
<p><strong>Dalam bahasa sederhana:</strong> Berikan kredit kepada kreator. Jika Anda membagikan versi aset yang telah dimodifikasi, aset tersebut tetap menggunakan CC-BY-SA.</p>
<p><strong>Kapan harus berhati-hati:</strong></p>
<ul>
<li>Jika Anda membuat paket aset atau templat</li>
<li>Jika Anda mendistribusikan ulang aset dalam toolkit</li>
<li>Jika game Anda memungkinkan pengguna mengekstrak aset mentah</li>
</ul>
<hr>
<h3>CC-BY-NC - Atribusi-NonKomersial</h3>
<p><strong>Boleh digunakan secara gratis dengan kredit, tetapi TIDAK untuk tujuan komersial.</strong></p>
<table>
<thead>
<tr>
<th>Yang Boleh Anda Lakukan</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Menggunakan secara komersial</td>
<td>❌ Tidak</td>
</tr>
<tr>
<td>Menggunakan dalam game sumber tertutup</td>
<td>✅ (jika game gratis)</td>
</tr>
<tr>
<td>Memodifikasi, mencampur ulang, mentransformasi</td>
<td>✅</td>
</tr>
<tr>
<td>Mendistribusikan dan membagikan</td>
<td>✅ (secara nonkomersial)</td>
</tr>
<tr>
<td>Menggunakan tanpa kredit</td>
<td>❌ Wajib memberikan atribusi</td>
</tr>
</tbody>
</table>
<p><strong>Apa yang dianggap &quot;komersial&quot;?</strong></p>
<ul>
<li>❌ Menjual game</li>
<li>❌ Pembelian dalam aplikasi</li>
<li>❌ Iklan dalam game</li>
<li>❌ Pengembangan game yang didanai melalui Patreon</li>
<li>⚠️ Game gratis buatan perusahaan (wilayah abu-abu)</li>
<li>✅ Proyek hobi yang sepenuhnya gratis tanpa monetisasi</li>
</ul>
<p><strong>Dalam bahasa sederhana:</strong> Hanya gunakan dalam proyek yang sepenuhnya gratis dan tidak dimonetisasi.</p>
<p><strong>Rekomendasi:</strong> Hindari aset berlisensi NC untuk proyek apa pun yang mungkin menghasilkan pendapatan. Definisi &quot;komersial&quot; luas dan masih diperdebatkan.</p>
<hr>
<h3>CC-BY-NC-SA - Atribusi-NonKomersial-BerbagaiSerupa</h3>
<p><strong>Lisensi Creative Commons yang paling ketat.</strong></p>
<table>
<thead>
<tr>
<th>Yang Boleh Anda Lakukan</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Menggunakan secara komersial</td>
<td>❌ Tidak</td>
</tr>
<tr>
<td>Menggunakan dalam game sumber tertutup</td>
<td>✅ (jika game gratis)</td>
</tr>
<tr>
<td>Memodifikasi, mencampur ulang, mentransformasi</td>
<td>✅</td>
</tr>
<tr>
<td>Mendistribusikan dan membagikan</td>
<td>✅ (secara nonkomersial)</td>
</tr>
<tr>
<td>Menggunakan tanpa kredit</td>
<td>❌ Wajib memberikan atribusi</td>
</tr>
<tr>
<td>Menjadikan karya turunan sebagai milik eksklusif</td>
<td>❌ Wajib menggunakan lisensi yang sama</td>
</tr>
</tbody>
</table>
<p><strong>Dalam bahasa sederhana:</strong> Hanya untuk penggunaan nonkomersial, wajib memberikan kredit, dan setiap karya turunan juga harus menggunakan NC-SA.</p>
<p><strong>Rekomendasi:</strong> Sebaiknya hindari lisensi ini untuk pengembangan game kecuali Anda yakin proyek Anda tidak akan pernah dimonetisasi dengan cara apa pun.</p>
<hr>
<h2>Lisensi Bebas Royalti</h2>
<p>&quot;Bebas Royalti&quot; adalah model lisensi komersial, BUKAN varian Creative Commons.</p>
<h3>Arti Sebenarnya dari &quot;Bebas Royalti&quot;</h3>
<p><strong>Bebas Royalti ≠ Gratis</strong></p>
<p>&quot;Bebas Royalti&quot; berarti:</p>
<ul>
<li>Anda membayar <strong>sekali</strong> (atau mendapatkannya gratis selama promosi)</li>
<li>Anda dapat menggunakannya <strong>tanpa batas</strong></li>
<li>Anda tidak membayar <strong>royalti per penggunaan</strong></li>
</ul>
<p><strong>Bandingkan dengan &quot;Hak Terkelola&quot; (alternatifnya):</strong></p>
<ul>
<li>Membayar untuk setiap penggunaan tertentu</li>
<li>Terbatas pada media, wilayah, dan jangka waktu tertentu</li>
<li>Lebih mahal dan lebih ketat</li>
</ul>
<h3>Ketentuan Standar Bebas Royalti</h3>
<p>Sebagian besar marketplace (Synty, CGTrader, TurboSquid) menggunakan ketentuan serupa:</p>
<table>
<thead>
<tr>
<th>Yang Boleh Anda Lakukan</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Menggunakan secara komersial dalam game</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Menggunakan dalam beberapa proyek</td>
<td>✅ Ya (sering kali tanpa batas)</td>
</tr>
<tr>
<td>Memodifikasi dan mengadaptasi</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Memberikan kredit kepada kreator</td>
<td>❌ Biasanya tidak diwajibkan</td>
</tr>
<tr>
<td>Menjual kembali berkas aset mentah</td>
<td>❌ Tidak</td>
</tr>
<tr>
<td>Membiarkan pengguna mengekstrak aset</td>
<td>❌ Tidak</td>
</tr>
<tr>
<td>Mengalihkan lisensi kepada orang lain</td>
<td>❌ Tidak</td>
</tr>
</tbody>
</table>
<p><strong>Batasan utama:</strong></p>
<ol>
<li><strong>Tidak boleh mendistribusikan ulang</strong> — Tidak boleh memberikan atau menjual berkas aset</li>
<li><strong>Tidak boleh diekstrak</strong> — Aset harus &quot;diintegrasikan&quot; agar pengguna tidak dapat mengekstraknya dengan mudah</li>
<li><strong>Satu pemegang lisensi</strong> — Lisensi ditujukan untuk Anda/tim Anda dan tidak dapat dialihkan</li>
</ol>
<p><strong>Dalam bahasa sederhana:</strong> Gunakan aset tersebut dalam game Anda, tetapi jangan biarkan orang lain mendapatkan berkas mentahnya.</p>
<h3>Lisensi Synty Studios</h3>
<p>Synty kini menawarkan dua model lisensi: <strong>lisensi pembelian satu kali</strong> (hak permanen atas paket tertentu yang Anda beli) dan <strong>lisensi Langganan Standar</strong> (akses ke seluruh pustaka selama langganan Anda aktif). Keduanya bebas royalti untuk penggunaan komersial setelah dibayar.</p>
<p>Ketentuan pembelian satu kali:</p>
<ul>
<li>✅ Digunakan dalam proyek komersial tanpa batas</li>
<li>✅ Bebas memodifikasi aset</li>
<li>✅ 5 pengguna (anggota tim) per pembelian (salinan dari Humble Bundle mencakup 1 pengguna)</li>
<li>❌ Tidak boleh menjual kembali, mendistribusikan ulang, atau membagikan aset di luar anggota tim yang terdaftar</li>
<li>❌ Tidak boleh digunakan untuk asset flipping (perubahan minimal lalu dijual kembali)</li>
<li>❌ Tidak boleh menggunakan nama atau logo Synty, maupun mengklaim bahwa Anda membuat aset tersebut</li>
<li>❌ Tidak boleh menyertakan aset dalam set data pelatihan AI generatif, produk NFT/blockchain, atau produk metaverse (penggunaan ini memerlukan lisensi khusus)</li>
</ul>
<h3>Lisensi Bebas Royalti CGTrader</h3>
<ul>
<li>✅ Penggunaan komersial dalam game, film, VR/AR</li>
<li>✅ Memodifikasi dan mengadaptasi</li>
<li>❌ Tidak boleh menjual atau memberikan berkas model</li>
<li>❌ Tidak boleh mengizinkan pengguna mengekstrak model</li>
<li>⚠️ Sebagian model ditandai &quot;No AI&quot;—tidak boleh digunakan untuk pelatihan ML</li>
</ul>
<h3>Lisensi Model 3D TurboSquid</h3>
<ul>
<li>✅ Penggunaan komersial (kecuali ditandai &quot;Editorial&quot;)</li>
<li>✅ Memodifikasi dan mengadaptasi</li>
<li>✅ Hingga 5 cetakan fisik untuk penggunaan pribadi/amal</li>
<li>❌ Tidak boleh mendistribusikan ulang berkas model</li>
<li>❌ Tidak boleh digunakan dalam logo/merek dagang</li>
<li>⚠️ Periksa label &quot;Editorial Only&quot;</li>
<li>⚠️ Periksa Kekayaan Intelektual yang Digambarkan (logo merek)</li>
</ul>
<hr>
<h2>Khusus Penggunaan Editorial</h2>
<p>Sebagian aset ditandai &quot;Editorial Use Only&quot;—hal ini penting untuk dipahami.</p>
<h3>Artinya</h3>
<p>Penggunaan &quot;editorial&quot; mencakup:</p>
<ul>
<li>Pelaporan berita</li>
<li>Konten pendidikan</li>
<li>Dokumenter</li>
<li>Komentar dan kritik</li>
</ul>
<p><strong>BUKAN penggunaan editorial:</strong></p>
<ul>
<li>Game komersial</li>
<li>Periklanan</li>
<li>Materi pemasaran</li>
<li>Produk untuk dijual</li>
</ul>
<h3>Mengapa Aset Mendapat Label Ini</h3>
<p>Biasanya karena aset tersebut memuat:</p>
<ul>
<li><strong>Merek dagang</strong> — Logo merek (Nike, Apple, dan sebagainya)</li>
<li><strong>Kemiripan rupa</strong> — Wajah orang sungguhan</li>
<li><strong>Desain berhak cipta</strong> — Desain mobil, desain produk</li>
<li><strong>Kekayaan intelektual</strong> — Karakter atau benda yang mudah dikenali</li>
</ul>
<h3>Contoh</h3>
<p>Model 3D Ferrari mungkin ditandai &quot;Editorial Only&quot; karena:</p>
<ul>
<li>Desain Ferrari dilindungi</li>
<li>Penggunaannya dalam game dapat menyiratkan dukungan resmi</li>
<li>Penggunaan komersial memerlukan izin dari Ferrari</li>
</ul>
<p><strong>Rekomendasi:</strong> Hindari sepenuhnya aset &quot;Editorial Only&quot; untuk pengembangan game. Gunakan alternatif orisinal atau yang memiliki lisensi sesuai.</p>
<hr>
<h2>Lisensi Perangkat Lunak (MIT, GPL, Apache)</h2>
<p>Lisensi ini terutama berlaku untuk kode, tetapi terkadang juga mencakup aset.</p>
<h3>Lisensi MIT</h3>
<p><strong>Sangat permisif. Umum digunakan untuk kode dan aset yang berkaitan dengan kode.</strong></p>
<table>
<thead>
<tr>
<th>Yang Boleh Anda Lakukan</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Menggunakan secara komersial</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Memodifikasi</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Mendistribusikan</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Menjadikannya milik eksklusif</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Atribusi</td>
<td>✅ Wajib (dalam berkas lisensi)</td>
</tr>
</tbody>
</table>
<p><strong>Persyaratan atribusi:</strong> Sertakan teks lisensi asli di suatu tempat dalam proyek Anda (biasanya dalam berkas LICENSES atau layar Tentang).</p>
<p><strong>Contoh pemberitahuan MIT:</strong></p>
<pre><code>The MIT License (MIT)
Copyright (c) 2024 Original Author

Permission is hereby granted, free of charge, to any person obtaining a copy...
</code></pre>
<p><strong>Aset yang menggunakan MIT:</strong></p>
<ul>
<li>Contoh Three.js</li>
<li>Efek pmndrs/vanilla</li>
<li>Banyak paket npm yang menyertakan aset</li>
</ul>
<h3>GPL (GNU General Public License)</h3>
<p><strong>Lisensi copyleft. Karya turunan juga harus menggunakan GPL.</strong></p>
<table>
<thead>
<tr>
<th>Yang Boleh Anda Lakukan</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Menggunakan secara komersial</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Memodifikasi</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Mendistribusikan</td>
<td>✅ Ya</td>
</tr>
<tr>
<td>Menjadikannya milik eksklusif</td>
<td>❌ Tidak (jika didistribusikan)</td>
</tr>
<tr>
<td>Atribusi</td>
<td>✅ Wajib</td>
</tr>
</tbody>
</table>
<p><strong>Ketentuannya:</strong> Jika Anda mendistribusikan karya berlisensi GPL (atau karya turunannya), Anda harus:</p>
<ul>
<li>Menyediakan kode sumber</li>
<li>Melisensikannya berdasarkan GPL</li>
<li>Menyertakan teks lengkap lisensi GPL</li>
</ul>
<p><strong>Untuk game:</strong> Penggunaan aset GPL dalam game yang didistribusikan cukup rumit. Game itu sendiri mungkin harus menggunakan GPL. Konsultasikan dengan pengacara jika Anda tidak yakin.</p>
<p><strong>Rekomendasi:</strong> Hindari aset berlisensi GPL untuk game komersial kecuali Anda benar-benar memahami implikasinya.</p>
<hr>
<h2>Panduan Praktis</h2>
<h3>Memilih Aset Berdasarkan Lisensi (Urutan yang Direkomendasikan)</h3>
<ol>
<li><strong>CC0</strong> - Tanpa batasan, tanpa kekhawatiran</li>
<li><strong>MIT</strong> - Sertakan teks lisensi, lalu Anda bebas menggunakannya</li>
<li><strong>Bebas Royalti</strong> - Ketentuan komersial standar, baca lisensi spesifiknya</li>
<li><strong>CC-BY</strong> - Wajib mencantumkan atribusi, tetapi selebihnya bebas</li>
<li><strong>CC-BY-SA</strong> - Atribusi + BerbagiSerupa, cocok untuk sebagian besar game</li>
<li><strong>CC-BY-NC</strong> - Hanya jika proyek Anda 100% nonkomersial</li>
<li><strong>GPL</strong> - Hindari kecuali Anda ingin game Anda bersifat sumber terbuka</li>
<li><strong>Hanya untuk Editorial</strong> - Jangan pernah digunakan dalam game</li>
</ol>
<h3>Membuat Sistem Kredit</h3>
<p>Bahkan untuk aset CC0, menyimpan catatan kredit merupakan praktik yang baik:</p>
<p><strong>1. Buat file <a href="http://CREDITS.md">CREDITS.md</a>:</strong></p>
<pre><code class="language-markdown"># Kredit Aset

## Model 3D
- Pesawat Luar Angkasa: Kenney (https://kenney.nl) - CC0
- Paket Pohon: Quaternius (https://quaternius.com) - CC0
- Karakter Robot: &quot;RoboHelper&quot; oleh @artist123 di Sketchfab - CC-BY 4.0
  Modifikasi: Mengurangi jumlah poligon, mengubah warna

## Tekstur
- Lantai Kayu: Poly Haven (https://polyhaven.com/a/wood_floor_01) - CC0
- Panel Logam: AmbientCG - CC0

## Audio
- Suara Laser: &quot;pew_laser&quot; oleh sounduser di Freesound - CC-BY 3.0
- Musik Latar: Digubah oleh [Nama Anda] - Hak Cipta Dilindungi

## Kode/Shader
- Bayangan Lembut: pmndrs/vanilla - Lisensi MIT
- Pascapemrosesan: Contoh Three.js - Lisensi MIT
</code></pre>
<p><strong>2. Tambahkan layar kredit di dalam game:</strong></p>
<pre><code>KREDIT

Model &amp; Tekstur
- Poly Haven (polyhaven.com)
- Kenney (kenney.nl)
- Quaternius (quaternius.com)

Audio
- Kontributor Freesound (lihat CREDITS.txt)

Terima Kasih Khusus
- Tim Three.js
- Komunitas sumber terbuka
</code></pre>
<h3>Menangani Beragam Lisensi</h3>
<p>Saat proyek Anda menggunakan aset dengan lisensi berbeda:</p>
<ol>
<li><strong>Lacak semuanya</strong> - Simpan catatan dalam spreadsheet atau dokumen</li>
<li><strong>Gunakan atribusi yang paling ketat</strong> - Jika ada aset yang wajib diberi kredit, sediakan bagian kredit</li>
<li><strong>Pisahkan penggunaannya</strong> - Jangan gunakan aset NC dalam proyek komersial</li>
<li><strong>Jika ragu, ganti</strong> - Tukar aset yang meragukan dengan aset berlisensi jelas</li>
</ol>
<h3>Tanda Bahaya yang Perlu Diwaspadai</h3>
<p>⚠️ <strong>Berhati-hatilah ketika:</strong></p>
<ul>
<li>Lisensi tidak dinyatakan dengan jelas</li>
<li>Aset terlihat terlalu profesional untuk dibagikan gratis (mungkin bajakan)</li>
<li>Aset menampilkan karakter/merek yang mudah dikenali</li>
<li>Situs terlihat mencurigakan atau tidak resmi</li>
<li>Ketentuannya menyatakan &quot;hanya untuk penggunaan pribadi&quot;</li>
<li>Aset diambil dari sebuah game</li>
</ul>
<p>✅ <strong>Indikator tepercaya:</strong></p>
<ul>
<li>Platform yang sudah mapan (Poly Haven, Kenney, Sketchfab)</li>
<li>Lisensi tercantum dengan jelas di halaman unduhan</li>
<li>Kreator memiliki portofolio/rekam jejak</li>
<li>Aset merupakan karya orisinal, bukan salinan</li>
</ul>
<hr>
<h2>Kompatibilitas Lisensi</h2>
<p>Tidak semua lisensi dapat digabungkan. Berikut kombinasi yang dapat digunakan bersama:</p>
<h3>Menggabungkan Aset dalam Satu Proyek</h3>
<table>
<thead>
<tr>
<th>Lisensi A</th>
<th>+</th>
<th>Lisensi B</th>
<th>=</th>
<th>Hasil</th>
</tr>
</thead>
<tbody>
<tr>
<td>CC0</td>
<td>+</td>
<td>Apa pun</td>
<td>=</td>
<td>✅ Tidak masalah</td>
</tr>
<tr>
<td>CC-BY</td>
<td>+</td>
<td>CC-BY</td>
<td>=</td>
<td>✅ Beri kredit kepada keduanya</td>
</tr>
<tr>
<td>CC-BY</td>
<td>+</td>
<td>CC-BY-SA</td>
<td>=</td>
<td>✅ Beri kredit kepada keduanya, SA berlaku untuk aset tersebut</td>
</tr>
<tr>
<td>CC-BY</td>
<td>+</td>
<td>CC-BY-NC</td>
<td>=</td>
<td>⚠️ Proyek menjadi NC</td>
</tr>
<tr>
<td>CC-BY-SA</td>
<td>+</td>
<td>CC-BY-NC-SA</td>
<td>=</td>
<td>⚠️ Tidak kompatibel untuk karya turunan</td>
</tr>
<tr>
<td>MIT</td>
<td>+</td>
<td>CC-BY</td>
<td>=</td>
<td>✅ Sertakan lisensi MIT, beri kredit untuk CC-BY</td>
</tr>
<tr>
<td>GPL</td>
<td>+</td>
<td>Proprietari</td>
<td>=</td>
<td>❌ Bermasalah</td>
</tr>
</tbody>
</table>
<h3>Aturan Utama</h3>
<p>Saat menggabungkan lisensi, ketentuan yang paling ketat berlaku pada karya akhir.</p>
<hr>
<h2>Pertanyaan Umum</h2>
<h3>Bisakah saya menggunakan aset CC-BY dalam game komersial?</h3>
<p><strong>Ya.</strong> CC-BY mengizinkan penggunaan komersial. Anda hanya perlu menyertakan atribusi.</p>
<h3>Apakah saya harus menjadikan game saya sumber terbuka jika menggunakan aset CC-BY-SA?</h3>
<p><strong>Tidak.</strong> Kode game Anda dapat tetap bersifat proprietari. Hanya aset tersebut (beserta modifikasinya) yang harus tetap menggunakan CC-BY-SA jika didistribusikan secara terpisah.</p>
<h3>Bagaimana jika saya memodifikasi aset CC-BY hingga tidak lagi dapat dikenali?</h3>
<p><strong>Tetap cantumkan atribusi.</strong> Jika Anda memulai dari karya seseorang, Anda harus memberi mereka kredit, terlepas dari seberapa banyak Anda mengubahnya. Ini lebih aman secara hukum sekaligus benar secara etis.</p>
<h3>Bisakah saya menggunakan audio Freesound dalam game komersial?</h3>
<p><strong>Tergantung pada suara tersebut.</strong> Setiap suara di Freesound memiliki lisensinya sendiri. Saring berdasarkan CC0 agar dapat digunakan tanpa khawatir, atau CC-BY jika Anda dapat mencantumkan atribusi.</p>
<h3>Apakah game gratis dengan iklan termasuk &quot;komersial&quot;?</h3>
<p><strong>Ya.</strong> Segala bentuk monetisasi (iklan, IAP, donasi, Patreon) umumnya dianggap komersial. Hindari aset berlisensi NC.</p>
<h3>Bisakah saya menggunakan aset CC0 lalu menjualnya?</h3>
<p><strong>Secara teknis, ya, tetapi...</strong> Anda dapat menyertakan aset CC0 dalam produk yang Anda jual. Anda tidak boleh mengklaim bahwa Anda membuatnya jika ditanya. Menjual kembali aset CC0 tanpa perubahan merupakan tindakan legal, tetapi meragukan secara etis.</p>
<h3>Bagaimana dengan aset yang dihasilkan AI?</h3>
<p><strong>Rumit.</strong> Konsensus hukum saat ini belum jelas. Beberapa hal yang perlu dipertimbangkan:</p>
<ul>
<li>Gambar yang dihasilkan AI mungkin tidak dapat dilindungi hak cipta (tidak memiliki pencipta manusia)</li>
<li>Lisensi data pelatihan masih diperdebatkan secara hukum</li>
<li>Beberapa marketplace (CGTrader) memiliki pembatasan &quot;Tanpa AI&quot;</li>
<li>Jika ragu, gunakan aset buatan manusia dengan lisensi yang jelas</li>
</ul>
<p>Khusus mengenai kelayakan perlindungan hak cipta, laporan Kantor Hak Cipta AS pada Januari 2025 tentang AI merupakan panduan paling jelas hingga saat ini: karya yang sepenuhnya dihasilkan oleh AI tidak dapat dilindungi hak cipta karena hak cipta mensyaratkan kepengarangan manusia, dan prompt saja (bahkan yang panjang dan mendetail) tidak membuat hasilnya menjadi milik Anda. Namun, AI yang digunakan sebagai alat—ketika manusia secara bermakna memilih, menyusun, atau memodifikasi hasilnya—dapat menghasilkan karya yang dapat dilindungi hak cipta, dan penilaiannya dilakukan per kasus. Jadi, tekstur buatan AI yang langsung Anda gunakan tanpa perubahan kemungkinan tidak memiliki perlindungan hak cipta yang dapat Anda tegakkan, sedangkan adegan yang Anda bangun dan edit secara substansial dengan elemen AI dapat memilikinya.</p>
<p>Terlepas dari hak cipta, alat yang Anda gunakan untuk membuat aset memiliki ketentuannya sendiri, dan ketentuan inilah yang benar-benar berdampak. Paket gratis sering kali hanya mengizinkan penggunaan nonkomersial atau memublikasikan hasil Anda secara terbuka di bawah CC BY. Panduan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami mencantumkan ketentuan komersial terkini untuk setiap generator utama, baik yang dihosting maupun terbuka, dan <a href="/id/tools/hunyuan3d#prompt=a%20low%20poly%20knight%20character&amp;character=1">Generator Model 3D</a> milik Cinevva menjelaskan <a href="/id/legal/generation-rights">hak pembuatan</a> sejak awal.</p>
<h3>Apakah saya memerlukan pengacara?</h3>
<p><strong>Untuk sebagian besar game indie, tidak.</strong> Jika Anda hanya menggunakan CC0, MIT, dan lisensi Bebas Royalti standar dari sumber tepercaya, Anda tidak akan mengalami masalah.</p>
<p><strong>Pertimbangkan nasihat hukum jika:</strong></p>
<ul>
<li>Game Anda memiliki potensi pendapatan yang signifikan</li>
<li>Anda menggunakan aset berlisensi GPL</li>
<li>Anda tidak yakin mengenai lisensi tertentu</li>
<li>Anda membuat marketplace aset</li>
</ul>
<h3>Lisensi apa yang diizinkan OpenGameArt, dan bisakah saya menggunakan asetnya secara komersial?</h3>
<p>Ya, semua yang tersedia di OpenGameArt dapat digunakan dalam game komersial. <a href="https://opengameart.org/content/faq">FAQ</a> situs tersebut menyatakannya dengan jelas: &quot;Ya, Anda dapat menggunakan karya seni ini. Bahkan dalam proyek komersial.&quot; OpenGameArt hanya menerima serangkaian lisensi tertentu, sehingga setiap kiriman menggunakan salah satu dari CC0, CC-BY 3.0 atau 4.0, CC-BY-SA 3.0 atau 4.0, OGA-BY 3.0 atau 4.0, atau GPL 2.0 atau 3.0. Kesembilan lisensi itu sama persis dengan sembilan kotak centang dalam filter lisensi pada <a href="https://opengameart.org/art-search-advanced">pencarian lanjut</a>. Centang CC0 saja jika Anda tidak menginginkan kewajiban apa pun, tambahkan CC-BY dan OGA-BY jika Anda dapat mencantumkan kredit, dan biarkan GPL serta CC-BY-SA tidak dicentang kecuali Anda sudah membaca bagian berbagi-serupa di atas. Format kredit yang disarankan OpenGameArt adalah <code>&quot;[nama aset]&quot; oleh [nama pembuat], dilisensikan dengan [lisensi]: [URL aset]</code>.</p>
<h3>Apa itu lisensi OGA-BY?</h3>
<p>OGA-BY adalah lisensi atribusi milik OpenGameArt sendiri, yaitu salinan CC-BY dengan satu klausul yang dihapus: larangan menerapkan tindakan perlindungan teknis seperti DRM. Dalam CC-BY 4.0, Bagian 2(a)(5)(C) menyatakan bahwa Anda tidak boleh &quot;menerapkan Tindakan Teknologi Efektif apa pun pada Materi Berlisensi jika tindakan tersebut membatasi pelaksanaan Hak yang Dilisensikan oleh penerima mana pun&quot;, yang kurang cocok dengan build konsol dan etalase yang dilindungi DRM. OGA-BY menghapus kalimat tersebut dan mempertahankan ketentuan lainnya, sehingga aturan praktisnya sama dengan CC-BY: beri kredit kepada pembuat, sebutkan lisensinya, tautkan sumbernya, dan catat perubahan yang Anda lakukan.</p>
<h3>Apakah aset Kenney benar-benar CC0 dan gratis untuk penggunaan komersial?</h3>
<p>Ya. <a href="https://kenney.nl/support">Halaman dukungan</a> Kenney menyatakan bahwa &quot;Semua aset game di halaman aset dilisensikan sebagai domain publik (CC0)&quot; dan bahwa &quot;Anda bebas menggunakannya, termasuk dalam proyek komersial.&quot; Atribusi tidak diwajibkan, dan jika Anda tetap ingin memberikan kredit, Kenney hanya meminta Anda menyebutkan &quot;Kenney&quot;. Ini mencakup setiap paket 2D, 3D, UI, dan audio di <a href="http://kenney.nl">kenney.nl</a>, sehingga Kenney ditempatkan pada baris CC0 di setiap tabel pada halaman ini. Jelajahi halaman <a href="/game-assets/free-3d-character-models">model karakter 3D</a> atau <a href="/game-assets/free-ui-sprites">sprite UI</a> untuk melihat apa saja yang termasuk di dalamnya.</p>
<h3>Apakah Quaternius menggunakan CC0?</h3>
<p>Ya. <a href="https://quaternius.com/faq.html">FAQ</a> Quaternius menyatakan bahwa &quot;Semua model berada di bawah Lisensi CC0&quot; dan &quot;dapat digunakan secara gratis tanpa perlu atribusi dalam proyek komersial, pendidikan, dan pribadi.&quot; Anda dapat memodifikasi model dan menggabungkannya dengan paket lain. Paket gratis dari setiap koleksi menggunakan ketentuan CC0 yang sama dengan paket Source berbayar, yang juga menyertakan file Blender. Kredit dihargai, tetapi tidak pernah diwajibkan.</p>
<h3>Lisensi Freesound mana yang mengizinkan penggunaan komersial?</h3>
<p>Dua dari tiga. <a href="https://freesound.org/help/faq/">FAQ</a> Freesound menjelaskan CC0 sebagai &quot;Anda dapat melakukan hampir apa pun yang Anda inginkan dengan suara tersebut. Anda bahkan dapat menjual suara itu&quot;, sedangkan CC BY bebas digunakan selama &quot;Anda selalu menyebutkan pembuat aslinya&quot;. CC BY-NC bekerja seperti CC BY, kecuali &quot;Anda tidak boleh memperoleh uang dari karya yang Anda buat&quot;, sehingga tidak dapat digunakan untuk game berbayar, game dengan iklan, atau game dengan pembelian dalam aplikasi. Sejumlah kecil unggahan lama masih menggunakan lisensi Sampling+ yang sudah dihentikan, yang dipertahankan Freesound hanya karena suara tersebut adalah milik pengunggahnya. Di bilah samping pencarian, filter &quot;Approved for Free Cultural Works&quot; merupakan cara sekali klik untuk hanya melihat hasil CC0 dan CC BY. Halaman <a href="/game-assets/free-footstep-sound-effects">suara langkah kaki gratis</a> dan <a href="/game-assets/free-ui-sound-effects">suara UI gratis</a> kami juga sudah disaring agar hanya menampilkan pilihan yang aman untuk penggunaan komersial.</p>
<h3>Apakah saya harus memberikan kredit atau menambahkan &quot;terima kasih khusus&quot; di bawah lisensi permisif?</h3>
<p>Hanya jika lisensinya mewajibkan. Dedikasi domain publik seperti CC0 dan Kenney tidak meminta apa pun, sehingga bagian &quot;terima kasih khusus&quot; merupakan bentuk penghargaan, bukan kewajiban. CC-BY, OGA-BY, dan MIT memang mewajibkannya: CC-BY meminta nama pembuat, nama lisensi, tautan jika memungkinkan, dan catatan perubahan, sedangkan MIT meminta teks hak cipta dan lisensi asli disertakan di suatu tempat dalam proyek Anda. Baris &quot;terima kasih kepada X&quot; tanpa nama lisensi tidak memenuhi persyaratan CC-BY, jadi jika Anda hendak memberi kredit, lakukan dengan benar. Lisensi marketplace bebas royalti (Synty, CGTrader, TurboSquid) umumnya tidak mewajibkan kredit, tetapi Anda tetap harus membaca ketentuan spesifiknya.</p>
<h3>Apa perbedaan antara CC BY 3.0 dan CC BY 4.0 untuk aset game?</h3>
<p>Bagi pengembang game, izin keduanya sama: keduanya mengizinkan penggunaan komersial, modifikasi, dan distribusi dengan atribusi. Versi 4.0 lebih fleksibel dalam detailnya. Menurut <a href="https://creativecommons.org/version4/">ringkasan 4.0</a> Creative Commons, Anda dapat memenuhi persyaratan atribusi &quot;dengan tautan ke halaman terpisah yang memuat informasi atribusi&quot; (layar kredit atau URL sudah memenuhi syarat). Versi ini juga secara otomatis memulihkan hak Anda jika Anda memperbaiki pelanggaran dalam waktu 30 hari setelah mengetahuinya, sedangkan versi 3.0 langsung mengakhiri hak tersebut. Selain itu, versi 4.0 merupakan satu lisensi internasional, bukan serangkaian adaptasi khusus tiap negara. Aset lama di OpenGameArt dan <a href="http://game-icons.net">game-icons.net</a> (CC BY 3.0) serta aset yang lebih baru (CC BY 4.0) dapat digunakan dalam game yang sama tanpa konflik; cukup sebutkan versi yang benar dalam kredit Anda.</p>
<hr>
<h2>Templat Atribusi</h2>
<p>Salin dan sesuaikan templat berikut untuk proyek Anda.</p>
<h3>File Kredit Sederhana</h3>
<pre><code>KREDIT ASET

Game ini menggunakan aset dari sumber-sumber berikut:

Model 3D
- Kenney.nl (CC0) - https://kenney.nl
- Quaternius (CC0) - https://quaternius.com

Tekstur  
- Poly Haven (CC0) - https://polyhaven.com
- AmbientCG (CC0) - https://ambientcg.com

Audio
- Freesound.org (beragam lisensi CC)
  - &quot;explosion.wav&quot; oleh user123 (CC-BY 3.0)
  - &quot;footstep.wav&quot; oleh user456 (CC0)

Terima kasih kepada semua kreator yang membagikan karya mereka!
</code></pre>
<h3>Atribusi Mendetail (CC-BY)</h3>
<pre><code>&quot;Nama Aset&quot; oleh Nama Pembuat
Sumber: https://example.com/asset-url
Lisensi: Creative Commons Atribusi 4.0 Internasional (CC-BY 4.0)
URL Lisensi: https://creativecommons.org/licenses/by/4.0/
Modifikasi: [Jelaskan perubahan yang dibuat, atau &quot;Tidak ada&quot;]
</code></pre>
<h3>Penyertaan Lisensi MIT</h3>
<pre><code>Perangkat lunak ini menyertakan kode/aset yang dilisensikan di bawah Lisensi MIT:

---
[Teks hak cipta dan lisensi asli]
---
</code></pre>
<hr>
<h2>Ringkasan</h2>
<table>
<thead>
<tr>
<th>Jika Anda Menginginkan...</th>
<th>Gunakan Lisensi Ini</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sama sekali tanpa batasan</td>
<td>CC0</td>
</tr>
<tr>
<td>Penggunaan komersial dengan kerepotan minimal</td>
<td>CC0, Bebas Royalti, MIT</td>
</tr>
<tr>
<td>Penggunaan komersial dan bersedia memberi kredit</td>
<td>CC-BY</td>
</tr>
<tr>
<td>Hanya untuk proyek hobi gratis</td>
<td>Semua kecuali Hanya untuk Editorial</td>
</tr>
<tr>
<td>Keamanan hukum maksimal</td>
<td>CC0 dari sumber tepercaya</td>
</tr>
</tbody>
</table>
<p><strong>Aturan utama:</strong></p>
<ol>
<li>Jika ragu, gunakan CC0</li>
<li>Selalu periksa lisensi sebelum mengunduh</li>
<li>Simpan catatan mengenai asal aset</li>
<li>Sertakan file kredit meskipun tidak diwajibkan</li>
<li>Ganti aset yang meragukan daripada mengambil risiko</li>
</ol>
<hr>
<h2>Sumber Daya</h2>
<ul>
<li><a href="https://creativecommons.org/choose/">Pemilih Lisensi Creative Commons</a></li>
<li><a href="https://tldrlegal.com/">TL;DR Legal</a>: penjelasan lisensi dalam bahasa yang mudah dipahami</li>
<li><a href="https://choosealicense.com/">Choose a License</a>: untuk lisensi kode</li>
<li><a href="https://opengameart.org/content/faq">FAQ OpenGameArt</a>: daftar lisensi yang diizinkan dan penjelasan OGA-BY</li>
</ul>
<p><BuildCta
  title="Buat game dengan aset yang sudah aman digunakan"
  desc="Semua yang ditempatkan Cinevva menggunakan CC0 atau dibuat khusus untuk Anda, sehingga lisensi tidak lagi menjadi masalah."
  prompt="Buat game pertanian low-poly menggunakan properti CC0 gratis" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a>: penyedia, format, dan alat pencarian untuk setiap jenis aset</li>
<li><a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a>: pembahasan mendalam lisensi audio dari setiap sumber</li>
<li><a href="/id/guides/free-2d-sprites-tilesets">Sprite 2D, Pixel Art, dan Tileset Gratis</a>: paket sprite yang menggunakan CC0 dan yang memerlukan kredit</li>
<li><a href="/id/guides/game-dev-courses">Kursus Pengembangan Game Online</a>: kursus yang mengajarkan pembuatan aset di Blender dan alat lainnya</li>
<li><a href="/id/guides/game-jams-hackathons">Game Jam &amp; Hackathon</a>: paket aset dengan lisensi yang cocok untuk game jam</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Tempat Menemukan Aset Game Gratis pada 2026 (20+ Sumber)]]></title>
            <link>https://app.cinevva.com/id/guides/game-assets-guide</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/game-assets-guide</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[20+ sumber aset game gratis pada 2026 - model 3D, tekstur, audio, sprite, animasi, dan shader, lengkap dengan penjelasan lisensi serta kegunaan terbaik setiap situs.]]></description>
            <content:encoded><![CDATA[<h1>Tempat Menemukan Aset Game Gratis pada 2026 (20+ Sumber)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Tempat terbaik untuk menemukan aset game gratis pada 2026 adalah Poly Haven, Kenney, dan Quaternius untuk model 3D serta tekstur CC0, Freesound dan bundel Sonniss GDC untuk suara, Kenney dan <a href="http://itch.io">itch.io</a> untuk sprite, serta pustaka animasi Quaternius atau Mixamo untuk animasi karakter. Panduan ini membahas tempat menemukan aset game gratis berkualitas tinggi untuk game web Anda: model 3D, tekstur, sprite, audio, musik, animasi, dan shader. Sebagian besar penyedia ini dapat dicari langsung di dalam pustaka aset Cinevva (lihat catatan &quot;Dapat dicari di Cinevva&quot;), dan kami juga menyertakan sumber eksternal terbaik.</p>
<p>::: info Coba Pencarian Aset Kami
Cari di semua sumber ini sekaligus dengan <a href="/id/assets">Pencarian Pustaka Aset</a>. Temukan model 3D, tekstur, audio, dan lainnya dari satu kotak pencarian.</p>
<p><strong>Baru:</strong> Aset dengan tautan unduhan langsung menampilkan ikon unduh pada petak. Klik untuk langsung mengunduh tanpa meninggalkan hasil pencarian.</p>
<p><strong>Pencarian cepat berdasarkan sumber:</strong> <a href="/id/assets?providers=polyhaven">Poly Haven</a> · <a href="/id/assets?providers=sketchfab">Sketchfab</a> · <a href="/id/assets?providers=freesound">Freesound</a> · <a href="/id/assets?providers=kenney">Kenney</a> · <a href="/id/assets?providers=ambientcg">AmbientCG</a></p>
<p><strong>Lebih suka menjelajah?</strong> <a href="/game-assets/">Aset game gratis berdasarkan kategori</a> memiliki halaman pilihan untuk <a href="/game-assets/free-3d-character-models">model karakter</a>, <a href="/game-assets/free-wood-textures">tekstur kayu</a>, <a href="/game-assets/free-footstep-sound-effects">efek suara langkah kaki</a>, <a href="/game-assets/free-hdri-skies">langit HDRI</a>, dan lebih dari tiga puluh kategori lainnya.
:::</p>
<p>::: tip Memahami Lisensi
Tidak yakin dengan arti CC0, CC-BY, atau Bebas Royalti? Baca panduan <a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> kami untuk uraian lengkap.
:::</p>
<h2>Referensi Cepat</h2>
<table>
<thead>
<tr>
<th>Kebutuhan</th>
<th>Penyedia Terbaik</th>
<th>Lisensi</th>
<th>Unduhan Langsung</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Model 3D (berkualitas tinggi)</strong></td>
<td>Poly Haven, Sketchfab, BlenderKit</td>
<td>CC0 / Beragam</td>
<td>✅ / Manual</td>
</tr>
<tr>
<td><strong>Model 3D (siap pakai untuk game)</strong></td>
<td>Kenney, Quaternius</td>
<td>CC0</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Model 3D (low-poly bergaya)</strong></td>
<td>Synty POLYGON, Quaternius</td>
<td>Bebas Royalti / CC0</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Model 3D (lokapasar)</strong></td>
<td>CGTrader, TurboSquid</td>
<td>Bebas Royalti</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Tekstur (PBR)</strong></td>
<td>Poly Haven, AmbientCG, BlenderKit</td>
<td>CC0 / Beragam</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Sprite/2D</strong></td>
<td>Kenney, <a href="http://itch.io">itch.io</a>, OpenGameArt</td>
<td>CC0 / Beragam</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Efek Suara</strong></td>
<td>Freesound, Sonniss GDC, Kenney</td>
<td>Beragam / Bebas Royalti / CC0</td>
<td>⚠️ / ✅</td>
</tr>
<tr>
<td><strong>Musik</strong></td>
<td>Jamendo</td>
<td>CC untuk penggunaan pribadi / sinkronisasi berbayar untuk penggunaan komersial</td>
<td>⚠️</td>
</tr>
<tr>
<td><strong>Animasi Karakter</strong></td>
<td>Mixamo</td>
<td>Gratis untuk penggunaan komersial</td>
<td>Manual</td>
</tr>
<tr>
<td><strong>Shader/Efek</strong></td>
<td>Shadertoy, Contoh Three.js</td>
<td>Beragam / MIT</td>
<td>Lihat kode</td>
</tr>
<tr>
<td><strong>Model Blender</strong></td>
<td>BlendSwap</td>
<td>CC-BY</td>
<td>Manual</td>
</tr>
</tbody>
</table>
<hr>
<h2>Model 3D</h2>
<h3>Poly Haven</h3>
<p><strong>Terbaik untuk:</strong> Model fotorealistis berkualitas tinggi, HDRI, dan tekstur PBR</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://polyhaven.com">polyhaven.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (Domain Publik) - tidak memerlukan atribusi</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>2.300+ aset (520+ model, 850+ tekstur, 990+ HDRI menurut <a href="https://api.polyhaven.com/assets?t=textures">API publik</a>, September 2026)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLTF, Blend, FBX</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya - tidak memerlukan kunci</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>✅ Ya - resolusi 1K melalui CDN</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Kualitas profesional yang cocok untuk proyek komersial</li>
<li>Semua aset berlisensi CC0 - gunakan sesuka Anda</li>
<li>Tersedia dalam berbagai resolusi (1K hingga 16K untuk tekstur)</li>
<li>Tautan unduhan langsung melalui API - ikon unduh di hasil pencarian</li>
</ul>
<p><strong>Terbaik untuk menemukan:</strong></p>
<ul>
<li>Elemen arsitektur (perabot, bangunan)</li>
<li>Objek alami (batu, tanaman, medan)</li>
<li>HDRI untuk pencahayaan</li>
<li>Tekstur material PBR</li>
</ul>
<hr>
<h3>Kenney</h3>
<p><strong>Terbaik untuk:</strong> Aset low-poly siap pakai untuk game dengan gaya visual yang konsisten</p>
<figure class="sample-sheet">
<a href="/id/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-3d.jpg" alt="Contoh model 3D CC0 dari Kenney: mobil balap, pesawat luar angkasa, menara pengepungan, rumah, kapal bajak laut, kincir angin, UFO, dan mobil pemadam kebakaran" loading="lazy"></a>
<figcaption>Delapan properti Kenney, semuanya CC0. <a href="/id/assets?providers=kenney">Jelajahi seluruh koleksi Kenney di pustaka aset</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://kenney.nl">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (Domain Publik)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>200+ paket, lebih dari 60.000 aset individual (menurut hitungan Kenney sendiri pada <a href="https://kenney.itch.io/kenney-game-assets">bundel All-in-1</a>)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLB, PNG, WAV, dan lainnya</td>
</tr>
<tr>
<td><strong>Katalog</strong></td>
<td>Tersedia katalog luring (pencarian instan)</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>✅ Ya - tautan ke halaman paket aset</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Pustaka aset yang sangat besar dan berfokus pada game</li>
<li>Gaya visual yang konsisten dalam setiap paket</li>
<li>Semuanya siap digunakan dalam game dan dioptimalkan untuk performa</li>
<li>Menyediakan model, sprite, elemen UI, dan suara dalam satu tempat</li>
</ul>
<p><strong>Paket terbaik untuk memulai:</strong></p>
<ul>
<li><strong>Space Kit</strong> - Pesawat luar angkasa, asteroid, stasiun</li>
<li><strong>Platformer Kit</strong> - Karakter, ubin, rintangan</li>
<li><strong>Nature Kit</strong> - Pohon, batu, rumput</li>
<li><strong>Furniture Kit</strong> - Properti dalam ruangan</li>
<li><strong>UI Pack</strong> - Tombol, ikon, elemen HUD</li>
</ul>
<hr>
<h3>Quaternius</h3>
<p><strong>Terbaik untuk:</strong> Model 3D low-poly bergaya</p>
<figure class="sample-sheet">
<a href="/id/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-quaternius.jpg" alt="Contoh model low-poly CC0 dari Quaternius: monster, kapten bajak laut, mecha, penyihir, pesawat luar angkasa, shiba inu, dan kesatria" loading="lazy"></a>
<figcaption>Karakter dan pesawat Quaternius, semuanya CC0 dan sebagian besar telah dianimasikan. <a href="/id/assets">Cari semuanya di pustaka aset gratis</a>.</figcaption>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://quaternius.com">quaternius.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0 (Domain Publik)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 80 paket bertema, termasuk Universal Base Characters dengan rig dan kit pakaian CC0</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLTF/GLB, FBX</td>
</tr>
<tr>
<td><strong>Katalog</strong></td>
<td>Tersedia katalog luring</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>✅ Ya - berkas ZIP untuk setiap paket</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Estetika low-poly bergaya dan menggemaskan</li>
<li>Sangat cocok untuk game indie</li>
<li>Paket bertema yang tertata rapi</li>
<li>Jumlah poligon yang dioptimalkan</li>
</ul>
<p><strong>Paket populer:</strong></p>
<ul>
<li>Ultimate Modular Characters</li>
<li>Medieval Pack</li>
<li>Ultimate Spaceships</li>
<li>Ultimate Monsters</li>
<li>Nature Pack</li>
</ul>
<hr>
<h3>Sketchfab</h3>
<p><strong>Terbaik untuk:</strong> Beragam model, termasuk model yang kompleks dan mendetail</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://sketchfab.com">sketchfab.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Beragam (periksa setiap model)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Jutaan model</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLTF, FBX, OBJ</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya - kunci opsional untuk batas yang lebih tinggi</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>⚠️ Tautan menuju halaman unduhan (memerlukan proses masuk)</td>
</tr>
</tbody>
</table>
<p><strong>Catatan:</strong> Store berbayar Sketchfab ditutup pada 2024 dan penjualan dipindahkan ke lokapasar <a href="https://www.fab.com">Fab</a> milik Epic. Hanya konten CC-BY dan Fab Standard yang dapat dimigrasikan ke sana, sehingga model CC0, CC-BY-SA, CC-BY-NC, dan CC-BY-ND tetap tersedia secara eksklusif di Sketchfab. Kemudian, pada 10 Agustus 2026, Epic <a href="https://www.epicgames.com/site/news/kitbash-acquires-artstation-and-sketchfab">menjual Sketchfab dan ArtStation kepada KitBash</a>, perusahaan di balik KitBash3D dan Greyscalegorilla, yang menyatakan bahwa tidak ada perubahan langsung bagi kreator. Hingga September 2026, model gratis dan model khusus pratinjau tetap dapat diunduh, API unduhan dan penampil tetap berfungsi (kami memeriksa API pencariannya bulan ini), dan pemfilteran untuk model gratis yang dapat diunduh bekerja persis seperti sebelumnya. Anggap Sketchfab sebagai sumber yang masih berguna dengan pemilik baru dan rencana masa depan yang belum tertulis, serta ambil yang Anda perlukan daripada berasumsi bahwa aset tersebut akan selalu tersedia.</p>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Pustaka model 3D terbesar</li>
<li>Pratinjau 3D sebelum mengunduh</li>
<li>Filter berdasarkan &quot;downloadable&quot; dan lisensi</li>
<li>Banyak seniman profesional</li>
</ul>
<p><strong>Kiat pencarian:</strong></p>
<ul>
<li>Tambahkan <code>downloadable:true</code> ke pencarian</li>
<li>Filter berdasarkan lisensi CC0 atau CC-BY</li>
<li>Periksa jumlah poligon untuk game web (&lt; 100 ribu lebih disarankan)</li>
<li>Cari tag &quot;game-ready&quot;</li>
</ul>
<p>::: tip Dapat Dicari di Cinevva
Hasil Sketchfab muncul langsung di panel Aset Cinevva.
:::</p>
<hr>
<h3>BlenderKit</h3>
<p><strong>Terbaik untuk:</strong> Pustaka besar model, material, dan HDRI di dalam aplikasi</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.blenderkit.com">blenderkit.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas Royalti dan CC0 - periksa setiap aset</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan model, material, HDRI, dan kuas</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Blend, GLTF, FBX (beragam)</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya - tersedia paket gratis</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Salah satu pustaka aset terbesar dengan perpaduan konten gratis dan berbayar</li>
<li>Menyediakan model, material PBR, dan HDRI dalam satu tempat</li>
<li>Sangat baik untuk properti lingkungan, material, dan penataan adegan</li>
<li>Dapat difilter berdasarkan lisensi sehingga Anda bisa tetap menggunakan CC0 bila diperlukan</li>
</ul>
<p><strong>Catatan:</strong> Aset gratis dan berbayar ditampilkan berdampingan, jadi filter berdasarkan tingkat gratis atau CC0 jika anggaran menjadi pertimbangan.</p>
<p>::: tip Dapat Dicari di Cinevva
BlenderKit terintegrasi ke dalam panel Aset Cinevva - cari bersama Poly Haven dan Sketchfab tanpa meninggalkan editor.
:::</p>
<hr>
<h3>Fab (Epic Games)</h3>
<p><strong>Terbaik untuk:</strong> Aset siap pakai untuk game dan Quixel Megascans gratis, semuanya dalam satu lokapasar</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.fab.com">fab.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Standard (Personal/Professional) dan Creative Commons (sebagian CC0) - periksa setiap cantuman</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Model, material, lingkungan, VFX, audio, animasi, plugin</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Unreal Engine, Unity, glTF, dan lainnya</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Pendaftaran gratis, perpaduan aset gratis dan berbayar</td>
</tr>
</tbody>
</table>
<p>Fab adalah lokapasar konten terpadu milik Epic, penerus Unreal Engine Marketplace, ArtStation Marketplace, Sketchfab Store, dan Quixel Megascans. Daya tarik utamanya bagi pencari aset adalah koleksi awal Megascans gratis yang menurut Epic mencakup &quot;1500+ assets&quot; dan dapat digunakan &quot;in any engine or tool&quot; berdasarkan lisensi Fab Standard (menurut <a href="https://forums.unrealengine.com/t/megascans-starter-content-on-fab/2255322">pengumuman forum Epic</a>), yang meliputi permukaan, dekal, dan pemindaian 3D. Perlu diketahui bahwa masa ketika seluruh pustaka Megascans tersedia gratis telah berakhir pada 31 Desember 2024 dan katalog yang lebih luas kini berbayar. Namun, Epic tetap menyediakan koleksi awal tersebut secara gratis dan secara rutin mengganti pilihan &quot;Limited-Time Free&quot;. Filter berdasarkan Creative Commons atau lisensi Standard gratis agar tetap hemat, dan periksa lisensi setiap cantuman sebelum merilis game.</p>
<hr>
<h3>BlendSwap</h3>
<p><strong>Terbaik untuk:</strong> Model Blender kompleks beserta materialnya</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://blendswap.com">blendswap.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Beragam (umumnya CC-BY)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan model Blender</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Blend (konversikan ke GLTF)</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Konten berkualitas yang digerakkan oleh komunitas</li>
<li>Berkas Blender lengkap beserta material</li>
<li>Cocok untuk belajar dan memodifikasi</li>
<li>Banyak model arsitektur dan kendaraan</li>
</ul>
<p><strong>Catatan:</strong> Biasanya perlu diekspor ke GLTF untuk penggunaan di web.</p>
<p><strong>Pembaruan 2026:</strong> BlendSwap berpindah kepemilikan dan diluncurkan kembali pada Mei 2026 dengan situs yang dibangun ulang dan lebih cepat. Pustakanya tetap tersedia setelah perpindahan tersebut dan semua aset tetap gratis berdasarkan lisensi Creative Commons.</p>
<hr>
<h3>Poly Pizza &amp; Icosa Gallery</h3>
<p><strong>Terbaik untuk:</strong> Model 3D low-poly, penerus spiritual Google Poly</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://poly.pizza">poly.pizza</a> · <a href="https://icosa.gallery">icosa.gallery</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Sebagian besar CC-BY (atribusi), dengan sebagian koleksi CC0 di Poly Pizza</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Poly Pizza: 10.600+ model (menurut hitungannya sendiri, September 2026), termasuk koleksi arsip &quot;Poly by Google&quot;</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>GLTF/GLB, OBJ</td>
</tr>
</tbody>
</table>
<p>Google Poly ditutup pada Juni 2021, tetapi katalog low-poly-nya tetap hidup. Poly Pizza menampung koleksi arsip &quot;Poly by Google&quot; beserta ribuan model komunitas baru, sementara Icosa Gallery yang bersifat sumber terbuka dan nirlaba melanjutkan misinya untuk menyediakan aset terbuka. Sebagian besar model berlisensi CC-BY (cantumkan kredit kepada kreatornya), dengan beberapa aset CC0. Sangat cocok untuk memperoleh properti bergaya dengan cepat yang selaras dengan tampilan low-poly Kenney dan Quaternius.</p>
<hr>
<h3>Synty Studios (POLYGON)</h3>
<p><strong>Terbaik untuk:</strong> Aset low-poly bergaya profesional dengan gaya visual yang konsisten</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://syntystore.com">syntystore.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas Royalti (5 pengguna per pembelian)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Katalog besar paket POLYGON bertema</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX, Unity, Unreal</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Berbayar (dengan paket awal gratis)</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Estetika low-poly bergaya yang menjadi standar industri</li>
<li>Gaya visual konsisten di SEMUA paket (dapat dipadupadankan!)</li>
<li>Kualitas profesional dan dioptimalkan untuk game</li>
<li>Karakter memiliki rig Mecanim (Unity)</li>
</ul>
<p><strong>Paket gratis yang tersedia:</strong></p>
<ul>
<li><strong>POLYGON Starter Pack</strong> - Contoh properti, karakter, dan elemen lingkungan</li>
<li><strong>POLYGON Santa Pack</strong> - Aset bertema liburan</li>
<li><strong>POLYGON Easter Pack</strong> - Dekorasi musiman</li>
<li><strong>POLYGON Xmas Pack</strong> - Aset Natal/musim dingin</li>
</ul>
<p><strong>Paket berbayar populer:</strong></p>
<ul>
<li>POLYGON City, Town, Fantasy, Sci-Fi</li>
<li>POLYGON Nature, Farm, Prototype</li>
<li>POLYGON Knights, Samurai, Pirates</li>
</ul>
<p><strong>Terbaik untuk:</strong></p>
<ul>
<li>Game indie yang memerlukan arahan visual terpadu</li>
<li>Pembuatan prototipe cepat dengan tampilan berkualitas</li>
<li>Game seluler dan web (jumlah poligon dioptimalkan)</li>
</ul>
<p><strong>Catatan:</strong> Paket gratis sangat cocok untuk mencoba gayanya. Paket berbayarnya menawarkan nilai yang sangat baik untuk jumlah dan kualitas asetnya.</p>
<hr>
<h3>CGTrader</h3>
<p><strong>Terbaik untuk:</strong> Lokapasar besar dengan banyak model gratis</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://cgtrader.com">cgtrader.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas Royalti (per model)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Lebih dari 150.000 model gratis di <a href="https://www.cgtrader.com/free-3d-models">bagian gratis</a> saja</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX, OBJ, GLTF, Blend</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Tidak</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Beragam pilihan dari seniman profesional</li>
<li>Tersedia banyak model gratis</li>
<li>Filter berdasarkan harga dan format</li>
<li>Tersedia model low-poly maupun sangat mendetail</li>
</ul>
<p><strong>Ketentuan lisensi:</strong></p>
<ul>
<li>✅ Dapat digunakan dalam game/aplikasi komersial</li>
<li>✅ Dapat dimodifikasi dan disesuaikan</li>
<li>❌ Tidak boleh menjual kembali berkas model</li>
<li>❌ Tidak boleh memungkinkan pengguna mengekstrak berkas model
<strong>Tips pencarian:</strong></li>
<li>Filter berdasarkan &quot;Gratis&quot; pada harga</li>
<li>Periksa jumlah poligon</li>
<li>Cari tag &quot;siap digunakan dalam game&quot; atau &quot;low-poly&quot;</li>
<li>Pastikan formatnya kompatibel (GLTF lebih disarankan untuk web, dan Anda dapat <a href="/id/tools/fbx-to-glb">mengonversi FBX atau OBJ ke GLB</a> di browser)</li>
</ul>
<p><strong>Kategori:</strong></p>
<ul>
<li>Kendaraan, Karakter, Arsitektur</li>
<li>Senjata, Furnitur, Alam</li>
<li>Fiksi Ilmiah, Fantasi, Modern</li>
</ul>
<hr>
<h3>TurboSquid</h3>
<p><strong>Paling cocok untuk:</strong> Marketplace model 3D profesional</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://turbosquid.com">turbosquid.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas Royalti / Editorial (periksa masing-masing)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Katalog profesional dengan bagian gratis yang besar</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX, OBJ, MAX, Blend</td>
</tr>
<tr>
<td><strong>Kualitas</strong></td>
<td>Kelas profesional</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Model profesional berkualitas tinggi</li>
<li>Marketplace yang sudah mapan (sejak 2000)</li>
<li>Sertifikasi kualitas CheckMate</li>
<li>Tersedia banyak model gratis</li>
</ul>
<p><strong>Ketentuan lisensi:</strong></p>
<ul>
<li>✅ Penggunaan komersial diizinkan (Bebas Royalti)</li>
<li>⚠️ Periksa label &quot;Hanya untuk Editorial&quot; (penggunaan terbatas)</li>
<li>⚠️ Periksa Kekayaan Intelektual yang Digambarkan (barang bermerek)</li>
<li>❌ Tidak boleh mendistribusikan ulang file model mentah</li>
</ul>
<p><strong>Perhatian:</strong></p>
<ul>
<li>Model &quot;Hanya untuk Editorial&quot; tidak boleh digunakan secara komersial</li>
<li>Model dengan logo merek memerlukan izin tambahan</li>
<li>Model gratis mungkin memiliki perlindungan ganti rugi yang lebih terbatas</li>
</ul>
<p><strong>Tips pencarian:</strong></p>
<ul>
<li>Filter berdasarkan &quot;Gratis&quot; dan format yang diinginkan</li>
<li>Hindari &quot;Hanya untuk Penggunaan Editorial&quot; untuk proyek komersial</li>
<li>Periksa jumlah poligon untuk game web</li>
<li>Utamakan model tanpa kekayaan intelektual merek yang mudah dikenali</li>
</ul>
<hr>
<h3>Poly Ronin</h3>
<p><strong>Paling cocok untuk:</strong> Paket bertema low-poly bergaya (saat ini luring)</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://polyronin.com">polyronin.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>⚠️ Tidak pernah dinyatakan dengan jelas</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Paket low-poly bertema (senjata samurai dan viking, desa gurun, kios pasar, kendaraan kota)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX, GLB, OBJ</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Gratis</td>
</tr>
</tbody>
</table>
<p>::: warning Status situs (September 2026)
Poly Ronin masih tidak merespons hingga September 2026, dan tampaknya situs ini sudah luring untuk selamanya. Ini merupakan contoh bagus mengapa lisensi yang tidak jelas berisiko: paket-paketnya tidak pernah memiliki ketentuan penggunaan komersial yang terdokumentasi, dan sekarang tidak ada kreator yang bisa ditanyai. Jika Anda pernah mengunduh paketnya, gunakan hanya untuk purwarupa. Untuk produksi, gunakan sumber dengan lisensi yang jelas seperti Kenney, Quaternius, atau Poly Pizza.
:::</p>
<hr>
<h2>Tekstur &amp; Material</h2>
<figure class="sample-sheet">
<a href="/id/assets?providers=polyhaven"><img src="https://cdn.cinevva.com/guides/samples/samples-polyhaven-textures.jpg" alt="Contoh material PBR CC0 dari Poly Haven yang dirender pada bola: bata, kayu, logam, batu bulat, kain, rumput, marmer, dan beton" loading="lazy"></a>
<figcaption>Pratinjau material Poly Haven: bata, kayu, logam, batu bulat, kain, rumput, marmer, dan beton, semuanya CC0. <a href="/id/assets?providers=polyhaven">Cari Poly Haven di pustaka aset</a>.</figcaption>
</figure>
<h3>Poly Haven (Tekstur)</h3>
<p><strong>Paling cocok untuk:</strong> Tekstur PBR fotorealistis</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://polyhaven.com/textures">polyhaven.com/textures</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>850+ set tekstur PBR</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>JPG, PNG, EXR</td>
</tr>
</tbody>
</table>
<p><strong>Mencakup:</strong></p>
<ul>
<li>Peta Diffuse/Albedo</li>
<li>Peta normal</li>
<li>Peta kekasaran</li>
<li>Peta displacement</li>
<li>Peta AO</li>
</ul>
<p><strong>Kategori umum:</strong></p>
<ul>
<li>Kayu, Logam, Batu, Beton</li>
<li>Kain, Kulit, Permukaan tanah</li>
<li>Bata, Ubin, Organik</li>
</ul>
<hr>
<h3>AmbientCG</h3>
<p><strong>Paling cocok untuk:</strong> Beragam material PBR CC0</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://ambientcg.com">ambientcg.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>2.000+ material</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>JPG, PNG</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya - tidak memerlukan kunci</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>✅ Ya - ZIP beresolusi 1K</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Kualitas serupa dengan Poly Haven</li>
<li>Lebih beragam dalam beberapa kategori</li>
<li>Tekstur yang dapat diulang tanpa sambungan</li>
<li>Berbagai resolusi (1K-8K)</li>
</ul>
<p><strong>Cocok untuk:</strong></p>
<ul>
<li>Tekstur permukaan tanah (rumput, tanah, kerikil)</li>
<li>Material bangunan</li>
<li>Kain dan pelapis</li>
<li>Permukaan logam</li>
</ul>
<hr>
<h2>Sprite &amp; Seni 2D</h2>
<figure class="sample-sheet">
<a href="/id/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-sprites.jpg" alt="Contoh sprite 2D CC0 dari Kenney: karakter astronaut, pesawat luar angkasa, ubin piksel, emote hati, dan alien" loading="lazy"></a>
<figcaption>Sebagian dari koleksi 2D Kenney: karakter, pesawat, ubin, dan emote, semuanya CC0. <a href="/id/assets?providers=kenney">Jelajahi sprite Kenney di pustaka aset</a>.</figcaption>
</figure>
<h3>Kenney (2D)</h3>
<p><strong>Paling cocok untuk:</strong> Set UI dan sprite game yang lengkap</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>100+ paket 2D</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>PNG, SVG</td>
</tr>
</tbody>
</table>
<p><strong>Paket 2D unggulan:</strong></p>
<ul>
<li>Paket UI (tombol, jendela, ikon)</li>
<li>Paket Platformer (karakter, ubin)</li>
<li>Paket Roguelike (ubin ruang bawah tanah)</li>
<li>Paket Space Shooter</li>
<li>Paket Puzzle</li>
</ul>
<hr>
<h3><a href="http://itch.io">itch.io</a></h3>
<p><strong>Paling cocok untuk:</strong> Gaya seni unik dari kreator indie</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://itch.io/game-assets">itch.io/game-assets</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Beragam (periksa masing-masing)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>53.500+ paket aset gratis (53.571 per September 2026)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Beragam</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Ragam gaya seni yang luar biasa</li>
<li>Tersedia banyak paket gratis</li>
<li>Mendukung seniman indie</li>
<li>Dapat difilter berdasarkan &quot;Gratis&quot; dan jenis</li>
</ul>
<p><strong>Tips pencarian:</strong></p>
<ul>
<li>Filter berdasarkan harga: Gratis</li>
<li>Tag populer: pixel-art, sprite, tileset, karakter</li>
<li>Periksa ketentuan lisensi dengan saksama</li>
</ul>
<hr>
<h3>OpenGameArt</h3>
<p><strong>Paling cocok untuk:</strong> Seni 2D kontribusi komunitas</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://opengameart.org">opengameart.org</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Beragam (CC0, CC-BY, GPL)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>PNG, SVG</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>⚠️ Tautan menuju halaman konten</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Komunitas aktif</li>
<li>Cocok untuk seni retro/piksel</li>
<li>Banyak set seni game yang lengkap</li>
<li>Juga menyediakan audio dan 3D</li>
</ul>
<p><strong>Kategori:</strong></p>
<ul>
<li>Seni 2D &gt; Ubin, Karakter, UI</li>
<li>Tekstur</li>
<li>Seni Konsep</li>
</ul>
<hr>
<h2>Audio &amp; Efek Suara</h2>
<h3>Freesound</h3>
<p><strong>Paling cocok untuk:</strong> Pustaka efek suara yang sangat besar</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://freesound.org">freesound.org</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Beragam lisensi CC untuk setiap suara (~52% CC0 per September 2026, menurut <a href="https://freesound.org/search/?q=">filter lisensi</a> Freesound sendiri)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>730.000+ suara</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>WAV, MP3, FLAC</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya - memerlukan kunci API gratis</td>
</tr>
<tr>
<td><strong>Unduhan Langsung</strong></td>
<td>✅ Ya - pratinjau MP3 (dengan kunci API)</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Pustaka suara gratis terbesar</li>
<li>Filter pencarian tingkat lanjut</li>
<li>Penilaian komunitas</li>
<li>Pratinjau bentuk gelombang</li>
</ul>
<p><strong>Tips:</strong></p>
<ul>
<li>Filter berdasarkan lisensi sebelum mengunduh (CC0 lebih disarankan untuk game)</li>
<li>Filter berdasarkan laju sampel (standar 44,1 kHz)</li>
<li>Banyak variasi suara umum</li>
<li>Sangat cocok untuk desain suara</li>
</ul>
<p><strong>Pencarian umum:</strong></p>
<ul>
<li>Langkah kaki, ledakan, klik UI</li>
<li>Loop suasana, kebisingan latar</li>
<li>Efek suara/vokal</li>
<li>Alat musik</li>
</ul>
<hr>
<h3>Kenney (Audio)</h3>
<p><strong>Paling cocok untuk:</strong> Paket efek suara siap pakai untuk game</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC0</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>10 paket audio</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>WAV, OGG</td>
</tr>
</tbody>
</table>
<p><strong>Paket mencakup:</strong></p>
<ul>
<li>Audio UI (klik, hover, notifikasi)</li>
<li>Audio RPG (pertarungan, mantra, lingkungan)</li>
<li>Audio Fiksi Ilmiah (senjata, komputer, pintu)</li>
<li>Suara Benturan</li>
<li>Jingle Musik</li>
</ul>
<hr>
<h3>Sonniss GDC</h3>
<p><strong>Paling cocok untuk:</strong> Efek suara profesional bebas royalti dalam jumlah besar</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://sonniss.com/gameaudiogdc">sonniss.com/gameaudiogdc</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Bebas royalti untuk penggunaan komersial (Sonniss GDC Game Audio Bundle)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Paket tahunan efek suara profesional selama satu dekade, dari 2015 hingga 2026</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>WAV (kualitas penuh), pratinjau MP3/OGG</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Efek suara kelas studio yang direkam oleh desainer suara profesional</li>
<li>Bebas royalti, sehingga tidak memerlukan atribusi maupun biaya per penggunaan untuk game komersial</li>
<li>Dirilis setiap tahun sebagai bagian dari GDC Game Audio Bundle (<a href="https://gdc.sonniss.com/">edisi 2026</a> hadir pada Maret dengan ukuran 7,47 GB yang mencakup 347 file WAV, dan setiap paket sejak 2015 tetap dapat diunduh)</li>
<li>Mencakup foley, suasana, senjata, makhluk, kendaraan, dan UI</li>
</ul>
<p><strong>Catatan:</strong> Lisensinya hanya mencakup produksi media (game, film, TV, proyek interaktif) dan secara tegas melarang penggunaan suara untuk pelatihan AI/ML. Pratinjau diputar sebagai MP3/OGG di dalam Cinevva, sedangkan WAV beresolusi penuh diunduh dari Sonniss.</p>
<p>::: tip Dapat dicari di Cinevva
Sonniss terintegrasi ke dalam panel Aset Cinevva - cari paket GDC tepat di samping Freesound.
:::</p>
<hr>
<h2>Musik</h2>
<h3>Jamendo</h3>
<p><strong>Paling cocok untuk:</strong> Menemukan musik, bukan untuk penggunaan komersial gratis</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://www.jamendo.com">jamendo.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>CC untuk didengarkan secara pribadi, lisensi sinkronisasi berbayar untuk proyek komersial</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ratusan ribu trek musik independen</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Ya - memerlukan ID klien gratis</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Katalog musik independen yang sangat besar dari setiap genre</li>
<li>Cocok untuk menemukan nuansa atau artis sebelum membeli lisensi</li>
<li>Dapat dicari berdasarkan genre, suasana, dan tempo</li>
</ul>
<p><strong>Catatan:</strong> Jamendo sering membingungkan orang. Unduhan gratisnya ditujukan untuk didengarkan secara pribadi, sedangkan memasukkan trek ke dalam game yang Anda jual memerlukan lisensi per trek dari Jamendo Licensing, program sinkronisasi berbayar mereka. Anggap Jamendo sebagai sumber berbayar dengan pratinjau gratis, bukan sumber gratis.</p>
<p>::: tip Dapat dicari di Cinevva
Jamendo terintegrasi ke dalam panel Aset Cinevva untuk musik latar dan soundtrack.
:::</p>
<hr>
<h2>Animasi Karakter</h2>
<figure class="sample-sheet">
<a href="/id/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-characters.jpg" alt="Karakter low-poly CC0 yang siap di-rig: kesatria, shiba inu, prajurit kerangka, astronaut, dan barbar" loading="lazy"></a>
<figcaption>Karakter CC0 siap di-rig dari KayKit, Quaternius, PolygonalMind, dan Kenney yang cocok dipadukan dengan pustaka animasi ini. <a href="/id/assets">Ambil salah satunya dari pustaka aset</a>.</figcaption>
</figure>
<h3>Mixamo</h3>
<p><strong>Paling cocok untuk:</strong> Animasi karakter profesional</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://mixamo.com">mixamo.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Gratis untuk penggunaan komersial, tidak boleh mendistribusikan ulang file mentah</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Ribuan animasi beserta karakter stok</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>FBX</td>
</tr>
<tr>
<td><strong>Akun</strong></td>
<td>Memerlukan akun Adobe</td>
</tr>
</tbody>
</table>
<p>::: warning Catatan keandalan (September 2026)
Mixamo masih daring dan gratis, tetapi Adobe sudah tidak memeliharanya secara aktif. Sejak gangguan pada pertengahan 2025, halaman akun dan auto-rigger sesekali mengalami masalah, utas tentang gangguan terus bermunculan di forum Mixamo Adobe hingga 2026, dan dukungan Adobe telah memberi tahu pengguna bahwa layanan ini pada dasarnya tidak didukung. Mixamo belum ditutup, tetapi perlakukan sebagai sumber yang rentan: unduh dan cadangkan animasi yang Anda perlukan daripada mengandalkannya untuk jangka panjang. Khusus untuk rigging otomatis, <a href="/id/tools/rigger">Auto Rigger</a> berbasis browser milik Cinevva mendukung humanoid dan hewan berkaki empat, sementara model UniRig sumber terbuka berlisensi MIT layak dipantau sebagai pengganti yang dapat dihosting sendiri.
:::</p>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Animasi berkualitas profesional</li>
<li>Dapat ditargetkan ulang ke karakter kustom</li>
<li>Pustaka animasi yang sangat besar</li>
<li>Juga menyediakan karakter yang sudah di-rig</li>
</ul>
<p><strong>Kategori:</strong></p>
<ul>
<li>Pergerakan (berjalan, berlari, melompat)</li>
<li>Pertarungan (meninju, menendang, pedang)</li>
<li>Tarian</li>
<li>Gestur</li>
<li>Aksi (duduk, memanjat, mengambil)</li>
<li>Reaksi (terkena serangan, mati, jatuh)</li>
</ul>
<p><strong>Alur kerja:</strong></p>
<ol>
<li>Buat akun Adobe gratis</li>
<li>Unggah karakter Anda atau gunakan karakter mereka</li>
<li>Jelajahi/pratinjau animasi</li>
<li>Unduh sebagai FBX</li>
<li>Konversikan ke GLTF untuk web</li>
</ol>
<hr>
<h2>Shader &amp; Efek</h2>
<h3>Shadertoy</h3>
<p><strong>Paling cocok untuk:</strong> Inspirasi shader dan efek GLSL</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://shadertoy.com">shadertoy.com</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>Beragam (periksa masing-masing)</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Arsip komunitas shader yang sangat besar</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Kode sumber GLSL</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Efek visual yang memukau</li>
<li>Pelajari teknik shader</li>
<li>Pratinjau waktu nyata</li>
<li>Komunitas aktif</li>
</ul>
<p><strong>Kategori populer:</strong></p>
<ul>
<li>Raymarching/fraktal</li>
<li>Efek pascapemrosesan</li>
<li>Tekstur prosedural</li>
<li>Sistem partikel</li>
<li>Air/api/asap</li>
</ul>
<p><strong>Catatan:</strong> Shader perlu diadaptasi agar dapat digunakan dengan Three.js/WebGL.</p>
<hr>
<h3>Three.js Examples</h3>
<p><strong>Paling cocok untuk:</strong> Kode Three.js siap pakai</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://threejs.org/examples">threejs.org/examples</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>MIT</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>580+ contoh (588 dalam <a href="https://threejs.org/examples/">indeks contoh</a>, September 2026)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Sumber JavaScript</td>
</tr>
</tbody>
</table>
<p><strong>Keunggulan:</strong></p>
<ul>
<li>Contoh resmi</li>
<li>Siap disalin dan ditempel</li>
<li>Terdokumentasi dengan baik</li>
<li>Mencakup semua fitur</li>
</ul>
<p><strong>Contoh berguna:</strong></p>
<ul>
<li>Efek pascapemrosesan</li>
<li>Shader kustom</li>
<li>Integrasi fisika</li>
<li>Pemuat model</li>
<li>Sistem animasi</li>
</ul>
<hr>
<h3>pmndrs/vanilla</h3>
<p><strong>Paling cocok untuk:</strong> Material dan efek Three.js</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Situs web</strong></td>
<td><a href="https://github.com/pmndrs/vanilla">github.com/pmndrs/vanilla</a></td>
</tr>
<tr>
<td><strong>Lisensi</strong></td>
<td>MIT</td>
</tr>
<tr>
<td><strong>Aset</strong></td>
<td>Kumpulan material dan efek siap pakai</td>
</tr>
<tr>
<td><strong>Paket</strong></td>
<td><code>@pmndrs/vanilla</code></td>
</tr>
</tbody>
</table>
<p><strong>Mencakup:</strong></p>
<ul>
<li>MeshReflectorMaterial</li>
<li>MeshDistortMaterial</li>
<li>MeshWobbleMaterial</li>
<li>Caustics</li>
<li>Sparkles</li>
<li>Soft shadows</li>
</ul>
<hr>
<h2>Membuat Aset dengan AI</h2>
<p>Pada 2026, membuat aset sering kali lebih cepat daripada mencari aset gratis yang tepat. Berikut beberapa opsi yang layak diketahui:</p>
<ul>
<li><strong>Model 3D:</strong> Meshy dan Tripo mengubah teks atau gambar menjadi mesh bertekstur yang dapat di-rig. Keluaran paket gratis Meshy menggunakan lisensi CC BY 4.0 (penggunaan komersial dengan atribusi, menurut <a href="https://www.meshy.ai/pricing">halaman harganya</a>), sedangkan hak komersial Tripo tersedia melalui paket berbayar, jadi periksa ketentuan setiap alat. Opsi terbuka yang dapat dihosting sendiri mencakup Hunyuan3D 2.1 dari Tencent, TRELLIS.2 berlisensi MIT dari Microsoft (Desember 2025), dan Cube 3D dari Roblox yang dijadikan sumber terbuka. Perhatikan bahwa lisensi Hunyuan3D 2.1 tidak mencakup UE, Inggris Raya, dan Korea Selatan, jadi periksa ketentuannya sebelum merilis produk. Panduan <a href="/id/guides/ai-3d-model-generators">generator model 3D AI terbaik</a> kami membandingkan semuanya berdasarkan kualitas keluaran, topologi, dan lisensi.</li>
<li><strong>Tekstur dan gambar:</strong> model gambar terbuka seperti FLUX.2 dan Qwen-Image dapat menghasilkan tekstur yang dapat diulang tanpa sambungan dan seni konsep, sedangkan bobot yang bebas digunakan secara komersial adalah FLUX.2 klein 4B (Apache 2.0) dan varian Qwen-Image.</li>
<li><strong>Audio:</strong> Stable Audio 3.0 (Mei 2026, dengan model bobot terbuka Small-SFX, Small-Music, dan Medium di bawah Stability Community License) serta ACE-Step 1.5 berlisensi MIT (Februari 2026) mencakup musik dan SFX dengan bobot terbuka, sedangkan ElevenLabs merupakan opsi terhosting terkuat (hak komersial tersedia pada paket berbayar).
Lisensi aset yang dihasilkan AI masih terus berkembang, jadi pastikan ketentuan hak penggunaan output dari model sebelum memakai apa pun secara komersial. Untuk ulasan lengkap mengenai model yang sebaiknya digunakan, lihat panduan <a href="/id/guides/frontier-gen-ai-models">model AI generatif sumber terbuka terbaik untuk game</a>. Cinevva memiliki fitur bawaan untuk pembuatan <a href="/id/tools/hunyuan3d#prompt=a%20low%20poly%20treasure%20chest%20with%20gold%20coins">teks-ke-3D</a>, teks-ke-gambar, <a href="/id/tools/music">musik</a>, dan <a href="/id/tools/skybox">skybox</a>, sehingga Anda dapat membuat dan langsung memasukkan aset ke dalam game tanpa meninggalkan editor.</li>
</ul>
<h2>Panduan Cepat Jenis Aset</h2>
<h3>Saya membutuhkan pesawat luar angkasa</h3>
<ol>
<li><strong>Cepat &amp; mudah:</strong> Kenney Space Kit (CC0)</li>
<li><strong>Bergaya:</strong> Quaternius Ultimate Spaceships (CC0)</li>
<li><strong>Bergaya profesional:</strong> Synty POLYGON Sci-Fi (Bebas Royalti, berbayar)</li>
<li><strong>Mendetail:</strong> Cari &quot;spaceship downloadable&quot; di Sketchfab (periksa lisensinya)</li>
</ol>
<h3>Saya membutuhkan gaya visual yang konsisten untuk seluruh game</h3>
<ol>
<li><strong>Synty POLYGON</strong> - Semua paket memiliki estetika yang sama dan dapat dipadukan dengan bebas</li>
<li><strong>Kenney</strong> - CC0, gaya kohesif yang siap digunakan dalam game di setiap paket</li>
<li><strong>Quaternius</strong> - CC0, gaya low-poly yang imut</li>
</ol>
<h3>Saya membutuhkan tekstur realistis</h3>
<ol>
<li><strong>Poly Haven</strong> - Kualitas terbaik, CC0</li>
<li><strong>AmbientCG</strong> - Pilihan lebih beragam, CC0</li>
</ol>
<h3>Saya membutuhkan efek suara</h3>
<ol>
<li><strong>Paket Audio Kenney</strong> - Suara game siap pakai, CC0</li>
<li><strong>Freesound</strong> - Suara spesifik, beragam lisensi</li>
</ol>
<h3>Saya membutuhkan animasi karakter</h3>
<ol>
<li><strong>Mixamo</strong> - Kualitas profesional, memerlukan akun Adobe (tetapi lihat catatan keandalan 2026 di atas, dan cadangkan semua yang Anda unduh)</li>
<li><strong>Quaternius Universal Animation Library</strong> - 250+ klip CC0 pada rig humanoid yang dapat ditargetkan ulang, atau <a href="/id/tools/animations">targetkan ulang langsung di browser</a></li>
</ol>
<h3>Saya membutuhkan pixel art</h3>
<ol>
<li><strong><a href="http://itch.io">itch.io</a></strong> - Filter berdasarkan &quot;pixel-art&quot; dan &quot;Free&quot;</li>
<li><strong>OpenGameArt</strong> - Kategori Seni 2D</li>
<li><strong>Kenney</strong> - Paket 2D</li>
</ol>
<h3>Saya membutuhkan elemen UI</h3>
<ol>
<li><strong>Kenney UI Pack</strong> - Paket lengkap, CC0</li>
<li><strong><a href="http://itch.io">itch.io</a></strong> - Cari &quot;UI&quot; atau &quot;GUI&quot;</li>
</ol>
<h3>Saya membutuhkan beragam model acak</h3>
<ol>
<li><strong>CGTrader</strong> - Filter berdasarkan &quot;Free&quot;, pilihannya sangat beragam</li>
<li><strong>TurboSquid</strong> - Kualitas profesional, periksa jenis lisensinya</li>
<li><strong>Sketchfab</strong> - 4 juta+ model, filter berdasarkan model yang dapat diunduh</li>
</ol>
<hr>
<h2>Panduan Lisensi</h2>
<h3>CC0 (Domain Publik)</h3>
<ul>
<li>✅ Dapat digunakan secara komersial</li>
<li>✅ Dapat dimodifikasi</li>
<li>✅ Tidak memerlukan atribusi</li>
<li>✅ Tanpa batasan</li>
</ul>
<p><strong>Penyedia:</strong> Poly Haven, Kenney, Quaternius, AmbientCG</p>
<h3>Lisensi Bebas Royalti</h3>
<ul>
<li>✅ Dapat digunakan secara komersial (dalam game/aplikasi Anda)</li>
<li>✅ Dapat dimodifikasi dan diadaptasi</li>
<li>✅ Tanpa royalti berkelanjutan</li>
<li>❌ File model mentah tidak boleh dijual kembali</li>
<li>❌ Pengguna tidak boleh dibiarkan mengekstrak model</li>
</ul>
<p><strong>Penyedia:</strong> Synty POLYGON, CGTrader, TurboSquid</p>
<p><strong>Catatan:</strong> &quot;Bebas Royalti&quot; berarti Anda membayar sekali (atau mendapatkannya secara gratis) dan dapat menggunakannya tanpa membayar biaya setiap kali digunakan. Ini TIDAK berarti aset tersebut berada dalam domain publik.</p>
<h3>CC-BY (Atribusi)</h3>
<ul>
<li>✅ Dapat digunakan secara komersial</li>
<li>✅ Dapat dimodifikasi</li>
<li>⚠️ Wajib mencantumkan kredit kepada kreator</li>
<li>✅ Selain itu tidak dibatasi</li>
</ul>
<p><strong>Penyedia:</strong> Banyak aset di Sketchfab, BlendSwap, dan OpenGameArt</p>
<h3>CC-BY-SA (BerbagiSerupa)</h3>
<ul>
<li>✅ Dapat digunakan secara komersial</li>
<li>✅ Dapat dimodifikasi</li>
<li>⚠️ Wajib mencantumkan kredit kepada kreator</li>
<li>⚠️ Karya turunan harus menggunakan lisensi yang sama</li>
</ul>
<h3>CC-BY-NC (Nonkomersial)</h3>
<ul>
<li>❌ Tidak dapat digunakan secara komersial</li>
<li>✅ Dapat digunakan dalam game gratis</li>
<li>⚠️ Periksa apakah game Anda memiliki iklan/pembelian dalam aplikasi</li>
</ul>
<h3>Hanya untuk Penggunaan Editorial</h3>
<ul>
<li>❌ Tidak dapat digunakan secara komersial</li>
<li>✅ Hanya untuk berita, pendidikan, dan komentar</li>
<li>⚠️ Umum ditemukan di TurboSquid untuk item bermerek</li>
</ul>
<p><strong>Kiat:</strong> Jika memungkinkan, pilih CC0 agar tidak perlu mencantumkan atribusi dalam kredit game Anda. Bebas Royalti juga aman untuk game komersial.</p>
<hr>
<h2>Kiat Alur Kerja</h2>
<h3>1. Periksa lisensinya terlebih dahulu</h3>
<p>Sebelum mengunduh, pastikan lisensi tersebut mengizinkan tujuan penggunaan Anda.</p>
<h3>2. Optimalkan untuk web</h3>
<ul>
<li>Pertahankan jumlah poligon model di bawah 100 ribu</li>
<li>Gunakan tekstur terkompresi (JPG untuk diffuse, PNG untuk transparansi)</li>
<li>Audio: Gunakan MP3 atau OGG, bukan WAV untuk produksi</li>
<li>Proses model berat melalui <a href="/id/tools/glb-optimizer">pengoptimal GLB</a> untuk mengompresi geometri dan mengubah ukuran tekstur sebelum dirilis</li>
</ul>
<h3>3. Atur aset Anda</h3>
<pre><code>assets/
├── models/
│   ├── characters/
│   └── props/
├── textures/
│   ├── environment/
│   └── ui/
├── audio/
│   ├── music/
│   └── sfx/
└── sprites/
</code></pre>
<h3>4. Simpan catatan atribusi</h3>
<p>Bahkan untuk CC0, sebaiknya tetap catat asal aset:</p>
<pre><code>CREDITS.md
- Spaceship model: Quaternius (CC0)
- Wood texture: Poly Haven (CC0)
- Laser sound: Freesound user &quot;xyz&quot; (CC-BY)
</code></pre>
<h3>5. Uji performa</h3>
<p>Muat aset ke dalam game sejak awal untuk memeriksa:</p>
<ul>
<li>Ukuran file (memengaruhi waktu pemuatan)</li>
<li>Jumlah poligon (memengaruhi FPS)</li>
<li>Resolusi tekstur (memengaruhi memori)</li>
</ul>
<p>Anda dapat melihat ketiganya dari model yang telah diunduh menggunakan <a href="/id/tools/glb-viewer">inspektur glTF</a> bahkan sebelum model tersebut dimasukkan ke proyek Anda.</p>
<hr>
<h2>Tabel Ringkasan</h2>
<table>
<thead>
<tr>
<th>Penyedia</th>
<th>Jenis</th>
<th>Lisensi</th>
<th>Paling Cocok Untuk</th>
<th style="text-align:center">Di Cinevva</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Poly Haven</strong></td>
<td>Model, Tekstur, HDRI</td>
<td>CC0</td>
<td>Kualitas profesional</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Kenney</strong></td>
<td>Model, Sprite, Audio, UI</td>
<td>CC0</td>
<td>Aset siap pakai untuk game</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Quaternius</strong></td>
<td>Model</td>
<td>CC0</td>
<td>Low-poly bergaya</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Poly Pizza / Icosa</strong></td>
<td>Model</td>
<td>CC-BY / CC0</td>
<td>Low-poly, arsip Google Poly</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>Synty POLYGON</strong></td>
<td>Model, Karakter</td>
<td>Bebas Royalti</td>
<td>Visual bergaya yang konsisten</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Sketchfab</strong></td>
<td>Model</td>
<td>Beragam</td>
<td>Pilihan yang sangat beragam</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>BlenderKit</strong></td>
<td>Model, Material, HDRI</td>
<td>Bebas Royalti / CC0</td>
<td>Pustaka besar dalam aplikasi</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Fab (Epic)</strong></td>
<td>Model, Material, VFX, Audio</td>
<td>Standar / CC</td>
<td>Megascans gratis, aset siap pakai untuk game</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>CGTrader</strong></td>
<td>Model</td>
<td>Bebas Royalti</td>
<td>Pilihan marketplace yang beragam</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>AmbientCG</strong></td>
<td>Tekstur, HDRI</td>
<td>CC0</td>
<td>Material PBR</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>OpenGameArt</strong></td>
<td>2D, Audio, Tekstur</td>
<td>Beragam</td>
<td>Konten komunitas</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Freesound</strong></td>
<td>Audio</td>
<td>Beragam</td>
<td>Efek suara</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Sonniss GDC</strong></td>
<td>Audio</td>
<td>Bebas Royalti</td>
<td>Efek suara profesional dalam jumlah besar</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Jamendo</strong></td>
<td>Musik</td>
<td>CC personal / sinkronisasi berbayar</td>
<td>Menemukan musik (berbayar untuk penggunaan komersial)</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>TurboSquid</strong></td>
<td>Model</td>
<td>Bebas Royalti</td>
<td>Kualitas profesional</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>Mixamo</strong></td>
<td>Animasi</td>
<td>Gratis</td>
<td>Animasi karakter</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong><a href="http://itch.io">itch.io</a></strong></td>
<td>Sprite, Beragam</td>
<td>Beragam</td>
<td>Gaya visual indie</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>BlendSwap</strong></td>
<td>Model Blender</td>
<td>Beragam</td>
<td>Model kompleks</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>Three.js Examples</strong></td>
<td>Kode/Shader</td>
<td>MIT</td>
<td>Fitur Three.js</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>Shadertoy</strong></td>
<td>Shader</td>
<td>Beragam</td>
<td>Efek visual</td>
<td style="text-align:center">-</td>
</tr>
</tbody>
</table>
<hr>
<p>Penyedia yang ditandai ✅ dapat dicari langsung melalui pustaka aset terintegrasi Cinevva. Buka panel Assets untuk mencari di semua penyedia tersebut sekaligus. Sisanya adalah sumber eksternal yang layak ditandai untuk aset yang belum diindeks Cinevva.</p>
<h2>Pertanyaan Umum</h2>
<h3>Di mana saya dapat menemukan model 3D gratis untuk game?</h3>
<p>Poly Haven, Kenney, dan Quaternius adalah pilihan awal terbaik untuk mendapatkan model 3D gratis yang siap digunakan dalam game. Semuanya berlisensi CC0, sehingga dapat digunakan secara komersial tanpa atribusi. Untuk pilihan yang lebih beragam, Sketchfab dan BlendSwap memiliki pustaka besar dengan lisensi campuran. Selalu periksa lisensi setiap model sebelum merilis game.</p>
<h3>Apakah aset game gratis boleh digunakan dalam game komersial?</h3>
<p>Sebagian besar boleh, tetapi hal ini bergantung pada lisensinya. Aset CC0 (Poly Haven, Kenney, Quaternius, AmbientCG) berada dalam domain publik dan bebas digunakan secara komersial tanpa atribusi. CC-BY mengharuskan Anda mencantumkan kredit kepada kreator. Aset CC-BY-NC dan Hanya untuk Penggunaan Editorial tidak dapat digunakan dalam game komersial. Bagian Panduan Lisensi di atas menjelaskan setiap lisensi tersebut.</p>
<h3>Apa situs terbaik untuk mendapatkan efek suara game gratis?</h3>
<p>Freesound memiliki pustaka efek suara gratis terbesar, meskipun lisensinya berbeda-beda untuk setiap klip, jadi periksa satu per satu. Kenney menawarkan paket audio yang lebih kecil tetapi seluruhnya berlisensi CC0, sehingga aman untuk proyek komersial apa pun tanpa persyaratan atribusi.</p>
<h3>Di mana saya dapat memperoleh animasi karakter gratis?</h3>
<p>Mixamo adalah sumber utama untuk animasi karakter dan rigging otomatis gratis. Unggah atau pilih karakter, pilih dari ribuan animasi motion capture, lalu ekspor dalam keadaan siap digunakan di engine Anda—semuanya gratis dengan akun Adobe. Quaternius Universal Animation Library adalah alternatif CC0 dengan 250+ klip yang dapat ditargetkan ulang dan tanpa batasan redistribusi. Jika Anda lebih suka tetap menggunakan browser dan mempertahankan semuanya dalam lisensi CC0, <a href="/id/tools/rigger">Auto Rigger</a> kami akan menyesuaikan kerangka, sedangkan <a href="/id/tools/animations">pustaka animasi karakter</a> kami menargetkan ulang 260 klip gratis ke model Anda sendiri yang telah diberi rig.</p>
<h3>Situs aset game gratis mana yang menggunakan CC0?</h3>
<p>Poly Haven, Kenney, Quaternius, KayKit, dan AmbientCG menerbitkan semuanya dengan lisensi CC0, sehingga tidak ada aset dari mereka yang memerlukan atribusi, bahkan dalam game komersial. Per September 2026, sekitar 52% konten Freesound berlisensi CC0, sedangkan OpenGameArt, Sketchfab, dan BlenderKit masing-masing memiliki filter CC0, sehingga hasil pencarian di situs-situs tersebut juga dapat dibatasi hanya pada CC0. Semua sumber lain di halaman ini (paket <a href="http://itch.io">itch.io</a>, Fab, CGTrader, TurboSquid, Mixamo) menggunakan lisensi per item atau bebas royalti, bukan CC0. Lisensi tersebut boleh digunakan untuk merilis game, tetapi tidak untuk mendistribusikan ulang file.</p>
<p><BuildCta
  title="Atau jelaskan game Anda dan biarkan aset ditempatkan untuk Anda"
  desc="Cinevva mencari paket CC0 gratis dan menempatkan properti ke dalam adegan yang dapat dimainkan."
  prompt="Buat game penjelajahan dungeon low-poly menggunakan properti 3D gratis, lengkap dengan obor dan harta karun" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/game-assets/">Aset game gratis berdasarkan kategori</a>: 35 halaman model, tekstur, sprite, suara, dan HDRI berlisensi CC0 dan Creative Commons yang dapat dijelajahi</li>
<li><a href="/id/guides/free-3d-model-sites">Situs Model 3D Gratis Terbaik untuk Game</a>: pembahasan mendalam tentang sumber 3D</li>
<li><a href="/id/guides/sketchfab-polyhaven-kenney">Sketchfab vs Poly Haven vs Kenney</a>: perbandingan langsung tiga sumber 3D gratis terbesar</li>
<li><a href="/id/guides/free-2d-sprites-tilesets">Sprite 2D, Pixel Art, dan Tileset Gratis</a>: pembahasan mendalam tentang sumber 2D</li>
<li><a href="/id/guides/free-textures-hdris-materials">Tekstur PBR, Material, dan HDRI Gratis</a>: pembahasan mendalam tentang sumber tekstur</li>
<li><a href="/id/guides/free-sound-effects-music">Efek Suara dan Musik Gratis untuk Game</a>: pembahasan mendalam tentang sumber audio</li>
<li><a href="/id/guides/free-character-animations-rigging">Animasi Karakter dan Rigging Otomatis Gratis</a>: Mixamo dan alternatifnya</li>
<li><a href="/id/guides/ai-3d-model-generators">Generator Model 3D AI Terbaik</a>: hasilkan model alih-alih mencarinya</li>
<li><a href="/id/guides/ai-asset-generators-games">Generator Aset AI Terbaik untuk Game</a>: alur lengkap pembuatan 3D, tekstur, dan audio</li>
<li><a href="/id/guides/vibe-coding-game-prompts">100 Ide Prompt Game AI yang Dapat Anda Buat dengan Sekali Klik</a>: ambil sebuah ide dan jadikan dapat dimainkan dalam waktu sekitar satu menit</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a>: memahami CC0, CC-BY, Bebas Royalti, dan lisensi lainnya</li>
<li><a href="/id/guides/game-dev-courses">Kursus Pengembangan Game Online</a>: kursus pemodelan 3D di Blender dan seni game</li>
<li><a href="/id/tutorials/pixel-art-rendering">Rendering pixel art</a>: merender sprite sheet dan pixel art di browser</li>
<li><a href="/id/tutorials/streaming-asset-loading">Pemuatan aset secara streaming</a>: memuat dan menyimpan aset dalam cache secara bertahap</li>
<li><a href="/id/guides/threejs-usdc-tech-report">Three.js + USDC di Browser</a>: memuat aset 3D USD di Three.js</li>
</ul>
<style scoped>
.sample-sheet { margin: 1.25rem 0; }
.sample-sheet > a { display: block; }
.sample-sheet img { width: 100%; border-radius: 10px; border: 1px solid var(--vp-c-divider); display: block; }
.sample-sheet figcaption { font-size: 0.9rem; color: var(--vp-c-text-2); margin: 0.5rem 0 0; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Panduan Kursus Pengembangan Game Online]]></title>
            <link>https://app.cinevva.com/id/guides/game-dev-courses</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/game-dev-courses</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Kursus online untuk pengembangan game — engine, desain, seni, dan audio lengkap dengan analisis kredibilitas, ulasan, dan harga]]></description>
            <content:encoded><![CDATA[<h1>Panduan Kursus Pengembangan Game Online</h1>
<p>Kursus online untuk mempelajari pengembangan game. Panduan ini membahas kursus khusus engine, teori desain game, keahlian khusus (seni, audio), dan perbandingan platform, lengkap dengan penilaian kredibilitas, ulasan peserta, dan detail harga.</p>
<p>::: tip Mencari Aset Gratis?
Lihat panduan <a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a> kami untuk model 3D, tekstur, audio, dan banyak lagi.
:::</p>
<h2>Referensi Cepat</h2>
<table>
<thead>
<tr>
<th>Tujuan</th>
<th>Pilihan Terbaik</th>
<th>Kisaran Harga</th>
<th>Peringkat</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Pemula Unity</strong></td>
<td><a href="http://GameDev.tv">GameDev.tv</a> Complete Unity 3D (Udemy)</td>
<td>$12–30 (diskon)</td>
<td>⭐ 4.7/5</td>
</tr>
<tr>
<td><strong>Kredensial Formal Unity</strong></td>
<td>Spesialisasi Michigan State (Coursera)</td>
<td>$49/bulan</td>
<td>⭐ 4.7/5</td>
</tr>
<tr>
<td><strong>C++ Unreal Engine</strong></td>
<td>Kursus UE5 Stephen Ulibarri (Udemy)</td>
<td>$15–30 (diskon)</td>
<td>⭐ 4.8/5</td>
</tr>
<tr>
<td><strong>Engine Godot</strong></td>
<td>Paket GDQuest</td>
<td>$84–216</td>
<td>⭐ 4.8/5</td>
</tr>
<tr>
<td><strong>Teori Desain Game</strong></td>
<td>Harvard CS50 Game Dev (diarsipkan, gratis)</td>
<td>Gratis</td>
<td>⭐ 4.6/5</td>
</tr>
<tr>
<td><strong>Pemodelan 3D untuk Game</strong></td>
<td>Complete Blender Creator (Udemy)</td>
<td>$15–30 (diskon)</td>
<td>⭐ 4.7/5</td>
</tr>
<tr>
<td><strong>Audio Game</strong></td>
<td>Sertifikat Audio Game Berklee</td>
<td>~$4,500</td>
<td>⭐ 4.8/5</td>
</tr>
<tr>
<td><strong>Pelatihan Resmi Gratis</strong></td>
<td>Jalur Pembelajaran Unity Learn</td>
<td>Gratis</td>
<td>⭐ 4.5/5</td>
</tr>
</tbody>
</table>
<hr>
<h2>Kursus Engine Game</h2>
<h3>Unity</h3>
<h4><a href="http://GameDev.tv">GameDev.tv</a> Complete Unity Developer 3D</h4>
<p><strong>Terbaik untuk:</strong> Pemula yang menginginkan pembelajaran praktik berbasis proyek</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Harga normal $139 / <strong>$12–30 saat diskon</strong></td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>~27 jam video + proyek</td>
</tr>
<tr>
<td><strong>Peringkat</strong></td>
<td>⭐ 4.7/5 (460.000+ peserta)</td>
</tr>
<tr>
<td><strong>Terakhir Diperbarui</strong></td>
<td>Unity 6 (2025)</td>
</tr>
</tbody>
</table>
<p><strong>Yang Akan Anda Buat:</strong></p>
<ul>
<li>5 game lengkap dari nol</li>
<li>Dasar-dasar pemrograman C#</li>
<li>Fisika 3D, AI, dan mekanika game</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Sangat baik untuk pemula tanpa pengalaman</li>
<li>✅ Pembelajaran berbasis proyek (Anda membuat game sungguhan)</li>
<li>✅ Komunitas besar untuk dukungan tanya jawab</li>
<li>✅ Diperbarui secara berkala untuk versi baru Unity</li>
<li>✅ Akses seumur hidup setelah dibeli</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Beberapa bagian mungkin terasa lambat</li>
<li>⚠️ Harga normal terlalu mahal (selalu beli saat diskon)</li>
<li>⚠️ Kurang mendalam untuk topik lanjutan seperti optimisasi</li>
</ul>
<p><strong>Ulasan Peserta:</strong></p>
<blockquote>
<p>&quot;Kursus yang bagus untuk pemula. Saya memulai tanpa pengetahuan apa pun dan akhirnya memiliki portofolio game.&quot; — Reddit r/unity</p>
</blockquote>
<blockquote>
<p>&quot;Instruktur menjelaskan konsep dengan jelas. Pendekatan berbasis proyek membuat Anda tetap termotivasi.&quot; — Ulasan Udemy</p>
</blockquote>
<p><strong>Kredibilitas:</strong> <a href="http://GameDev.tv">GameDev.tv</a> adalah salah satu penyedia pendidikan pengembangan game paling mapan. Didirikan oleh Ben Tristem dan Rick Davidson, mereka telah melatih lebih dari 2 juta peserta. Mereka transparan dalam menghentikan kursus yang sudah usang serta mengelola forum komunitas yang aktif.</p>
<hr>
<h4>Spesialisasi Game Design and Development with Unity dari Michigan State</h4>
<p><strong>Terbaik untuk:</strong> Mereka yang menginginkan kredensial universitas dan pembelajaran terstruktur</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Coursera</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Gratis untuk mengikuti tanpa sertifikat / <strong>$49/bulan untuk sertifikat</strong></td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>~2 bulan (10 jam/minggu)</td>
</tr>
<tr>
<td><strong>Peringkat</strong></td>
<td>⭐ 4.7/5</td>
</tr>
<tr>
<td><strong>Institusi</strong></td>
<td>Michigan State University</td>
</tr>
</tbody>
</table>
<p><strong>Kurikulum (lima kursus, dibuat dengan Unity):</strong></p>
<ul>
<li>Game Design and Development 1: Shooter 2D</li>
<li>Game Design and Development 2: Platformer 2D</li>
<li>Game Design and Development 3: Shooter 3D</li>
<li>Game Design and Development 4: Platformer 3D</li>
<li>Proyek Akhir</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Kredensial yang didukung universitas</li>
<li>✅ Praktis: Anda membuat lima proyek game Unity lengkap</li>
<li>✅ Dapat diikuti secara gratis tanpa sertifikat</li>
<li>✅ Pendekatan akademis yang ketat</li>
<li>✅ Mencakup modul bisnis/kewirausahaan</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Temponya lebih lambat daripada kursus Udemy</li>
<li>⚠️ Porsi praktik coding lebih sedikit daripada pilihan lain</li>
<li>⚠️ Sertifikat memerlukan langganan berbayar</li>
</ul>
<p><strong>Paling Cocok untuk:</strong> Mereka yang ingin beralih karier dan membutuhkan kredensial formal, atau yang lebih menyukai pembelajaran akademis terstruktur.</p>
<hr>
<h4>Jalur Pembelajaran Unity Learn</h4>
<p><strong>Terbaik untuk:</strong> Peserta dengan anggaran terbatas yang menginginkan pelatihan resmi Unity</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Unity Learn (<a href="http://learn.unity.com">learn.unity.com</a>)</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td><strong>Gratis</strong></td>
</tr>
<tr>
<td><strong>Jalur</strong></td>
<td>Junior Programmer, Creative Core, VR Development</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Tutorial mandiri + proyek</td>
</tr>
</tbody>
</table>
<p><strong>Jalur yang Tersedia:</strong></p>
<ul>
<li><strong>Junior Programmer</strong> — Dari pemula hingga siap kerja</li>
<li><strong>Creative Core</strong> — Berfokus pada seni dan desain</li>
<li><strong>Unity Essentials</strong> — Tinjauan singkat dasar-dasar</li>
<li><strong>VR Development</strong> — Spesialisasi realitas virtual</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Sepenuhnya gratis</li>
<li>✅ Konten resmi Unity (selalu mutakhir)</li>
<li>✅ Berbasis proyek dengan karya untuk portofolio</li>
<li>✅ Pelacakan progres bawaan</li>
<li>✅ Tersedia sertifikasi Unity</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Kurang menarik dibandingkan kursus video</li>
<li>⚠️ Memerlukan lebih banyak disiplin diri</li>
<li>⚠️ Dukungan komunitas tidak seaktif kursus berbayar</li>
</ul>
<hr>
<h3>Unreal Engine</h3>
<h4>Kursus UE5 C++ Developer dari Stephen Ulibarri</h4>
<p><strong>Terbaik untuk:</strong> Developer serius yang ingin menguasai C++</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Harga normal $175 / <strong>$15–30 saat diskon</strong></td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>~50+ jam</td>
</tr>
<tr>
<td><strong>Peringkat</strong></td>
<td>⭐ 4.8/5</td>
</tr>
<tr>
<td><strong>Proyek</strong></td>
<td>Action RPG lengkap</td>
</tr>
</tbody>
</table>
<p><strong>Yang Akan Anda Pelajari:</strong></p>
<ul>
<li>Unreal Engine 5 dari nol</li>
<li>Pemrograman C++ untuk game</li>
<li>Scripting visual dengan Blueprints</li>
<li>Sistem gameplay tingkat lanjut (pertarungan, AI, inventaris)</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Pembahasan C++ yang mendalam (jarang ditemukan dalam kursus pengembangan game)</li>
<li>✅ Menghasilkan proyek portofolio yang substansial</li>
<li>✅ Tempo yang baik untuk peserta tingkat menengah</li>
<li>✅ Membahas Blueprints DAN C++</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Mengasumsikan adanya latar belakang pemrograman</li>
<li>⚠️ Kursus sangat panjang (memerlukan komitmen)</li>
<li>⚠️ Versi UE sering berubah</li>
</ul>
<p><strong>Ulasan Peserta:</strong></p>
<blockquote>
<p>&quot;Kursus Unreal terbaik yang pernah saya temukan. Stephen menjelaskan 'mengapa', bukan hanya 'apa'.&quot; — Udemy</p>
</blockquote>
<blockquote>
<p>&quot;Akhirnya saya memahami C++ di Unreal setelah kesulitan dengan sumber belajar lain.&quot; — Reddit r/unrealengine</p>
</blockquote>
<hr>
<h4>Spesialisasi Coursera Unreal Engine for Beginners</h4>
<p><strong>Terbaik untuk:</strong> Pemula tanpa pengalaman yang menginginkan pengantar terstruktur</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Coursera</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>$199 (diskon) / $399 harga normal</td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>3 kursus, masing-masing ~4 minggu</td>
</tr>
<tr>
<td><strong>Sertifikat</strong></td>
<td>Ya</td>
</tr>
</tbody>
</table>
<p><strong>Urutan Kursus:</strong></p>
<ol>
<li>Membangun Dunia di Unreal</li>
<li>Karakter &amp; Interior</li>
<li>Kamera &amp; Produksi</li>
</ol>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Ramah bagi pemula (awalnya tidak memerlukan coding)</li>
<li>✅ Berfokus pada aspek visual/kreatif</li>
<li>✅ Cocok untuk seniman yang mulai terjun ke pengembangan game</li>
<li>✅ Sertifikat bergaya universitas</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Pemrograman dibahas kurang mendalam</li>
<li>⚠️ Lebih mahal daripada alternatif di Udemy</li>
<li>⚠️ Lebih cocok untuk seniman lingkungan daripada programmer</li>
</ul>
<hr>
<h4>LinkedIn Learning: Unreal Engine 5 Essential Training</h4>
<p><strong>Terbaik untuk:</strong> Menyegarkan keterampilan dengan cepat</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>LinkedIn Learning</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Langganan (~$30/bulan) / Tersedia uji coba gratis</td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>~3 jam</td>
</tr>
<tr>
<td><strong>Peringkat</strong></td>
<td>⭐ 4.8/5</td>
</tr>
</tbody>
</table>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Kualitas produksi tinggi</li>
<li>✅ Sangat baik untuk tinjauan singkat</li>
<li>✅ Membahas fitur UE5.6</li>
<li>✅ Sertifikat dapat ditambahkan ke profil LinkedIn</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Terlalu singkat untuk pembelajaran mendalam</li>
<li>⚠️ Model langganan (bukan akses seumur hidup)</li>
<li>⚠️ Lebih cocok sebagai pelengkap daripada sumber belajar utama</li>
</ul>
<hr>
<h3>Engine Godot</h3>
<h4>Program Pembelajaran GDQuest</h4>
<p><strong>Terbaik untuk:</strong> Peserta serius yang ingin mempelajari Godot secara terstruktur</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td><a href="http://school.gdquest.com">school.gdquest.com</a></td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>$84–216 (paket)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Kursus interaktif + komunitas</td>
</tr>
<tr>
<td><strong>Peringkat</strong></td>
<td>⭐ 4.8/5</td>
</tr>
</tbody>
</table>
<p><strong>Paket yang Tersedia:</strong></p>
<ul>
<li><strong>Starter Kit</strong> (~$84) — Dasar-dasar 2D dan 3D</li>
<li><strong>From Zero to Pro</strong> (~$216) — Jalur pembelajaran lengkap</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Kursus khusus Godot dengan kualitas tertinggi</li>
<li>✅ Latihan interaktif (bukan hanya video)</li>
<li>✅ Diperbarui untuk Godot 4.x</li>
<li>✅ Komunitas Discord yang aktif</li>
<li>✅ Dibuat oleh kontributor Godot ternama</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Lebih mahal daripada alternatif di Udemy</li>
<li>⚠️ Komunitas lebih kecil daripada kursus Unity/Unreal</li>
</ul>
<p><strong>Kredibilitas:</strong> Tim GDQuest merupakan kontributor dan pengajar Godot yang diakui. Mereka telah membuat dokumentasi resmi Godot dan disegani oleh komunitas.</p>
<hr>
<h4>Complete Godot 4 Beginner Course (Udemy)</h4>
<p><strong>Terbaik untuk:</strong> Pemula dengan anggaran terbatas</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Harga normal $80–100 / <strong>$15–25 saat diskon</strong></td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>~20 jam</td>
</tr>
<tr>
<td><strong>Proyek</strong></td>
<td>Shooter luar angkasa, platformer, game zombi tampak atas</td>
</tr>
</tbody>
</table>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Terjangkau saat diskon</li>
<li>✅ Membuat 3 game lengkap</li>
<li>✅ Berfokus pada GDScript (bahasa asli Godot)</li>
<li>✅ Cocok untuk pemula tanpa pengalaman</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Tidak sedalam GDQuest</li>
<li>⚠️ Komunitas dukungan lebih kecil</li>
</ul>
<hr>
<h4>Godot Dev Academy</h4>
<p><strong>Terbaik untuk:</strong> Peserta berkelanjutan yang menginginkan akses langganan</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td><a href="http://godotdevacademy.com">godotdevacademy.com</a></td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td><strong>$19.99/bulan</strong></td>
</tr>
<tr>
<td><strong>Akses</strong></td>
<td>Semua kursus disertakan</td>
</tr>
</tbody>
</table>
<p><strong>Mencakup:</strong></p>
<ul>
<li>Kursus platformer 2D</li>
<li>Pengembangan RPG</li>
<li>Pengembangan game seluler</li>
<li>Tersedia kursus gratis untuk pemula</li>
</ul>
<p><strong>Paling Cocok untuk:</strong> Mereka yang berencana mengikuti beberapa kursus dari waktu ke waktu. Menawarkan nilai yang baik jika Anda berkomitmen mempelajari Godot dalam jangka panjang.</p>
<hr>
<h2>Teori Desain Game</h2>
<h3>Harvard CS50's Introduction to Game Development</h3>
<p><strong>Terbaik untuk:</strong> Memahami konsep dasar pemrograman game</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td><a href="http://cs50.harvard.edu/games">cs50.harvard.edu/games</a> (diarsipkan)</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td><strong>Gratis</strong></td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>12 minggu</td>
</tr>
<tr>
<td><strong>Status</strong></td>
<td>Diarsipkan (materi tersedia, tidak menerima pengumpulan tugas baru)</td>
</tr>
</tbody>
</table>
<p><strong>Yang Akan Anda Pelajari:</strong></p>
<ul>
<li>Dasar-dasar grafis 2D dan 3D</li>
<li>Animasi dan desain suara</li>
<li>Deteksi tabrakan dan fisika</li>
<li>Berbagai engine: LÖVE2D, Unity, Lua</li>
</ul>
<p><strong>Game yang Akan Anda Kloning:</strong></p>
<ul>
<li>Pong, Flappy Bird, Breakout</li>
<li>Super Mario Bros., Legend of Zelda</li>
<li>Angry Birds, Pokémon</li>
<li>Game helikopter 3D, Portal</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Pengajaran berkualitas Harvard</li>
<li>✅ Sepenuhnya gratis</li>
<li>✅ Teori dan dasar-dasar yang sangat baik</li>
<li>✅ Mengenalkan berbagai engine</li>
<li>✅ Semua materi masih dapat diakses</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Kursus resmi dihentikan (Juni 2024)</li>
<li>⚠️ Tidak ada sertifikat atau penilaian baru</li>
<li>⚠️ Beberapa teknologinya sudah usang (versi Unity lama)</li>
<li>⚠️ Memerlukan kemandirian belajar</li>
</ul>
<p><strong>Catatan:</strong> Harvard telah meluncurkan kursus baru, CS50's Introduction to 2D Game Development (CS50 2D), sebagai pengganti versi yang dihentikan. Kursus ini berfokus pada game 2D yang dibuat dengan Lua dan framework LOVE 2D (Pong, Flappy Bird, Breakout, Match 3, Super Mario Bros., Legend of Zelda, Angry Birds, Pokemon). Materi kuliah dipublikasikan di YouTube dan Anda dapat mendaftar untuk mendapatkan sertifikat di <a href="http://cs50.edx.org/2d">cs50.edx.org/2d</a>. Sesi diselenggarakan secara berkala, jadi periksa halaman kursus untuk mengetahui tanggal terbaru.</p>
<p><strong>Ulasan Peserta:</strong></p>
<blockquote>
<p>&quot;Salah satu pengantar pemrograman game terbaik yang pernah saya lihat. Membahas dasar-dasar yang dapat diterapkan ke engine apa pun.&quot; — Reddit r/cs50</p>
</blockquote>
<blockquote>
<p>&quot;Bahkan tanpa sertifikat, pengetahuan yang diperoleh tetap sangat berharga.&quot; — Ulasan kursus</p>
</blockquote>
<hr>
<h3>M.A. Online dalam Desain Game dari West Virginia University</h3>
<p><strong>Terbaik untuk:</strong> Pendidikan pascasarjana formal</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>WVU Online</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Total ~$22,650</td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>2 tahun (fleksibel)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Sepenuhnya online dan asinkron</td>
</tr>
<tr>
<td><strong>Kredensial</strong></td>
<td>Gelar Magister</td>
</tr>
</tbody>
</table>
<p><strong>Sorotan Kurikulum:</strong></p>
<ul>
<li>Teori Game (analisis budaya dan estetika)</li>
<li>Narasi dan Penceritaan Game</li>
<li>Desain Pengalaman Pemain</li>
<li>Purwarupa game untuk proyek akhir</li>
</ul>
<p><strong>Paling Cocok untuk:</strong> Mereka yang mencari kredensial akademis untuk posisi pengajaran, penelitian, atau kepemimpinan dalam pengembangan game.</p>
<hr>
<h2>Keahlian Khusus</h2>
<h3>Pemodelan 3D untuk Game</h3>
<h4>Complete Blender Creator (<a href="http://GameDev.tv">GameDev.tv</a>)</h4>
<p><strong>Terbaik untuk:</strong> Pemula yang mempelajari Blender untuk membuat aset game</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Harga normal $140 / <strong>$15–30 saat diskon</strong></td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>~30 jam</td>
</tr>
<tr>
<td><strong>Peringkat</strong></td>
<td>⭐ 4.7/5 (200.000+ peserta)</td>
</tr>
<tr>
<td><strong>Diperbarui</strong></td>
<td>Blender 4.4 (2025)</td>
</tr>
</tbody>
</table>
<p><strong>Yang Akan Anda Pelajari:</strong></p>
<ul>
<li>Dasar-dasar Blender</li>
<li>Teknik pemodelan 3D</li>
<li>UV unwrapping dan pemberian tekstur</li>
<li>Animasi dasar</li>
<li>Mengekspor ke engine game</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Komunitas peserta yang sangat besar</li>
<li>✅ Pendekatan berbasis proyek</li>
<li>✅ Diperbarui secara berkala untuk versi baru Blender</li>
<li>✅ Sangat cocok untuk pemula tanpa pengalaman</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Sangat umum (bukan pipeline khusus game)</li>
<li>⚠️ Memerlukan komitmen untuk kursus yang panjang</li>
</ul>
<hr>
<h4>Blender 3D Modeling for Games — Complete Workflow (Udemy)</h4>
<p><strong>Terbaik untuk:</strong> Pipeline aset khusus game</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>$15–40 saat diskon</td>
</tr>
<tr>
<td><strong>Fokus</strong></td>
<td>Alur kerja aset siap pakai untuk game</td>
</tr>
</tbody>
</table>
<p><strong>Yang Akan Anda Pelajari:</strong></p>
<ul>
<li>Dari block-out hingga aset akhir</li>
<li>Topologi yang dioptimalkan untuk game</li>
<li>Tekstur dan material</li>
<li>Alur kerja ekspor ke engine</li>
</ul>
<p><strong>Paling Cocok untuk:</strong> Mereka yang secara khusus ingin membuat aset game, bukan sekadar mempelajari keterampilan Blender secara umum.</p>
<hr>
<h3>Audio Game &amp; Desain Suara</h3>
<h4>Berklee Online: Game Audio Design Certificate</h4>
<p><strong>Terbaik untuk:</strong> Pelatihan audio game tingkat profesional</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Berklee Online</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Total $4,725 (atau $4,253 jika dibayar penuh) / $1,575 per kursus, ditambah biaya pendaftaran $175</td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>3 kursus, masing-masing 12 minggu</td>
</tr>
<tr>
<td><strong>Tanggal Mulai</strong></td>
<td>Pendaftaran berbasis periode akademik (sesi diselenggarakan secara berkala, periksa halaman kursus untuk tanggal terbaru)</td>
</tr>
</tbody>
</table>
<p><strong>Kurikulum:</strong></p>
<ul>
<li>Game Audio 101 — Dasar-dasar</li>
<li>Produksi suara dan dialog</li>
<li>Integrasi audio dan scoring interaktif dengan Wwise</li>
<li>Membuat demo reel profesional</li>
</ul>
<p>Sertifikat Berklee kini disusun menjadi tiga kursus: Game Design Principles, Game Audio 101, dan Game Audio Production with Wwise (total 9 kredit).</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Kredensial yang diakui industri</li>
<li>✅ Mempelajari alat standar industri (Wwise, FMOD)</li>
<li>✅ Reputasi Berklee dalam pendidikan musik</li>
<li>✅ Berfokus pada pembangunan portofolio</li>
</ul>
<p><strong>Kekurangan:</strong></p>
<ul>
<li>⚠️ Mahal</li>
<li>⚠️ Memerlukan banyak waktu (komitmen profesional)</li>
</ul>
<p><strong>Paling Cocok untuk:</strong> Mereka yang ingin meniti karier dalam bidang audio game.</p>
<hr>
<h4>Game Audio Essentials (Udemy)</h4>
<p><strong>Terbaik untuk:</strong> Pengantar audio game yang ramah anggaran</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>Harga normal $50–100 / <strong>$15–25 saat diskon</strong></td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>~10 jam</td>
</tr>
<tr>
<td><strong>Diperbarui</strong></td>
<td>Juli 2025</td>
</tr>
<tr>
<td><strong>Yang Akan Anda Pelajari:</strong></td>
<td></td>
</tr>
</tbody>
</table>
<ul>
<li>Pembuatan foley dan efek suara</li>
<li>Integrasi audio di Unity/Unreal/Godot</li>
<li>Audio berulang dan spasial</li>
<li>Teknik desain suara praktis</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>✅ Terjangkau</li>
<li>✅ Keterampilan praktis langsung</li>
<li>✅ Mencakup beberapa engine game</li>
<li>✅ Cocok untuk developer indie</li>
</ul>
<hr>
<h4>Domestika: Merancang Musik Latar Video Game</h4>
<p><strong>Paling cocok untuk:</strong> Komposer yang ingin memasuki industri musik game</p>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Platform</strong></td>
<td>Domestika</td>
</tr>
<tr>
<td><strong>Harga</strong></td>
<td>$10–60 (bervariasi saat ada diskon)</td>
</tr>
<tr>
<td><strong>Durasi</strong></td>
<td>~3 jam</td>
</tr>
<tr>
<td><strong>Fokus</strong></td>
<td>Komposisi musik untuk game</td>
</tr>
</tbody>
</table>
<p><strong>Paling Cocok Untuk:</strong> Musisi yang ingin beralih ke komposisi musik latar game.</p>
<hr>
<h2>Tautan Platform</h2>
<table>
<thead>
<tr>
<th>Platform</th>
<th>URL</th>
<th>Paling Cocok Untuk</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Udemy</strong></td>
<td><a href="https://www.udemy.com/">udemy.com</a></td>
<td>Kursus terjangkau saat diskon, banyak pilihan</td>
</tr>
<tr>
<td><strong>Coursera</strong></td>
<td><a href="https://www.coursera.org/">coursera.org</a></td>
<td>Kursus universitas, kredensial formal</td>
</tr>
<tr>
<td><strong>Unity Learn</strong></td>
<td><a href="https://learn.unity.com/">learn.unity.com</a></td>
<td>Pelatihan resmi Unity gratis</td>
</tr>
<tr>
<td><strong>GDQuest</strong></td>
<td><a href="https://school.gdquest.com/">school.gdquest.com</a></td>
<td>Kursus yang berfokus pada Godot dari kontributor inti</td>
</tr>
<tr>
<td><strong>Pluralsight</strong></td>
<td><a href="https://www.pluralsight.com/">pluralsight.com</a></td>
<td>Materi teknis mendalam, penilaian keterampilan</td>
</tr>
<tr>
<td><strong>Skillshare</strong></td>
<td><a href="https://www.skillshare.com/">skillshare.com</a></td>
<td>Fokus kreatif/desain, langganan terjangkau</td>
</tr>
<tr>
<td><strong>Berklee Online</strong></td>
<td><a href="https://online.berklee.edu/">online.berklee.edu</a></td>
<td>Sertifikasi audio game profesional</td>
</tr>
<tr>
<td><strong>edX / Harvard CS50</strong></td>
<td><a href="https://cs50.harvard.edu/games/">cs50.harvard.edu/games</a></td>
<td>Dasar-dasar pengembangan game gratis</td>
</tr>
<tr>
<td><strong>Domestika</strong></td>
<td><a href="https://www.domestika.org/">domestika.org</a></td>
<td>Kursus kreatif yang terjangkau</td>
</tr>
<tr>
<td><strong>LinkedIn Learning</strong></td>
<td><a href="https://www.linkedin.com/learning/">linkedin.com/learning</a></td>
<td>Pengembangan profesional, Unreal Engine</td>
</tr>
<tr>
<td><strong>Blender</strong></td>
<td><a href="https://www.blender.org/">blender.org</a></td>
<td>Perangkat lunak pemodelan 3D gratis</td>
</tr>
</tbody>
</table>
<hr>
<h2>Perbandingan Platform</h2>
<h3><a href="https://www.udemy.com/">Udemy</a></h3>
<table>
<thead>
<tr>
<th>Kelebihan</th>
<th>Kekurangan</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Pilihan kursus sangat banyak</td>
<td>⚠️ Kualitas sangat bervariasi</td>
</tr>
<tr>
<td>✅ Akses seumur hidup</td>
<td>⚠️ Harga normal terlalu tinggi</td>
</tr>
<tr>
<td>✅ Sering ada diskon ($10–30)</td>
<td>⚠️ Beberapa kursus menjadi usang</td>
</tr>
<tr>
<td>✅ Kebijakan pengembalian dana 30 hari</td>
<td>⚠️ Tidak ada kredensial formal</td>
</tr>
<tr>
<td>✅ Komunitas tanya jawab besar</td>
<td>⚠️ Tidak ada pengajaran langsung</td>
</tr>
</tbody>
</table>
<p><strong>Tips Membeli:</strong> JANGAN PERNAH membayar harga penuh di Udemy. Diskon 80–90% biasanya tersedia setiap beberapa minggu.</p>
<hr>
<h3>Coursera</h3>
<table>
<thead>
<tr>
<th>Kelebihan</th>
<th>Kekurangan</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Kemitraan dengan universitas</td>
<td>⚠️ Model langganan untuk sertifikat</td>
</tr>
<tr>
<td>✅ Kredensial formal</td>
<td>⚠️ Tempo lebih lambat</td>
</tr>
<tr>
<td>✅ Opsi mengikuti kursus gratis tanpa sertifikat</td>
<td>⚠️ Tidak sepraktis Udemy</td>
</tr>
<tr>
<td>✅ Jalur pembelajaran terstruktur</td>
<td>⚠️ Bisa lebih mahal</td>
</tr>
<tr>
<td>✅ Ketelitian akademis</td>
<td></td>
</tr>
</tbody>
</table>
<p><strong>Paling Cocok Untuk:</strong> Mereka yang memerlukan kredensial untuk pekerjaan atau lebih menyukai pembelajaran akademis yang terstruktur.</p>
<hr>
<h3>Pluralsight</h3>
<table>
<thead>
<tr>
<th>Kelebihan</th>
<th>Kekurangan</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Materi teknis mendalam</td>
<td>⚠️ Hanya tersedia melalui langganan (~$29/bulan)</td>
</tr>
<tr>
<td>✅ Jalur pembelajaran dengan penilaian</td>
<td>⚠️ Beberapa konten sudah usang</td>
</tr>
<tr>
<td>✅ Bermitra dengan Unity</td>
<td>⚠️ Kurang ramah bagi pemula</td>
</tr>
<tr>
<td>✅ Penilaian keterampilan</td>
<td>⚠️ Interaksi komunitas lebih sedikit</td>
</tr>
</tbody>
</table>
<p><strong>Paling Cocok Untuk:</strong> Developer tingkat menengah yang menginginkan materi teknis mendalam dan jalur pembelajaran berorientasi karier.</p>
<hr>
<h3>Skillshare</h3>
<table>
<thead>
<tr>
<th>Kelebihan</th>
<th>Kekurangan</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Terjangkau (~$168/tahun)</td>
<td>⚠️ Kualitas kursus bervariasi</td>
</tr>
<tr>
<td>✅ Berfokus pada kreativitas/desain</td>
<td>⚠️ Materi teknis kurang mendalam</td>
</tr>
<tr>
<td>✅ Cocok untuk pemula</td>
<td>⚠️ Tidak ada kredensial formal</td>
</tr>
<tr>
<td>✅ Kursus singkat dan mudah dipahami</td>
<td>⚠️ Ada laporan keluhan terkait langganan</td>
</tr>
</tbody>
</table>
<p><strong>Paling Cocok Untuk:</strong> Penghobi dan pelajar yang berfokus pada kreativitas serta ingin menjelajahi berbagai topik.</p>
<hr>
<h3>Unity Learn</h3>
<table>
<thead>
<tr>
<th>Kelebihan</th>
<th>Kekurangan</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Sepenuhnya gratis</td>
<td>⚠️ Format kurang menarik</td>
</tr>
<tr>
<td>✅ Resmi dan selalu mutakhir</td>
<td>⚠️ Memerlukan disiplin diri</td>
</tr>
<tr>
<td>✅ Jalur sertifikasi Unity</td>
<td>⚠️ Dukungan komunitas terbatas</td>
</tr>
<tr>
<td>✅ Berbasis proyek</td>
<td></td>
</tr>
</tbody>
</table>
<p><strong>Paling Cocok Untuk:</strong> Pelajar mandiri dengan anggaran terbatas yang menginginkan pelatihan resmi Unity.</p>
<hr>
<h2>Panduan Kredibilitas Instruktur</h2>
<h3>Instruktur yang Sangat Bereputasi</h3>
<table>
<thead>
<tr>
<th>Instruktur</th>
<th>Platform</th>
<th>Spesialisasi</th>
<th>Alasan Tepercaya</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Ben Tristem / <a href="http://GameDev.tv">GameDev.tv</a></strong></td>
<td>Udemy</td>
<td>Unity, Unreal, Blender</td>
<td>Lebih dari 1 juta siswa, transparan mengenai pembaruan kursus</td>
</tr>
<tr>
<td><strong>Stephen Ulibarri</strong></td>
<td>Udemy</td>
<td>Unreal C++</td>
<td>Pengetahuan teknis mendalam, penjelasan sangat baik</td>
</tr>
<tr>
<td><strong>Tim GDQuest</strong></td>
<td>GDQuest</td>
<td>Godot</td>
<td>Kontributor resmi Godot</td>
</tr>
<tr>
<td><strong>Pengajar Michigan State</strong></td>
<td>Coursera</td>
<td>Desain Game</td>
<td>Kredensial akademis, latar belakang penelitian</td>
</tr>
<tr>
<td><strong>Pengajar Berklee</strong></td>
<td>Berklee Online</td>
<td>Audio Game</td>
<td>Profesional industri, reputasi Berklee</td>
</tr>
</tbody>
</table>
<h3>Tanda Bahaya yang Perlu Diwaspadai</h3>
<ul>
<li>❌ Kursus tidak diperbarui selama lebih dari 2 tahun</li>
<li>❌ Peringkat rendah dengan keluhan spesifik mengenai konten yang usang</li>
<li>❌ Instruktur tanpa portofolio atau kredensial yang terlihat</li>
<li>❌ Pemasaran agresif tanpa substansi</li>
<li>❌ Kursus yang menjanjikan &quot;penguasaan menyeluruh&quot; dalam waktu yang tidak realistis</li>
</ul>
<hr>
<h2>Rekomendasi Jalur Pembelajaran</h2>
<h3>Pemula Sepenuhnya → Siap Kerja (Unity)</h3>
<ol>
<li><strong>Mulai:</strong> Jalur Junior Programmer Unity Learn (Gratis)</li>
<li><strong>Bangun Keterampilan:</strong> <a href="http://GameDev.tv">GameDev.tv</a> Complete Unity 3D ($20)</li>
<li><strong>Ambil Spesialisasi:</strong> Pilih bidang fokus (2D, 3D, mobile)</li>
<li><strong>Portofolio:</strong> Buat 3–5 game lengkap</li>
<li><strong>Kredensial (Opsional):</strong> Sertifikasi Unity atau Spesialisasi Coursera</li>
</ol>
<p><strong>Perkiraan Biaya:</strong> $20–150<br>
<strong>Jangka Waktu:</strong> 6–12 bulan (paruh waktu)</p>
<hr>
<h3>Seniman → Developer Game</h3>
<ol>
<li><strong>Mulai:</strong> Complete Blender Creator (Udemy) — $20</li>
<li><strong>Pipeline Game:</strong> Kursus alur kerja Blender for Games — $20</li>
<li><strong>Dasar-Dasar Engine:</strong> Kursus pemula Unity/Unreal — $20</li>
<li><strong>Integrasi:</strong> Pelajari cara mengimpor dan menggunakan aset di dalam engine</li>
</ol>
<p><strong>Perkiraan Biaya:</strong> $60–100<br>
<strong>Jangka Waktu:</strong> 4–8 bulan</p>
<hr>
<h3>Programmer → Developer Game</h3>
<ol>
<li><strong>Mulai:</strong> Pilih engine (Unity C# atau Unreal C++)</li>
<li><strong>Fondasi:</strong> Kursus engine tingkat menengah</li>
<li><strong>Pelajari Lebih Mendalam:</strong> Sistem gameplay lanjutan</li>
<li><strong>Portofolio:</strong> Bangun proyek game yang substansial</li>
</ol>
<p><strong>Perkiraan Biaya:</strong> $40–100<br>
<strong>Jangka Waktu:</strong> 3–6 bulan (jika sudah bisa memprogram)</p>
<hr>
<h3>Penghobi dengan Anggaran Terbatas</h3>
<ol>
<li><strong>Mulai:</strong> Unity Learn atau CS50 Game Dev (Gratis)</li>
<li><strong>Langkah Berikutnya:</strong> Tunggu diskon Udemy, beli satu kursus yang terfokus ($15)</li>
<li><strong>Latihan:</strong> Buat game kecil, ikuti game jam</li>
<li><strong>Komunitas:</strong> Bergabunglah dengan server Discord untuk mendapatkan masukan</li>
</ol>
<p><strong>Perkiraan Biaya:</strong> $0–30<br>
<strong>Jangka Waktu:</strong> Belajar sesuai kecepatan Anda sendiri</p>
<hr>
<h2>Ringkasan Perbandingan Harga</h2>
<table>
<thead>
<tr>
<th>Platform</th>
<th>Model</th>
<th>Biaya Umum</th>
<th>Penilaian Manfaat</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Unity Learn</strong></td>
<td>Gratis</td>
<td>$0</td>
<td>⭐⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>CS50 Games</strong></td>
<td>Gratis (diarsipkan)</td>
<td>$0</td>
<td>⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Udemy</strong></td>
<td>Sekali bayar (saat diskon)</td>
<td>$12–30</td>
<td>⭐⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>GDQuest</strong></td>
<td>Sekali bayar</td>
<td>$84–216</td>
<td>⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Skillshare</strong></td>
<td>Langganan</td>
<td>$168/tahun</td>
<td>⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Pluralsight</strong></td>
<td>Langganan</td>
<td>$349/tahun</td>
<td>⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Coursera</strong></td>
<td>Langganan + kursus</td>
<td>$49/bulan</td>
<td>⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>LinkedIn Learning</strong></td>
<td>Langganan</td>
<td>$360/tahun</td>
<td>⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Berklee Online</strong></td>
<td>Per kursus</td>
<td>$1,500+</td>
<td>⭐⭐⭐⭐ (profesional)</td>
</tr>
<tr>
<td><strong>Gelar Universitas</strong></td>
<td>Program gelar</td>
<td>$20,000+</td>
<td>Bergantung pada karier</td>
</tr>
</tbody>
</table>
<hr>
<h2>Tips Memilih Kursus</h2>
<h3>1. Periksa Tanggal &quot;Terakhir Diperbarui&quot;</h3>
<p>Engine game berkembang dengan cepat. Kursus Unity 2020 pada tahun 2026 akan memiliki perbedaan signifikan dari versi terkini. Carilah kursus yang diperbarui dalam 12 bulan terakhir.</p>
<h3>2. Tonton Konten Pratinjau Gratis</h3>
<p>Sebagian besar platform menawarkan pratinjau gratis. Evaluasi:</p>
<ul>
<li>Gaya dan tempo mengajar</li>
<li>Kualitas audio/video</li>
<li>Apakah penjelasannya masuk akal bagi Anda</li>
</ul>
<h3>3. Baca Ulasan Terbaru</h3>
<p>Urutkan ulasan berdasarkan yang terbaru. Ulasan bintang 5 yang lama tidak mencerminkan kualitas konten saat ini.</p>
<h3>4. Periksa Kualitas Proyek</h3>
<p>Lihat apa yang dibuat oleh para siswa. Apakah proyeknya mengesankan? Apakah layak dimasukkan ke dalam portofolio?</p>
<h3>5. Pertimbangkan Komunitas</h3>
<p>Kursus dengan bagian tanya jawab aktif, server Discord, atau forum memberikan dukungan yang lebih baik saat Anda mengalami kesulitan.</p>
<h3>6. Sesuaikan dengan Gaya Belajar Anda</h3>
<ul>
<li><strong>Pelajar visual:</strong> Kursus video (Udemy, YouTube)</li>
<li><strong>Pembaca:</strong> Dokumentasi Unity, tutorial tertulis</li>
<li><strong>Praktik langsung:</strong> Kursus berbasis proyek, game jam</li>
<li><strong>Terstruktur:</strong> Kursus universitas, spesialisasi</li>
</ul>
<hr>
<h2>Tabel Ringkasan</h2>
<table>
<thead>
<tr>
<th>Kursus</th>
<th>Platform</th>
<th>Harga</th>
<th>Paling Cocok Untuk</th>
<th>Peringkat</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="http://GameDev.tv">GameDev.tv</a> Unity 3D</td>
<td>Udemy</td>
<td>$12–30</td>
<td>Pemula Unity</td>
<td>⭐ 4.7</td>
</tr>
<tr>
<td>Spesialisasi Michigan State</td>
<td>Coursera</td>
<td>$49/bln</td>
<td>Kredensial formal</td>
<td>⭐ 4.7</td>
</tr>
<tr>
<td>Jalur Unity Learn</td>
<td>Unity</td>
<td>Gratis</td>
<td>Pelajar dengan anggaran terbatas</td>
<td>⭐ 4.5</td>
</tr>
<tr>
<td>Stephen Ulibarri UE5</td>
<td>Udemy</td>
<td>$15–30</td>
<td>Unreal C++</td>
<td>⭐ 4.8</td>
</tr>
<tr>
<td>Spesialisasi UE Coursera</td>
<td>Coursera</td>
<td>$199</td>
<td>Pemula UE</td>
<td>⭐ 4.6</td>
</tr>
<tr>
<td>Paket GDQuest</td>
<td>GDQuest</td>
<td>$84–216</td>
<td>Pelajar Godot</td>
<td>⭐ 4.8</td>
</tr>
<tr>
<td>Kursus Pemula Godot</td>
<td>Udemy</td>
<td>$15–25</td>
<td>Godot dengan anggaran terbatas</td>
<td>⭐ 4.5</td>
</tr>
<tr>
<td>Harvard CS50 Games</td>
<td>edX (diarsipkan)</td>
<td>Gratis</td>
<td>Dasar-dasar</td>
<td>⭐ 4.6</td>
</tr>
<tr>
<td>Complete Blender Creator</td>
<td>Udemy</td>
<td>$15–30</td>
<td>Pemodelan 3D</td>
<td>⭐ 4.7</td>
</tr>
<tr>
<td>Berklee Game Audio</td>
<td>Berklee Online</td>
<td>$4,500</td>
<td>Audio profesional</td>
<td>⭐ 4.8</td>
</tr>
<tr>
<td>Game Audio Essentials</td>
<td>Udemy</td>
<td>$15–25</td>
<td>Audio dengan anggaran terbatas</td>
<td>⭐ 4.4</td>
</tr>
</tbody>
</table>
<hr>
<p>Siap mulai belajar? Pilih kursus yang sesuai dengan anggaran, tingkat keterampilan, dan engine pilihan Anda. Langkah terpenting adalah <strong>mulai membuat game</strong>. Kursus hanyalah alat untuk membantu Anda mencapainya dengan lebih cepat.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa kursus pengembangan game gratis terbaik?</h3>
<p>Dua pilihan gratis terbaik adalah jalur Unity Learn dan kursus pengembangan game CS50 dari Harvard. Jalur Junior Programmer dan Creative Core di Unity Learn bersifat resmi, selalu mutakhir, dan berbasis proyek, membawa Anda dari tingkat pemula menuju kesiapan kerja tanpa biaya. CS50 Introduction to Game Development dari Harvard mengajarkan dasar-dasar yang dapat diterapkan pada engine apa pun, dan materinya tetap gratis meskipun kursus aslinya telah diarsipkan dan digantikan oleh kursus CS50 2D yang baru. Keduanya benar-benar gratis, bukan sekadar masa uji coba.</p>
<h3>Apakah gelar pengembangan game layak diambil pada tahun 2026?</h3>
<p>Itu bergantung pada tujuan Anda. Gelar formal seperti M.A. online dalam Desain Game dari WVU (sekitar $22,650) masuk akal jika Anda menginginkan kredensial akademis untuk peran pengajaran, penelitian, atau kepemimpinan. Untuk mendapatkan pekerjaan sebagai developer, keputusan perekrutan biasanya bergantung pada portofolio Anda. Anda dapat membangun portofolio melalui kursus Udemy yang sedang didiskon ($12 hingga $30), jalur Unity Learn gratis, dan proyek yang telah dirilis dengan biaya yang jauh lebih kecil dibandingkan biaya gelar. Gelar memberikan struktur dan kredensial, bukan jaminan pekerjaan.</p>
<h3>Berapa lama waktu yang diperlukan untuk mempelajari pengembangan game?</h3>
<p>Rencanakan upaya konsisten selama beberapa bulan, bukan hanya beberapa minggu. Jalur pembelajaran di sini memperkirakan seorang pemula sepenuhnya memerlukan sekitar 6 hingga 12 bulan secara paruh waktu untuk belajar Unity dari nol hingga siap kerja. Jika Anda sudah bisa memprogram, 3 hingga 6 bulan adalah target yang realistis. Jika Anda berasal dari bidang seni, siapkan waktu 4 hingga 8 bulan untuk menambahkan keterampilan engine dan pipeline. Cara tercepat untuk maju adalah melalui pembelajaran berbasis proyek: buat game kecil dan ikuti game jam, alih-alih hanya menonton materi kuliah.</p>
<h3>Haruskah saya mempelajari Unity atau Unreal terlebih dahulu?</h3>
<p>Bagi kebanyakan pemula, Unity adalah titik awal yang lebih mudah. Unity menggunakan C#, memiliki kumpulan kursus pemula terlengkap (<a href="http://GameDev.tv">GameDev.tv</a>, spesialisasi Michigan State, dan jalur Unity Learn gratis), serta komunitas besar yang dapat membantu saat Anda mengalami kesulitan. Unreal layak dipilih sebagai titik awal jika Anda mengincar visual 3D berkualitas tinggi atau bergaya konsol, atau jika Anda sudah menguasai C++. Kursus UE5 dari Stephen Ulibarri adalah pilihan unggulan untuk Unreal, meskipun kursus tersebut mengasumsikan Anda sudah memiliki sedikit pengalaman pemrograman. Keduanya sama-sama pilihan yang baik, jadi pilihlah engine dengan kursus dan jenis game target yang paling sesuai dengan apa yang ingin Anda buat.</p>
<p>Untuk sumber daya lainnya, lihat:</p>
<ul>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a></li>
<li><a href="/id/guides/game-jams-hackathons">Panduan Game Jam &amp; Hackathon</a> — cara terbaik untuk belajar adalah merilis game di bawah tekanan</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game Anda di itch.io</a></li>
<li><a href="/id/guides/web-game-engines-comparison">Perbandingan Engine Game Web</a> — memilih engine yang tepat sebelum menentukan kursus</li>
<li><a href="/id/guides/game-asset-licenses">Penjelasan Lisensi Aset Game</a> — memahami lisensi sebelum menggunakan aset dari kursus</li>
<li><a href="/id/tutorials/canvas-2d-game-loop">Game loop Canvas 2D</a> — mulai membuat game tanpa kursus melalui tutorial gratis</li>
</ul>
<p><BuildCta
  title="Pelajaran pertama terbaik adalah merilis sesuatu"
  desc="Buat game hari ini, lalu ikuti kursus untuk memahami apa yang terjadi."
  prompt="Buat game pertama saya: labirin bola menggelinding dengan tiga level" /></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Panduan Game Jam & Hackathon]]></title>
            <link>https://app.cinevva.com/id/guides/game-jams-hackathons</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/game-jams-hackathons</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Panduan lengkap tentang game jam dan hackathon - apa itu, acara utama, alasan game web unggul, dan bagaimana Cinevva membantu Anda meluncurkan game jam]]></description>
            <content:encoded><![CDATA[<h1>Panduan Game Jam &amp; Hackathon</h1>
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;margin:1.5rem 0">
<iframe src="https://www.youtube.com/embed/btOlp4_d1tc" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe>
</div>
<p style="font-size:0.9rem;color:var(--vp-c-text-2);margin-top:-0.5rem">5 kiat untuk memenangkan game jam seperti GMTK dan Ludum Dare</p>
<p>Game jam adalah tempat lahirnya game indie. Anda membuat game dalam 48–72 jam, langsung mendapatkan masukan dari ribuan pemain, dan terkadang meluncurkan sesuatu yang kemudian menjadi hit sungguhan. Panduan ini membahas semua yang perlu Anda ketahui.</p>
<h2>Apa Itu Game Jam?</h2>
<p>Game jam adalah acara berbatas waktu tempat Anda membuat game dari nol, biasanya berdasarkan tema yang diumumkan saat acara dimulai. Anggap saja sebagai hackathon untuk pengembang game. Acara ini biasanya berlangsung selama 48 jam hingga 30 hari, dengan tim beranggotakan satu hingga empat orang, dan tujuannya adalah menghasilkan prototipe yang dapat dimainkan.</p>
<p>Game jam bukan tentang membuat produk komersial yang sempurna. Acara ini berfokus pada eksperimen, pemecahan masalah secara kreatif di tengah berbagai batasan, dan membuat sesuatu yang menyenangkan dalam waktu singkat.</p>
<h2>Mengapa Game Jam Penting</h2>
<p>Bagi pengembang baru, tidak ada yang lebih baik daripada benar-benar merilis sebuah game utuh, meskipun kecil. Ketidaksempurnaan memang sudah diperkirakan, jadi Anda bebas bereksperimen. Peserta lain akan memainkan dan menilai game Anda sehingga Anda langsung mendapatkan masukan. Game jam yang selesai juga membuktikan bahwa Anda mampu mengeksekusi ide, bukan sekadar membicarakannya.</p>
<p>Bagi pengembang berpengalaman, game jam memungkinkan Anda menguji ide dengan cepat dan memvalidasi konsep sebelum menginvestasikan waktu berbulan-bulan. Batasan memicu kreativitas dan mengatasi kebuntuan kreatif. Anda dapat bertemu calon kolaborator, penerbit, dan pemain. Banyak game indie sukses juga bermula sebagai karya game jam.</p>
<p>Celeste bermula sebagai game Ludum Dare. Superhot dimulai sebagai prototipe 7 hari. Hollow Knight berkembang dari konsep game jam. Minit berasal dari game jam selama 48 jam. Papers, Please dibuat untuk Ludum Dare 29.</p>
<h2>Game Jam Utama pada 2026</h2>
<h3>Acara Global</h3>
<table>
<thead>
<tr>
<th>Acara</th>
<th>Waktu</th>
<th>Format</th>
<th>Catatan</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Global Game Jam</strong></td>
<td>Akhir Januari</td>
<td>48 jam, lokasi fisik &amp; jarak jauh</td>
<td>Game jam terbesar dengan lebih dari 40.000 peserta di seluruh dunia. Edisi 2026 (26 Jan–1 Feb) menjadi momen ketika total peserta GGJ sejak pertama kali diselenggarakan melampaui 500.000 orang, di sekitar 800 lokasi dalam lebih dari 100 negara.</td>
</tr>
<tr>
<td><strong>Ludum Dare</strong></td>
<td>April, Oktober (perkiraan)</td>
<td>48 jam solo / 72 jam tim</td>
<td>Salah satu game jam tertua dan paling dihormati</td>
</tr>
<tr>
<td><strong>GMTK Game Jam</strong></td>
<td>Musim panas</td>
<td>48 jam</td>
<td>Jumlah penonton sangat besar, biasanya menerima lebih dari 7.000 karya</td>
</tr>
<tr>
<td><strong>js13kGames</strong></td>
<td>Agustus–September</td>
<td>Batas 13 KB, 30 hari</td>
<td>Terbaik untuk pengembang web</td>
</tr>
<tr>
<td><strong>Gamedev.js Jam</strong></td>
<td>13–26 April 2026</td>
<td>13 hari, khusus HTML5</td>
<td>Berhadiah, dengan format yang mudah diikuti</td>
</tr>
</tbody>
</table>
<h3>Game Jam Berkelanjutan &amp; Rutin di <a href="http://itch.io">itch.io</a></h3>
<table>
<thead>
<tr>
<th>Game Jam</th>
<th>Deskripsi</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Brackeys Game Jam 2026.2</strong></td>
<td>7 hari, ribuan peserta, 23–30 Agustus 2026</td>
</tr>
<tr>
<td><strong>Pirate Software Game Jam 18</strong></td>
<td>14 hari, sekitar 600+ peserta</td>
</tr>
<tr>
<td><strong>Finally Finish Something 2026</strong></td>
<td>Januari, untuk menyelesaikan proyek yang masih dalam pengerjaan</td>
</tr>
<tr>
<td><strong>2026 Annual Jam</strong></td>
<td>Berlangsung sepanjang tahun, dengan aturan santai</td>
</tr>
<tr>
<td><strong>Retro Game Jam 2026</strong></td>
<td>8–14 Feb, berfokus pada estetika retro</td>
</tr>
</tbody>
</table>
<p><strong>Temukan lebih banyak:</strong> <a href="https://itch.io/jams">itch.io/jams</a> mencantumkan ratusan game jam aktif dan mendatang.</p>
<hr>
<h2>Mengapa Game Web Unggul dalam Game Jam</h2>
<p>Jika Anda dapat membuat game yang bisa dimainkan di browser, Anda memiliki keunggulan besar.</p>
<h3>Tanpa Hambatan</h3>
<p>Juri game jam memainkan puluhan game. Untuk game yang harus diunduh, mereka perlu mengeklik unduh, menunggu, mengekstrak atau menginstalnya, mencari berkas yang dapat dijalankan, lalu membukanya. Itu memerlukan 5–10 menit bahkan sebelum mereka mulai bermain. Dengan game web, mereka cukup mengeklik main dan menunggu 2–5 detik. Mereka langsung bermain.</p>
<p>Setiap detik hambatan dapat mengurangi jumlah pemain, penilaian, dan peringkat Anda.</p>
<h3>Berfungsi di Mana Saja</h3>
<p>Game web berjalan di Windows, Mac, Linux, dan ChromeOS. Game juga dapat berjalan di perangkat seluler jika Anda mendukung kontrol sentuh. Anda tidak perlu menulis “Maaf, hanya untuk Windows” dalam deskripsi. Dengan demikian, Anda memaksimalkan potensi audiens.</p>
<h3>Mudah Dibagikan</h3>
<p>Anda mendapatkan tautan langsung untuk bermain. Anda dapat menyematkannya dalam twit, Discord, dan blog. Tidak ada tautan mencurigakan seperti “Unduh dari Google Drive”. Ini juga lebih baik untuk potensi viral di media sosial.</p>
<h3>Pembaruan Instan</h3>
<p>Memperbaiki bug? Deploy dalam hitungan detik. Menemukan masalah keseimbangan? Terapkan perbaikan secara langsung. Tidak perlu pesan “v1.1 sudah diunggah, silakan unduh ulang”.</p>
<h3>Kemampuan Teknis</h3>
<p>WebGL dan WebGPU menyediakan grafis yang diakselerasi GPU. Web Audio API memberikan dukungan suara penuh. LocalStorage dan IndexedDB memungkinkan Anda menyimpan progres game tanpa server. Service Workers memungkinkan game dimainkan secara offline. WebSockets mendukung multipemain.</p>
<h2>Membantu Orang Menemukan Game Jam Anda</h2>
<p>Game jam menghasilkan ribuan game. Setelah game jam berakhir, game Anda bersaing dengan ribuan karya lain di <a href="http://itch.io">itch.io</a>, halaman “Baru” yang membanjiri pemain, serta pemain dengan waktu terbatas yang hanya melihat sekilas.</p>
<p>Solusi tradisional tidak terlalu efektif. Tangkapan layar tidak memperlihatkan gameplay. Trailer membutuhkan waktu berjam-jam untuk dibuat ketika Anda sudah kelelahan. Pemasaran memerlukan energi yang mungkin sudah tidak Anda miliki.</p>
<h3>Gameplay Berdurasi Pendek Efektif</h3>
<p>Rekam gameplay selama 15 detik yang menampilkan momen terbaik, loop inti, atau daya tarik utama. Unggah sebagai video pendek di TikTok, Reels, atau YouTube Shorts, lalu tautkan kembali ke tempat game dapat dimainkan. Pemain menggulir, menonton, mengeklik, dan langsung bermain, terutama jika game tersebut berjalan di browser.</p>
<p>Game Anda dinilai berdasarkan gameplay-nya, bukan keterampilan pemasaran Anda. Anda tidak memerlukan waktu untuk membuat trailer karena klip 15 detik sudah cukup. Anda tidak perlu bersaing dengan pemasaran game AAA karena gameplay dapat menunjukkan kualitasnya sendiri. Pemain juga tidak perlu mengunduh apa pun karena game web dapat langsung dimainkan.</p>
<h3>Alur Kerja</h3>
<p>Selama game jam, fokuslah membuat game. Jika Anda berpacu dengan waktu atau ingin segera memiliki fondasi yang dapat dimainkan, Cinevva dapat mengubah prompt menjadi game web 3D yang dapat dimainkan di browser, lalu Anda publikasikan sebagai tautan yang bisa dibagikan, disematkan, atau ditautkan dari halaman <a href="http://itch.io">itch.io</a> Anda. Pada satu jam terakhir, rekam 2–3 klip gameplay singkat.</p>
<p>Setelah mengirimkan karya, daftarkan game Anda ke game jam seperti biasa, unggah klip ke media sosial, bagikan tautan bermain langsung, lalu saksikan pemain sungguhan menemukan dan memainkan game Anda.</p>
<h2>Strategi Sukses</h2>
<h3>Sebelum Game Jam</h3>
<p>Siapkan peralatan Anda. Uji engine, IDE, dan alat pembuat aset. Siapkan kontrol versi dengan Git. Miliki templat proyek yang siap digunakan. Berlatihlah mengimpor aset dan membuat mekanik dasar.</p>
<p>Persiapkan diri Anda. Tidurlah dengan cukup pada malam sebelumnya. Siapkan makanan dan minuman. Kosongkan jadwal. Beri tahu keluarga atau teman serumah bahwa Anda akan sibuk.</p>
<p>Jika Anda memiliki tim, sepakati sarana komunikasi (Discord sangat cocok), tentukan pembagian peran secara umum, dan samakan ekspektasi mengenai ketersediaan setiap anggota.</p>
<h3>Selama Game Jam</h3>
<p>Dalam 2 jam pertama, lakukan curah pendapat dan susun rencana. Hasilkan beberapa ide dan pilih yang paling realistis untuk diselesaikan. Batasi cakupan tanpa ragu dan pangkas hingga 50%. Dokumentasikan loop inti. Sepakati gaya visual.</p>
<p>Dari jam ke-2 hingga ke-20, buat bagian inti. Pastikan mekanik utama berfungsi terlebih dahulu. Aset sementara tidak masalah. Jangan melakukan pemolesan sebelum bagian inti berfungsi. Lakukan commit secara rutin.</p>
<p>Dari jam ke-20 hingga ke-40, buat game benar-benar dapat dimainkan. Tambahkan konten seperti level dan musuh. Buat UI dasar dengan menu dan layar game over. Tambahkan efek suara dan musik. Terus lakukan pengujian.</p>
<p>Dalam 8 jam terakhir, poles dan rilis. Perbaiki hanya bug kritis. Lakukan pemolesan visual terakhir. Tulis deskripsi Anda. Ambil tangkapan layar dan buat GIF. Kirimkan karya lebih awal agar tidak melewatkan tenggat waktu.</p>
<h3>Setelah Game Jam</h3>
<p>Segera beristirahat karena Anda layak mendapatkannya. Bagikan game di media sosial. Ucapkan terima kasih kepada rekan satu tim.</p>
<p>Dalam waktu satu minggu, mainkan dan nilai karya peserta lain, tanggapi komentar, kumpulkan masukan, dan rekam klip gameplay.</p>
<p>Setelah itu, putuskan apakah Anda ingin melanjutkan pengembangan, tulis devlog evaluasi pascaproyek, dan jalin hubungan dengan orang-orang yang Anda temui.</p>
<h3>Kesalahan Umum</h3>
<p>Pembengkakan cakupan terjadi akibat antusiasme. Tulis daftar fitur sejak awal dan patuhi daftar tersebut. Game tanpa suara terjadi ketika Anda menundanya hingga akhir. Tambahkan suara sementara sejak dini. Kontrol yang tidak jelas muncul karena pengembang sudah terlalu terbiasa dengan gamenya sendiri. Sertakan petunjuk dan lakukan pengujian bersama orang lain. Build yang rusak terjadi akibat terburu-buru. Uji proses ekspor sejak awal game jam. Deskripsi buruk muncul akibat kelelahan. Buat drafnya sebelum Anda terlalu lelah.</p>
<h2>Membuat Game Web untuk Game Jam</h2>
<p>Untuk game 2D, Phaser adalah framework game HTML5 paling populer. Pixi.js adalah renderer 2D cepat yang dapat dipadukan dengan logika buatan Anda sendiri. Godot memiliki fitur ekspor HTML5 yang sangat baik.</p>
<p>Untuk game 3D, Three.js adalah pustaka WebGL yang paling fleksibel. Babylon.js adalah engine 3D dengan fitur lengkap. PlayCanvas bersifat web-native dan dilengkapi editor bawaan.</p>
<p>Untuk pendekatan no-code atau low-code, GDevelop adalah pembuat game visual dengan fitur ekspor web. Construct memungkinkan Anda membuat game HTML5 no-code yang canggih.</p>
<h3>Pengoptimalan</h3>
<p>Jaga waktu pemuatan di bawah 10 detik dengan mengompresi aset dan menerapkan lazy loading. Tampilkan progres pemuatan agar pemain tidak pergi. Uji di Chrome, Firefox, dan Safari karena setiap browser memiliki keunikannya sendiri. Jika memungkinkan, optimalkan untuk perangkat seluler dengan kontrol sentuh dan tata letak responsif. Sediakan tombol layar penuh untuk meningkatkan imersi. Sertakan tombol untuk menonaktifkan suara karena tidak semua orang dapat menyalakannya.</p>
<p>Untuk pengaturan sematan <a href="http://itch.io">itch.io</a>, gunakan lebar 960 px (atau resolusi asli Anda), tinggi 540 px untuk rasio 16:9, aktifkan opsi ramah perangkat seluler jika game responsif, aktifkan tombol layar penuh, dan nonaktifkan bilah gulir.</p>
<h2>Setelah Game Jam</h2>
<p>Pada minggu pertama, tanggapi semua masukan untuk membangun hubungan baik dan belajar. Mainkan dan nilai karya peserta lain karena komunitas itu penting. Unggah devlog yang menceritakan pengalaman Anda serta hal-hal yang berhasil maupun tidak. Unggah klip gameplay agar lebih banyak orang melihat game Anda.</p>
<p>Pada bulan pertama, perbaiki bug yang dilaporkan pemain, lakukan pemolesan kecil yang tidak memerlukan banyak usaha tetapi berdampak besar, dan bagikan kisah game jam Anda di media sosial menggunakan GIF.</p>
<p>Untuk jangka panjang, jika game tersebut memiliki potensi, kelompokkan tema masukan untuk melihat hal-hal yang secara konsisten disukai atau tidak disukai pemain. Nilai apakah konsep tersebut dapat dikembangkan menjadi game yang lebih besar. Rencanakan versi pascagame jam yang lebih luas dan lebih halus. Pertimbangkan monetisasi melalui PWYW di <a href="http://itch.io">itch.io</a> atau perilisan di Steam.</p>
<p>Tanda-tanda bahwa game jam Anda dapat dikembangkan lebih lanjut: pemain meminta lebih banyak konten, streamer mulai memainkannya, penilaian tinggi dibandingkan game serupa, Anda masih bersemangat mengerjakannya beberapa minggu kemudian, dan tersedia jalur yang jelas untuk membuat kontennya 10 kali lebih banyak.</p>
<h2>Sumber Daya</h2>
<p>Untuk komunitas, kunjungi <a href="https://reddit.com/r/gamejams">r/gamejams</a> untuk diskusi aktif tentang game jam, <a href="https://reddit.com/r/ludumdare">r/ludumdare</a> untuk pembahasan khusus LD, <a href="https://itch.io/jams">Game Jam itch.io</a> untuk menemukan dan mengikuti game jam, serta <a href="https://gamedevjs.com">Gamedev.js</a> untuk komunitas pengembang game JavaScript.</p>
<p>Untuk peralatan, <a href="https://kenney.nl">Kenney Assets</a> menyediakan aset game gratis, <a href="https://opengameart.org">OpenGameArt</a> menyediakan gambar dan audio berlisensi CC, <a href="https://freesound.org">Freesound</a> menyediakan efek suara, dan <a href="https://itch.io/docs/butler/">itch.io Butler</a> adalah CLI untuk mengunggah dengan cepat.</p>
<p>Untuk belajar, lihat <a href="/id/tutorials/">Tutorial Cinevva</a> untuk panduan pengembangan game web, <a href="/id/guides/web-game-engines-comparison">Perbandingan Engine Game Web</a> untuk memilih peralatan, dan <a href="/id/guides/itch-io-launch-guide">Cara Meluncurkan Game di itch.io</a> untuk mengoptimalkan halaman game Anda.</p>
<h2>Game Jam Anda Berikutnya</h2>
<p>Sebelum game jam, instal dan uji peralatan Anda, siapkan proyek templat, kumpulkan paket aset jika diizinkan, bentuk tim atau putuskan untuk berpartisipasi sendiri, dan kosongkan kalender Anda.</p>
<p>Selama game jam, lakukan curah pendapat berdasarkan tema selama maksimal 30 menit, buat prototipe mekanik inti terlebih dahulu, lakukan pengujian sejak awal dan sesering mungkin, tambahkan suara sebelum hari terakhir, serta sisakan setidaknya satu jam untuk mengirimkan karya.</p>
<p>Setelah game jam, kirimkan karya ke halaman game jam, unggah klip gameplay, mainkan dan nilai karya peserta lain, tanggapi masukan, serta tulis devlog tentang pengalaman Anda.</p>
<h2>Mulai Sekarang</h2>
<p>Jelajahi game jam mendatang di <a href="https://itch.io/jams">itch.io/jams</a>. Pilih yang sesuai dengan jadwal dan minat Anda. Siapkan peralatan menggunakan panduan ini. Buat sesuatu yang luar biasa dalam 48–72 jam. Bagikan dan saksikan pemain menemukannya.</p>
<p>Game jam adalah tempat lahirnya game indie. Game jam Anda berikutnya bisa menjadi awal dari sesuatu yang besar.</p>
<h2>Pertanyaan Umum</h2>
<h3>Game jam mana yang paling cocok untuk pemula?</h3>
<p>Mulailah dengan game jam yang memiliki komunitas besar dan ramah serta aturan fleksibel, karena karya pertama yang masih kasar akan lebih mudah diterima di sana. Global Game Jam adalah pilihan awal yang paling ramah, dengan lokasi fisik dan jarak jauh, mentor yang siap membantu, serta tanpa tuntutan untuk menghasilkan game yang sempurna. Ludum Dare hampir sama ramahnya bagi pemula dan diselenggarakan dua kali setahun, dengan basis pemain besar yang menilai setiap karya. Jika Anda seorang pengembang web, Gamedev.js Jam dan js13kGames memberikan waktu yang cukup longgar serta hanya menerima HTML5, sedangkan “Finally Finish Something” di <a href="http://itch.io">itch.io</a> berfokus pada menyelesaikan sesuatu alih-alih menang. Untuk game jam pertama, pilih acara dengan durasi lebih panjang agar Anda tidak harus berpacu dengan waktu sambil masih belajar.</p>
<h3>Berapa lama game jam berlangsung?</h3>
<p>Durasinya berkisar dari beberapa jam hingga satu bulan penuh, tetapi game jam terkenal biasanya berlangsung selama akhir pekan. Global Game Jam dan GMTK berlangsung selama 48 jam, sedangkan Ludum Dare memberi Anda waktu 48 jam untuk solo atau 72 jam sebagai tim. Format lebih panjang tersedia jika Anda menginginkan waktu yang lebih longgar: Pirate Software Game Jam berlangsung selama 14 hari, js13kGames selama 30 hari, dan beberapa game jam <a href="http://itch.io">itch.io</a> merupakan acara santai sepanjang tahun. Sesuaikan durasi dengan jadwal dan pengalaman Anda karena sprint 48 jam dan game jam dua minggu memerlukan ritme kerja yang sangat berbeda.</p>
<h3>Apakah game dari game jam benar-benar mendapatkan pemain?</h3>
<p>Ya, lebih banyak dari yang Anda bayangkan selama periode penilaian. Dalam jam dengan ribuan peserta, semua orang memainkan dan menilai karya satu sama lain, sehingga game yang solid bisa memperoleh ratusan kali dimainkan pada minggu pertama tanpa pemasaran dari luar. Game web paling unggul dalam situasi ini karena juri cukup mengeklik sekali lalu langsung bermain, tanpa perlu mengunduh. Namun, perhatian cepat mereda setelah periode penilaian berakhir. Jadi, jumlah pemain yang Anda dapatkan bergantung pada pengumpulan karya tepat waktu, penilaian terhadap karya lain agar game Anda ikut dilihat, dan publikasi klip gameplay singkat selagi jam masih hangat. Banyak game populer berawal dengan cara ini, dari Celeste hingga Superhot.</p>
<h3>Engine apa yang sebaiknya Anda gunakan untuk jam 48 jam?</h3>
<p>Gunakan engine yang sudah Anda kuasai. Jam 48 jam lebih menghargai keakraban daripada kemampuan mentah, jadi akhir pekan ini bukan waktu yang tepat untuk mempelajari engine baru. Apa pun pilihan Anda, utamakan engine yang dapat mengekspor build web dengan baik karena karya yang bisa dimainkan di browser akan memperoleh jauh lebih banyak pemain dan penilaian dibandingkan game yang harus diunduh. Untuk 2D, Godot, Phaser, dan Pixi.js dapat mengekspor ke web dengan baik. Untuk 3D, Three.js, Babylon.js, dan PlayCanvas adalah pilihan yang solid. Jika Anda tidak ingin menulis kode, GDevelop dan Construct dapat membuat game HTML5 tanpa kode, sedangkan alat berbasis prompt seperti Cinevva dapat menghasilkan game web 3D siap dimainkan yang bisa Anda kembangkan lebih lanjut dalam hitungan menit.</p>
<p><BuildCta
  title="Latih kecepatan jam Anda sekarang juga"
  desc="Prototipe siap dimainkan dalam hitungan menit adalah pemanasan yang bagus untuk jam 48 jam."
  prompt="Buat prototipe game jam dengan gravitasi yang berbalik setiap 10 detik" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a> — paket aset CC0 yang siap digunakan untuk game jam</li>
<li><a href="/id/tutorials/agentic-code-tools">Alat kode AI agentik</a> — menggunakan Claude Code, Cursor, dan Copilot untuk membangun game lebih cepat selama jam</li>
<li><a href="/id/guides/kickstarter-for-indie-games">Kickstarter untuk Game Indie</a> — mengembangkan game jam yang sukses menjadi proyek yang didanai</li>
<li><a href="/id/guides/co-op-game-design">Desain Game Kooperatif</a> — game jam kooperatif mendapatkan lebih banyak perhatian dan penilaian</li>
<li><a href="/id/tutorials/canvas-2d-game-loop">Game loop Canvas 2D</a> — fondasi paling sederhana untuk game jam 48 jam</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara Meluncurkan Game Anda di itch.io (Panduan 2026)]]></title>
            <link>https://app.cinevva.com/id/guides/itch-io-launch-guide</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/itch-io-launch-guide</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara meluncurkan, memasarkan, dan mengembangkan game indie Anda di itch.io pada 2026 - penyiapan halaman, penetapan harga, tag, devlog, dan cara agar ditemukan.]]></description>
            <content:encoded><![CDATA[<h1>Cara Meluncurkan Game Anda di <a href="http://itch.io">itch.io</a> (Panduan 2026)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Panduan ini mencakup semua yang telah saya pelajari tentang meluncurkan game di <a href="http://itch.io">itch.io</a>. Mulai dari pengaturan halaman, harga, hingga visibilitas, ini adalah strategi-strategi yang benar-benar berhasil. Versi singkatnya: unggah build HTML5 yang bisa dimainkan di browser, selesaikan halamanmu sebelum dipublikasikan, tetapkan harga bayar-seikhlasnya dengan jumlah yang disarankan, dan datangkan sendiri trafiknya lewat devlog, jam, dan postingan media sosial.</p>
<h2>Kenapa <a href="http://itch.io">itch.io</a>?</h2>
<p><a href="http://itch.io">itch.io</a> adalah tempat game indie berkembang pesat. Hampir tidak ada penghalang, jadi siapa pun bisa mempublikasikan game. Satu catatan: <a href="http://itch.io">itch.io</a> memperketat aturan kebijakan kontennya pada 2025, dan bagian <a href="#getting-indexed">Getting Indexed</a> di bawah membahas bagaimana hal itu memengaruhi pengindeksan. Untuk hal-hal lainnya, publikasi tetap seterbuka sebelumnya. Harga bersifat fleksibel: gratis, tetap, atau bayar-seikhlasnya. Kamu menentukan sendiri bagi hasil pendapatanmu, bahkan 0% jika ingin menyimpan semuanya. Game web berjalan native di browser. Komunitasnya aktif mencari game indie. Dan ekosistem game jam memberikan visibilitas dan umpan balik bawaan.</p>
<p>Ini bukan Steam, dan justru itulah intinya. <a href="http://itch.io">itch.io</a> menghargai eksperimen dan menghargai developer yang terlibat aktif dengan komunitasnya.</p>
<h2>Sebelum Kamu Publikasikan</h2>
<p>Ada beberapa hal yang perlu kamu siapkan sebelum menekan tombol publikasikan. Minimal, kamu butuh game yang bisa dimainkan (bisa diunduh atau dimainkan di browser), gambar sampul berukuran 630×500 piksel, minimal 3 screenshot, deskripsi, dan genre/tag yang sudah dipilih.</p>
<p>Untuk peluncuran yang lebih baik, tambahkan trailer atau GIF gameplay, deskripsi rinci berisi fitur-fitur, press kit, akun media sosial, dan opsional server Discord.</p>
<p>Untuk hasil terbaik, rencanakan postingan devlog-mu jauh-jauh hari, siapkan daftar influencer dan media untuk dihubungi, susun draf pengumuman peluncuranmu, dan bangun komunitas sebelum kamu meluncurkan game.</p>
<h2>Halamanmu Adalah Etalase Tokomu</h2>
<p>Halaman inilah tempat orang memutuskan apakah mereka akan memainkan gamemu. Setiap elemen penting.</p>
<h3>Gambar Sampul</h3>
<p>Gambar sampulmu adalah elemen visual terpenting. Gambar ini muncul di halaman jelajah, hasil pencarian, koleksi, dan tampilan media sosial. Dengan ukuran 630×500 piksel (atau minimal 315×250), gambar ini perlu tetap terbaca jelas dalam ukuran thumbnail.</p>
<p>Pastikan tetap terbaca saat ukurannya kecil. Uji tampilannya dalam skala thumbnail. Tunjukkan nuansa gamemu lewat gaya seni, suasana, dan petunjuk genre. Sertakan judul dan buat agar tetap mudah dibaca. Gunakan warna-warna berani dan titik fokus yang jelas agar menonjol di antara deretan game lain.</p>
<h3>Screenshot dan Media</h3>
<p>Kamu butuh minimal 3-5 screenshot agar terlihat kredibel. GIF yang menunjukkan gameplay yang bergerak sangat membantu. Untuk peluncuran yang serius, tambahkan trailer berdurasi 30-90 detik.</p>
<p>Untuk screenshot, tampilkan gameplay yang sesungguhnya, bukan menu. Tangkap momen-momen seru. Jaga rasio aspek yang konsisten. Sertakan UI jika tampilannya menarik.</p>
<p>Untuk GIF, usahakan durasi 5-15 detik aksi. Jaga ukurannya di bawah 10MB agar cepat dimuat. Tunjukkan loop gameplay inti. Buat agar loop-nya mulus.</p>
<h3>Deskripsi</h3>
<p>Susun deskripsimu untuk orang-orang yang membaca sekilas. Buka dengan satu kalimat menarik yang langsung memikat. Lanjutkan dengan kalimat yang menjelaskan genre, apa yang kamu lakukan, dan tujuan gamenya. Tambahkan 2-3 kalimat yang memperluas konsepnya. Lalu daftarkan fitur, kontrol, dan kredit.</p>
<p>Jangan menulis tumpukan teks panjang. Jangan memulai dengan &quot;Ini adalah game pertama saya...&quot; atau bersikap terlalu merendah. Dan jangan lupa jelaskan apa sebenarnya gamenya. Orang perlu memahami apa yang akan mereka mainkan.</p>
<h3>Tag</h3>
<p>Tag menentukan di mana gamemu muncul di halaman Browse. Gunakan semua tag yang relevan. Bersikaplah spesifik: bukan hanya &quot;action&quot; tapi &quot;top-down-shooter.&quot; Sertakan tag aksesibilitas jika berlaku. Tambahkan tag multiplayer atau local-coop jika relevan. Gunakan tag populer yang benar-benar sesuai dengan gamemu.</p>
<p>Tag bernilai tinggi yang perlu dipertimbangkan: genre spesifik seperti roguelike, metroidvania, atau visual-novel. Gaya seni seperti pixel-art, low-poly, atau hand-drawn. Tema seperti horror, cozy, atau atmospheric. Mode multiplayer seperti local-multiplayer atau online-co-op. Fitur aksesibilitas seperti colorblind-friendly atau one-button.</p>
<h3>Metadata</h3>
<p>Isi semuanya. Genre, engine/tools yang digunakan, sebanyak mungkin tag yang relevan, semua bahasa yang didukung, fitur aksesibilitas seperti kontrol yang bisa dikonfigurasi, dan mode multiplayer (single-player, local, online). Semakin lengkap metadatamu, semakin mudah gamemu ditemukan.</p>
<h2>Harga</h2>
<p><a href="http://itch.io">itch.io</a> memberimu tiga model harga: gratis, bayar-seikhlasnya, dan harga tetap. Masing-masing cocok untuk situasi yang berbeda.</p>
<p><a href="http://itch.io">itch.io</a> menjalankan <a href="https://itch.io/updates/introducing-open-revenue-sharing">model bagi hasil terbuka</a>: potongan bawaannya 10%, tapi kamu bisa memilih sendiri persentasenya, mulai dari 0% hingga 100%. Pemrosesan pembayaran terpisah dan berkisar sekitar 2,9% ditambah $0,30 per transaksi, menurut <a href="https://itch.io/docs/creators/payments">dokumen pembayaran</a> mereka. Beberapa kali dalam setahun, biasanya di hari Jumat, <a href="http://itch.io">itch.io</a> juga mengadakan <a href="https://itch.io/updates/what-is-creator-day">Creator Day</a>, acara 24 jam di mana mereka menghapus biaya platform sepenuhnya sehingga kamu menyimpan 100% dari penjualan (setelah biaya pemroses pembayaran dan pajak). Ada baiknya kamu menyesuaikan waktu diskon atau pengumuman peluncuran dengan momen ini. Yang terakhir diadakan pada 28 November 2025, dan hingga awal September 2026 <a href="http://itch.io">itch.io</a> belum mengumumkan tanggal untuk 2026, jadi pantau terus blog mereka.</p>
<h3>Bayar-Seikhlasnya Paling Cocok untuk Kebanyakan Game</h3>
<p>PWYW (pay-what-you-want) dengan minimum $0 biasanya mengungguli harga tetap untuk game indie. Developer yang membagikan angka-angkanya dalam postmortem sering melaporkan unduhan yang lebih banyak dibanding harga tetap, dengan sebagian kecil pengunduh memilih untuk membayar, dan total pendapatan yang tetap lebih tinggi meski rata-rata per pembeli lebih rendah. Itu adalah pola dari postmortem yang dibagikan, bukan statistik resmi <a href="http://itch.io">itch.io</a>, jadi anggap sebagai arah, bukan janji. Satu angka resmi yang perlu diketahui: <a href="https://itch.io/docs/creators/pricing">dokumen harga</a> milik <a href="http://itch.io">itch.io</a> sendiri menyebutkan sekitar 30% dari seluruh uang yang dibelanjakan di platform ini dibayarkan di atas harga minimum.</p>
<p>Untuk mengoptimalkan PWYW, tetapkan harga saran untuk menjangkarkan ekspektasi. Untuk game pendek di bawah 30 menit, sarankan $2-5. Untuk game menengah 1-3 jam, sarankan $5-10. Untuk game lengkap di atas 5 jam, sarankan $10-20.</p>
<p>Jelaskan mengapa dukungan itu berarti. Sesuatu seperti &quot;Game ini bayar-seikhlasnya! Dukungan apa pun membantu saya membuat lebih banyak game dan menjaga update terus berjalan.&quot; Dan berikan insentif bagi yang membayar: konten bonus, soundtrack, PDF di balik layar, atau nama dalam kredit.</p>
<h3>Kapan Harga Tetap Masuk Akal</h3>
<p>Gunakan harga tetap ketika kamu sudah punya audiens yang mapan, ketika game sudah sangat dipoles, ketika ada konten yang signifikan (5+ jam), atau ketika kamu butuh pendapatan yang bisa diprediksi.</p>
<p>Untuk titik harga, $2-5 cocok untuk game pendek dan prototipe. $5-10 untuk game menengah dengan daya tarik niche. $10-20 untuk game lengkap dengan polesan tinggi. $20+ untuk game besar dari developer yang sudah mapan.</p>
<h3>Game Gratis Tetap Bisa Menghasilkan Uang</h3>
<p>Untuk portofolio, entri game jam, proyek eksperimental, atau membangun audiens untuk game berbayar di masa depan, gratis masuk akal. Tapi bahkan game gratis pun bisa mendapat donasi. <a href="https://itch.io/docs/creators/pricing">Dokumen harga</a> milik <a href="http://itch.io">itch.io</a> menyebutkan sekitar 30% dari seluruh pengeluaran di platform ini berada di atas harga minimum, jadi biarkan pintu donasi tetap terbuka.</p>
<h2>Agar Ditemukan</h2>
<p><a href="http://itch.io">itch.io</a> tidak memiliki promosi algoritmik seperti Steam. Kamu harus mendorong visibilitasmu sendiri, dan panduan kami tentang <a href="/id/guides/get-more-plays-itch-io">mendapatkan lebih banyak pemain di itch.io</a> membahas lebih dalam caranya.</p>
<p>Penemuan bekerja lewat pencarian (didorong oleh tag, judul, deskripsi), Browse Popular (didorong oleh unduhan, rating, kebaruan), Browse New (didorong oleh tanggal publikasi), koleksi (pemain yang menambahkan gamemu), devlog (update-updatemu), dan fitur editorial sesekali (pilihan staf, kebanyakan soal keberuntungan).</p>
<h3>Pengindeksan</h3>
<p>Gamemu harus terindeks agar muncul di pencarian dan browse. Kamu perlu dipublikasikan secara publik (bukan unlisted), memiliki konten yang bisa dimainkan atau diunduh, memiliki gambar sampul, bukan halaman placeholder, dan mengikuti pedoman konten.</p>
<p>Hal-hal yang mencegah pengindeksan: halaman yang hanya berisi tautan eksternal, tidak ada unduhan atau konten yang bisa dimainkan, pengaturan visibilitas unlisted, dan gambar sampul yang hilang. Satu catatan kebijakan: sejak <a href="https://itch.io/updates/update-on-nsfw-content">pembaruan Juli 2025</a>, <a href="http://itch.io">itch.io</a> menerapkan aturan pengindeksan tambahan pada proyek yang termasuk dalam kebijakan konten dewasa mereka (ada langkah peringatan konten, dan proyek berbayar dalam kategori itu tidak muncul di browse dan search selama <a href="http://itch.io">itch.io</a> masih bekerja sama dengan pemroses pembayarannya). Jika ini tidak menggambarkan gamemu, tidak ada yang berubah bagimu.</p>
<p>Satu hal lagi jika kamu baru pertama kali berjualan: akun penjual baru melewati antrean tinjauan singkat sebelum proyek berbayar pertama mereka diindeks, biasanya beberapa hari kerja. Penjual yang sudah mapan melewati langkah ini. Jika tanggal peluncuranmu penting, publikasikan atau siapkan akun penjualmu cukup awal agar sempat melewati antrean.</p>
<h3>Kenali Target Audiensmu di <a href="http://itch.io">itch.io</a></h3>
<p>Target audiens <a href="http://itch.io">itch.io</a> bukanlah target audiens Steam. Orang-orang yang menjelajahinya datang untuk game indie dan eksperimental: entri jam, karya naratif pendek, roguelike, horor, visual novel, tools dan asset pack. Mereka membaca halaman, meninggalkan komentar, dan mengikuti kreator. Hal ini membentuk tiga keputusan. Tag harus menggambarkan gamemu sesuai cara audiens itu mencari, jadi pinjamlah tag persis yang digunakan oleh game-game berperingkat tertinggi di genremu, bukan menciptakan tagmu sendiri. Deskripsimu harus menyebutkan dalam dua baris pertama apa gamenya dan berapa lama durasinya, karena audiens ini mencoba banyak game kecil dan memutuskan dengan cepat. Dan hargamu harus sesuai dengan apa yang diharapkan pemain genre tersebut khusus di <a href="http://itch.io">itch.io</a>, yang biasanya gratis atau bayar-seikhlasnya untuk rilis pertama. Luangkan waktu dua puluh menit membaca komentar pada lima game yang serupa dengan gamemu sebelum kamu mempublikasikannya. Itu adalah riset audiens paling murah yang pernah kamu lakukan.</p>
<h3>Dorongan &quot;Terbaru&quot;</h3>
<p>Saat kamu pertama kali mempublikasikan, gamemu muncul di &quot;Most Recent&quot; yang memberikan sedikit dorongan visibilitas. Ini hanya terjadi sekali, jadi timing sangat penting.</p>
<p>Publikasikan saat halamanmu sudah lengkap. Jangan publikasikan lebih awal lalu memperbaruinya nanti karena kamu hanya mendapat satu dorongan &quot;baru&quot;. Hindari akhir pekan saat lebih banyak game dirilis. Pertimbangkan zona waktu target audiensmu.</p>
<h3>Devlog Adalah Senjata Rahasiamu</h3>
<p>Devlog muncul di feed pengikut, muncul di bagian &quot;Recent Devlogs&quot;, menandakan pengembangan yang aktif, membangun kepercayaan komunitas, dan membantu SEO.</p>
<p>Posting selama pengembangan untuk membangun antisipasi. Posting saat peluncuran untuk pengumuman. Posting setelah peluncuran untuk update dan fitur baru. Usahakan 1-2 kali per bulan selama pengembangan aktif.</p>
<p>Topik yang bagus meliputi proses di balik layar, fitur dan konten baru, tanggapan terhadap umpan balik pemain, tantangan teknis yang berhasil kamu atasi, pameran seni dan musik, serta pencapaian penjualan (berterima kasihlah pada pemainmu).</p>
<h2>Game Jam</h2>
<p>Game jam adalah cara terbaik untuk mendapatkan visibilitas di <a href="http://itch.io">itch.io</a>. Kamu mendapatkan audiens bawaan dengan ribuan tayangan dalam hitungan hari, galeri khusus tempat gamemu bisa dijelajahi, umpan balik lewat rating dan komentar, jaringan dengan developer lain, karya portofolio yang menunjukkan keragamanmu, dan risiko rendah untuk membuat prototipe dengan bebas.</p>
<h3>Strategi Jam</h3>
<p>Untuk memilih jam, yang besar seperti Ludum Dare dan GMTK membawa lebih banyak trafik tapi juga lebih banyak persaingan. Jam kecil atau niche memberimu peluang lebih baik untuk menonjol. Jam yang selaras dengan tema memungkinkanmu memainkan kekuatanmu.</p>
<p>Selama jam berlangsung, posting kemajuan di media sosial, gunakan hashtag jam, dokumentasikan prosesmu, dan berinteraksilah dengan peserta lain.</p>
<p>Untuk halaman jammu, poleslah bahkan untuk game jam. Screenshot yang bagus itu penting. Tulis deskripsi yang jelas tentang apa gamenya. Sertakan kontrolnya.</p>
<p>Setelah jam selesai, mainkan dan beri rating pada entri lain untuk membangun jaringan. Tanggapi semua umpan balik. Pertimbangkan update pasca-jam. Tulis devlog tentang apa yang kamu pelajari.</p>
<p>Jika kamu sendiri menjadi tuan rumah sebuah jam, editor tema jam mendapat pembaruan besar pada Juli 2026: Google Fonts, warna tombol dan tautan yang independen, kontrol sudut radius dan gambar latar, serta tema yang bisa disalin antar-jam sebagai JSON. Halaman jam yang kamu selenggarakan kini bisa terlihat sepoles halaman game.</p>
<h3>Game Jam Bisa Menjadi Game Sungguhan</h3>
<p>Banyak game indie sukses yang bermula dari entri jam. Celeste dimulai sebagai game jam. Superhot dimulai sebagai prototipe 7 hari. Hollow Knight berkembang dari konsep jam.</p>
<p>Jalurnya adalah: kumpulkan umpan balik, identifikasi apa yang berhasil, poles dan kembangkan, lalu rilis ulang sebagai game mandiri.</p>
<h2>Marketing Tanpa Modal</h2>
<p>Kamu tidak butuh anggaran untuk memasarkan di <a href="http://itch.io">itch.io</a>. Kamu butuh konsistensi. Untuk panduan lengkap tanpa modal, termasuk wishlist Steam dan menghubungi streamer, lihat <a href="/id/guides/promote-indie-game-no-budget">cara mempromosikan game indie tanpa anggaran</a>.</p>
<h3>Media Sosial</h3>
<p>Hadirlah di Twitter/X untuk komunitas gamedev terbesar. Gunakan Reddit, khususnya r/indiegaming, r/playmygame, dan subreddit khusus genre. Coba TikTok untuk klip gameplay pendek. Bangun server Discord dan bergabunglah dengan komunitas yang relevan. Posting devlog dan trailer di YouTube.</p>
<p>Untuk kalender konten, posting mingguan untuk Screenshot Saturday dan update kemajuan. Posting devlog dua mingguan sekali. Umumkan pencapaian besar setiap bulan.</p>
<p>Posting GIF gameplay, proses di balik layar, tantangan pengembangan, perbandingan sebelum/sesudah, meme tentang gamemu, dan reaksi pemain.</p>
<h3>Menjangkau Influencer</h3>
<p>Micro-influencer dengan 1K-50K pengikut adalah teman baikmu. Temukan mereka dengan mencari &quot;[genre gamemu] indie games&quot; di YouTube, mencari streamer yang memainkan game serupa, dan memeriksa siapa yang pernah meliput game seperti gamemu.</p>
<p>Saat menghubungi mereka, personalisasikan setiap email. Tunjukkan bahwa kamu mengenal konten mereka. Permudah mereka dengan menyertakan semua tautan yang diperlukan. Ringkaslah. Jangan mengirim email massal, jangan menuntut liputan, jangan memaksakan soal waktu. Tindak lanjuti sekali saja, dengan sopan.</p>
<p>Template sederhana ini berhasil: perkenalkan dirimu, sebutkan bahwa kamu memperhatikan mereka meliput genremu, gambarkan gamemu dalam satu kalimat, jelaskan apa yang membuatnya unik, tawarkan key gratis tanpa tekanan, dan sertakan tautan ke halaman serta press kit-mu.</p>
<h3>Media</h3>
<p>Untuk peluncuran yang lebih besar, hubungi media pers game indie seperti IndieGamesPlus, Rock Paper Shotgun, bagian indie Kotaku, dan situs khusus genre tertentu. Prinsipnya sama seperti saat menghubungi influencer: personalisasikan, buat singkat, dan permudah pekerjaan mereka.</p>
<h2>Linimasa Peluncuran</h2>
<p>Tiga sampai enam bulan sebelum peluncuran, mulailah membangun kehadiran media sosial, bergabung dengan komunitas yang relevan, mulai membuat postingan devlog, dan bangun basis pengikut.</p>
<p>Satu sampai dua bulan sebelum peluncuran, finalisasi aset halaman seperti screenshot dan trailer, siapkan press kit, susun draf daftar influencer dan pers, dan umumkan tanggal rilis kamu.</p>
<p>Satu sampai dua minggu sebelum peluncuran, kirim key ke influencer dan pers, jadwalkan postingan peluncuran, siapkan devlog peluncuran, dan lakukan polesan terakhir pada halaman kamu.</p>
<p>Pada hari peluncuran, publikasikan game, posting pengumuman peluncuran di mana-mana, tanggapi semua komentar, pantau bug, dan berterima kasih kepada pemain awal.</p>
<p>Selama minggu pertama setelah peluncuran, tanggapi semua masukan, perbaiki bug kritis segera, posting devlog pembaruan, dan bagikan ulasan positif.</p>
<p>Secara berkelanjutan setelah peluncuran, terus rilis pembaruan rutin, berinteraksi dengan komunitas, rencanakan konten mendatang, dan pertimbangkan diskon serta bundle.</p>
<h2>Kesalahan Umum</h2>
<p>Untuk kesalahan halaman, jangan publikasikan sebelum halaman kamu siap. Jangan lewatkan gambar sampul atau gunakan yang buruk. Jangan tulis deskripsi yang berupa tembok teks. Jangan luncurkan tanpa screenshot. Jangan gunakan tag yang salah atau tidak lengkap.</p>
<p>Untuk kesalahan pemasaran, jangan tunggu sampai peluncuran untuk mulai memasarkan. Jangan hanya posting &quot;game sudah rilis&quot; satu kali. Berinteraksilah dengan komunitas. Jangan berharap <a href="http://itch.io">itch.io</a> akan melakukan pemasaran untuk kamu. Jangan abaikan masukan.</p>
<p>Untuk kesalahan harga, jangan tetapkan harga tinggi tanpa audiens yang sudah terbentuk. Jangan remehkan nilai karya kamu dengan harga $0.99 untuk konten 10+ jam. Selalu tetapkan harga yang disarankan pada PWYW. Jalankan diskon sesekali.</p>
<p>Untuk kesalahan pengembangan, jangan biarkan scope creep menunda peluncuran kamu selamanya. Jangan menunggu &quot;sempurna&quot; alih-alih merilis. Kumpulkan masukan sejak awal. Jangan tinggalkan game setelah peluncuran.</p>
<h2>Analitik</h2>
<p>Lacak page view (berapa banyak yang menemukan halaman kamu), download (berapa banyak yang mencoba game kamu), tingkat konversi (view ke download), jumlah rating (tingkat keterlibatan), rata-rata rating (persepsi kualitas), pendapatan, dan referrer (dari mana traffic berasal).</p>
<h3>Mendiagnosis Masalah</h3>
<p>Jika view rendah, itu masalah pemasaran. Posting lebih banyak di media sosial, coba komunitas baru, gunakan hashtag yang lebih baik, tulis lebih banyak devlog.</p>
<p>Jika view tinggi tapi download rendah, itu masalah halaman. Perbaiki gambar sampul kamu, dapatkan screenshot yang lebih baik, tulis deskripsi yang lebih jelas, periksa harga kamu.</p>
<p>Jika download tinggi tapi rating rendah, itu masalah kualitas game. Perbaiki bug, tingkatkan tutorial dan onboarding, atasi keluhan yang umum.</p>
<h2>Pertumbuhan Jangka Panjang</h2>
<h3>Membangun Audiens</h3>
<p>Pengikut di <a href="http://itch.io">itch.io</a> itu berharga. Mereka mendapat notifikasi rilis baru, mereka melihat devlog kamu, dan mereka kemungkinan besar akan membeli game kamu berikutnya.</p>
<p>Tingkatkan jumlah pengikut dengan meminta di akhir game kamu, menyebutkannya dalam devlog, menautkannya dari media sosial, dan fokus pada kualitas daripada kuantitas.</p>
<p>Jika kamu menjalankan Patreon, integrasi Patreon <a href="http://itch.io">itch.io</a> dibangun ulang pada Juli 2026 berdasarkan API Patreon yang lebih baru. Akses ke game kamu sekarang diberikan berdasarkan tingkatan keanggotaan, bukan jumlah pledge, yang memperbaiki masalah ketidakcocokan mata uang yang lama. Ini cara yang bersih untuk memberikan build awal langsung kepada pendukung di <a href="http://itch.io">itch.io</a>.</p>
<h3>Katalog Kamu Berlipat Ganda</h3>
<p>Game kedua kamu lebih mudah diluncurkan dibanding game pertama. Kamu punya pengikut yang sudah ada, kamu bisa saling mempromosikan antar game, kamu punya reputasi yang sudah terbentuk, dan kamu sudah mempelajari berbagai keterampilan.</p>
<p>Strateginya adalah: luncurkan game pertama dan kumpulkan pengikut, promosikan game kedua ke pemain game pertama, bundel game bersama-sama, dan biarkan setiap game menumbuhkan audiens kamu.</p>
<h3>Diskon dan Bundle</h3>
<p>Untuk menjalankan diskon, potongan 20-50% itu umum. Sesuaikan waktunya dengan hari libur. Umumkan di media sosial. Perbarui devlog kamu.</p>
<p>Diskon musiman seluruh situs juga layak diikuti. Sejak Diskon Musim Panas 2026, <a href="http://itch.io">itch.io</a> menghadirkan Sale Explorer yang memungkinkan pemain menjelajahi game diskon dengan filter harga, pengecualian tag, pilihan staf, dan rekomendasi personal, sehingga ikut serta dalam diskon benar-benar membuat game kamu dijelajahi. Bergabung hanya perlu satu klik: dashboard kreator kamu menampilkan tautan yang sudah terisi untuk menambahkan promosi selama diskon seluruh situs berlangsung.</p>
<p>Untuk bergabung dengan bundle, ini meningkatkan eksposur, membawa pemain baru, dan cocok untuk game-game lama. <a href="http://itch.io">itch.io</a> kadang mengadakan bundle amal yang layak diikuti. Hosting bundle mendapat pembaruan besar pada Juli 2026: host dapat mengimpor game secara massal dari URL jam atau koleksi dan mengurutkan ulang proyek dengan seret dan lepas, yang membuat bundle komunitas lebih mudah diorganisir dibanding sebelumnya.</p>
<h2>Game Web di <a href="http://itch.io">itch.io</a></h2>
<p>Game HTML5 dan WebGL punya keunggulan di <a href="http://itch.io">itch.io</a>. Bisa langsung dimainkan tanpa hambatan unduhan. Ramah seluler jika kamu mendukung sentuhan. Mudah dibagikan dengan tautan langsung. Cocok untuk jam karena cepat untuk dicoba.</p>
<p>Untuk optimasi, waktu loading itu penting jadi jaga agar loading awal tetap kecil. Tampilkan bar loading atau persentase. Uji di Chrome, Firefox, Safari, dan Edge. Tambahkan dukungan sentuhan jika memungkinkan. Sediakan tombol layar penuh.</p>
<p>Untuk pengaturan embed, gunakan lebar 960px (atau ukuran asli game kamu) dan tinggi 540px untuk rasio 16:9. Aktifkan ramah seluler jika responsif. Aktifkan tombol layar penuh. Nonaktifkan scrollbar.</p>
<p>Ketahui batas unggahan sebelum kamu membuat game. Menurut <a href="https://itch.io/docs/creators/html5">dokumentasi HTML5</a> <a href="http://itch.io">itch.io</a>, file zip kamu harus diekstrak menjadi tidak lebih dari 1.000 file, total 500MB, dan 200MB untuk satu file mana pun, dengan path file di bawah 240 karakter. Jika build kamu melampaui itu, pangkas aset atau pindahkan konten berat ke belakang lazy loading alih-alih meminta kenaikan batas. Jika game kamu membutuhkan WebGPU, pemain dapat memastikan browser mereka mendukungnya dengan <a href="/id/tools/webgl-webgpu-checker">pemeriksa WebGL/WebGPU</a> kami sebelum menyalahkan layar loading game kamu.</p>
<p>Untuk performa, lakukan lazy-load aset, kompres tekstur, minimalkan bundle JavaScript kamu, gunakan WebGL secara efisien, dan uji di perangkat kelas bawah.</p>
<h2>Sumber Daya</h2>
<p>Untuk dokumentasi resmi, lihat <a href="https://itch.io/docs/creators/">itch.io Creator Docs</a>, <a href="https://itch.io/docs/creators/getting-indexed">Panduan Getting Indexed</a>, dan <a href="https://itch.io/docs/creators/pricing">Panduan Harga</a>.</p>
<p>Untuk komunitas, kunjungi <a href="https://itch.io/community">Forum Komunitas itch.io</a>, <a href="https://reddit.com/r/itchio">r/itchio</a>, <a href="https://reddit.com/r/indiegaming">r/indiegaming</a>, dan <a href="https://reddit.com/r/IndieDev">r/IndieDev</a>.</p>
<p>Untuk alat, <a href="https://itch.io/docs/butler/">itch.io Butler</a> menangani unggahan dengan diff berbasis patch, sehingga pembaruan hanya mentransfer apa yang berubah. Sejak Mei 2026 kamu bahkan tidak perlu command line: aplikasi itch (versi 26.12.0 atau lebih baru) punya bagian Upload yang membungkus butler dalam GUI, dengan pratinjau file yang berubah sebelum setiap push. Aplikasi ini terus berkembang sepanjang musim panas, mencapai 26.20.0 pada September 2026 dengan shortcut Steam dan peluncuran headless, menurut <a href="https://itch.io/updates">feed pembaruan itch.io</a>. <a href="https://dopresskit.com/">Presskit()</a> menghasilkan press kit.</p>
<h2>Versi Singkat</h2>
<p>Sebelum peluncuran, pastikan game kamu sudah cukup dapat dimainkan dan dipoles, halaman kamu punya gambar sampul yang bagus, kamu punya 3+ screenshot dan idealnya GIF atau trailer, deskripsi kamu jelas dan mudah dipindai, semua tag relevan sudah dipilih, kamu sudah menentukan harga, kamu sudah memulai kehadiran media sosial, dan kamu sudah posting devlog.</p>
<p>Saat peluncuran, halaman kamu harus 100% lengkap, dipublikasikan secara publik, diumumkan di mana-mana, dan kamu harus berinteraksi dengan komentar.</p>
<p>Setelah peluncuran, tanggapi masukan, perbaiki bug dengan cepat, terus posting devlog, dan bangun menuju rilis berikutnya.</p>
<p>Sebagian besar game indie yang sukses membutuhkan waktu bertahun-tahun dan beberapa kali rilis untuk menemukan audiensnya. Game pertama kamu mungkin tidak akan langsung sukses, dan itu wajar. Setiap rilis mengajarkan kamu sesuatu, menumbuhkan audiens kamu, dan membawa kamu lebih dekat ke game yang benar-benar berhasil menembus pasar.</p>
<p>Rilis. Belajar. Ulangi.</p>
<hr>
<h2>Pertanyaan Umum</h2>
<h3>Bagaimana cara membuat game saya diperhatikan di <a href="http://itch.io">itch.io</a>?</h3>
<p>Tag adalah pengungkit terbesar yang paling sering diabaikan orang. Halaman jelajah <a href="http://itch.io">itch.io</a> diorganisir berdasarkan tag, dan itulah cara sebagian besar pemain menemukan hal baru. Pilih setiap tag yang relevan, bukan hanya yang paling jelas. Setelah itu, devlog. Setiap postingan devlog mendongkrak posisi game kamu di feed dan memberi mesin pencari lebih banyak konten untuk diindeks. Ikuti juga game jam, itu cara tercepat untuk mendapatkan perhatian saat kamu memulai dari nol. Dan pastikan gambar sampul kamu berbobot. Itu hal pertama yang dilihat orang saat menggulir, dan sebagian besar dari mereka memutuskan dalam waktu kurang dari satu detik apakah akan mengklik atau tidak.</p>
<h3>Siapa target audiens di <a href="http://itch.io">itch.io</a>?</h3>
<p>Pemain yang menginginkan game indie dan eksperimental yang tidak bisa mereka temukan di Steam: entri game jam, game naratif dan horor pendek, roguelike, visual novel, dan rilisan gratis atau pay-what-you-want. Developer juga merupakan bagian besar dari audiens ini, karena <a href="http://itch.io">itch.io</a> juga tempat mereka membeli tool dan asset pack. Game yang mengandalkan tag genre yang jelas dan deskripsi yang singkat dan jujur paling berhasil dengan kalangan ini.</p>
<h3>Bisakah menghasilkan uang di <a href="http://itch.io">itch.io</a>?</h3>
<p>Bisa, tapi sesuaikan ekspektasi kamu. <a href="http://itch.io">itch.io</a> menggunakan model &quot;pay what you want&quot; secara default, dan platform ini memungkinkan kamu menyimpan hingga 100% pendapatan (kamu memilih berapa banyak yang dibagikan, dan potongan default adalah 10%). Beberapa developer berhasil baik dengan game premium berharga $5-15, terutama setelah membangun audiens melalui rilisan gratis dan entri jam. Platform ini tidak akan membuat kamu kaya dalam semalam, tapi ini salah satu dari sedikit tempat di mana kamu tetap memegang kendali penuh atas harga dan pembayaran tanpa hampir tanpa gatekeeping. Untuk kisaran pendapatan bersumber di <a href="http://itch.io">itch.io</a> dan portal iklan, lihat <a href="/id/guides/web-game-monetization">panduan monetisasi game web</a> kami.</p>
<h3>Bagaimana cara kerja <a href="http://itch.io">itch.io</a>?</h3>
<p><a href="http://itch.io">itch.io</a> adalah marketplace terbuka: kamu membuat akun gratis, membuat halaman proyek, mengunggah build (file yang dapat diunduh atau zip HTML5 yang berjalan di browser), memilih model harga, dan mempublikasikannya. Tidak ada antrean persetujuan untuk game gratis. Pembeli membayar kamu baik langsung melalui akun PayPal atau Stripe kamu sendiri, atau melalui mode collected-payouts <a href="http://itch.io">itch.io</a>, di mana <a href="http://itch.io">itch.io</a> menjadi merchant of record dan kamu meminta pembayaran setelah dana melewati masa tahan 7 hari, menurut <a href="https://itch.io/docs/creators/payments">dokumen pembayaran</a>. Pemain menemukan game melalui tag, halaman jelajah, jam, dan koleksi, dan bisa mengikuti kamu untuk mendapat notifikasi pembaruan. Jika kamu belum punya game, kamu bisa <a href="/id/create#prompt=Make%20a%20short%20browser%20puzzle%20game%20I%20can%20publish%20on%20itch.io">membuatnya dari sebuah prompt</a> dan mengekspor build HTML5-nya.</p>
<h3>Berapa biaya untuk menaruh game di <a href="http://itch.io">itch.io</a>?</h3>
<p>Tidak ada biaya di muka. Hosting dan publikasi gratis, dan <a href="https://itch.io/updates/introducing-open-revenue-sharing">pembagian pendapatan terbuka</a> <a href="http://itch.io">itch.io</a> berarti kamu memilih berapa persen potongan yang diambilnya dari penjualan berbayar, mulai dari 0% hingga 100%, dengan default 10%. Selain itu, pemrosesan pembayaran memakan biaya sekitar 2,9% ditambah $0,30 per transaksi, dan mode collected-payouts membawa biaya verifikasi identitas pajak satu kali sebesar $3, menurut <a href="https://itch.io/docs/creators/payments">dokumen pembayaran</a>. Game gratis dengan donasi dimatikan tidak membebani kamu sama sekali.</p>
<h3>Apakah game io menghasilkan uang?</h3>
<p>Ada dua pertanyaan berbeda yang tersembunyi dalam frasa itu. Jika yang kamu maksud adalah game multipemain browser bergaya .io (garis keturunan <a href="http://agar.io">agar.io</a>), ya: mereka menghasilkan melalui bagi hasil iklan di portal seperti CrazyGames dan Poki, dan volume permainan yang mereka hasilkan itulah yang dibayar oleh portal-portal tersebut. <a href="/id/guides/web-game-monetization">Panduan monetisasi game web</a> kami punya angka bersumber. Jika yang kamu maksud adalah game di <a href="http://itch.io">itch.io</a>, juga ya, tapi mediannya kecil. <a href="http://itch.io">itch.io</a> adalah toko, bukan jaringan iklan, jadi pendapatan berasal dari penjualan dan donasi, dan sebagian besar proyek menghasilkan sedikit sampai mereka menemukan audiens.</p>
<h3>Bisakah saya memainkan game <a href="http://itch.io">itch.io</a> di Chromebook?</h3>
<p>Bisa, selama game tersebut berjalan di browser. Game HTML5 di <a href="http://itch.io">itch.io</a> dimainkan langsung di Chrome pada Chromebook tanpa perlu instalasi apa pun, itulah sebabnya build web adalah hal paling ramah Chromebook yang bisa kamu rilis. Build Windows dan Mac yang dapat diunduh tidak akan berjalan, dan aplikasi desktop itch hanya tersedia untuk Windows, macOS, dan Linux menurut <a href="https://itch.io/app">halaman aplikasi</a>, jadi build Linux di dalam lingkungan Linux ChromeOS adalah satu-satunya jalur unduhan. Jika sebuah game menggunakan WebGPU, <a href="/id/tools/webgl-webgpu-checker">pemeriksa WebGL/WebGPU</a> kami akan memberitahu kamu apakah browser Chromebook mendukungnya.</p>
<h3>Bisakah saya mengunduh game <a href="http://itch.io">itch.io</a> di iPad?</h3>
<p>Tidak untuk build desktop. Tidak ada aplikasi <a href="http://itch.io">itch.io</a> untuk iPadOS, dan unduhan Windows, Mac, dan Linux tidak akan berjalan di iPad. Yang berfungsi adalah bermain lewat browser: game HTML5 terbuka di Safari pada iPad, dan di perangkat seluler <a href="http://itch.io">itch.io</a> meluncurkannya secara layar penuh saat disentuh, menurut <a href="https://itch.io/docs/creators/html5">dokumentasi HTML5</a>. Developer perlu mencentang &quot;Mobile Friendly&quot; dan membangun kontrol sentuh agar terasa pas, jadi jika kamu yang mempublikasikan, uji di tablet sebelum menjanjikan dukungan seluler.</p>
<h3>Kenapa saya tidak bisa mengunggah game saya ke <a href="http://itch.io">itch.io</a>?</h3>
<p>Penyebab umumnya adalah batasan. Zip HTML5 harus diekstrak menjadi tidak lebih dari 1.000 file, total 500 MB, dan 200 MB untuk satu file mana pun, dengan path file di bawah 240 karakter, menurut <a href="https://itch.io/docs/creators/html5">dokumentasi HTML5</a>. Build yang dapat diunduh mengenai batas ukuran per file pada uploader web yang akan dinaikkan <a href="http://itch.io">itch.io</a> jika kamu meminta ke support, menurut <a href="https://itch.io/docs/creators/faq">FAQ kreator</a>. Untuk apa pun yang berukuran besar, push dengan <a href="https://itch.io/docs/butler/">butler</a> alih-alih browser: ia bisa melanjutkan, hanya mengunggah apa yang berubah, dan menurut <a href="https://itch.io/docs/butler/pushing.html">dokumentasi butler</a> hanya menolak build di atas 30 GB tanpa kompresi. Jika unggahan macet alih-alih gagal, ekstensi browser atau koneksi yang tidak stabil adalah hal berikutnya yang perlu disingkirkan sebagai penyebab.</p>
<h3>Apakah <a href="http://itch.io">itch.io</a> bagus untuk game browser?</h3>
<p>Ini benar-benar salah satu tempat terbaik untuk game browser. Game browser lebih banyak dimainkan di <a href="http://itch.io">itch.io</a> karena tidak ada friksi unduhan. Pemain tinggal klik, langsung masuk. Platform ini mendukung embed HTML5/WebGL secara native, jadi game kamu langsung tampil di halaman. Terutama untuk game jam, game browser mendapat jauh lebih banyak rating dibanding game yang harus diunduh karena juri bisa langsung mencobanya. Jaga agar muatan awal tetap di bawah beberapa MB dan tampilkan progress bar, dan kamu akan mempertahankan lebih banyak pemain daripada yang kamu kira.</p>
<hr>
<p><BuildCta
  title="Butuh sesuatu untuk diluncurkan?"
  desc="Bangun game web dan ekspor sebagai build HTML5 mandiri untuk itch.io."
  prompt="Make a polished endless runner I can export and publish on itch.io" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/game-jams-hackathons">Game Jam &amp; Hackathon</a>: jam adalah cara tercepat untuk membangun audiens <a href="http://itch.io">itch.io</a></li>
<li><a href="/id/tutorials/iframe-embedding-games">Menyematkan game dengan iframe</a>: panduan teknis menyematkan game browser dalam iframe</li>
<li><a href="/id/tutorials/ship-web-game-fast">Buat game web yang dimuat cepat</a>: optimalkan waktu muat untuk embed <a href="http://itch.io">itch.io</a></li>
<li><a href="/id/guides/steam-next-fest-strategy">Strategi Steam Next Fest</a>: jika kamu mempertimbangkan peluncuran multi-platform</li>
<li><a href="/id/guides/web-game-monetization">Monetisasi Game Web: Apa Kata Data Sebenarnya</a>: data penghasilan jujur di <a href="http://itch.io">itch.io</a> dan berbagai portal</li>
<li><a href="/id/guides/publish-game-poki">Cara Memasukkan Game Kamu ke Poki</a>: jalur portal terkurasi, dibandingkan dengan <a href="http://itch.io">itch.io</a> yang terbuka</li>
<li><a href="/id/guides/publish-game-crazygames">Cara Mempublikasikan Game Kamu di CrazyGames</a>: portal terkurasi besar lain untuk jangkauan di luar <a href="http://itch.io">itch.io</a></li>
<li><a href="/id/guides/publish-game-discord-activities">Cara Mempublikasikan Game di Discord Activities</a>: mengirim build web yang sama ke Discord</li>
<li><a href="/id/guides/web-game-engines-comparison">Perbandingan Engine Game Web</a>: memilih engine yang menghasilkan build web yang bersih</li>
<li><a href="/id/guides/get-more-plays-itch-io">Cara Mendapatkan Lebih Banyak Play di itch.io</a>: mendatangkan traffic setelah halaman aktif</li>
<li><a href="/id/guides/publish-web-game">Tempat Terbaik untuk Mempublikasikan Game Web di 2026</a>: <a href="http://itch.io">itch.io</a> dibandingkan dengan portal dan self-hosting</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Three.js + USDC di Browser]]></title>
            <link>https://app.cinevva.com/id/guides/threejs-usdc-tech-report</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/threejs-usdc-tech-report</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cara memuat file biner USD di Three.js tanpa WASM atau kode native]]></description>
            <content:encoded><![CDATA[<h1>Three.js + USDC di Browser</h1>
<p>Jadi, Anda memiliki file <code>.usdc</code> dari Maya atau Houdini dan ingin menampilkannya dalam scene Three.js. Saya pernah mengalaminya. Sampai baru-baru ini, pilihan yang tersedia kurang ideal. Anda bisa mengonversinya ke glTF secara offline, menyiapkan build WASM dari OpenUSD, atau menyerah dan menggunakan format lain.</p>
<p>Panduan ini menunjukkan cara mengurai USDC secara langsung di JavaScript menggunakan <code>@cinevva/usdjs</code>, serta cara memasukkan data tersebut ke Three.js.</p>
<h2>Apa Itu USDC?</h2>
<p>File USD hadir dalam tiga jenis. USDA adalah versi teks yang mudah dibaca manusia dan mudah di-debug, tetapi panjang. USDC (terkadang disebut &quot;Crate&quot;) adalah format biner yang benar-benar digunakan oleh pipeline produksi karena ringkas dan cepat dimuat dalam alat native. USDZ adalah arsip zip yang berisi USDC beserta tekstur, yang digunakan Apple untuk AR Quick Look.</p>
<p>Masalahnya: USDC adalah format biner proprieter. Pixar menulis implementasi referensinya dalam C++, dan hingga kini belum ada cara berbasis JavaScript murni untuk membacanya. Hal itu mulai berubah: pada Desember 2025, Alliance for OpenUSD menerbitkan Core Specification 1.0, standar pertama yang diratifikasi untuk mendokumentasikan cara data scene OpenUSD disusun, dikomposisikan, dan dipertukarkan, sementara revisi 1.1 sudah dalam proses pengerjaan. Namun, implementasi referensinya masih berada dalam basis kode C++ milik Pixar, sehingga pembaca terpisah tetap menjadi cara praktis untuk mengakses format tersebut dari JavaScript.</p>
<h2>Mengapa Ini Mungkin Penting bagi Anda</h2>
<p>Jika Anda membuat aplikasi web 3D yang perlu bekerja dengan konten dari pipeline film atau VFX, Anda akan berhadapan dengan USD. Seniman mengekspor dari Maya, Houdini, atau Blender, dan hasil ekspor tersebut sering kali berupa USDC.</p>
<p>Sebelum <code>@cinevva/usdjs</code>, Anda memiliki tiga pilihan. Anda bisa menjalankan <code>usdcat</code> untuk mengonversi USDC ke format teks, yang menambahkan satu langkah build dan menghilangkan keringkasan format binernya. Anda bisa mengompilasi OpenUSD atau TinyUSDZ ke WebAssembly, yang menambahkan beberapa megabita ke bundle dan memerlukan header server khusus untuk threading. Atau Anda bisa menggunakan USDLoader bawaan Three.js, yang menangani USDZ tetapi memiliki dukungan USDC terbatas dan komposisi minimal.</p>
<p>Sekarang ada pilihan keempat: mengurai USDC secara native di JavaScript.</p>
<h2>Cara Kerjanya</h2>
<p>Library <code>@cinevva/usdjs</code> mengimplementasikan ulang fungsionalitas inti USD dalam TypeScript. Saya membuat parser USDC dengan membaca kode sumber C++ milik Pixar dan menerjemahkan spesifikasi format Crate ke JavaScript. Jika terdapat ambiguitas dalam perilakunya, kami mengikuti cara kerja OpenUSD.</p>
<p>Dalam praktiknya, penggunaannya terlihat seperti ini:</p>
<pre><code class="language-typescript">import { parseUsdcToLayer } from '@cinevva/usdjs';

// Fetch the USDC file
const response = await fetch('/model.usdc');
const buffer = await response.arrayBuffer();

// Parse it
const layer = parseUsdcToLayer(buffer, { identifier: 'model.usdc' });

// Now you have a structured layer with prims, properties, and metadata
console.log(layer.pseudoRoot.children);
</code></pre>
<p>Tanpa WASM. Tanpa kode native. Hanya JavaScript yang membaca byte dan membangun representasi terstruktur.</p>
<h2>Menghubungkannya ke Three.js</h2>
<p>Mengurai USD hanyalah separuh dari persoalan. Anda juga perlu mengonversi konsep USD (prim, transformasi, dan skema mesh) menjadi objek Three.js.</p>
<p>Berikut contoh minimal yang memuat file USDC dan membuat mesh Three.js:</p>
<pre><code class="language-typescript">import * as THREE from 'three';
import { UsdStage, parseUsdcToLayer } from '@cinevva/usdjs';

async function loadUsdcToThree(url: string, scene: THREE.Scene) {
  // 1. Fetch and parse
  const buffer = await fetch(url).then(r =&gt; r.arrayBuffer());
  const layer = parseUsdcToLayer(buffer, { identifier: url });
  
  // 2. Create a stage (handles composition if there are references)
  const stage = UsdStage.open(layer);
  
  // 3. Walk the prim tree
  for (const prim of stage.traverse()) {
    // Skip non-geometry
    if (prim.typeName !== 'Mesh') continue;
    
    // Get geometry data
    const points = prim.getAttribute('points')?.value;
    const faceVertexIndices = prim.getAttribute('faceVertexIndices')?.value;
    const faceVertexCounts = prim.getAttribute('faceVertexCounts')?.value;
    
    if (!points || !faceVertexIndices || !faceVertexCounts) continue;
    
    // Convert to Three.js geometry
    const geometry = new THREE.BufferGeometry();
    geometry.setAttribute('position', 
      new THREE.Float32BufferAttribute(points.flat(), 3)
    );
    
    // USD uses faceVertexCounts + faceVertexIndices, Three.js wants a flat index array
    // For triangulated meshes, this is straightforward:
    geometry.setIndex(Array.from(faceVertexIndices));
    geometry.computeVertexNormals();
    
    // Create mesh
    const material = new THREE.MeshStandardMaterial({ color: 0x888888 });
    const mesh = new THREE.Mesh(geometry, material);
    
    // Apply transform
    const xform = getWorldTransform(prim);
    mesh.matrix.fromArray(xform);
    mesh.matrixAutoUpdate = false;
    
    scene.add(mesh);
  }
}

function getWorldTransform(prim): number[] {
  // Simplified: in practice you'd compose parent transforms
  const xformOp = prim.getAttribute('xformOp:transform');
  if (xformOp?.value) {
    return xformOp.value.flat();
  }
  return [1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1];
}
</code></pre>
<p>Contoh ini disederhanakan. Kode nyata perlu menangani penumpukan transformasi (prim USD dapat memiliki beberapa atribut <code>xformOp</code> yang dikomposisikan bersama), subdivision surface (mesh dengan subdivisi <code>catmullClark</code> memerlukan proses subdivisi yang sebenarnya), material (parameter <code>UsdPreviewSurface</code> dipetakan ke <code>MeshStandardMaterial</code> milik Three.js), tekstur (path aset perlu di-resolve dan dimuat), serta animasi skeletal (binding <code>UsdSkel</code> perlu dikonversi menjadi <code>SkinnedMesh</code>).</p>
<p>Jika Anda ingin melihat bagaimana semua ini bekerja bersama, lihat <code>@cinevva/usdjs-viewer</code>. Ini adalah implementasi referensi yang lengkap.</p>
<h2>Komposisi Lebih Penting daripada yang Anda Kira</h2>
<p>Mengurai satu file USDC adalah bagian yang mudah. Scene USD di dunia nyata menggunakan komposisi, yang berarti sublayer, referensi, payload, dan varian bekerja bersama.</p>
<p>Bayangkan sebuah model mobil. Bodi mereferensikan <code>body.usdc</code>, roda mereferensikan <code>wheel.usdc</code>, dan tersedia varian untuk konfigurasi &quot;sport&quot; serta &quot;sedan&quot;. Scene akhir dirakit dari semua bagian tersebut saat runtime.</p>
<p>Berikut cara menanganinya:</p>
<pre><code class="language-typescript">import { UsdStage, parseUsdcToLayer, FetchResolver } from '@cinevva/usdjs';

// Create a resolver that knows how to fetch referenced files
const resolver = new FetchResolver({
  baseUrl: '/assets/',
});

// Open with composition
const stage = UsdStage.open(rootLayer, { resolver });

// Set a variant selection
stage.setVariantSelection('/Car', 'bodyStyle', 'sport');

// Now traverse the composed scene
for (const prim of stage.traverse()) {
  // You'll see resolved references and the selected variant
}
</code></pre>
<p>Resolver mengambil file USDC yang direferensikan sesuai kebutuhan. Komposisi berlangsung di JavaScript dan menghasilkan scene yang telah diratakan, seperti yang akan Anda dapatkan dari <code>usdcat --flatten</code>.</p>
<h2>Performa</h2>
<p>Mari jujur: mengurai USDC di JavaScript lebih lambat daripada C++ native. Itulah kompromi karena tidak menggunakan WASM dan langkah build tambahan.</p>
<p>Dalam praktiknya, untuk kasus penggunaan web umum dengan model berukuran di bawah 10 MB dan kurang dari 100 ribu segitiga, proses parsing memerlukan 50–200 md pada perangkat keras modern. Waktu tersebut masih wajar untuk pemuatan awal jika Anda menampilkan indikator pemuatan.</p>
<p>Anda dapat mempercepatnya. Jangan memuat seluruh scene di awal. Muat layer root, render apa yang tersedia, lalu ambil payload sesuai kebutuhan. Pindahkan proses parsing ke Web Worker agar UI tetap responsif. Cache layer yang telah diurai di IndexedDB agar kunjungan berikutnya berlangsung seketika. Tampilkan pratinjau beresolusi rendah selagi scene lengkap di-stream.</p>
<p>Berikut konfigurasi Web Worker:</p>
<pre><code class="language-typescript">// worker.ts
import { parseUsdcToLayer } from '@cinevva/usdjs';

self.onmessage = async (e) =&gt; {
  const { buffer, identifier } = e.data;
  const layer = parseUsdcToLayer(buffer, { identifier });
  
  // Serialize layer data (not the methods)
  const data = serializeLayer(layer);
  self.postMessage(data);
};

// main.ts
const worker = new Worker(new URL('./worker.ts', import.meta.url));

worker.postMessage({ buffer, identifier: 'model.usdc' });
worker.onmessage = (e) =&gt; {
  const layerData = e.data;
  // Build Three.js scene from layerData
};
</code></pre>
<h2>Apa yang Berfungsi dan Apa yang Tidak</h2>
<p>Sebagian besar hal umum sudah berfungsi. Geometri (mesh, titik, dan kurva) diurai dengan benar, termasuk array vertex terkompresi. Transformasi berfungsi dengan penumpukan <code>xformOp</code> penuh. Material dipetakan dari <code>UsdPreviewSurface</code> ke PBR. Komposisi menangani sublayer, referensi, payload, varian, dan pewarisan. Tekstur dapat di-resolve dan dimuat jika Anda menyediakan resolver. Animasi skeletal dasar berfungsi untuk rig karakter umum.</p>
<p>Namun, masih ada kekurangan. Ini bukan implementasi Hydra, jadi Anda bertanggung jawab mengonversi data USD ke mesin rendering apa pun yang digunakan. Tidak tersedia API skema bertipe seperti <code>UsdGeomMesh</code> dengan berbagai metode praktis. Anda bekerja dengan prim dan atribut generik. Beberapa fitur komposisi seperti specializes, relocates, dan value clips belum diimplementasikan. Jaringan material kompleks di luar <code>UsdPreviewSurface</code> sederhana memerlukan penanganan khusus.</p>
<h2>Kapan Sebaiknya Menggunakan Ini</h2>
<p>Solusi ini cocok ketika Anda perlu memuat file USD dalam aplikasi web tanpa langkah build WASM, ketika pipeline Anda menghasilkan USDC dan Anda tidak ingin mengonversinya ke glTF, ketika Anda membuat penampil atau editor USD untuk browser, atau ketika Anda ingin memeriksa struktur USD alih-alih sekadar merendernya.</p>
<p>Gunakan solusi lain jika Anda memerlukan kesetaraan penuh dengan OpenUSD untuk setiap kasus khusus, jika scene Anda sangat besar (100 MB+) dan memerlukan performa native, atau jika Anda sudah menggunakan build WASM dan kompleksitasnya masih dapat diterima untuk proyek Anda.</p>
<h2>Sumber Daya</h2>
<p>Ketiga paket tersebut adalah <code>@cinevva/usdjs</code> untuk parsing dan komposisi inti, <code>@cinevva/usdjs-viewer</code> untuk penampil browser berbasis Three.js, serta <code>@cinevva/usdjs-renderer</code> untuk rendering PNG headless dalam pengujian.</p>
<p>Untuk dokumentasi, lihat <a href="https://cinevva-engine.github.io/usdjs/API">Referensi API usdjs</a>, <a href="https://openusd.org/release/index.html">Spesifikasi OpenUSD Pixar</a>, dan <a href="https://threejs.org/docs/">Dokumentasi Three.js</a>.</p>
<p>Jika Anda ingin memahami bagaimana parser USDC dipetakan ke implementasi Pixar, lihat <code>src/usdc/PIXAR_PARITY.md</code> di repositori usdjs.</p>
<h2>Cobalah</h2>
<p>Cara tercepat untuk melihatnya bekerja adalah dengan mengunjungi <a href="https://cinevva-engine.github.io/usdjs-viewer/">demo usdjs-viewer</a> dan meletakkan file USDC di sana.</p>
<p>Untuk mengintegrasikannya ke proyek Anda sendiri, instal paket tersebut dan mulai dengan contoh kode di atas:</p>
<pre><code class="language-bash">npm install @cinevva/usdjs
</code></pre>
<p>USD di browser itu memungkinkan. Ini tidak selalu menjadi pilihan yang tepat, tetapi saat Anda membutuhkannya, parsing JavaScript murni berarti satu langkah build dan satu dependensi lebih sedikit untuk dipikirkan.</p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/tutorials/webgl-fundamentals-for-games">Dasar-dasar WebGL untuk pengembang game</a> — API rendering yang menggerakkan scene Three.js</li>
<li><a href="/id/guides/web-games-stack-2026">Stack Teknologi Game Web pada 2026</a> — posisi Three.js dalam lanskap WebGL/WebGPU/Wasm</li>
<li><a href="/id/guides/browser-3d-open-world-tech">Teknologi Dunia Terbuka 3D di Browser</a> — streaming aset 3D, termasuk USD, untuk dunia terbuka</li>
<li><a href="/id/guides/game-assets-guide">Tempat Menemukan Aset Game Gratis</a> — sumber model 3D yang kompatibel dengan Three.js</li>
</ul>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[11 Engine Game Web Terbaik untuk 2026, Diperingkat dan Dibandingkan]]></title>
            <link>https://app.cinevva.com/id/guides/web-game-engines-comparison</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/web-game-engines-comparison</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Kami membandingkan 11 engine game web berdasarkan ukuran build, waktu muat, 2D vs 3D, WebGPU, dan biaya. Lihat mana yang terbaik untuk proyek Anda, dari Unity dan Godot hingga PlayCanvas, Defold, dan Phaser.]]></description>
            <content:encoded><![CDATA[<h1>Engine Game Web Terbaik untuk 2026 (Dibandingkan)</h1>
<p><em>Terakhir diperbarui: September 2026.</em></p>
<p>Membangun game untuk web? Pilihan engine-mu menentukan segalanya: ukuran build, waktu muat, kualitas visual, dan seberapa banyak audiensmu yang benar-benar bisa memainkannya.</p>
<p>Panduan ini membandingkan game engine web terbaik yang tersedia di 2026, mulai dari engine lengkap seperti Unity dan Godot hingga framework JavaScript ringan seperti Phaser dan PixiJS.</p>
<p><strong>Yang berubah di 2026:</strong> WebGPU akhirnya bisa dirilis di mana-mana. Safari 26 (September 2025) menambahkan WebGPU di macOS, iPadOS, iOS, dan visionOS, menutup celah terakhir yang tersisa, sehingga saran lama &quot;tetap pakai WebGL karena Safari&quot; sudah tidak relevan lagi. Three.js merilis renderer WebGPU tanpa konfigurasi dengan fallback otomatis ke WebGL2, dan PlayCanvas memiliki jalur WebGPU paling matang di antara semuanya. Ekspor web Godot masih menargetkan WebGL 2.0 saja, meskipun Godot 4.7 (Juni 2026) menambahkan ekspor wasm64 yang menghilangkan batas memori 4 GB lama. WebGPU masih bersifat opsional atau eksperimental di sebagian besar engine daripada menjadi default, tetapi dukungan browser yang sebelumnya menghalanginya kini sudah tersedia.</p>
<p><BuildCta
  title="Cuma mau bikin game, bukan mempelajari engine?"
  desc="Ketik satu kalimat dan Cinevva akan membangun game web 3D yang bisa dimainkan sesuai kalimat itu, sementara kamu membaca panduan ini."
  prompt="Buat platformer 3D dengan platform bergerak dan penghitung waktu" /></p>
<h2>Game Engine Web Terbaik untuk 2026: Pilihan Cepat</h2>
<p>Tidak punya banyak waktu? Berikut di mana masing-masing engine unggul di 2026.</p>
<h3>Game engine web 3D terbaik</h3>
<p>PlayCanvas memimpin untuk 3D yang berfokus pada browser: runtime 1-2 MB, renderer WebGPU paling siap produksi di antara engine web mana pun, dan editor cloud yang kolaboratif. Godot dan Cocos Creator adalah alternatif gratis yang kuat, dan Unity WebGL cocok jika kamu juga butuh build native dan bisa menerima unduhan lebih dari 8 MB.</p>
<h3>Game engine 2D terbaik untuk 2026</h3>
<p>Defold dan Phaser adalah pilihan untuk 2D. Defold menghasilkan build terkecil (~1,14 MB) dan memuat paling cepat; Phaser memberikan framework lengkap dengan komunitas terbesar. Untuk yang tidak ingin coding, Construct dan GDevelop membangun game 2D secara visual tanpa pemrograman. Untuk pembahasan lengkap, lihat <a href="/id/guides/best-2d-game-engines-2026">game engine 2D terbaik untuk 2026</a>.</p>
<h3>Game engine Wasm terbaik</h3>
<p>Jika performa WebAssembly menjadi prioritas, Godot (Wasm + SIMD secara default), Defold (runtime Wasm), dan Cocos Creator (fisika Wasm dengan peningkatan 5-9x) dapat dikompilasi menjadi build web yang cepat dan ringkas. Wasm-lah yang memungkinkan engine-engine ini berjalan dengan kecepatan hampir setara native di dalam browser.</p>
<h3>Game engine HTML5 terbaik</h3>
<p>Jika kamu mencari game engine HTML5, ini adalah daftar yang sama dilihat dari sisi browser. Phaser, PixiJS, dan Excalibur.js adalah game engine HTML5 dalam arti ketat: JavaScript murni yang menggambar melalui Canvas atau WebGL tanpa plugin dan tanpa tahap kompilasi. Construct dan GDevelop mengekspor jenis build HTML5 yang sama dari editor visual, dan Defold, Godot, serta Unity mencapai browser melalui WebAssembly yang dibungkus dalam halaman HTML5. Untuk game 2D kecil yang harus dimuat dalam hitungan detik, pilih Phaser atau Defold. Untuk game HTML5 tanpa coding, pilih Construct.</p>
<h3>Game engine web gratis dan open-source terbaik</h3>
<p>Godot, Phaser, PixiJS, Defold, dan Excalibur.js semuanya gratis dan open-source, jadi tidak ada biaya lisensi atau ambang pendapatan. Godot adalah engine gratis paling lengkap untuk 2D maupun 3D.</p>
<h2>Peringkat</h2>
<p>Urutan ini khusus untuk pekerjaan yang mengutamakan web, dengan mempertimbangkan ukuran build, waktu muat, dan seberapa &quot;web-native&quot; setiap engine sebenarnya. Jika proyekmu mengutamakan native, mobile, atau konsol, urutannya akan berubah dan engine-engine berat akan naik peringkat.</p>
<ol>
<li><strong>PlayCanvas</strong>: terbaik untuk 3D yang berfokus pada browser, dengan runtime terkecil dan jalur WebGPU paling matang.</li>
<li><strong>Defold</strong>: terbaik untuk build web terkecil dan tercepat dimuat.</li>
<li><strong>Phaser</strong>: terbaik untuk 2D berbasis kode dengan komunitas HTML5 terbesar.</li>
<li><strong>Godot</strong>: terbaik untuk engine gratis dan open-source yang mendukung 2D dan 3D.</li>
<li><strong>Cocos Creator</strong>: terbaik untuk mini-game dan pasar web Asia.</li>
<li><strong>Construct</strong>: terbaik untuk 2D tanpa coding yang tetap menghasilkan build web yang bersih.</li>
<li><strong>GDevelop</strong>: terbaik untuk tanpa coding yang gratis dan open-source di 2D dan 3D ringan.</li>
<li><strong>PixiJS</strong>: terbaik untuk rendering 2D kustom dengan ukuran paling ringkas.</li>
<li><strong>Excalibur.js</strong>: terbaik untuk 2D TypeScript dengan struktur lebih dari sekadar renderer polos.</li>
<li><strong>Unity</strong>: terbaik ketika web menjadi prioritas kedua setelah desktop, mobile, atau konsol.</li>
<li><strong>Unreal</strong>: terbaik untuk visualisasi kualitas tinggi lewat Pixel Streaming, bukan game web sesungguhnya.</li>
</ol>
<h2>Tabel Referensi Cepat</h2>
<table>
<thead>
<tr>
<th>Engine</th>
<th>Jenis</th>
<th>Teknologi Web</th>
<th>Ukuran Build (kosong)</th>
<th>Terbaik Untuk</th>
<th>Biaya</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://unity.com/"><strong>Unity</strong></a></td>
<td>Engine lengkap</td>
<td>WebGL</td>
<td>~8 MB</td>
<td>Game 3D, lintas platform</td>
<td>Gratis &lt; $200K; Pro $2.310/tahun</td>
</tr>
<tr>
<td><a href="https://godotengine.org/"><strong>Godot</strong></a></td>
<td>Engine lengkap</td>
<td>WebGL + Wasm</td>
<td>~9 MB (24 MB tanpa kompresi)</td>
<td>Game indie 2D/3D</td>
<td>Gratis (MIT)</td>
</tr>
<tr>
<td><a href="https://www.unrealengine.com/"><strong>Unreal</strong></a></td>
<td>Engine lengkap</td>
<td>Hanya Pixel Streaming</td>
<td>N/A (sisi server)</td>
<td>Visualisasi kualitas tinggi</td>
<td>Gratis &lt; $1 juta pendapatan</td>
</tr>
<tr>
<td><a href="https://www.cocos.com/en/creator"><strong>Cocos Creator</strong></a></td>
<td>Engine lengkap</td>
<td>WebGL + WebGPU + Wasm</td>
<td>~2-4 MB</td>
<td>2D/3D, mini-game (Asia)</td>
<td>Gratis</td>
</tr>
<tr>
<td><a href="https://playcanvas.com/"><strong>PlayCanvas</strong></a></td>
<td>3D berfokus web</td>
<td>WebGL2 + WebGPU</td>
<td>~1-2 MB</td>
<td>3D interaktif, aplikasi web</td>
<td>Tingkat gratis; paket berbayar</td>
</tr>
<tr>
<td><a href="https://defold.com/"><strong>Defold</strong></a></td>
<td>2D/3D berfokus web</td>
<td>WebGL + Wasm</td>
<td>~1,14 MB</td>
<td>Game web kasual/mobile</td>
<td>Gratis</td>
</tr>
<tr>
<td><a href="https://www.construct.net/"><strong>Construct</strong></a></td>
<td>2D visual</td>
<td>WebGL + WebGPU</td>
<td>~1-2 MB</td>
<td>Game 2D, non-programmer</td>
<td>Berlangganan</td>
</tr>
<tr>
<td><a href="https://gdevelop.io/"><strong>GDevelop</strong></a></td>
<td>2D/3D visual</td>
<td>WebGL</td>
<td>~2-3 MB</td>
<td>Pemula, prototipe cepat</td>
<td>Tingkat gratis; paket berbayar</td>
</tr>
<tr>
<td><a href="https://phaser.io/"><strong>Phaser</strong></a></td>
<td>Framework JS</td>
<td>WebGL/Canvas</td>
<td>~500 KB</td>
<td>Game 2D, prototipe cepat</td>
<td>Gratis (MIT)</td>
</tr>
<tr>
<td><a href="https://pixijs.com/"><strong>PixiJS</strong></a></td>
<td>Renderer JS</td>
<td>WebGL</td>
<td>~200 KB</td>
<td>Rendering 2D kustom</td>
<td>Gratis (MIT)</td>
</tr>
<tr>
<td><a href="https://excaliburjs.com/"><strong>Excalibur.js</strong></a></td>
<td>Framework JS</td>
<td>WebGL</td>
<td>~300 KB</td>
<td>Game 2D TypeScript</td>
<td>Gratis (BSD)</td>
</tr>
</tbody>
</table>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 452" role="img" aria-label="Ukuran build web kosong berdasarkan engine, dari yang terkecil hingga terbesar: PixiJS sekitar 0,2 MB, Excalibur.js 0,3 MB, Phaser 0,5 MB, Defold 1,14 MB, PlayCanvas dan Construct 1 hingga 2 MB, GDevelop 2 hingga 3 MB, Cocos Creator 2 hingga 4 MB, Unity sekitar 8 MB, Godot sekitar 9 MB terkompresi gzip" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="452" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Ukuran build kosong berdasarkan engine</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Ukuran merupakan perkiraan unduhan build kosong, berdasarkan dokumentasi engine dan pengukuran komunitas.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="180" y="115" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">PixiJS</text>
    <rect x="190" y="100" width="10" height="20" rx="5" fill="#6ee7b7"/>
    <text x="208" y="115" font-size="12" font-weight="700" fill="#9aa7b4">~0,2 MB</text>
    <text x="180" y="147" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Excalibur.js</text>
    <rect x="190" y="132" width="16" height="20" rx="5" fill="#6ee7b7"/>
    <text x="214" y="147" font-size="12" font-weight="700" fill="#9aa7b4">~0,3 MB</text>
    <text x="180" y="179" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Phaser</text>
    <rect x="190" y="164" width="26" height="20" rx="5" fill="#6ee7b7"/>
    <text x="224" y="179" font-size="12" font-weight="700" fill="#9aa7b4">~0,5 MB</text>
    <text x="180" y="211" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Defold</text>
    <rect x="190" y="196" width="60" height="20" rx="5" fill="#7dd3fc"/>
    <text x="258" y="211" font-size="12" font-weight="700" fill="#9aa7b4">~1,14 MB</text>
    <text x="180" y="243" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">PlayCanvas</text>
    <rect x="190" y="228" width="78" height="20" rx="5" fill="#7dd3fc"/>
    <text x="276" y="243" font-size="12" font-weight="700" fill="#9aa7b4">~1-2 MB</text>
    <text x="180" y="275" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Construct</text>
    <rect x="190" y="260" width="78" height="20" rx="5" fill="#7dd3fc"/>
    <text x="276" y="275" font-size="12" font-weight="700" fill="#9aa7b4">~1-2 MB</text>
    <text x="180" y="307" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">GDevelop</text>
    <rect x="190" y="292" width="131" height="20" rx="5" fill="#c8a8ff"/>
    <text x="329" y="307" font-size="12" font-weight="700" fill="#9aa7b4">~2-3 MB</text>
    <text x="180" y="339" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Cocos Creator</text>
    <rect x="190" y="324" width="157" height="20" rx="5" fill="#c8a8ff"/>
    <text x="355" y="339" font-size="12" font-weight="700" fill="#9aa7b4">~2-4 MB</text>
    <text x="180" y="371" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Unity</text>
    <rect x="190" y="356" width="418" height="20" rx="5" fill="#fb7185"/>
    <text x="616" y="371" font-size="12" font-weight="700" fill="#fb7185">~8 MB</text>
    <text x="180" y="403" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Godot</text>
    <rect x="190" y="388" width="470" height="20" rx="5" fill="#fb7185"/>
    <text x="652" y="403" text-anchor="end" font-size="12" font-weight="800" fill="#0b1020">~9 MB terkompresi gzip</text>
  </g>
</svg>
<h2>Engine Game Berfitur Lengkap</h2>
<h3><a href="https://unity.com/">Unity</a> (WebGL)</h3>
<p>Kuda beban industri game. Ekspor WebGL Unity menghasilkan build web yang bisa dimainkan, namun dengan trade-off yang signifikan. Unity 6.6 (Agustus 2026) adalah rilis saat ini. Unity 6.5 (Juni 2026) menghapus dukungan Built-in Render Pipeline lama (masih didukung hingga Unity 6.7 LTS), jadi proyek baru sebaiknya mulai dengan URP, dan versi 6.6 memindahkan WebGPU keluar dari status eksperimental serta menaikkan batas memori Wasm untuk web menjadi 16 GB.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Ekosistem matang dengan Asset Store yang luas</li>
<li>Alat rendering, fisika, dan animasi tingkat lanjut</li>
<li>Dokumentasi dan komunitas yang kuat</li>
<li>Cross-platform: kode yang sama bisa di-deploy ke desktop, mobile, konsol, dan web</li>
</ul>
<p><strong>Keterbatasan di Web:</strong></p>
<ul>
<li>Ukuran build besar (minimal ~8+ MB)</li>
<li>Waktu muat lebih lambat dibanding engine yang native untuk web</li>
<li>Performa tertinggal dibanding build native</li>
<li>Backend WebGPU masih berstatus eksperimental di Unity 6.6 (Agustus 2026) dan kini sudah didukung penuh, meski masih nonaktif secara default, dengan Graphics Device Filtering untuk fallback ke WebGL2 per perangkat</li>
<li>Overhead memori bisa jadi masalah di browser mobile</li>
</ul>
<p><strong>Harga (2026):</strong></p>
<ul>
<li>Personal: Gratis hingga pendapatan $200K</li>
<li>Pro: $2.310/kursi/tahun (naik 5% mulai Januari 2026)</li>
<li>Biaya runtime dibatalkan sejak akhir 2024</li>
</ul>
<p><strong>Kapan menggunakannya:</strong> Kamu sedang membangun game 3D kompleks yang juga perlu dirilis di platform lain. Web sifatnya sekunder.</p>
<p><strong>Tautan:</strong> <a href="https://unity.com/">Unity</a> · <a href="https://docs.unity3d.com/Manual/webgl.html">Dokumentasi WebGL</a> · <a href="https://assetstore.unity.com/">Asset Store</a></p>
<hr>
<h3><a href="https://godotengine.org/">Godot</a> (HTML5)</h3>
<p>Open-source dan berkembang pesat. Godot 4.7 (Juni 2026, kini di versi 4.7.2 sejak Agustus 2026 dengan 4.8 dalam snapshot pengembangan) adalah rilis stabil saat ini, dan sudah menyertakan WebAssembly SIMD secara default plus opsi ekspor web wasm64 baru, meningkatkan performa tanpa perlu mengubah kode.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Sepenuhnya gratis dan open-source (lisensi MIT)</li>
<li>Editor yang ringan</li>
<li>Dukungan 2D yang sangat baik dengan renderer khusus</li>
<li>GDScript ramah untuk pemula</li>
<li>WebAssembly + SIMD untuk performa lebih baik</li>
<li>Komunitas aktif dan terus berkembang</li>
</ul>
<p><strong>Keterbatasan di Web:</strong></p>
<ul>
<li>Proyek C# tidak bisa diekspor ke web (hanya GDScript)</li>
<li>Ekspor web hanya mendukung WebGL 2.0 (renderer Compatibility); Forward+/Mobile dan WebGPU tidak didukung di browser (ada fork WebGPU komunitas dalam public beta, tapi sifatnya tidak resmi)</li>
<li>Dukungan Safari/iOS bermasalah</li>
<li>Build kosong ~24 MB tanpa kompresi (~9 MB terkompresi gzip)</li>
<li>Beberapa fitur rendering 3D masih tertinggal dibanding Unity</li>
</ul>
<p><strong>Threading:</strong></p>
<ul>
<li>Membutuhkan header COOP/COEP untuk SharedArrayBuffer</li>
<li>Single-threaded kini menjadi default (menghindari kompleksitas header)</li>
</ul>
<p><strong>Kapan menggunakannya:</strong> Kamu ingin sesuatu yang open-source, memprioritaskan 2D, atau ingin kontrol penuh tanpa urusan lisensi.</p>
<p><strong>Tautan:</strong> <a href="https://godotengine.org/">Godot Engine</a> · <a href="https://docs.godotengine.org/en/stable/tutorials/export/exporting_for_web.html">Dokumentasi Ekspor Web</a> · <a href="https://github.com/godotengine/godot">GitHub</a></p>
<hr>
<h3><a href="https://www.unrealengine.com/">Unreal Engine 5</a></h3>
<p>Unreal menghentikan dukungan ekspor HTML5 native sejak UE 4.24. Di UE5, pengiriman ke browser membutuhkan <strong>Pixel Streaming</strong>, yang ditulis ulang menjadi Pixel Streaming 2 di UE 5.7. UE 5.8 (Juni 2026), rilis UE5 terakhir yang direncanakan sebelum UE6, tidak mengubah cerita untuk web.</p>
<p><strong>Cara Kerja Pixel Streaming:</strong></p>
<ul>
<li>Game berjalan di server dengan GPU</li>
<li>Frame di-streaming ke browser lewat WebRTC</li>
<li>Input dikirim balik dari browser</li>
<li>Umumnya dibutuhkan satu instance UE per pengguna</li>
</ul>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Fidelitas visual UE5 penuh di browser</li>
<li>Tidak ada kebutuhan hardware di sisi klien</li>
<li>Bekerja di perangkat apa pun yang punya browser</li>
</ul>
<p><strong>Keterbatasan:</strong></p>
<ul>
<li>Membutuhkan infrastruktur server (mahal untuk diskalakan)</li>
<li>Latensi bergantung pada jaringan</li>
<li>Artefak kompresi video</li>
<li>Tidak cocok untuk &quot;game web&quot; tradisional: lebih ke arah visualisasi, konfigurator, showcase</li>
</ul>
<p><strong>Ada upaya komunitas untuk HTML5</strong> (fork WebAssembly/WebGPU seperti SimplyStream) tapi masih eksperimental dan terbatas.</p>
<p><strong>Kapan menggunakannya:</strong> Visualisasi arsitektur fidelitas tinggi atau konfigurator produk di mana biaya server bisa diterima. Tidak praktis untuk game yang menyasar audiens web secara massal.</p>
<p><strong>Tautan:</strong> <a href="https://www.unrealengine.com/">Unreal Engine</a> · <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/pixel-streaming-in-unreal-engine">Dokumentasi Pixel Streaming</a></p>
<hr>
<h3>Cocos Creator</h3>
<p>Engine berfitur lengkap dengan dukungan web dan platform mini-game yang luar biasa, khususnya populer di Asia.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Arsitektur dual-core: core Web3D (TypeScript) dioptimalkan untuk web/mini-game</li>
<li>Dukungan WebGPU (masih eksperimental per versi 3.8.8, Des 2025; membutuhkan custom render pipeline baru, dan 3.8.8 menambahkan WebGPU MSAA)</li>
<li>WebAssembly untuk fisika (Box2D, Bullet) dengan peningkatan performa 5-9×</li>
<li>Dukungan platform mini-game yang sangat baik (WeChat, TikTok, Taobao)</li>
<li>Custom Render Pipeline (CRP) untuk kontrol optimasi</li>
<li>Dukungan Spine 4.2 dengan runtime WASM</li>
<li>Pemangkasan ukuran paket dan kompresi Brotli</li>
<li>Sepenuhnya gratis</li>
</ul>
<p><strong>Keterbatasan di Web:</strong></p>
<ul>
<li>Komunitas Barat lebih kecil (dokumentasi terutama dalam Bahasa Mandarin)</li>
<li>Load awal bisa berat jika semua fitur diaktifkan</li>
<li>Fallback ke WebGL1/asm.js di browser lama menurunkan performa</li>
</ul>
<p><strong>Penambahan terbaru (2025-2026):</strong></p>
<ul>
<li>Backend WebGPU</li>
<li>Modul fisika WASM secara default</li>
<li>Custom Render Pipeline lewat RenderGraph</li>
<li>Kompresi tekstur ASTC untuk mini-game</li>
<li>Pengurangan ukuran paket yang signifikan
<strong>Kapan digunakan:</strong> Platform mini-game (WeChat, TikTok), game web mobile yang menyasar pasar Asia, atau saat Anda butuh performa 2D/3D web yang kuat dengan engine gratis.</li>
</ul>
<p><strong>Tautan:</strong> <a href="https://www.cocos.com/en/creator">Cocos Creator</a> · <a href="https://docs.cocos.com/creator/manual/en/">Dokumentasi</a> · <a href="https://github.com/cocos/cocos-engine">GitHub</a></p>
<hr>
<h2>Engine yang Berfokus pada Web</h2>
<p>Engine-engine ini dibangun khusus untuk penyampaian lewat web.</p>
<h3><a href="https://playcanvas.com/">PlayCanvas</a></h3>
<p>Engine 3D berbasis cloud yang dirancang untuk web sejak awal.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Dukungan WebGL2 + WebGPU (beta)</li>
<li>Editor cloud yang kolaboratif</li>
<li>Runtime kecil (~1-2 MB)</li>
<li>Rendering PBR, post-processing, partikel GPU</li>
<li>Compute shader lewat WebGPU</li>
<li>Dukungan 3D Gaussian Splatting</li>
<li>Kompresi aset yang efisien (Basis Universal, WebP)</li>
</ul>
<p><strong>Penambahan terbaru (2025-2026):</strong></p>
<ul>
<li>Engine V2 dengan dukungan WebGPU</li>
<li>Compute shader</li>
<li>Multi-draw untuk mengurangi overhead draw call</li>
<li>Dukungan HDR di viewer</li>
<li>Ekspor glTF yang lebih baik</li>
<li>Engine v2.20 memperluas renderer WebGPU berperforma tinggi, termasuk jalur WebGPU berbasis compute untuk 3D Gaussian splat. v2.22.0 (September 2026) adalah versi terkini, dengan abstraksi backend fisika dan cubemap KTX2 yang hadir di 2.21</li>
</ul>
<p><strong>Keterbatasan:</strong></p>
<ul>
<li>WebGPU masih dalam tahap beta (beberapa fitur belum ada seperti runtime lightmapping)</li>
<li>Alur kerja berbasis cloud mungkin tidak cocok untuk semua tim</li>
<li>Kurang cocok untuk game 2D yang kompleks</li>
</ul>
<p><strong>Harga:</strong></p>
<ul>
<li>Tersedia tingkatan gratis</li>
<li>Paket berbayar untuk proyek privat, penyimpanan, dukungan</li>
</ul>
<p><strong>Kapan digunakan:</strong> Pengalaman 3D web interaktif, konfigurator produk, game berbasis web yang mementingkan ukuran unduhan yang kecil.</p>
<p><strong>Tautan:</strong> <a href="https://playcanvas.com/">PlayCanvas</a> · <a href="https://developer.playcanvas.com/">Dokumentasi</a> · <a href="https://github.com/playcanvas/engine">GitHub</a></p>
<hr>
<h3><a href="https://defold.com/">Defold</a></h3>
<p>Engine ringan dari King (Candy Crush) dengan performa web yang luar biasa. Defold 1.13.0 (Juni 2026) menghapus target asm.js (js-web) lama, sehingga build web kini hanya menggunakan Wasm, dan menambahkan morph target glTF sebagai bagian dari fitur 3D yang terus berkembang yang diperluas lagi oleh 1.13.1 (Agustus 2026) dengan komponen cahaya kelas satu.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Runtime sangat kecil: ~1,14 MB (gzip, build kosong)</li>
<li>WebAssembly secara default</li>
<li>Waktu muat yang sangat baik</li>
<li>Publikasi bawaan ke Poki dan platform lainnya</li>
<li>Profiler performa HTML5</li>
<li>GPU skinning dengan peningkatan performa 30-50% di versi terbaru</li>
<li>Dukungan eksperimental WebGPU</li>
</ul>
<p><strong>Keterbatasan:</strong></p>
<ul>
<li>Komunitas lebih kecil dibanding Godot/Unity</li>
<li>Build debug jauh lebih lambat</li>
<li>Heap default 256 MB (perlu penyesuaian untuk game yang lebih besar)</li>
<li>Kurva pembelajaran untuk scripting Lua</li>
</ul>
<p><strong>Perbandingan performa:</strong></p>
<ul>
<li>Build kosong: Defold ~1,14 MB vs Unity ~8 MB vs Godot ~9 MB</li>
<li>Termasuk salah satu engine dengan waktu muat tercepat dalam studi game web teratas</li>
</ul>
<p><strong>Kapan digunakan:</strong> Game web mobile-first, game kasual, proyek mana pun yang waktu muatnya krusial.</p>
<p><strong>Tautan:</strong> <a href="https://defold.com/">Defold</a> · <a href="https://defold.com/manuals/html5/">Dokumentasi HTML5</a> · <a href="https://github.com/defold/defold">GitHub</a></p>
<hr>
<h3><a href="https://www.construct.net/">Construct</a></h3>
<p>Pengembangan visual berbasis event. Sempurna untuk yang bukan programmer.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Tidak perlu coding (event sheet)</li>
<li>Renderer WebGPU aktif secara default (jika didukung)</li>
<li>Iterasi dan prototyping cepat</li>
<li>55 rilis hanya di tahun 2025</li>
<li>Dukungan TypeScript di editor</li>
<li>Browser aset bawaan, peningkatan debugger</li>
</ul>
<p><strong>Keterbatasan:</strong></p>
<ul>
<li>Berfokus pada 2D (dukungan 3D minimal)</li>
<li>Model langganan</li>
<li>Kontrol lebih sedikit dibanding engine berbasis kode</li>
<li>Bisa terbentur batasan pada logika game yang kompleks</li>
</ul>
<p><strong>Kapan digunakan:</strong> Game 2D, prototyping cepat, edukasi, atau jika Anda bukan programmer.</p>
<p><strong>Tautan:</strong> <a href="https://www.construct.net/">Construct</a> · <a href="https://www.construct.net/en/make-games/manuals/construct-3">Dokumentasi</a></p>
<hr>
<h3><a href="https://gdevelop.io/">GDevelop</a></h3>
<p>Engine game visual open-source dengan dukungan 3D yang terus berkembang.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Pengembangan berbasis event, tanpa kode</li>
<li>Dukungan 3D native (ditambahkan di 5.3)</li>
<li>Editor 3D real-time (5.6)</li>
<li>Jolt Physics untuk 3D</li>
<li>Profiler bawaan</li>
<li>Dukungan multiplayer real-time (2-8 pemain)</li>
<li>Tersedia tingkatan gratis</li>
</ul>
<p><strong>Keterbatasan:</strong></p>
<ul>
<li>Kode hasil ekspor menyertakan pustaka engine (Pixi.js, Three.js, Howler.js)</li>
<li>Ukuran build lebih besar dibanding framework minimal</li>
<li>Editor bisa melambat dengan banyak objek/scene</li>
<li>Performa sangat bergantung pada teknik optimasi</li>
</ul>
<p><strong>Kapan digunakan:</strong> Pemula, konteks edukasi, prototyping cepat, game 2D/3D yang lebih kecil.</p>
<p><strong>Tautan:</strong> <a href="https://gdevelop.io/">GDevelop</a> · <a href="https://wiki.gdevelop.io/">Dokumentasi</a> · <a href="https://github.com/4ian/GDevelop">GitHub</a></p>
<hr>
<h2>Framework JavaScript</h2>
<p>Untuk developer yang ingin kontrol maksimal dan overhead minimal.</p>
<h3><a href="https://phaser.io/">Phaser</a> (v4)</h3>
<p>Framework game HTML5 paling populer. Versi 4 rilis stabil pada April 2026, sebuah pembangunan ulang total renderer WebGL dengan arsitektur render berbasis node yang baru sambil tetap mempertahankan API v3. Rilis-rilis poin datang dengan cepat sejak itu, dengan v4.2 &quot;Giedi&quot; hadir di Juni 2026 dan patch 4.2.1 di Juli. Perlu dicatat bahwa Phaser 4 adalah penulisan ulang WebGL2, bukan engine WebGPU; WebGPU adalah persiapan untuk masa depan, bukan fitur yang sudah dirilis.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Framework game lengkap: fisika, input, audio, scene, pemuatan aset</li>
<li>Arcade Physics dan Matter.js bawaan</li>
<li>Komunitas, tutorial, contoh yang sangat besar</li>
<li>Renderer WebGL + Canvas</li>
<li>Template untuk bundler dan wrapper desktop</li>
</ul>
<p><strong>Keterbatasan:</strong></p>
<ul>
<li>Bundle lebih besar dibanding pustaka minimal (~500 KB)</li>
<li>Performa pada skenario padat sprite tertinggal dari PixiJS</li>
<li>Arsitektur lebih terikat aturan tertentu</li>
</ul>
<p><strong>Kapan digunakan:</strong> Game 2D standar di mana Anda ingin fitur lengkap bawaan tapi tetap menulis kode.</p>
<p><strong>Tautan:</strong> <a href="https://phaser.io/">Phaser</a> · <a href="https://phaser.io/learn">Dokumentasi</a> · <a href="https://github.com/phaserjs/phaser">GitHub</a></p>
<hr>
<h3><a href="https://pixijs.com/">PixiJS</a> (v8)</h3>
<p>Pustaka rendering 2D berperforma tinggi.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Performa rendering yang luar biasa</li>
<li>Ukuran sangat kecil (~200 KB)</li>
<li>Pipeline rendering WebGL yang kuat</li>
<li>Sangat cocok untuk rendering kustom, visualisasi</li>
<li>Format scene &quot;gl2D&quot; baru dan pustaka game engine sedang dikembangkan</li>
</ul>
<p><strong>Keterbatasan:</strong></p>
<ul>
<li>Bukan engine game: tidak ada fisika, audio, manajemen scene</li>
<li>Butuh lebih banyak setup</li>
<li>Anda membangun (atau mengintegrasikan) logika game sendiri</li>
</ul>
<p><strong>Kapan digunakan:</strong> Aplikasi yang berat pada grafis, kebutuhan rendering kustom, proyek yang kritis terhadap performa, atau saat membangun engine sendiri.</p>
<p><strong>Tautan:</strong> <a href="https://pixijs.com/">PixiJS</a> · <a href="https://pixijs.com/guides">Dokumentasi</a> · <a href="https://github.com/pixijs/pixijs">GitHub</a></p>
<hr>
<h3><a href="https://excaliburjs.com/">Excalibur.js</a></h3>
<p>Engine game 2D yang mengutamakan TypeScript dengan arsitektur ECS.</p>
<p><strong>Kelebihan:</strong></p>
<ul>
<li>Dibangun dengan TypeScript</li>
<li>Arsitektur Entity-Component-System</li>
<li>Tilemap, sprite nine-slice, partikel GPU</li>
<li>UI berbasis HTML yang menyesuaikan skala dengan canvas</li>
<li>Keseimbangan yang baik antara fitur dan kontrol</li>
</ul>
<p><strong>Keterbatasan:</strong></p>
<ul>
<li>Belum versi 1.0 (beberapa API bisa berubah)</li>
<li>Ekosistem lebih kecil dan tutorial lebih sedikit</li>
<li>Fisika dan pencahayaan masih dalam pengembangan</li>
</ul>
<p><strong>Kapan digunakan:</strong> Developer TypeScript yang membangun game 2D dan ingin struktur lebih rapi dibanding PixiJS tapi overhead lebih kecil dibanding Phaser.</p>
<p><strong>Tautan:</strong> <a href="https://excaliburjs.com/">Excalibur.js</a> · <a href="https://excaliburjs.com/docs/">Dokumentasi</a> · <a href="https://github.com/excaliburjs/Excalibur">GitHub</a></p>
<hr>
<h2>Panduan Pengambilan Keputusan</h2>
<h3>Berdasarkan Jenis Proyek</h3>
<table>
<thead>
<tr>
<th>Proyek</th>
<th>Engine yang Direkomendasikan</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Game web mobile 2D kasual</strong></td>
<td>Defold, Phaser, Construct</td>
</tr>
<tr>
<td><strong>2D kompleks dengan kebutuhan kustom</strong></td>
<td>PixiJS, Excalibur.js</td>
</tr>
<tr>
<td><strong>Game web 3D</strong></td>
<td>PlayCanvas, Godot (Compatibility), Cocos Creator</td>
</tr>
<tr>
<td><strong>Lintas platform (web + native)</strong></td>
<td>Unity, Godot, Cocos Creator</td>
</tr>
<tr>
<td><strong>Platform mini-game (WeChat, TikTok)</strong></td>
<td>Cocos Creator</td>
</tr>
<tr>
<td><strong>Visualisasi fidelitas tinggi</strong></td>
<td>Unreal (Pixel Streaming), PlayCanvas</td>
</tr>
<tr>
<td><strong>Tanpa kode / pemula</strong></td>
<td>Construct, GDevelop</td>
</tr>
<tr>
<td><strong>Wajib open-source</strong></td>
<td>Godot, Phaser, PixiJS, Excalibur.js, Cocos (engine)</td>
</tr>
</tbody>
</table>
<h4>Atau lewati engine untuk hasil main pertama</h4>
<p>Setiap pilihan di atas butuh instalasi, konfigurasi, dan pembelajaran sebelum Anda melihat sesuatu bergerak. Jika yang sebenarnya Anda inginkan adalah build yang bisa dimainkan dari ide Anda hari ini, jelaskan saja dan Cinevva menuliskan game browser di sekitarnya. Pilih jenis proyek yang Anda temukan di atas dan halaman akan terbuka dengan ide yang sudah diketikkan:</p>
<div class="prompt-grid">
<div class="prompt-card">
<strong>Game web mobile 2D kasual</strong>
<p>Kontrol satu jempol, loop singkat, disetel untuk browser ponsel.</p>
<a class="prompt-go" href="/id/create?utm_source=guides&utm_medium=content&utm_campaign=engine_picker#prompt=Make%20a%20one%20thumb%20endless%20runner%20that%20speeds%20up%20as%20I%20score">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>2D kompleks dengan kebutuhan kustom</strong>
<p>Ruangan prosedural, upgrade, dan sistem yang saling terhubung.</p>
<a class="prompt-go" href="/id/create?utm_source=guides&utm_medium=content&utm_campaign=engine_picker#prompt=Make%20a%202D%20roguelike%20with%20procedural%20rooms%20and%20upgrades%20between%20runs">Bangun gratis →</a>
</div>
<div class="prompt-card">
<strong>Game web 3D</strong>
<p>3D sungguhan langsung di browser tanpa perlu mengatur WebGL sendiri.</p>
<a class="prompt-go" href="/id/create?utm_source=guides&utm_medium=content&utm_campaign=engine_picker#prompt=Make%20a%203D%20platformer%20collecting%20stars%20across%20floating%20islands">Buat gratis →</a>
</div>
<div class="prompt-card">
<strong>Tanpa kode / pemula</strong>
<p>Tidak ada editor yang perlu dipelajari. Ubah dengan cukup mengatakan apa yang ingin kamu ubah.</p>
<a class="prompt-go" href="/id/create?utm_source=guides&utm_medium=content&utm_campaign=engine_picker#prompt=Make%20a%20simple%203D%20maze%20game%20where%20I%20collect%20keys%20to%20open%20doors">Buat gratis →</a>
</div>
</div>
<p>Perlu jujur soal batasannya: ini adalah jalur game browser, jadi tidak mencakup build native lintas platform yang ditawarkan Unity dan Godot, ekspor ke platform mini-game yang ditangani Cocos, atau persyaratan lisensi open-source. Untuk kebutuhan tersebut, engine-engine di tabel tetap jadi jawaban yang tepat.</p>
<h3>Berdasarkan Prioritas</h3>
<table>
<thead>
<tr>
<th>Prioritas</th>
<th>Opsi Terbaik</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Ukuran build terkecil</strong></td>
<td>Defold, PixiJS, Excalibur.js</td>
</tr>
<tr>
<td><strong>Waktu muat tercepat</strong></td>
<td>Defold, Phaser, vanilla JS</td>
</tr>
<tr>
<td><strong>Dukungan 3D terbaik</strong></td>
<td>PlayCanvas, Unity, Cocos Creator</td>
</tr>
<tr>
<td><strong>Dukungan 2D terbaik</strong></td>
<td>Godot, Phaser, Construct, Cocos Creator</td>
</tr>
<tr>
<td><strong>Gratis &amp; open-source</strong></td>
<td>Godot, Phaser, PixiJS, Defold, Cocos (engine)</td>
</tr>
<tr>
<td><strong>Dukungan WebGPU</strong></td>
<td>PlayCanvas (paling matang), Three.js (opsional), Construct, Cocos Creator</td>
</tr>
<tr>
<td><strong>Performa di browser mobile</strong></td>
<td>Defold, Phaser, PlayCanvas, Cocos Creator</td>
</tr>
<tr>
<td><strong>Platform mini-game</strong></td>
<td>Cocos Creator</td>
</tr>
</tbody>
</table>
<hr>
<h2>Realita Performa Game Web</h2>
<p>Apa pun engine yang kamu pilih, faktor-faktor berikut lebih penting:</p>
<ol>
<li><strong>Ukuran aset</strong>: Kompres tekstur, audio, minimalkan dependensi</li>
<li><strong>Scene pertama</strong>: Buat unduhan awal sekecil mungkin, streaming sisanya</li>
<li><strong>Draw call</strong>: Gabungkan sprite (batching), gunakan texture atlas</li>
<li><strong>Pengujian perangkat</strong>: Uji di perangkat mobile sungguhan, bukan hanya Chrome desktop</li>
</ol>
<p>Mulai dari sini: <a href="/id/tutorials/ship-web-game-fast">Rilis game web yang loading-nya cepat</a></p>
<hr>
<h2>Catatan Kompatibilitas Browser</h2>
<table>
<thead>
<tr>
<th>Fitur</th>
<th>Chrome</th>
<th>Firefox</th>
<th>Safari</th>
<th>Mobile</th>
</tr>
</thead>
<tbody>
<tr>
<td>WebGL 2.0</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
</tr>
<tr>
<td>WebGPU</td>
<td>✅</td>
<td>✅ Windows/macOS</td>
<td>✅ Safari 26+</td>
<td>✅ iOS/iPadOS 26+</td>
</tr>
<tr>
<td>SharedArrayBuffer</td>
<td>✅ (COOP/COEP)</td>
<td>✅ (COOP/COEP)</td>
<td>⚠️</td>
<td>⚠️</td>
</tr>
<tr>
<td>Wasm SIMD</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
</tr>
</tbody>
</table>
<p>Safari 26 (September 2025) akhirnya merilis dukungan WebGPU di macOS, iPadOS, iOS, dan visionOS, sehingga WebGPU lintas-browser kini jadi kenyataan, bukan lagi fitur khusus Chrome. Firefox jadi yang tertinggal: WebGPU dirilis di Windows pada Firefox 141 dan sampai ke macOS di Firefox 145, tapi build Linux dan Android masih hanya tersedia di Nightly, dengan target Mozilla merilis keduanya pada 2026. SharedArrayBuffer masih jadi dependensi yang rumit di Safari, jadi selalu uji di Safari/iOS jika kamu mengandalkan threading atau menyasar audiens yang luas.</p>
<hr>
<h2>Pertanyaan Umum</h2>
<h3>Apa engine game terbaik untuk game browser?</h3>
<p>Tidak ada satu jawaban tunggal karena tergantung apa yang kamu buat. Untuk game 2D, Phaser dan Defold sulit ditandingi. Keduanya ringan, dokumentasinya bagus, dan menghasilkan build kecil yang cepat dimuat. Untuk 3D di browser, PlayCanvas dan Three.js memberimu kontrol paling besar tanpa beban engine desktop lengkap. Jika kamu butuh lintas platform dan web hanya prioritas sekunder, Unity atau Godot bisa ekspor ke WebGL, tapi siapkan diri untuk unduhan yang lebih besar. Kami membangun <a href="/id/engine">Cinevva Engine</a> di atas Three.js karena sejak awal kami ingin open-source dan web-first.</p>
<h3>Bisakah Unity ekspor ke web?</h3>
<p>Ya, Unity bisa mengekspor build WebGL. Ini berfungsi, tapi dengan beberapa kompromi. Ukuran build minimum sekitar 8 MB bahkan untuk proyek kosong, waktu muat terasa jauh lebih lambat dibanding engine yang memang dibuat untuk web, dan dukungan di browser mobile bisa kurang stabil karena overhead memori. Jika game kamu sudah dibuat di Unity dan ingin versi web-nya, ini masih oke. Tapi jika kamu mulai dari nol dan menyasar web secara khusus, engine yang memang dibuat untuk web akan memberi hasil yang lebih baik.</p>
<h3>Apakah Godot bagus untuk game web?</h3>
<p>Ekspor HTML5 Godot cukup solid dan terus membaik. Engine-nya sendiri gratis dan open-source, yang jadi daya tarik besar. Ukuran build mulai sekitar 9 MB tanpa kompresi (lebih kecil dengan gzip), dan kamu mendapat dukungan 2D dan 3D yang proper. Masalah utamanya adalah SharedArrayBuffer, yang membutuhkan header server khusus dan bisa menimbulkan masalah di beberapa setup hosting. Bagi developer indie yang ingin satu basis kode untuk desktop dan web, Godot adalah pilihan yang kuat.</p>
<h3>Apa engine game web terkecil?</h3>
<p>PixiJS ukurannya sekitar 200 KB, sangat kecil. Tapi ini adalah renderer 2D, bukan engine lengkap, jadi kamu akan menulis lebih banyak kode sendiri. Excalibur.js sekitar 300 KB dengan lebih banyak fitur game bawaan. Phaser berada di sekitar 500 KB dan memberimu framework game 2D yang lengkap. Untuk 3D, PlayCanvas dan Defold berkisar 1-2 MB. Namun pertanyaan sebenarnya bukan cuma soal ukuran engine. Yang penting adalah total ukuran build termasuk aset kamu, dan di situlah optimasi lebih berpengaruh daripada pemilihan engine.</p>
<h3>Engine game mana yang terbaik untuk 2026?</h3>
<p>Tergantung apa yang kamu rilis. Untuk 3D web-first, PlayCanvas adalah pilihan terkuat di 2026. Untuk 2D, Defold dan Phaser unggul dalam waktu muat dan komunitas. Jika kamu butuh satu basis kode untuk web dan native, Godot (gratis) atau Unity (build lebih besar) masuk akal. Tidak ada engine &quot;terbaik&quot; secara universal, hanya yang paling cocok untuk ukuran build, platform, dan level kemampuan kamu. Kami membangun <a href="/id/engine">Cinevva Engine</a> di atas Three.js karena sejak awal kami ingin open-source dan web-first.</p>
<h3>Apa saja engine game 2D terbaik untuk 2026?</h3>
<p>Defold, Phaser, dan Construct adalah engine 2D terbaik untuk web di 2026. Defold menghasilkan build terkecil dan paling cepat dimuat. Phaser adalah framework HTML5 paling populer dengan ekosistem terbesar. Construct memungkinkanmu membangun game 2D secara visual tanpa kode. Untuk rendering khusus, PixiJS dan Excalibur.js memberimu kontrol lebih besar dengan jejak yang lebih kecil.</p>
<h3>Apa itu engine game Wasm?</h3>
<p>Engine game Wasm mengompilasi game kamu menjadi WebAssembly, format biner tingkat rendah yang berjalan dengan kecepatan mendekati native di browser. Godot, Defold, dan Cocos Creator semuanya menggunakan WebAssembly untuk ekspor web mereka, itulah sebabnya performanya jauh lebih baik dibanding engine berbasis JavaScript murni yang lebih lama. Wasm kini jadi standar untuk game browser serius di 2026.</p>
<h3>Apa saja engine game paling populer di 2026?</h3>
<p>Berdasarkan basis instalasi dan permintaan kerja, Unity dan Unreal adalah engine standar industri di 2026, dengan Godot sebagai alternatif open-source yang berkembang paling cepat. Untuk game yang berjalan di browser, Phaser adalah framework 2D paling populer dan PlayCanvas memimpin di 3D web-first. Komunitas yang lebih besar berarti lebih banyak tutorial, plugin, dan jawaban saat kamu terjebak, tapi engine paling populer tidak selalu jadi pilihan terbaik untuk proyek web, di mana ukuran build dan waktu muat menentukan siapa yang benar-benar bisa memainkannya.</p>
<h3>Apa saja engine game gratis terbaik di 2026?</h3>
<p>Godot adalah engine gratis paling lengkap untuk 2026. Sepenuhnya open-source di bawah lisensi MIT tanpa batasan pendapatan atau biaya per kursi, dan menangani baik 2D maupun 3D. Khusus untuk web, Phaser, PixiJS, Defold, dan Excalibur.js semuanya juga gratis dan open-source. Unity dan Construct memiliki tingkatan gratis dengan batasan, dan Unreal gratis hingga pendapatan $1 juta. Jika kamu ingin biaya nol tanpa syarat tersembunyi, Godot atau salah satu framework JavaScript open-source adalah pilihannya.</p>
<h3>Apa engine game terbaik untuk pemula di 2026?</h3>
<p>Bagi pemula di 2026, GDevelop dan Construct adalah titik awal termudah karena kamu membangun game secara visual dengan sedikit atau tanpa kode sama sekali. Jika kamu ingin belajar pemrograman sekaligus desain game, Godot punya bahasa scripting yang mudah dipelajari dan perpustakaan tutorial gratis yang sangat banyak. Khusus untuk game web 2D, Phaser cukup mudah didekati begitu kamu tahu sedikit JavaScript. Mulai dari yang paling sesuai dengan seberapa banyak kode yang ingin kamu tulis, lalu tingkatkan seiring berkembangnya proyekmu.</p>
<hr>
<h2>Ringkasan</h2>
<ul>
<li><strong>Untuk kebanyakan game web</strong>: Mulai dengan Defold, Phaser, atau PlayCanvas tergantung kebutuhan 2D atau 3D</li>
<li><strong>Untuk lintas platform</strong>: Unity, Godot, atau Cocos Creator, dengan konsekuensi build yang lebih besar</li>
<li><strong>Untuk platform mini-game</strong>: Cocos Creator (WeChat, TikTok, Taobao)</li>
<li><strong>Untuk kontrol maksimal</strong>: PixiJS atau Excalibur.js</li>
<li><strong>Untuk non-programmer</strong>: Construct atau GDevelop</li>
<li><strong>Untuk 3D dengan fidelitas tinggi</strong>: PlayCanvas atau Pixel Streaming</li>
</ul>
<p>Engine terbaik adalah yang berhasil merilis game kamu. Mulai dari yang kecil, lakukan profiling sejak awal, dan optimalkan waktu muat di atas segalanya.</p>
<p><BuildCta
  title="Tidak mau repot memilih engine sama sekali?"
  desc="Ceritakan game kamu dalam satu kalimat dan mainkan dalam waktu sekitar semenit, gratis."
  prompt="Make a 3D platformer with moving platforms and a timer" /></p>
<h2>Terkait</h2>
<ul>
<li><a href="/id/guides/vibe-coding-game-prompts">100 Ide Prompt Game AI yang Bisa Kamu Buat Sekali Klik</a> — ambil satu ide dan mainkan dalam waktu sekitar satu menit</li>
<li><a href="/id/guides/godot-vs-unity-web-games">Godot vs Unity untuk Game Web</a> — dua engine besar yang lengkap, diadu langsung untuk web</li>
<li><a href="/id/guides/unity-alternatives-web-games">Alternatif Unity untuk Game Web</a> — mau tinggalkan Unity? pilih engine web sesuai alasan kamu pindah</li>
<li><a href="/id/guides/open-source-game-engines-2026">Engine Game Open-Source Terbaik untuk 2026</a> — gratis, tanpa biaya, bisa kamu fork dan rilis</li>
<li><a href="/id/guides/best-2d-game-engines-2026">Engine Game 2D Terbaik untuk 2026</a> — kalau gamemu 2D, mulai dari sini</li>
<li><a href="/id/guides/playcanvas-vs-threejs">PlayCanvas vs Three.js</a> — engine vs library untuk 3D web</li>
<li><a href="/id/guides/threejs-vs-babylonjs">Three.js vs Babylon.js</a> — dua library 3D web terbesar</li>
<li><a href="/id/guides/construct-vs-gdevelop">Construct vs GDevelop</a> — pertarungan 2D tanpa kode</li>
<li><a href="/id/guides/web-games-stack-2026">Tech Stack Game Web di 2026</a> — WebGL vs WebGPU vs Wasm di level API</li>
<li><a href="/id/tutorials/canvas-2d-game-loop">Game loop Canvas 2D</a> — bikin game tanpa engine sama sekali</li>
<li><a href="/id/guides/game-jams-hackathons">Game Jam &amp; Hackathon</a> — memilih engine untuk batasan waktu jam 48 jam</li>
<li><a href="/id/tutorials/game-physics-libraries">Library fisika game</a> — engine fisika yang bisa dipasang ke framework mana pun di atas</li>
<li><a href="/id/guides/frontier-gen-ai-models">Model Gen AI Open-Source Terbaik untuk Game</a> — model AI untuk membuat aset 3D, seni, dan audio untuk engine pilihanmu</li>
<li><a href="/id/guides/itch-io-launch-guide">Cara Merilis Gamemu di itch.io</a> — distribusi game web setelah kamu memilih engine</li>
</ul>
<style scoped>
.prompt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin: 24px 0;
}
.prompt-card {
  border: 1px solid var(--vp-c-divider);
  border-radius: 12px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--vp-c-bg-soft);
}
.prompt-card strong { font-size: 1.05rem; }
.prompt-card p { margin: 0; color: var(--vp-c-text-2); font-size: 0.9rem; flex: 1; }
.prompt-go {
  margin-top: 10px;
  font-weight: 600;
  color: var(--vp-c-brand-1);
  text-decoration: none;
}
.prompt-go:hover { text-decoration: underline; }
</style>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Stack Teknologi Game Web pada 2026]]></title>
            <link>https://app.cinevva.com/id/guides/web-games-stack-2026</link>
            <guid isPermaLink="true">https://app.cinevva.com/id/guides/web-games-stack-2026</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Panduan praktis tentang WebGL, WebGPU, dan WebAssembly untuk pengembang game web, lengkap dengan contoh kode nyata dan kerangka pengambilan keputusan.]]></description>
            <content:encoded><![CDATA[<h1>Stack Teknologi Game Web pada 2026</h1>
<p>Tiga teknologi menjadi tulang punggung web games: WebGL, WebGPU, dan WebAssembly. Stack modern terbaik untuk web game berperforma tinggi di 2026 adalah renderer yang mendukung WebGL2 dan WebGPU sekaligus (Three.js atau Babylon.js), Wasm untuk fisika (Rapier), dan hosting statis, dengan WebGPU aktif untuk sekitar 87% browser yang sudah mendukungnya dan WebGL2 sebagai fallback untuk sisanya. Setiap teknologi menyelesaikan masalah yang berbeda dan punya trade-off masing-masing. Panduan ini membantu kamu memilih berdasarkan apa yang sebenarnya kamu bangun, bukan berdasarkan teknologi yang lagi hype, dengan dukungan browser yang dicek per September 2026.</p>
<h2>Jawaban Singkatnya</h2>
<p>WebGL 2.0 berjalan di mana saja dan bisa menangani sebagian besar game dengan baik. Gunakan ini kalau kamu butuh kompatibilitas luas, terutama di mobile. WebGPU memberi kamu compute shader dan performa lebih baik, tapi kamu akan kehilangan sebagian pengguna di browser dan device lama. WebAssembly membuat kode CPU kamu lebih cepat, jadi berguna untuk fisika dan pathfinding, tapi tidak akan membantu kalau bottleneck-nya ada di GPU.</p>
<p>Sebagian besar game di 2026 merilis WebGL dengan WebGPU opsional untuk browser yang mendukung. Wasm dipakai secara selektif untuk jalur kode yang berat, bukan untuk seluruh game.</p>
<h2>WebGL 2.0: Pilihan Aman yang Terbukti Berhasil</h2>
<p>WebGL 2.0 sudah stabil sejak 2017. Setiap browser modern mendukungnya. Game kamu berjalan di Chrome, Firefox, Safari, dan Edge sampai 5+ tahun ke belakang. Ini berjalan di iOS Safari 15+, Chrome untuk Android, dan Samsung Internet. Bahkan berjalan di browser konsol seperti Xbox Edge dan browser PlayStation.</p>
<p>Begini tampilan setup WebGL 2 yang paling dasar:</p>
<pre><code class="language-javascript">const canvas = document.getElementById('game');
const gl = canvas.getContext('webgl2');

if (!gl) {
  // Fallback to WebGL 1 or show error
  const gl1 = canvas.getContext('webgl');
  if (!gl1) {
    showError('Your browser does not support WebGL.');
    return;
  }
}

// Now you have a GL context
gl.clearColor(0.1, 0.1, 0.1, 1.0);
gl.clear(gl.COLOR_BUFFER_BIT);
</code></pre>
<h3>Apa yang Kamu Dapatkan</h3>
<p>WebGL 2 memberi kamu instanced rendering sehingga kamu bisa menggambar ribuan objek dengan satu draw call. Ada transform feedback untuk particle system dan simulasi berbasis GPU. Kamu dapat multiple render targets untuk deferred rendering dan G-buffer, 3D texture untuk efek volumetrik, dan integer texture untuk penyimpanan data yang presisi.</p>
<pre><code class="language-javascript">gl.drawArraysInstanced(gl.TRIANGLES, 0, vertexCount, instanceCount);
</code></pre>
<h3>Apa yang Tidak Kamu Dapatkan</h3>
<p>Kamu tidak bisa menjalankan compute shader untuk general-purpose GPU compute. Tidak ada bindless texture, jadi kamu dibatasi oleh jumlah texture unit. Tidak ada persistent mapping atau kontrol memori eksplisit. Tidak ada mesh shader atau geometry pipeline modern.</p>
<p>Untuk sebagian besar game 2D dan banyak game 3D, keterbatasan ini tidak jadi masalah. WebGL 2 sudah merilis beberapa web game paling sukses yang pernah dibuat.</p>
<h2>WebGPU: Ketika Kamu Butuh Lebih</h2>
<p>WebGPU dirancang berdasarkan cara kerja GPU modern yang sebenarnya. Chrome merilisnya pada Mei 2023, dan pada akhir 2025 semua browser besar sudah mendukungnya. Chrome 113+, Safari 26+, dan Edge 113+ semuanya berjalan, dan Firefox mengaktifkannya di versi 141+ di Windows (sejak Juli 2025) dan 145 untuk Apple Silicon macOS, sementara Linux dan Android masih dalam proses rollout. Chrome Android mendukungnya di device-device terbaru, dan iOS Safari 26+ juga mendukungnya.</p>
<p>Berikut matriks dukungannya per September 2026, dari halaman <a href="https://github.com/gpuweb/gpuweb/wiki/Implementation-Status">status implementasi gpuweb</a> dan catatan rilis masing-masing browser.</p>
<table>
<thead>
<tr>
<th>Browser</th>
<th>Aktif secara default</th>
<th>Belum</th>
</tr>
</thead>
<tbody>
<tr>
<td>Chrome / Edge</td>
<td>113+ di Windows, macOS, dan ChromeOS. Linux mulai dari 144 (Intel Gen12+) dan 147 (NVIDIA di Wayland). Chrome untuk Android 121+ di Android 12+</td>
<td>Windows on ARM (di belakang flag)</td>
</tr>
<tr>
<td>Safari</td>
<td>26 di macOS Tahoe, iOS, iPadOS, dan visionOS (September 2025, menurut <a href="https://webkit.org/blog/17333/webkit-features-in-safari-26-0/">WebKit</a>)</td>
<td>Versi macOS lama</td>
</tr>
<tr>
<td>Firefox</td>
<td>141 di Windows (Juli 2025), 145 di Mac Apple Silicon dengan macOS 26, <a href="https://www.firefox.com/en-US/firefox/147.0/releasenotes/">147 di semua versi macOS dengan Apple Silicon</a> (Januari 2026)</td>
<td>Linux dan Android (hanya Nightly, Linux ditargetkan untuk 2026)</td>
</tr>
<tr>
<td>Samsung Internet</td>
<td>24+</td>
<td></td>
</tr>
</tbody>
</table>
<p>Kalau dihitung, itu setara dengan sekitar 87% dari total page view global menurut data caniuse, itulah sebabnya para engine ikut bergerak. Unity 6.6 (Agustus 2026) menjadikan WebGPU sebagai <a href="https://discussions.unity.com/t/webgpu-out-of-experimental-in-unity-6-6/1734694">web graphics API yang didukung penuh</a> dengan fallback otomatis ke WebGL2, Three.js r185 dan Babylon.js 9.25 sama-sama menjalankan renderer WebGPU yang fallback secara otomatis, PlayCanvas 2.22 punya jalur WebGPU yang sudah matang, dan Godot 4.7 serta Phaser 4 masih WebGL2 saja di browser. Lihat panduan <a href="/id/guides/webgpu-vs-webgl-games">WebGPU vs WebGL untuk game</a> untuk trade-off rendering-nya, dan jalankan <a href="/id/tools/webgl-webgpu-checker">pengecek WebGL dan WebGPU</a> untuk melihat apa yang dilaporkan oleh device tertentu.</p>
<p>Masalahnya, sisa device dan browser yang belum mendukung tetap ada, jadi kamu butuh strategi fallback.</p>
<h3>Apa yang Kamu Dapatkan</h3>
<p>Compute shader memungkinkan kamu menjalankan general-purpose GPU compute untuk fisika, partikel, AI, dan pemrosesan gambar.</p>
<pre><code class="language-javascript">// A compute shader that processes data in parallel
const computeShaderCode = `
@group(0) @binding(0) var&lt;storage, read_write&gt; data: array&lt;f32&gt;;

@compute @workgroup_size(64)
fn main(@builtin(global_invocation_id) id: vec3&lt;u32&gt;) {
  data[id.x] = data[id.x] * 2.0;
}
`;
</code></pre>
<p>Kamu juga dapat explicit resource management yang berarti lebih sedikit kejutan performa, render bundle untuk merekam draw call di awal agar bisa dipakai berulang, dan WGSL sebagai bahasa shader modern yang dirancang untuk GPU, bukan sekadar hack bergaya C.</p>
<h3>Setup WebGPU Secara Praktis</h3>
<p>Berikut cara menginisialisasi WebGPU dengan fallback ke WebGL:</p>
<pre><code class="language-javascript">async function initGraphics(canvas) {
  // Try WebGPU first
  if (navigator.gpu) {
    const adapter = await navigator.gpu.requestAdapter();
    if (adapter) {
      const device = await adapter.requestDevice();
      const context = canvas.getContext('webgpu');
      
      context.configure({
        device,
        format: navigator.gpu.getPreferredCanvasFormat(),
      });
      
      return { type: 'webgpu', device, context };
    }
  }
  
  // Fall back to WebGL 2
  const gl = canvas.getContext('webgl2');
  if (gl) {
    return { type: 'webgl2', gl };
  }
  
  // Last resort: WebGL 1
  const gl1 = canvas.getContext('webgl');
  if (gl1) {
    return { type: 'webgl', gl: gl1 };
  }
  
  throw new Error('No graphics API available');
}
</code></pre>
<h3>Kapan WebGPU Benar-Benar Membantu</h3>
<p>WebGPU bersinar ketika kamu butuh compute shader untuk memperbarui jutaan partikel tanpa bolak-balik ke CPU, deteksi tabrakan dan simulasi kain yang dipercepat GPU, generasi prosedural untuk terrain, texture, atau mesh, efek post-processing yang kompleks seperti SSAO, bloom, dan depth of field, atau ketika kamu ingin menjalankan trained model untuk perilaku NPC atau efek gambar.</p>
<p>Kalau kamu membuat game puzzle atau visual novel, WebGPU tidak akan membantu banyak. Kalau kamu membuat game aksi yang sarat partikel atau dunia 3D yang kompleks, trade-off kompatibilitasnya mungkin sepadan.</p>
<h2>WebAssembly: Kode CPU yang Cepat</h2>
<p>WebAssembly menjalankan kode yang sudah dikompilasi dengan kecepatan mendekati native. Ini bukan soal grafis. Ini soal membuat kode CPU kamu lebih cepat.</p>
<h3>Kapan Ini Membantu</h3>
<p>Wasm bekerja dengan baik untuk engine fisika (Box2D, Bullet, dan Rapier semuanya punya build Wasm), pathfinding pada grid besar, dekompresi asset, emulasi konsol game lama, dan porting codebase C++ atau Rust yang sudah ada ke web.</p>
<h3>Kapan Ini Tidak Membantu</h3>
<p>GPU kamu tidak peduli apakah draw call datang dari JavaScript atau Wasm, jadi rendering tidak akan lebih cepat. Kode yang I/O bound seperti fetching asset atau network request juga tidak akan mendapat manfaat. Dan kalau JavaScript kamu sudah berjalan di bawah satu milidetik, Wasm tidak akan menyelamatkan kamu.</p>
<h3>Contoh Praktis Wasm</h3>
<p>Berikut fungsi Rust minimal yang dikompilasi ke Wasm untuk fisika:</p>
<pre><code class="language-rust">// src/lib.rs
#[no_mangle]
pub extern &quot;C&quot; fn step_physics(dt: f32) {
    // Your physics code here
}
</code></pre>
<p>Kompilasi dengan:</p>
<pre><code class="language-bash">wasm-pack build --target web
</code></pre>
<p>Gunakan di JavaScript:</p>
<pre><code class="language-javascript">import init, { step_physics } from './physics_bg.wasm';

await init();

function gameLoop(dt) {
  step_physics(dt); // Runs at near-native speed
  render();
  requestAnimationFrame(gameLoop);
}
</code></pre>
<h3>Threading Jadi Rumit</h3>
<p>Wasm bisa memakai thread untuk pemrosesan paralel, tapi ini butuh <code>SharedArrayBuffer</code>, yang artinya kamu butuh header cross-origin isolation di server kamu:</p>
<pre><code>Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Embedder-Policy: require-corp
</code></pre>
<p>Header-header ini bisa merusak banyak hal. Iframe pihak ketiga tanpa header CORP jadi tidak berfungsi, beberapa script analytics rusak, dan popup OAuth bisa gagal. Kamu bisa memakai <code>credentialless</code> sebagai pengganti <code>require-corp</code> untuk mengurangi dampaknya, tapi tetap saja berantakan.
Jika Anda tidak bisa mengatur header ini karena menggunakan shared hosting atau <a href="http://itch.io">itch.io</a>, Anda tidak bisa menggunakan Wasm threads. Wasm single-threaded tetap berfungsi dengan baik.</p>
<h2>Keputusan Nyata untuk Game Nyata</h2>
<p>Jika Anda membuat platformer 2D, gunakan WebGL 2 melalui sesuatu seperti Phaser atau PixiJS. Lewati WebGPU karena berlebihan dan lewati Wasm karena JavaScript sudah cukup cepat untuk fisika 2D. Kompatibilitas luas lebih penting daripada fitur terbaru, dan bottleneck Anda adalah konten, bukan teknologi.</p>
<p>Jika Anda membuat open world 3D, mulailah dengan WebGL 2 tapi rancang untuk jalur upgrade ke WebGPU. Pertimbangkan Wasm untuk fisika menggunakan Rapier atau Bullet. Anda ingin jangkauan seluas mungkin sekarang, tapi compute shader akan membantu untuk foliage, partikel, dan LOD nanti. Fisika di Wasm menjaga budget CPU tetap rendah.</p>
<p>Jika Anda mem-port engine C++, gunakan Wasm melalui Emscripten. Grafik akan menggunakan WebGL 2 secara default, atau WebGPU jika engine Anda mendukungnya. Anda sudah punya kodenya dan Emscripten menangani penerjemahannya.</p>
<p>Jika Anda membuat game puzzle, gunakan Canvas 2D atau WebGL 2 melalui Phaser. Lewati semua yang lain. Game sederhana harus tetap sederhana.</p>
<p>Jika Anda benar-benar butuh performa maksimal dan bersedia kehilangan sebagian pengguna di browser lama, pilih WebGPU plus Wasm. Ukur saja dampak nyatanya pada audiens Anda sebelum berkomitmen.</p>
<h2>Apa yang Benar-Benar Membuat Game Cepat</h2>
<p>Berikut yang menentukan apakah game web Anda berjalan lancar, diurutkan berdasarkan kepentingannya.</p>
<p>Ukuran aset menyumbang sekitar setengah dari performa yang dirasakan. Game 2MB yang dimuat dalam 1 detik terasa lebih cepat daripada game 50MB dengan FPS lebih baik. Kompres semuanya, dan untuk model 3D, <a href="/id/tools/glb-optimizer">glTF optimizer</a> akan melakukan proses Meshopt dan pengubahan ukuran tekstur sekaligus. Lazy-load apa pun yang bisa Anda tunda.</p>
<p>Draw call sangat penting untuk game 3D, mungkin 30% dari budget performa Anda. Batch geometri Anda. Gunakan texture atlas. Instance objek yang berulang. Ini jauh lebih penting daripada WebGL vs WebGPU.</p>
<p>Performa JavaScript mungkin sekitar 15%. Hindari alokasi di hot loop. Gunakan typed array. Profil dulu sebelum mengoptimasi.</p>
<p>Pilihan graphics API? Jujur saja, mungkin hanya 5%. Untuk sebagian besar game, API tersebut kurang penting dibanding cara Anda menggunakannya.</p>
<p>Jika game Anda lambat, periksa apakah Anda memuat terlalu banyak di awal. Lalu periksa apakah Anda mengirim terlalu banyak draw call. Lalu periksa apakah JavaScript Anda melakukan sesuatu yang boros di dalam game loop. Baru setelah semua itu Anda boleh bertanya apakah graphics API yang berbeda akan membantu.</p>
<h2>Yang Sebenarnya Akan Saya Pakai</h2>
<p>Untuk game web baru yang dimulai hari ini, saya akan menggunakan Three.js (r185, Juli 2026) atau Babylon.js (9.x) untuk rendering karena keduanya mengabstraksi WebGL dan WebGPU. Untuk fisika, Rapier (Rust yang dikompilasi ke Wasm) jika saya butuh fisika 3D, atau cukup fisika 2D bawaan engine untuk game yang lebih sederhana. Howler.js atau Web Audio API langsung untuk audio. Vite untuk build karena cepat saat development dan menghasilkan build produksi yang bagus. Dan static hosting di Netlify, Vercel, GitHub Pages, atau <a href="http://itch.io">itch.io</a>.</p>
<p>Stack ini menghasilkan game yang berjalan di 98%+ perangkat sekaligus siap untuk WebGPU begitu itu menjadi default.</p>
<h2>Uji Coba Sebelum Berkomitmen</h2>
<p>Sebelum Anda menetapkan tech stack, buat prototipe kecil dan benar-benar uji. Periksa waktu loading di 3G menggunakan throttling Chrome DevTools. Game Anda harus bisa dimainkan dalam waktu kurang dari 5 detik di koneksi lambat. Uji performa di ponsel Android kelas bawah, pinjam satu atau gunakan BrowserStack. Jika berjalan lancar di sana, artinya berjalan di mana saja. Uji khusus di Safari karena cukup berbeda sehingga bisa menimbulkan kejutan. Dan jika game Anda akan tayang di Newgrounds atau Kongregate, uji dalam iframe.</p>
<p>Pengujian-pengujian ini menangkap lebih banyak masalah nyata dibanding perdebatan WebGL vs WebGPU.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apa tech stack modern terbaik untuk game browser berperforma tinggi?</h3>
<p>Renderer yang mendukung kedua API, Wasm di bagian yang CPU-nya jadi bottleneck, dan build yang kecil. Secara konkret: Three.js atau Babylon.js (WebGPU dengan fallback otomatis ke WebGL2), Rapier yang dikompilasi ke Wasm untuk fisika 3D, Howler.js atau Web Audio mentah untuk suara, Vite untuk build, tekstur KTX2 dan glTF terkompresi Meshopt untuk aset, dan static hosting di belakang CDN. Jika Anda lebih suka memulai dari engine lengkap, PlayCanvas dan Unity 6.6 sama-sama memberi Anda WebGPU dengan fallback, dan Godot memberi Anda build WebGL2 yang kecil. <a href="/id/guides/web-game-engines-comparison">Perbandingan engine game web</a> memeringkat semuanya berdasarkan ukuran build dan waktu loading.</p>
<h3>Apakah WebGL masih layak digunakan di 2026?</h3>
<p>Ya, dan itu masih menjadi baseline. WebGL 2.0 berjalan di setiap browser dan perangkat yang dimiliki pemain Anda, termasuk build Firefox di Linux dan Android serta ponsel lama yang masih belum punya WebGPU. Tidak ada hal apa pun soal peluncuran WebGPU yang membuat build WebGL berhenti berfungsi, dan untuk game 2D serta sebagian besar game 3D, WebGL2 memang tidak pernah menjadi bottleneck. Rilis dengan WebGL2, tambahkan WebGPU sebagai upgrade di mana renderer memberikannya secara gratis, dan curahkan usaha Anda pada ukuran aset dan draw call.</p>
<h3>Bisakah saya membuat game sederhana dengan WebGPU?</h3>
<p>Bisa, tapi Anda jarang membutuhkannya. Game puzzle, platformer, atau game kartu tidak akan berjalan lebih baik di WebGPU dibanding di WebGL2, dan Anda akan kehilangan pemain yang browsernya belum mendukungnya. Di mana WebGPU pantas dipakai dalam game sederhana adalah ketika satu efek tunggal membutuhkan compute: ribuan partikel, mainan fluid atau cloth, atau crowd yang digerakkan GPU. Dalam kasus itu, gunakan library yang otomatis fallback (Three.js atau Babylon.js) daripada menulis WebGPU mentah, atau <a href="/id/create#prompt=Make%20a%203D%20physics%20playground%20with%20stacks%20of%20crates%20to%20knock%20over">jelaskan game Anda dan biarkan Cinevva membuatnya di WebGPU untuk Anda</a>. <a href="/id/tutorials/webgpu-getting-started">Tutorial memulai WebGPU</a> kami membahas API mentahnya jika Anda menginginkannya.</p>
<h2>Bacaan Lainnya</h2>
<p><a href="/id/guides/web-game-engines-comparison">Perbandingan Engine Game Web</a> membahas engine lengkap jika Anda tidak ingin membangun dari nol. <a href="/id/guides/threejs-usdc-tech-report">Three.js + USDC di Browser</a> menunjukkan cara memuat aset USD di Three.js. <a href="/id/guides/itch-io-launch-guide">Cara Rilis di itch.io</a> membahas publikasi setelah Anda selesai membangun sesuatu.</p>
<p>Untuk tutorial praktis yang lebih mendalam pada setiap API:</p>
<ul>
<li><a href="/id/tutorials/webgl-fundamentals-for-games">Dasar-dasar WebGL untuk pengembang game</a>: shader, buffer, tekstur, dan render loop</li>
<li><a href="/id/tutorials/webgpu-getting-started">Memulai WebGPU</a>: setup device, pipeline, dan shader WGSL</li>
<li><a href="/id/tutorials/web-workers-game-logic">Web Workers untuk logika game</a>: melimpahkan pekerjaan ke background thread</li>
<li><a href="/id/tutorials/coop-coep-sharedarraybuffer">COOP/COEP dan SharedArrayBuffer</a>: header yang diperlukan untuk Wasm threading</li>
<li><a href="/id/tutorials/game-physics-libraries">Library fisika game</a>: Rapier, Cannon-es, Ammo.js, Matter.js, dan lainnya</li>
</ul>
<p>Tech stack yang tepat adalah yang bisa merilis game Anda. Pilih yang Anda kuasai, uji sejak awal, dan optimasi belakangan.</p>
<p><BuildCta
  title="Lewati stack-nya, ambil hasilnya"
  desc="WebGL, fisika, dan asset pipeline sudah ditangani. Anda cukup mendeskripsikan gamenya."
  prompt="Buat taman bermain fisika 3D dengan tumpukan peti yang bisa dirobohkan" /></p>
]]></content:encoded>
        </item>
    </channel>
</rss>
