BÁO CÁO THỊ TRƯỜNG GAME VIỆT NAM

BÁO CÁO THỊ TRƯỜNG GAME VIỆT NAM Dữ liệu bởi AppMagic | Trình bày bởi

TOP NHÀ PHÁT HÀNH Q1-Q2/2026 TOP LƯỢT TẢI Hạng Nhà Phát Hành Lượt tải 1 FALCON GAME 159.78M 2 Bravestars Games 136.60M 3 iKame Games - Zego Studio 123.69M 4 AMOBEAR TECHNOLOGY GROUP 118.65M 5 Unicorn Studio Official 104.16M 6 ABI GAMES PTE. LTD. 96.83M 7 HIGAME Studio 96.40M 8 AMANOTES PTE. LTD. 85.87M 9 VNGGames Studios 62.60M 10 Braly JSC 56.83M TOP DOANH THU Hạng Nhà Phát Hành Doanh thu 1 iKame Games - Zego Studio $51M 2 FALCON GAME $26M 3 VNGGames Studios $25M 4 Funtap Games Joint Stock Company $11M 5 Bravestars Games $11M 6 ABI GAMES PTE. LTD. $8M 7 AMANOTES PTE. LTD. $8M 8 AMOBEAR TECHNOLOGY GROUP $8M 9 PixOn Games $6M 10 Vulcan Labs Company Limited $4M

XU HƯỚNG PHÁT HÀNH THEO THỂ LOẠI (2021 - 2026) Casual Hypercasual Midcore 598 439 194 2021 984 990 306 2022 1318 1122 307 2023 1504 828 341 2024 2151 594 448 2025 407 237 195 2026

TOP THỂ LOẠI THỊNH HÀNH NĂM 2026 TOP THỂ LOẠI Hạng Thể Loại (Genre) Số lượng 1 Puzzle 314 2 Arcade 120 3 RPG 114 4 Simulation 89 5 Strategy 56 6 Tabletop 37 7 Action 34 8 Casino 33 9 Adventure 22 10 Racing 20 TOP THỂ LOẠI CON Hạng Thể Loại Con (Subgenre) Số lượng 1 Sort Puzzle 138 2 Arcade: Other 84 3 Block Puzzle 52 4 Idle RPG 43 5 MMORPG 35 6 Puzzle: Other 31 7 Real Time Strategy 25 8 Adventure: Other 21 9 Arcade Racing 18 10 Dice 17

/* Ép font Montserrat cho toàn bộ nội dung trong block này */ .gc-report-embed, .gc-report-embed * { font-family: 'Montserrat', sans-serif !important; box-sizing: border-box; }

.gc-report-embed { width: 100%; max-width: 100%; clear: both; margin: 40px 0; overflow: hidden; }

.gc-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 30px; background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%); border-radius: 40px; display: flex; flex-direction: column; gap: 50px; box-shadow: 0 30px 70px rgba(0,0,0,0.25); border: 4px solid rgba(255,255,255,0.2); } .gc-header { text-align: center; color: white; } .gc-header h1 { font-size: clamp(26px, 4.5vw, 48px) !important; margin: 0 0 12px 0 !important; text-transform: uppercase; font-weight: 900 !important; color: #ffffff !important; text-shadow: 3px 3px 0 rgba(0,0,0,0.2); line-height: 1.1; } .gc-credits-top { display: inline-flex; align-items: center; background: rgba(0, 0, 0, 0.45); padding: 10px 28px; border-radius: 50px; color: white; font-size: clamp(12px, 1.5vw, 15px); font-weight: 700; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); flex-wrap: wrap; justify-content: center; gap: 5px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); } .gc-credits-top img { height: 28px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); vertical-align: middle; } .gc-section-title-wrapper { display: flex; justify-content: center; margin-top: 20px; } .gc-section-title { font-size: clamp(15px, 2vw, 26px) !important; font-weight: 900 !important; color: white !important; text-align: center; background: rgba(0, 0, 0, 0.25); padding: 14px 40px; border-radius: 50px; border: 3px solid rgba(255,255,255,0.35); text-transform: uppercase; box-shadow: 0 8px 20px rgba(0,0,0,0.1); text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .gc-boards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 50px; } .gc-board { background: #ffffff; border-radius: 35px; padding: 35px 30px; box-shadow: 0 25px 50px rgba(0,0,0,0.18); border: 6px solid rgba(255,255,255,0.75); position: relative; margin-top: 30px; } .gc-board-title { font-size: clamp(18px, 1.8vw, 24px) !important; text-align: center; color: white; padding: 12px 40px; border-radius: 20px; position: absolute; top: -32px; left: 50%; transform: translateX(-50%); border: 4px solid white; font-weight: 900 !important; box-shadow: 0 10px 20px rgba(0,0,0,0.2); white-space: nowrap; } .gc-title-downloads { background: #0984e3; } .gc-title-revenue { background: #00b894; } .gc-list-header { display: flex; padding: 10px 10px 10px 10px; font-size: 14px; color: #636e72; font-weight: 800; border-bottom: 3px dashed #dfe6e9; margin-bottom: 20px; text-transform: uppercase; } .gc-list-row { display: flex; align-items: center; background: #f8f9fa; margin-bottom: 12px; padding: 12px 15px; border-radius: 18px; font-weight: 700; font-size: clamp(14px, 1.6vw, 17px); transition: transform 0.2s, box-shadow 0.2s; } .gc-list-row:hover { transform: scale(1.02); box-shadow: 0 6px 15px rgba(0,0,0,0.08); } .gc-col-rank { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #b2bec3; color: white; font-size: 18px; font-weight: 900; margin-right: 15px; flex-shrink: 0; } .gc-rank-1 { background: #FFD700; border: 2px solid #fff; color: #8a6500; box-shadow: 0 5px 12px rgba(255,215,0,0.4); } .gc-rank-2 { background: #C0C0C0; border: 2px solid #fff; color: #444; } .gc-rank-3 { background: #CD7F32; border: 2px solid #fff; color: white; } .gc-col-name { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 5px; color: #2d3436; } .gc-col-stat { width: 100px; text-align: right; font-size: clamp(16px, 1.6vw, 19px); font-weight: 800; } .gc-stat-dl { color: #0984e3; } .gc-stat-rev { color: #00b894; }

/* CHART STYLES */ .gc-chart-board { background: #ffffff; border-radius: 35px; padding: 35px; box-shadow: 0 25px 50px rgba(0,0,0,0.18); border: 6px solid rgba(255,255,255,0.75); } .gc-legend { display: flex; justify-content: center; gap: 25px; margin-bottom: 30px; flex-wrap: wrap; } .gc-legend-item { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 800; background: #f1f2f6; padding: 10px 24px; border-radius: 50px; color: #2d3436; } .gc-dot { width: 14px; height: 14px; border-radius: 50%; } .gc-chart-scrollable { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 5px; } .gc-chart-container { display: flex; justify-content: space-between; align-items: flex-end; height: 350px; min-width: 800px; padding: 30px 15px 0 10px; background: white; } .gc-year-group { display: flex; flex-direction: column; align-items: center; flex: 1; } .gc-bars-wrapper { display: flex; align-items: flex-end; justify-content: center; gap: 8px; height: 260px; width: 100%; border-bottom: 3px solid #dfe6e9; padding-bottom: 8px; margin-bottom: 12px; } .gc-bar-col { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; } /* Thiết lập chiều cao mặc định ban đầu là 0% để GSAP tự kích hoạt mọc lên */ .gc-bar { width: 32px; border-radius: 10px 10px 0 0; box-shadow: 0 4px 12px rgba(0,0,0,0.1); height: 0%; } .gc-bar-value { font-size: 12px; font-weight: 800; color: #2d3436; margin-bottom: 6px; transform: rotate(-45deg); transform-origin: left bottom; white-space: nowrap; opacity: 0; } .gc-year-label { font-size: 19px; font-weight: 900; color: #636e72; }

@media (max-width: 768px) { .gc-container { padding: 35px 20px; gap: 35px; } .gc-board { padding: 30px 20px; } .gc-list-row { padding: 10px 12px; } .gc-col-rank { width: 34px; height: 34px; font-size: 15px; margin-right: 10px; } .gc-col-stat { width: 90px; } .gc-chart-board { padding: 25px 15px; } }

document.addEventListener("DOMContentLoaded", function() { gsap.registerPlugin(ScrollTrigger);

// 1. Hiệu ứng Header rơi tự do nhẹ nhàng khi vừa cuộn tới let tlHeader = gsap.timeline({ scrollTrigger: { trigger: ".gc-header", start: "top 85%" } }); tlHeader.from(".gsap-header-title", { y: -60, opacity: 0, duration: 0.8, ease: "back.out(1.7)" }) .from(".gsap-header-credits", { y: 20, opacity: 0, duration: 0.6, ease: "power2.out" }, "-=0.3");

// 2. Phân đoạn 1: Nhà Phát Hành (Tiêu đề nảy, 2 bảng đâm xiên vào tâm) gsap.from(".gsap-title-1", { scrollTrigger: { trigger: ".gsap-title-1", start: "top 85%" }, scale: 0.8, opacity: 0, duration: 0.6, ease: "back.out(2)" });

gsap.from(".gc-board.gsap-board-left", { scrollTrigger: { trigger: ".gc-boards-grid", start: "top 80%" }, x: -120, opacity: 0, duration: 0.8, ease: "power3.out" }); gsap.from(".gc-board.gsap-board-right", { scrollTrigger: { trigger: ".gc-boards-grid", start: "top 80%" }, x: 120, opacity: 0, duration: 0.8, ease: "power3.out" });

// Các hàng danh sách trượt nảy liên tiếp (Stagger) gsap.from(".gsap-row-left", { scrollTrigger: { trigger: ".gsap-board-left", start: "top 70%" }, y: 30, opacity: 0, duration: 0.4, stagger: 0.08, ease: "back.out(1.2)" }); gsap.from(".gsap-row-right", { scrollTrigger: { trigger: ".gsap-board-right", start: "top 70%" }, y: 30, opacity: 0, duration: 0.4, stagger: 0.08, ease: "back.out(1.2)" });

// 3. Phân đoạn 2: Biểu đồ cột (Kỹ thuật mọc thanh dữ liệu độc quyền của Rockstar) gsap.from(".gsap-title-2", { scrollTrigger: { trigger: ".gsap-title-2", start: "top 85%" }, scale: 0.8, opacity: 0, duration: 0.6, ease: "back.out(2)" });

gsap.from(".gsap-chart-board", { scrollTrigger: { trigger: ".gsap-chart-board", start: "top 80%" }, y: 50, opacity: 0, duration: 0.8, ease: "power2.out" });

// Quét toàn bộ cột dữ liệu và tăng chiều cao từ 0% lên đúng data-height gsap.utils.toArray(".gsap-chart-bar").forEach(bar => { let targetHeight = bar.getAttribute("data-height"); let valLabel = bar.parentElement.querySelector(".gc-bar-value");

gsap.to(bar, { height: targetHeight, duration: 1.2, ease: "power4.out", scrollTrigger: { trigger: ".gc-chart-container", start: "top 75%" } });

gsap.to(valLabel, { opacity: 1, y: 0, duration: 0.5, delay: 0.5, scrollTrigger: { trigger: ".gc-chart-container", start: "top 75%" } }); });

// 4. Phân đoạn 3: Thể Loại (Tiêu đề nảy, 2 bảng đâm xiên vào tâm) gsap.from(".gsap-title-3", { scrollTrigger: { trigger: ".gsap-title-3", start: "top 85%" }, scale: 0.8, opacity: 0, duration: 0.6, ease: "back.out(2)" });

gsap.from(".gc-board.gsap-genres-left", { scrollTrigger: { trigger: ".gsap-genres-left", start: "top 80%" }, x: -120, opacity: 0, duration: 0.8, ease: "power3.out" }); gsap.from(".gc-board.gsap-genres-right", { scrollTrigger: { trigger: ".gsap-genres-right", start: "top 80%" }, x: 120, opacity: 0, duration: 0.8, ease: "power3.out" });

gsap.from(".gsap-row-gleft", { scrollTrigger: { trigger: ".gsap-genres-left", start: "top 70%" }, y: 30, opacity: 0, duration: 0.4, stagger: 0.08, ease: "back.out(1.2)" }); gsap.from(".gsap-row-gright", { scrollTrigger: { trigger: ".gsap-genres-right", start: "top 70%" }, y: 30, opacity: 0, duration: 0.4, stagger: 0.08, ease: "back.out(1.2)" }); });

BÁO CÁO THỊ TRƯỜNG GAME VIỆT NAM

Về Game Cuối

Categories

BÁO CÁO THỊ TRƯỜNG GAME VIỆT NAM

Về Game Cuối

Categories

Tags