[{"data":1,"prerenderedAt":549},["ShallowReactive",2],{"navigation":3,"/blog/from-mockup-to-market":218,"/blog/from-mockup-to-market-surround":538},[4,23,33,44,88,106,124,135,146,157],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","/docs/getting-started","1.docs/1.getting-started/1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Protokol FTS.","/docs/getting-started/protokol","1.docs/1.getting-started/2.protokol","i-lucide-file-text",{"title":18,"path":19,"stem":20,"icon":21},"Lisensi","/docs/getting-started/lisensi","1.docs/1.getting-started/3.Lisensi","i-lucide-scroll-text",false,{"title":24,"path":25,"stem":26,"children":27,"icon":29},"Memulai dengan Nuxt","/docs/nuxt","1.docs/10.Nuxt/1.index",[28,30],{"title":24,"path":25,"stem":26,"icon":29},"i-simple-icons-nuxtdotjs",{"title":24,"path":31,"stem":32,"icon":29},"/docs/nuxt/getting-started","1.docs/10.Nuxt/1.getting-started",{"title":34,"path":35,"stem":36,"children":37,"page":22},"Laravel","/docs/laravel","1.docs/2.laravel",[38],{"title":39,"path":40,"stem":41,"children":42},"Laravel Documentation","/docs/laravel/getting-started","1.docs/2.laravel/1.getting-started/index",[43],{"title":39,"path":40,"stem":41},{"title":45,"path":46,"stem":47,"children":48,"page":22},"Html","/docs/html","1.docs/3.HTML",[49,81],{"title":50,"path":51,"stem":52,"children":53,"icon":55},"HTML Introduction","/docs/html/getting-started","1.docs/3.HTML/1.getting-started/index",[54,56,61,66,71,76],{"title":50,"path":51,"stem":52,"icon":55},"i-lucide-file-code",{"title":57,"path":58,"stem":59,"icon":60},"Cara Penulisan HTML","/docs/html/getting-started/cara-penulisan-html","1.docs/3.HTML/1.getting-started/2.cara-penulisan-html","i-lucide-code",{"title":62,"path":63,"stem":64,"icon":65},"Tabel, Video, dan Elemen Semantik","/docs/html/getting-started/element-semantik-dan-visual","1.docs/3.HTML/1.getting-started/3.element-semantik-dan -visual","i-lucide-table",{"title":67,"path":68,"stem":69,"icon":70},"Formulir dan Input Pengguna","/docs/html/getting-started/formulir","1.docs/3.HTML/1.getting-started/4.formulir","i-lucide-form-input",{"title":72,"path":73,"stem":74,"icon":75},"Audio, Canvas, Iframe, dan Elemen Head","/docs/html/getting-started/audio-canvas-iframe-dan-elemen-head","1.docs/3.HTML/1.getting-started/5.Audio-Canvas-Iframe-dan-Elemen-Head","i-lucide-heading",{"title":77,"path":78,"stem":79,"icon":80},"Praktik Terbaik, Debugging, dan Langkah Selanjutnya","/docs/html/getting-started/praktik","1.docs/3.HTML/1.getting-started/6.praktik","i-lucide-check-circle",{"title":82,"path":83,"stem":84,"children":85,"icon":87},"Koleksi Lengkap Tag HTML Langka","/docs/html/pustaka","1.docs/3.HTML/2.PUSTAKA/1.index",[86],{"title":82,"path":83,"stem":84,"icon":87},"i-lucide-code-xml",{"title":89,"path":90,"stem":91,"children":92,"page":22},"Css","/docs/css","1.docs/4.CSS",[93,99],{"title":94,"path":95,"stem":96,"children":97},"CSS Documentation","/docs/css/getting-started","1.docs/4.CSS/1.getting-started/index",[98],{"title":94,"path":95,"stem":96},{"title":100,"path":101,"stem":102,"children":103,"icon":105},"CSS Layouts","/docs/css/layouts","1.docs/4.CSS/2.layouts/1.index",[104],{"title":100,"path":101,"stem":102,"icon":105},"i-lucide-layout-template",{"title":107,"path":108,"stem":109,"children":110,"page":22},"Js","/docs/js","1.docs/5.JS",[111,117],{"title":112,"path":113,"stem":114,"children":115},"JavaScript Documentation","/docs/js/getting-started","1.docs/5.JS/1.getting-started/index",[116],{"title":112,"path":113,"stem":114},{"title":118,"path":119,"stem":120,"children":121,"icon":123},"Custom Components","/docs/js/components","1.docs/5.JS/2.components/1.index",[122],{"title":118,"path":119,"stem":120,"icon":123},"i-lucide-component",{"title":125,"path":126,"stem":127,"children":128,"page":22},"Ts","/docs/ts","1.docs/6.TS",[129],{"title":130,"path":131,"stem":132,"children":133},"TypeScript Documentation","/docs/ts/getting-started","1.docs/6.TS/1.getting-started/index",[134],{"title":130,"path":131,"stem":132},{"title":136,"path":137,"stem":138,"children":139,"page":22},"Next","/docs/next","1.docs/7.Next",[140],{"title":141,"path":142,"stem":143,"children":144},"Next.js Documentation","/docs/next/getting-started","1.docs/7.Next/1.getting-started/index",[145],{"title":141,"path":142,"stem":143},{"title":147,"path":148,"stem":149,"children":150,"page":22},"Mongodb","/docs/mongodb","1.docs/8.MongoDB",[151],{"title":152,"path":153,"stem":154,"children":155},"MongoDB Documentation","/docs/mongodb/getting-started","1.docs/8.MongoDB/1.getting-started/index",[156],{"title":152,"path":153,"stem":154},{"title":158,"path":159,"stem":160,"children":161,"page":22},"Java","/docs/java","1.docs/9.Java",[162],{"title":163,"path":164,"stem":165,"children":166,"icon":168},"Java untuk Pemula — Bagian 1","/docs/java/getting-started","1.docs/9.Java/1.getting-started/index",[167,169,174,179,183,188,193,198,203,208,213],{"title":163,"path":164,"stem":165,"icon":168},"i-lucide-coffee",{"title":170,"path":171,"stem":172,"icon":173},"Modul 9 — String","/docs/java/getting-started/string","1.docs/9.Java/1.getting-started/10.string","i-lucide-text",{"title":175,"path":176,"stem":177,"icon":178},"Latihan Soal Level 1–3","/docs/java/getting-started/latihan-soal","1.docs/9.Java/1.getting-started/11.latihan-soal","i-lucide-dumbbell",{"title":180,"path":181,"stem":182,"icon":168},"Modul 1 — Pengenalan Java","/docs/java/getting-started/pengenalan-java","1.docs/9.Java/1.getting-started/2.pengenalan-java",{"title":184,"path":185,"stem":186,"icon":187},"Modul 2 — Tipe Data & Variabel","/docs/java/getting-started/tipe-data-variabel","1.docs/9.Java/1.getting-started/3.tipe-data-variabel","i-lucide-database",{"title":189,"path":190,"stem":191,"icon":192},"Modul 3 — Operator","/docs/java/getting-started/operator","1.docs/9.Java/1.getting-started/4.operator","i-lucide-calculator",{"title":194,"path":195,"stem":196,"icon":197},"Modul 4 — Input & Output","/docs/java/getting-started/input-output","1.docs/9.Java/1.getting-started/5.input-output","i-lucide-terminal",{"title":199,"path":200,"stem":201,"icon":202},"Modul 5 — Percabangan","/docs/java/getting-started/percabangan","1.docs/9.Java/1.getting-started/6.percabangan","i-lucide-git-branch",{"title":204,"path":205,"stem":206,"icon":207},"Modul 6 — Perulangan","/docs/java/getting-started/perulangan","1.docs/9.Java/1.getting-started/7.perulangan","i-lucide-repeat",{"title":209,"path":210,"stem":211,"icon":212},"Modul 7 — Array","/docs/java/getting-started/array","1.docs/9.Java/1.getting-started/8.array","i-lucide-table-2",{"title":214,"path":215,"stem":216,"icon":217},"Modul 8 — Method","/docs/java/getting-started/method","1.docs/9.Java/1.getting-started/9.method","i-lucide-code-2",{"id":219,"title":220,"authors":221,"badge":227,"body":229,"date":527,"description":528,"extension":529,"image":530,"meta":532,"navigation":533,"path":534,"seo":535,"stem":536,"__hash__":537},"posts/3.blog/2.from-mockup-to-market.md","Dari sketsa hingga menjadi karya komersial Langkah demi langkah perakitan game perdana",[222],{"name":223,"to":224,"avatar":225},"Marsha Brbara","https://game-devbr0.nlfts.dev/blog/from-mockup-to-market",{"src":226},"https://avatars.githubusercontent.com/u/228843429?v=4",{"label":228},"game, c++",{"type":230,"value":231,"toc":499},"minimark",[232,237,241,244,249,252,257,260,266,270,273,277,280,303,307,310,314,317,321,324,377,381,385,388,392,395,399,402,406,410,418,422,429,449,453,457,460,464,471,475,478,489,492],[233,234,236],"h1",{"id":235},"menyusun-portofolio-game-yang-sukses","Menyusun Portofolio Game yang Sukses",[238,239,240],"p",{},"Menyusun portofolio game yang sukses tak sekadar melontar gagasan—namun seiring dengan pengembangan wawasan kreatif yang cepat tanggap bertransisi mengolah tantangan kompleks setiap lini pengerjaannya. Pascalaga panjang memoles manuver di atas tumpukan proyek, saya sukses mengerucutkan sebuah proses berkesinambungan yang mendulang jejak keberhasilan tanpa mengabaikan sentuhan estetik dan siklus revisi.",[238,242,243],{},"Halaman ini akan menghidangkan sekelumit fase kelahiran game andalan saya, diawali dari tahap eksplorasi wawasan sebelum dilelang sebagai prototipe ke ranah peluncuran tim, membawakan serpihan catatan harian eksklusif proyek aplikasi Squid sebagai pedoman praktis.",[245,246,248],"h2",{"id":247},"tahap-1-riset-dan-eskalasi-arsitektur","Tahap 1: Riset dan Eskalasi Arsitektur",[238,250,251],{},"Seumpama mesin rotasi roda yang bergemuruh di latar lakon raksasa. Untuk lakon Squid sendiri, batu sandungannya terlampau terang: membangun sebuah panggung adu peramban (web-based) yang spontan bersambut tanpa dikepung stereotip miring \"jeda peramban berkedut\".",[253,254,256],"h3",{"id":255},"jajak-pendapat","Jajak Pendapat",[238,258,259],{},"Saya meluangkan segenap atensi mendengar ocehan ketujuh insan penggila setia game guna meresapi habitus alam bawah sandarnya. Petaka utamanya bergulir kepada tabiat memuakkan, sungguh, mereka keburu mendongkol menunggu gulir pemuatan tatkala mengidamkan sesi laga sesingkat serputan kopi.",[261,262,263],"blockquote",{},[238,264,265],{},"\"Paling tidak menyajikan hiburan renyah sedetik setelah peramban seluler maupun meja diklik, tiada kompromi\" — Secuplik ujar salah satu pencicip di persidangan interviu.",[253,267,269],{"id":268},"pemetaan-struktur-stack","Pemetaan Struktur Stack",[238,271,272],{},"Seusai menghikmati keluh kesah jajaran game daring purba lantas mata saya nanar tertambat pada kerangka Nuxt 3 dengan alasan keprogresifan kecepatan sekaligus ergonomis kemanjaan si ahli koding. Memanfaatkan rendering berbasis wujud terintegrasi (Universal Rendering) membuat kami mampu menyodorkan jaminan halaman parasnya berkinerja mutlak di arena telusur (SEO-friendly) tatkala mesin pengatur permainan berdegup sendirian mengeruk tenaga peramban perakitnya (Client-side rendering) menuju gerak performa klimaks.",[253,274,276],{"id":275},"resolusi-kemenangan","Resolusi Kemenangan",[238,278,279],{},"Jauh hari menahan diri membuka portal VS Code, kami mufakat menancapkan standar tonggak batas kinerja hingga penahan rasionisasi keterikatan target berikut:",[281,282,283,291,297],"ul",{},[284,285,286,290],"li",{},[287,288,289],"strong",{},"Kinerja mesin:"," Memborong konsistensi bingkai di 60 FPS dan menyapu skor 90 berbekal metrik cerminan mercusuar Lighthouse.",[284,292,293,296],{},[287,294,295],{},"Atensi Keterlekatan:"," Merajut kenaikan pelawat penjelajah harian aktif (DAU) bertumbuh melampaui raihan 40% beramunisikan fitur bidikan notifikasi Nuxt.",[284,298,299,302],{},[287,300,301],{},"Elastisitas Stabil:"," Bertahan paripurna tanpa derita peluruhan siklus data bilamana diadu dalam gempuran tumpuk jeda pergantian layar navigasi berlapis.",[245,304,306],{"id":305},"tahap-2-fase-injeksi-cita-rasa-dan-cetak-biru-jaringan","Tahap 2: Fase Injeksi Cita Rasa dan Cetak Biru Jaringan",[238,308,309],{},"Berbekal persetujuan final pakem manuver permainan, pelan-pelan transisi tergeser masuk menyibak rimbunnya peta tata tertib logika permainan tersebut.",[253,311,313],{"id":312},"jentik-grafis-pemetaan","Jentik Grafis Pemetaan",[238,315,316],{},"Kembara mula-mula dengan goresan sederhana denah algoritma membidik pergelutan simpul rotasi alur ritmenya (game loop). Hal ini teramat vital menjabarkan sinkronisasi silang antara aliran darah data via jantung kemudi server Nitro guna merengkak singgasana state pengguna akhir di belahan pelayar masing-masing.",[253,318,320],{"id":319},"rekayasa-arsitektur-panggung-data","Rekayasa Arsitektur Panggung Data",[238,322,323],{},"Saya berhasil mengawal konstruksi penyangga terpisah mendaur perbendaharaan racikan komando composable milik Nuxt berdampingan sistem tata kelola Pinia:",[281,325,326,332,338,344,350,365,371],{},[284,327,328,331],{},[287,329,330],{},"Mesin Game Semesta"," — Ragam Vue composable memegang tuas komando argo irama hitungan jeda bingkai sekunder (delta time).",[284,333,334,337],{},[287,335,336],{},"Struktur Penyimpan Status (State Management)"," — Kantong Pinia menjadi lumbung data melacak deretan perkakas, tumpukan pencapaian, beserta akumulasi statistik real-time sang prajurit.",[284,339,340,343],{},[287,341,342],{},"Server API (Nitro)"," — Persimpangan portal berpagar kokoh memfasilitasi rekaman pencatatan gemilang tingkat raihan serta cadangan pengawalan berkas otentik.",[284,345,346,349],{},[287,347,348],{},"Komponen Antarmuka (UI Components)"," — Rangkaian balok fondasi material komponen Vue mengelola bilah angka, jajaran menu gantung, maupun pop-up luhur.",[284,351,352,355,356,360,361,364],{},[287,353,354],{},"Cetak Biru Dev dan Rancang Dasar Desain Reaktivitas Garda Terdepan"," — Manfaatkan kemampuan taktis reaktivitas (",[357,358,359],"code",{},"reactive()",", ",[357,362,363],{},"ref()",") Vue guna menyuntikkan ledakan umpan visualisasi yang tidak sempat merem melek.",[284,366,367,370],{},[287,368,369],{},"Kompresi Kekayaan Grafis"," — Giring pemakaian fasilitas canggih dari Nuxt Image menampi taburan tekstur sekaligus resolusi lukisan hingga tatanan ringkas nan ringan tanpa bopeng sedikit pun.",[284,372,373,376],{},[287,374,375],{},"Reservasi Basis Data"," — Padankan lamat sinkronis status permainan gawai memeluk pangkalan statistik global berlapis gempuran perlindungan khusus Server-Side Middleware tangguh.",[245,378,380],{"id":379},"tahap-3-uji-sketsa-progresif-prototipe","Tahap 3: Uji Sketsa Progresif (Prototipe)",[253,382,384],{"id":383},"dapur-cincang-ketajaman-logika-mentah-grey-box","Dapur Cincang Ketajaman Logika Mentah (\"Grey Box\")",[238,386,387],{},"Rancangan tanding mula diurai berkarpetkan gumpalan bentukan dasar siluet elemen HTML standar, murni disorong untuk sekadar menantang kematangan persinggungan hukum kalkulus fisisnya. Melimpah rebekah anugerah perangkat perkakas cek (DevTools) racikan Nuxt meringkus kealpaan data riil saat adegan tengah bergulir terampil.",[253,389,391],{"id":390},"pendar-uji-nyali-part-1-ronde-pengukuran-permainan","Pendar Uji Nyali Part 1 (Ronde Pengukuran Permainan)",[238,393,394],{},"Tabuhan irama perdana telanjang membongkar belenggu keterpurukannya. Kalkulasi algoritma sinting memojokkan lintasan inti sehingga menghasilkan jeda terguncang nan memilukan (\"stutter\"). Kargo muatan perintisnya masih sedemikian menyesakkan menyesaki pernapasan koneksi tipis keping mobilitas.",[253,396,398],{"id":397},"penyegaran-modul-setengah-matang-nan-prima","Penyegaran Modul Setengah Matang nan Prima",[238,400,401],{},"Racikan mesin ini kelak diamplas lagi dilandasi perihal tabiat rekam jejak masukan itu: Giring pertapa perumusan kalkulus menyampingi laju gawai pekerja di singgasana klandestin peramban rahasia (Web Workers) hingga membebastugaskan kemilau UI bersenandung lancang. Menambal penyusunan impor gubahan berkala (Dynamic Import), bersembunyi menangguhkan sisa puing asupan gambar (Lazy-loading) untuk mencukur ludes jeda awalan peluncuran permainan. Integrasi pemampatan modifikator wilis semu (Optimistic UI) sekejap melayani tanggapan kilau aksi biarpun tertikam deru latensi jaring pelik dari entah-berantah.",[245,403,405],{"id":404},"fase-4-integrasi-perwajahan-estetis-implementasi-grafis","Fase 4: Integrasi Perwajahan Estetis (Implementasi Grafis)",[253,407,409],{"id":408},"seluk-beluk-basa-tubuh-minor-dan-pesona-visualisasi","Seluk-beluk Basa Tubuh Minor dan Pesona Visualisasi",[238,411,412,413,417],{},"Lontaran inspirasi \"Cyber-Retro\" bersumbu pilar penyangga penataan gaya Tailwind CSS terlahir cemerlang dalam pelukan animasi lincah balutan GSAP menawan—terhindar menohok paru pertahanan ",[414,415,416],"em",{},"core computation"," di balik sengit rotasi sirkulasi JavaScript tradisional.",[253,419,421],{"id":420},"ensiklopedia-perwajahan-modul-desain-ui-kit","Ensiklopedia Perwajahan Modul Desain (UI Kit)",[238,423,424,425,428],{},"Merajut rentang tenggat, maka saya menetas lumbung ",[414,426,427],{},"library component"," mandiri porsi Nuxt saja:",[281,430,431,437,443],{},[284,432,433,436],{},[287,434,435],{},"GameHUD.vue"," - Susunan transparan pembidik angka berlapis tata rupa adaptif pengubahan fontase otomatistis.",[284,438,439,442],{},[287,440,441],{},"SpriteComponent.vue"," - Corat-coret modul perancangan aset yang melompat lincah secara berirama.",[284,444,445,448],{},[287,446,447],{},"GlobalToast.vue"," - Layanan penyematan pamflet peringatan sukses memecah belah target tantangan dan segerombol petuah sistem pendamping setia.",[245,450,452],{"id":451},"babak-5-pengembangan-perdana-dan-eskalasi-pembaharuan","Babak 5: Pengembangan Perdana dan Eskalasi Pembaharuan",[253,454,456],{"id":455},"singkronisator-tim-pembalap-jaring-urat-nadi-cicd","Singkronisator Tim Pembalap Jaring Urat Nadi (CI/CD)",[238,458,459],{},"Proyek game diarak mengudara membungkus layanan Vercel lewat hembusan taktis Edge-Side Rendering demi mencangkok simpul api (API calls) tercepat minim halang-rintang menyapa semesta pemain lintasan darat buana seantero raya ini.",[253,461,463],{"id":462},"telisik-angka-purnapendar-peluncuran-laga","Telisik Angka Purnapendar Peluncuran Laga",[238,465,466,467,470],{},"Merangkul dukungan sekatan perkakas pelacak teramat ringan Nuxt Scripts untuk menggenggam cengkeraman metrik sejati nir menombak keruntuhan target idaman 60 FPS kami mendapati: Titik lemah keputusasaan para kombatan membuang perangkat sekalian menatap tahap awal pembekalan sandi. Kepadatan kuantitas putaran lintasan terekam di balik jeruji simpul ",[414,468,469],{},"game-loop"," idaman.",[253,472,474],{"id":473},"resolusi-hikmah-permainan","Resolusi Hikmah Permainan",[238,476,477],{},"Melintas 6 purnama purna edar tayang komersial awal Squid telah menggondol sasaran di pucuk awang:",[281,479,480,483,486],{},[284,481,482],{},"Loncatan impresif 52% keaktifan pendaftar silih berganti kesehariannya.",[284,484,485],{},"Respon angket kepuasan di angka raksasa 78% bertutur sejuknya pementasan mulus persis gelimpangan suguhan terstruktur (native-app).",[284,487,488],{},"Desain arsitektur mandiri (modular) sang Pinia mendebak rekor kebocoran bug ambrol ke selokan pelaporan terpangkas habis sebanyak 30% keliru.",[490,491],"hr",{},[238,493,494,495,498],{},"Satu pepatah mutiara tersisa dari jagat pengembangan? ",[287,496,497],{},"Nuxt"," murni sungguh nir-eksklusif bagi sekadar laman web pajangan warta. Memperlakukannya sewajarnya kerangka fondasi permesinan, sebuah galangan wadah permainan tereksekusi, berskala megah mumpuni menyenggol taring deretan game pixel peramban modern nan brilian sesungguhnya.",{"title":500,"searchDepth":501,"depth":501,"links":502},"",2,[503,509,513,518,522],{"id":247,"depth":501,"text":248,"children":504},[505,507,508],{"id":255,"depth":506,"text":256},3,{"id":268,"depth":506,"text":269},{"id":275,"depth":506,"text":276},{"id":305,"depth":501,"text":306,"children":510},[511,512],{"id":312,"depth":506,"text":313},{"id":319,"depth":506,"text":320},{"id":379,"depth":501,"text":380,"children":514},[515,516,517],{"id":383,"depth":506,"text":384},{"id":390,"depth":506,"text":391},{"id":397,"depth":506,"text":398},{"id":404,"depth":501,"text":405,"children":519},[520,521],{"id":408,"depth":506,"text":409},{"id":420,"depth":506,"text":421},{"id":451,"depth":501,"text":452,"children":523},[524,525,526],{"id":455,"depth":506,"text":456},{"id":462,"depth":506,"text":463},{"id":473,"depth":506,"text":474},"2022-07-08","Tinjauan komprehensif mengawal tahapan awal kreasi permainan dari riset ide fundamental sampai rilis versi purwarupa akhir, dibekali beragam tips segar untuk developer intuitif.","md",{"src":531},"https://images.pexels.com/photos/1050312/pexels-photo-1050312.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},true,"/blog/from-mockup-to-market",{"title":220,"description":528},"3.blog/2.from-mockup-to-market","kKsgPboTHirS9NnX9S9A1Bvp9MBvfvy6OjNImTi5ezs",[539,544],{"title":540,"path":541,"stem":542,"description":543,"children":-1},"Psikologi Warna dalam Desain UI","/blog/psychology-of-color-in-ui-design","3.blog/1.psychology-of-color-in-ui-design","Mengeksplorasi bagaimana pilihan warna strategis dapat memengaruhi perilaku pengguna, membangkitkan emosi, dan meningkatkan pengalaman pengguna secara keseluruhan pada produk digital.",{"title":545,"path":546,"stem":547,"description":548,"children":-1},"Empat Prinsip Inti Kontribusi dengan AI","/blog/empat-prinsip-inti-kontibusi-dengan-ai","3.blog/3.empat-prinsip-inti-kontibusi-dengan-ai","Panduan untuk berkontribusi dengan AI pada proyek terbuka (Open Source)",1777200152528]