Musical Bubble

Players control a circular entity as it bounces around a vibrantly colored space filled with musical notes and bubbles. The objective is to merge these bubbles by creating pairs or sets of three, eliminating them from the playing area and earning points in the process. The game requires players to think ahead and plan their movements, as they need to strategically position themselves to collect and combine bubbles. The game also has a time-based component, where players can earn bonus points for clearing bubbles within a set time frame. This game is designed for the web and does not require any download or registration to play. </div> <div class="flex flex-wrap gap-4"> <a href="https://www.ovigames.com/category/puzzle-games" class="flex items-center text-base font-bold text-white text-opacity-75 no-underline bg-[#212233] h-10 px-4 rounded-lg hover:bg-violet-900"> Puzzle Games <span class="inline-block ml-2 text-opacity-100 text-violet-500">5909</span> </a><a href="https://www.ovigames.com/tag/arcade" class="flex items-center text-base font-bold text-white text-opacity-75 no-underline bg-[#212233] h-10 px-4 rounded-lg hover:bg-violet-900"> Arcade <span class="inline-block ml-2 text-opacity-100 text-violet-500">6231</span> </a><a href="https://www.ovigames.com/tag/bejeweled" class="flex items-center text-base font-bold text-white text-opacity-75 no-underline bg-[#212233] h-10 px-4 rounded-lg hover:bg-violet-900"> Bejeweled <span class="inline-block ml-2 text-opacity-100 text-violet-500">235</span> </a><a href="https://www.ovigames.com/tag/bubble-shooter" class="flex items-center text-base font-bold text-white text-opacity-75 no-underline bg-[#212233] h-10 px-4 rounded-lg hover:bg-violet-900"> Bubble Shooter <span class="inline-block ml-2 text-opacity-100 text-violet-500">601</span> </a><a href="https://www.ovigames.com/tag/coloring" class="flex items-center text-base font-bold text-white text-opacity-75 no-underline bg-[#212233] h-10 px-4 rounded-lg hover:bg-violet-900"> Coloring <span class="inline-block ml-2 text-opacity-100 text-violet-500">1186</span> </a><a href="https://www.ovigames.com/tag/match-3" class="flex items-center text-base font-bold text-white text-opacity-75 no-underline bg-[#212233] h-10 px-4 rounded-lg hover:bg-violet-900"> Match 3 <span class="inline-block ml-2 text-opacity-100 text-violet-500">794</span> </a> </div> </div> <div class="bg-[#1a1b28] p-6 rounded-lg text-white space-y-4" style="min-height: 200px;"> <div class="text-xl font-extrabold">Play Musical Bubble </div> <div class="description" id="gamemonetize-video" style="width: 100%; height: 480px;"> </div> <script type="text/javascript"> window.VIDEO_OPTIONS = { gameid : "wrfwczqiwv93yheyu2b08pk9x3rknffl", width : "100%", height : $( document ).width() < 600 ? "320px" : "480px", color : "#3f007e" }; (function (a, b, c) { var d = a.getElementsByTagName(b)[0]; a.getElementById(c) || (a = a.createElement(b), a.id = c, a.src = "https://api.gamemonetize.com/video.js?v=" + Date.now(), d.parentNode.insertBefore(a, d)) })(document, "script", "gamemonetize-video-api"); </script> </div> </div> <div class="space-y-4 shrink-0 bg-[#1a1b28] p-2 rounded-lg"> <div class="relative flex items-center justify-center w-[300px] ads300-container border border-[#28293D] h-[600px] bg-[#181925]"><div class="fn-left" style="width: 160px;text-align: center;padding: 10px;"></div></div> </div> </div> </div> <div class="w-full lg:w-[340px]"> <div class="grid grid-cols-5 gap-2 lg:grid-cols-2"> <div class="relative hidden col-span-2 row-span-2 ads300-container border border-[#28293D] h-[282px] bg-[#181925]"><div style="text-align:center;margin:0 auto;width:300px; height:250px;"> <script src="https://analytics.ahrefs.com/analytics.js" data-key="/yvMGUQJ18j8suornIoWsA" async></script> </div></div> <a href="https://www.ovigames.com/game/2048-bubble-box-3d" aria-label="2048 Bubble Box 3D" data-wt-video="https://gamemonetize.video/video/q2kj6s7yjm91dxq7ajmcl67xgc4qg568-1701369843.mp4" class="relative" > <img src="https://img.gamemonetize.com/q2kj6s7yjm91dxq7ajmcl67xgc4qg568/512x384.jpg" width="166" height="166" alt="2048 Bubble Box 3D image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">2048 Bubble Box 3D</p> </a><a href="https://www.ovigames.com/game/3d-bubble-rush" aria-label="3d Bubble Rush" data-wt-video="https://gamemonetize.video/video/mt98scklwbj9b3e4rj76fjopcopu4543-1677788881.mp4" class="relative" > <img src="https://img.gamemonetize.com/mt98scklwbj9b3e4rj76fjopcopu4543/512x384.jpg" width="166" height="166" alt="3d Bubble Rush image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">3d Bubble Rush</p> </a><a href="https://www.ovigames.com/game/3d-bubble-rush-game" aria-label="3D Bubble Rush Game" data-wt-video="https://gamemonetize.video/video/ru1cobxnywerysikpi5x2bl6olmw6xt9-1692089783.mp4" class="relative" > <img src="https://img.gamemonetize.com/ru1cobxnywerysikpi5x2bl6olmw6xt9/512x384.jpg" width="166" height="166" alt="3D Bubble Rush Game image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">3D Bubble Rush Game</p> </a><a href="https://www.ovigames.com/game/456-minimal-bubble-shooter" aria-label="456 Minimal Bubble Shooter" data-wt-video="https://gamemonetize.video/video/38mkqmjp4j4dcznqgqs0084iosnvzvcd-1675604482.mp4" class="relative" > <img src="https://img.gamemonetize.com/38mkqmjp4j4dcznqgqs0084iosnvzvcd/512x384.jpg" width="166" height="166" alt="456 Minimal Bubble Shooter image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">456 Minimal Bubble Shooter</p> </a><a href="https://www.ovigames.com/game/aliens-bubble-shooter" aria-label="Aliens Bubble Shooter" data-wt-video="https://gamemonetize.video/video/2luzmu0nb6u7xd4r838jou42h7c7udhx-1698543246.mp4" class="relative" > <img src="https://img.gamemonetize.com/2luzmu0nb6u7xd4r838jou42h7c7udhx/512x384.jpg" width="166" height="166" alt="Aliens Bubble Shooter image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Aliens Bubble Shooter</p> </a><a href="https://www.ovigames.com/game/amazing-bubble-breaker" aria-label="Amazing Bubble Breaker" data-wt-video="https://gamemonetize.video/video/4kci7og3klgj0ivy2wz3gdvd9dth5e7n-1685566147.mp4" class="relative" > <img src="https://img.gamemonetize.com/cfmc1dl5vfalwehf1h97tpd8x0573vig/512x384.jpg" width="166" height="166" alt="Amazing Bubble Breaker image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Amazing Bubble Breaker</p> </a> <a href="https://www.ovigames.com/game/amazing-bubble-connect" aria-label="Amazing Bubble Connect" data-wt-video="https://gamemonetize.video/video/4kci7og3klgj0ivy2wz3gdvd9dth5e7n-1685566147.mp4" class="relative" > <img src="https://img.gamemonetize.com/69sbn7id0yzwwrawqhypq3zeb4q2zsl6/512x384.jpg" width="166" height="166" alt="Amazing Bubble Connect image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Amazing Bubble Connect</p> </a><a href="https://www.ovigames.com/game/among-us-bubble-shoot-puzzle" aria-label="Among Us Bubble Shoot Puzzle" data-wt-video="https://gamemonetize.video/video/op25bvloufijhijyjah6wvxlt6m4hhe5-1683850712.mp4" class="relative" > <img src="https://img.gamemonetize.com/op25bvloufijhijyjah6wvxlt6m4hhe5/512x384.jpg" width="166" height="166" alt="Among Us Bubble Shoot Puzzle image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Among Us Bubble Shoot Puzzle</p> </a><a href="https://www.ovigames.com/game/among-us-bubble-shooter" aria-label="Among Us Bubble Shooter" data-wt-video="https://gamemonetize.video/video/4kci7og3klgj0ivy2wz3gdvd9dth5e7n-1685566147.mp4" class="relative" > <img src="https://img.gamemonetize.com/hlj4qz7yzp0zf4drvvcqavmpow3ln8l5/512x384.jpg" width="166" height="166" alt="Among Us Bubble Shooter image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Among Us Bubble Shooter</p> </a><a href="https://www.ovigames.com/game/animal-bubble-blast" aria-label="Animal Bubble Blast" data-wt-video="https://gamemonetize.video/video/4lsmyhpftn7qq3witjb90zwhcyfgqx7d.mp4" class="relative" > <img src="https://img.gamemonetize.com/4lsmyhpftn7qq3witjb90zwhcyfgqx7d/512x384.jpg" width="166" height="166" alt="Animal Bubble Blast image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Animal Bubble Blast</p> </a><a href="https://www.ovigames.com/game/animal-bubble-pixel" aria-label="Animal Bubble Pixel" data-wt-video="https://gamemonetize.video/video/nlufprg5cna5kocdpdnzv10lwzbt8sok.mp4" class="relative" > <img src="https://img.gamemonetize.com/nlufprg5cna5kocdpdnzv10lwzbt8sok/512x384.jpg" width="166" height="166" alt="Animal Bubble Pixel image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Animal Bubble Pixel</p> </a><a href="https://www.ovigames.com/game/avengers-bubble-shooter" aria-label="Avengers Bubble Shooter" data-wt-video="https://gamemonetize.video/video/ievzgq9te9krkvchkmbd8klt5aafl7m4-1687634532.mp4" class="relative" > <img src="https://img.gamemonetize.com/ievzgq9te9krkvchkmbd8klt5aafl7m4/512x384.jpg" width="166" height="166" alt="Avengers Bubble Shooter image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Avengers Bubble Shooter</p> </a> <a href="https://www.ovigames.com/game/world-of-alice-animals-puzzle" aria-label="World of Alice Animals Puzzle" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/x6od5q5lupuom74paxg1cvgchssh86de-1714044495.mp4" > <img src="https://img.gamemonetize.com/x6od5q5lupuom74paxg1cvgchssh86de/512x384.jpg" width="166" height="166" alt="World of Alice Animals Puzzle image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">World of Alice Animals Puzzle</p> </a><a href="https://www.ovigames.com/game/mario-dash-jetpack" aria-label="Mario Dash JetPack" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/x7zr78gewf077zfc7xcnnxqn2shqqlnr-1676578901.mp4" > <img src="https://img.gamemonetize.com/x7zr78gewf077zfc7xcnnxqn2shqqlnr/512x384.jpg" width="166" height="166" alt="Mario Dash JetPack image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Mario Dash JetPack</p> </a><a href="https://www.ovigames.com/game/baby-winter-dress-up" aria-label="Baby Winter Dress up" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/3mv48l93n5kq69ejqz7ddr07vwh4sbf0-1668189966.mp4" > <img src="https://img.gamemonetize.com/3mv48l93n5kq69ejqz7ddr07vwh4sbf0/512x384.jpg" width="166" height="166" alt="Baby Winter Dress up image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Baby Winter Dress up</p> </a><a href="https://www.ovigames.com/game/diy-makeup-artist" aria-label="Diy Makeup Artist" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/9mzjutrz5xbmfifbzx6kb1z32kw2g0f4-1668262904.mp4" > <img src="https://img.gamemonetize.com/9mzjutrz5xbmfifbzx6kb1z32kw2g0f4/512x384.jpg" width="166" height="166" alt="Diy Makeup Artist image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Diy Makeup Artist</p> </a><a href="https://www.ovigames.com/game/pop-the-bear" aria-label="Pop The Bear" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/s3i4wgj4ffyd49vej3zbzhqtixlspxqh-1668897094.mp4" > <img src="https://img.gamemonetize.com/s3i4wgj4ffyd49vej3zbzhqtixlspxqh/512x384.jpg" width="166" height="166" alt="Pop The Bear image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Pop The Bear</p> </a><a href="https://www.ovigames.com/game/nubic-vs-huggy-wuggy" aria-label="Nubic vs Huggy Wuggy" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/svdy9up08q9bnx97v2623zfvb8eyz6eu-1670967388.mp4" > <img src="https://img.gamemonetize.com/svdy9up08q9bnx97v2623zfvb8eyz6eu/512x384.jpg" width="166" height="166" alt="Nubic vs Huggy Wuggy image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Nubic vs Huggy Wuggy</p> </a><a href="https://www.ovigames.com/game/tower-run-game" aria-label="Tower Run Game" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/xll51du9ym93kbwmtljn856y9fbzrfpb-1675908422.mp4" > <img src="https://img.gamemonetize.com/xll51du9ym93kbwmtljn856y9fbzrfpb/512x384.jpg" width="166" height="166" alt="Tower Run Game image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Tower Run Game</p> </a><a href="https://www.ovigames.com/game/k-sniper-squid-game-challenge" aria-label="K-Sniper Squid Game Challenge" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/vcoz4sjy5ba3ovqzueh28llrxvndpd9t-1705542380.mp4" > <img src="https://img.gamemonetize.com/vcoz4sjy5ba3ovqzueh28llrxvndpd9t/512x384.jpg" width="166" height="166" alt="K-Sniper Squid Game Challenge image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">K-Sniper Squid Game Challenge</p> </a><a href="https://www.ovigames.com/game/abc-kids-tracing-amp-amp-phonics" aria-label="ABC Kids - Tracing amp;amp; Phonics" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/uvhdcz0hrydzotfzvfmoisy37u474gr9-1702507472.mp4" > <img src="https://img.gamemonetize.com/uvhdcz0hrydzotfzvfmoisy37u474gr9/512x384.jpg" width="166" height="166" alt="ABC Kids - Tracing amp;amp; Phonics image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">ABC Kids - Tracing amp;amp; Phonics</p> </a><a href="https://www.ovigames.com/game/traffic-car-run" aria-label="Traffic Car Run" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/4kci7og3klgj0ivy2wz3gdvd9dth5e7n-1685566147.mp4" > <img src="https://img.gamemonetize.com/mmly8dokv2nu2nhon1twpxdcpzxqm1i9/512x384.jpg" width="166" height="166" alt="Traffic Car Run image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Traffic Car Run</p> </a><a href="https://www.ovigames.com/game/boxkid" aria-label="BoxKid" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/5n457bokojcj6nllso7q8hwq0km8dapi-1698787860.mp4" > <img src="https://img.gamemonetize.com/5n457bokojcj6nllso7q8hwq0km8dapi/512x384.jpg" width="166" height="166" alt="BoxKid image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">BoxKid</p> </a><a href="https://www.ovigames.com/game/hello-kitty-nail-salon-fashion-star" aria-label="Hello Kitty Nail Salon - Fashion Star" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/0qe0t6i0xkf6vcdu9bax7wmqhud1k5w1-1682170719.mp4" > <img src="https://img.gamemonetize.com/0qe0t6i0xkf6vcdu9bax7wmqhud1k5w1/512x384.jpg" width="166" height="166" alt="Hello Kitty Nail Salon - Fashion Star image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Hello Kitty Nail Salon - Fashion Star</p> </a><a href="https://www.ovigames.com/game/climber-draw" aria-label="Climber Draw" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/n8ofwgnogfl04lnakfiqgtysuqwcg3j4-1689714771.mp4" > <img src="https://img.gamemonetize.com/n8ofwgnogfl04lnakfiqgtysuqwcg3j4/512x384.jpg" width="166" height="166" alt="Climber Draw image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Climber Draw</p> </a><a href="https://www.ovigames.com/game/bicycle-rickshaw-simulator" aria-label="Bicycle Rickshaw Simulator" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/bis1ig1owg9nk6a8yuyittuv3cmi1jxd-1698532072.mp4" > <img src="https://img.gamemonetize.com/bis1ig1owg9nk6a8yuyittuv3cmi1jxd/512x384.jpg" width="166" height="166" alt="Bicycle Rickshaw Simulator image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Bicycle Rickshaw Simulator</p> </a><a href="https://www.ovigames.com/game/golf-solitaire" aria-label="Golf Solitaire" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/aa2lpk5087jb0nulu9sgvpsz9cax654h-1698288538.mp4" > <img src="https://img.gamemonetize.com/aa2lpk5087jb0nulu9sgvpsz9cax654h/512x384.jpg" width="166" height="166" alt="Golf Solitaire image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Golf Solitaire</p> </a><a href="https://www.ovigames.com/game/football-flick" aria-label="Football Flick" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/4kci7og3klgj0ivy2wz3gdvd9dth5e7n-1685566147.mp4" > <img src="https://img.gamemonetize.com/necs6mnhw2igl2f96padhtfjc4gyhyz4/512x384.jpg" width="166" height="166" alt="Football Flick image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Football Flick</p> </a><a href="https://www.ovigames.com/game/baby-noob-vs-heroman-2-player" aria-label="Baby Noob vs Heroman 2 Player" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/82rtwcjengxh8wh6tg4kq45wmaiumpp0-1735730629.mp4" > <img src="https://img.gamemonetize.com/82rtwcjengxh8wh6tg4kq45wmaiumpp0/512x384.jpg" width="166" height="166" alt="Baby Noob vs Heroman 2 Player image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Baby Noob vs Heroman 2 Player</p> </a><a href="https://www.ovigames.com/game/cave-crawl" aria-label="Cave Crawl" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/1u492fibjslm6syrz9l99y3ms2ebysad.mp4" > <img src="https://img.gamemonetize.com/1u492fibjslm6syrz9l99y3ms2ebysad/512x384.jpg" width="166" height="166" alt="Cave Crawl image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Cave Crawl</p> </a><a href="https://www.ovigames.com/game/hunter-tung-tung-sahur" aria-label="Hunter Tung Tung Sahur" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/2x4uo0nhkmx8q888i1ni2glm3th7kln2.mp4" > <img src="https://img.gamemonetize.com/2x4uo0nhkmx8q888i1ni2glm3th7kln2/512x384.jpg" width="166" height="166" alt="Hunter Tung Tung Sahur image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">Hunter Tung Tung Sahur</p> </a><a href="https://www.ovigames.com/game/city-cargo-truck-driving-game" aria-label="City Cargo Truck Driving Game" class="relative hidden lg:block" data-wt-video="https://gamemonetize.video/video/2t96bk2qy6gfeqe3wvcorrpkytk33rcf.mp4" > <img src="https://img.gamemonetize.com/2t96bk2qy6gfeqe3wvcorrpkytk33rcf/512x384.jpg" width="166" height="166" alt="City Cargo Truck Driving Game image" loading="lazy" class="object-cover aspect-square rounded-2xl"> <p class="px-2 mt-2 text-xs font-bold text-center text-white truncate lg:hidden" data-url="" data-scale="1.2" data-translate="-23px,-25px">City Cargo Truck Driving Game</p> </a> </div> </div> </div> <script type="text/javascript"> var objGameFlash = null; var percentage = 0; t1 = setInterval("getPercentage()", 200); function getPercentage() { if (objGameFlash == null) objGameFlash = getGameFlashObj(); if (objGameFlash) { try { percentage = objGameFlash.PercentLoaded(); if (percentage < 0 || typeof(percentage) == 'undefined') percentage = 100; } catch (e) { percentage = 100; } } else { percentage = 100; } if (percentage == 100) { clearInterval(t1); } return percentage; } function getGameFlashObj() { if (window.document.GameEmbedSWF) return window.document.GameEmbedSWF; } function showGame() { $("#loader_container").css({ visibility: "hidden", display: "none" }); $("#gameDiv").css({ visibility: "visible", display: "block", height: "100%" }); showGameBox(); u3dplay(); } </script> <script type="text/javascript"> $(function() { if (window.location.pathname === '/') return; var columnWidthValue = 185; let isMobile = window.matchMedia("only screen and (max-width: 600px)").matches; if (isMobile) { columnWidthValue = $(window).width() / 2; } var $container = $('#game-list-container'); window.addEventListener('resize', function(event) { var columnWidthValue = 185; let isMobile = window.matchMedia("only screen and (max-width: 600px)").matches; if (isMobile) { columnWidthValue = $(window).width() / 2; } var $container = $('#game-list-container'); }); if (PageType == "games" || PageType == "best") { $(window).scroll(function() { if ($(document).scrollTop() + $(window).height() > $(document).height() - 500) { if (!loading) { loading = true; jsonajax(30); } } }); } var LoadedGamesNum = 0; var loading = false; function jsonajax(e) { if (e <= 0) return; if (typeof cat !== 'undefined') { url = "/ajax_loadmoregames.php?LoadedGamesNum=" + LoadedGamesNum + "&num=" + e + "&ids=" + ids + "&cat=" + cat; } else { url = "/ajax_loadmoregames.php?LoadedGamesNum=" + LoadedGamesNum + "&num=" + e + "&ids=" + ids + "&pagetype=" + PageType; } $.ajax({ url: url, success: function(t) { if (t == 'NoData') { loading = true; } else { var $html = $(t); $container.append($html); loading = false; } LoadedGamesNum = LoadedGamesNum + e; } }); } }); if (typeof PageType !== 'undefined') { if (PageType == "played") { //$(".bottomtext").hide(); } } </script> <script src='https://api.gamemonetize.com/cms.js?1776657840'></script> </div> <div id="BackTop"></div> <script type="text/javascript"> var PreGameAdURL = ""; function getcookie(name) { var cookie_start = document.cookie.indexOf(name); var cookie_end = document.cookie.indexOf(";", cookie_start); return cookie_start == -1 ? '' : unescape(document.cookie.substring(cookie_start + name.length + 1, (cookie_end > cookie_start ? cookie_end : document.cookie.length))); } function setcookie(cookieName, cookieValue, seconds, path, domain, secure) { var expires = new Date(); expires.setTime(expires.getTime() + seconds); document.cookie = escape(cookieName) + '=' + escape(cookieValue) + (expires ? '; expires=' + expires.toGMTString() : '') + (path ? '; path=' + path : '/') + (domain ? '; domain=' + domain : '') + (secure ? '; secure' : ''); } function ClearPlayedGames() { setcookie("lastplayedgames", "", -360000, "/"); return false; } function PlayedGames(game_id) { var playedgames = getcookie("playedgames"); if (playedgames.indexOf("," + game_id + ",") > -1) { playedgames = playedgames.replace("," + game_id + ",", ''); } else { if (playedgames == "" || playedgames == ",") { playedgames = "," + game_id + ","; } else { playedgames = "," + game_id + "," + playedgames; } } setcookie("playedgames", playedgames, 25920000000, "/"); } $(document).ready(function() { PlayedGames(9052); }); window.setTimeout(function() { __upGame_rx8(9052) }, 2000); var descriptionURL = "http://www.ovigames.com/game/musical-bubble"; var iframe = '<iframe src="https://html5.gamemonetize.com/wrfwczqiwv93yheyu2b08pk9x3rknffl/" id="game-player" title="game-player" width="100%" height="100%" frameborder="0" scrolling="no" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'; function ReqGameFullscreen() { let gameElement = document.getElementById('gameDiv'); $("#ava-game_container").removeClass("max-h-[calc(100svh-240px)]"); $("#ava-game_container").addClass("max-h-[calc(100svh-45px)]"); $('.game-zoom-btn').addClass("hidden"); $('#exitFullscreen-btn').removeClass("hidden"); if (gameElement.requestFullscreen) { gameElement.requestFullscreen(); } else if (gameElement.mozRequestFullScreen) { // Mozilla gameElement.mozRequestFullScreen(); } else if (gameElement.webkitRequestFullscreen) { // Webkit gameElement.webkitRequestFullscreen(); } else if (gameElement.msRequestFullscreen) { // IE/Edge gameElement.msRequestFullscreen(); } } document.getElementById('exitFullscreen-btn').addEventListener('click', function() { exitFullscreen(); }); function exitFullscreen() { let gameElement = document.getElementById('gameDiv'); $("#ava-game_container").removeClass("max-h-[calc(100svh-45px)]"); $("#ava-game_container").addClass("max-h-[calc(100svh-240px)]"); $('.game-zoom-btn').removeClass("hidden"); $('#exitFullscreen-btn').addClass("hidden"); if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { // Mozilla document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { // Webkit document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { // IE/Edge document.msExitFullscreen(); } } $(document).ready(function() { $('.play-now-button').click(function(e) { $("#play-game-box").removeClass("hidden"); SkipAdAndShowGame(); $("#gamePlay-content").hide(); // $('#adsContainer').show(); if ($( document ).width() < 1024) { $("#header").hide(); $("#topad").hide(); $("#game-bottom").hide(); $(".play-game-bottom").hide(); $(".tags-walkthrough-container").hide(); $(".h-head").hide(); $(".game-zoom").hide(); // $("#adsContainer").hide(); $("#game-col").css("margin", "0px"); $("#game-col").css("height", "100svh"); $("#gameDiv").css("height", "100svh"); $("#gameDiv").css("width", "100vw"); $("#gameDiv").css("position", "fixed"); $("#gameDiv").css("top", "0"); $("#gameDiv").css("left", "0"); $("#gameDiv").css("z-index", "9999"); $("#ava-game_container").css("height", "100svh"); $('body').css('overflow', 'hidden'); $('.close-fullscreen').css('display', 'flex'); // GameFullscreen() // $("#game-preloading").show(); // setTimeout( // function() // { // $("#game-preloading").hide(); // PreRollAd.start(); // }, 550); // Tambahkan fungsi fullscreen // Call the fullscreen function ReqGameFullscreen(); } }); $('.show-more-games-button').click(function() { $(".gameplay-container").show(); $('a.hidden').removeClass('hidden'); $(this).hide(); }); }); function SkipAdAndShowGame() { $("#adsContainer").hide(); $(".game-box").html(iframe); } $(function() { $('.ad300').eq(0).show(); if ($('.ad300').size() > 1) { setInterval(function() { var first = $('.ad300').eq(0); first.hide(); $('.ad300').last().after(first); $('.ad300').eq(0).fadeIn(); }, 3000); } $('.adsmall').eq(0).show(); if ($('.adsmall').size() > 1) { setInterval(function() { var first = $('.adsmall').eq(0); first.hide(); $('.adsmall').last().after(first); $('.adsmall').eq(0).fadeIn(); }, 3000); } }) </script> <script type='text/javascript' src='//imasdk.googleapis.com/js/sdkloader/ima3.js'></script> <script type='text/javascript' src='https://api.gamemonetize.com/imasdk.js?1776679984'></script> <script> $(document).ready(function() { $("#adsContainer").hide(); $("#game-box").html(iframe); if ($('.ads300-container').children().length > 0) { $('.ads300-container').removeClass('hidden'); $('.ads300-container').addClass('flex items-center justify-center'); } }); </script>  </div> <script src="https://www.ovigames.com/templates/crazygames-like/js/libs/jquery.show-more.js"></script> <script> if (window.innerWidth <= 768) { $('#play-game-desc').showMore({ minheight: 145, maxWidth: "100%", }); } var cat = ""; </script> <script> function showPopup(message) { const popup = document.createElement('div'); popup.className = 'vote-popup'; popup.textContent = message; document.body.appendChild(popup); setTimeout(() => popup.classList.add('show'), 10); setTimeout(() => { popup.classList.remove('show'); setTimeout(() => popup.remove(), 250); }, 2000); } document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.vote-btn').forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); var type = this.getAttribute('data-type'); var gameId = this.getAttribute('data-id'); var button = this; console.log('CLICK', type, gameId); fetch('/ajax_vote.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: 'type=' + encodeURIComponent(type) + '&game_id=' + encodeURIComponent(gameId) }) .then(function(response) { return response.text(); }) .then(function(text) { console.log('RAW RESPONSE:', text); let data; try { data = JSON.parse(text); } catch (e) { showPopup('Invalid JSON response'); return; } if (data.status === 'ok') { if (document.getElementById('like-count')) { document.getElementById('like-count').innerText = data.likes; } if (document.getElementById('dislike-count')) { document.getElementById('dislike-count').innerText = data.dislikes; } if (document.getElementById('favorite-count')) { document.getElementById('favorite-count').innerText = data.favorites; } button.style.opacity = '0.5'; button.style.pointerEvents = 'none'; showPopup('Saved'); } else if (data.status === 'exists') { button.style.opacity = '0.5'; button.style.pointerEvents = 'none'; showPopup('Already voted'); } else { showPopup(data.message || 'Vote error'); } }) .catch(function(error) { console.log('FETCH ERROR:', error); showPopup('Request failed'); }); }); }); }); </script> <script> function formatNumber(num) { num = parseInt(num, 10); if (isNaN(num)) return '0'; if (num >= 1000000000) return (num / 1000000000).toFixed(1).replace('.0','') + 'B'; if (num >= 1000000) return (num / 1000000).toFixed(1).replace('.0','') + 'M'; if (num >= 1000) return (num / 1000).toFixed(1).replace('.0','') + 'K'; return num.toString(); } function showPopup(message) { const popup = document.createElement('div'); popup.className = 'vote-popup'; popup.textContent = message; document.body.appendChild(popup); setTimeout(() => popup.classList.add('show'), 10); setTimeout(() => { popup.classList.remove('show'); setTimeout(() => popup.remove(), 250); }, 2000); } function setCounts(data) { const like = document.getElementById('like-count'); const dislike = document.getElementById('dislike-count'); const favorite = document.getElementById('favorite-count'); const plays = document.getElementById('play-count'); if (like) like.innerText = formatNumber(data.likes || 0); if (dislike) dislike.innerText = formatNumber(data.dislikes || 0); if (favorite) favorite.innerText = formatNumber(data.favorites || 0); if (plays) plays.innerText = formatNumber(data.plays || 0) + ' plays'; } document.addEventListener('DOMContentLoaded', function () { const firstBtn = document.querySelector('.vote-btn'); if (firstBtn) { const gameId = firstBtn.getAttribute('data-id'); fetch('/ajax_vote.php?action=get_counts&game_id=' + encodeURIComponent(gameId)) .then(function(response) { return response.json(); }) .then(function(data) { if (data.status === 'ok') { setCounts(data); } }) .catch(function(error) { console.log('COUNT LOAD ERROR:', error); }); } document.querySelectorAll('.vote-btn').forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); var type = this.getAttribute('data-type'); var gameId = this.getAttribute('data-id'); var button = this; fetch('/ajax_vote.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: 'type=' + encodeURIComponent(type) + '&game_id=' + encodeURIComponent(gameId) }) .then(function(response) { return response.json(); }) .then(function(data) { if (data.status === 'ok') { setCounts(data); button.style.opacity = '0.5'; button.style.pointerEvents = 'none'; showPopup('Saved'); } else if (data.status === 'exists') { showPopup(data.message || 'Already voted'); } else { showPopup(data.message || 'Vote error'); } }) .catch(function(error) { console.log(error); showPopup('Request failed'); }); }); }); }); </script> <style> .report-toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95); background: #2f3150; color: #fff; padding: 12px 18px; border-radius: 12px; z-index: 10000; opacity: 0; transition: .25s ease; box-shadow: 0 12px 40px rgba(0,0,0,.35); font-size: 15px; font-weight: 600; } .report-toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); } </style> <script> function showReportToast(message) { const toast = document.createElement('div'); toast.className = 'report-toast'; toast.textContent = message; document.body.appendChild(toast); setTimeout(() => toast.classList.add('show'), 10); setTimeout(() => { toast.classList.remove('show'); setTimeout(() => toast.remove(), 250); }, 3000); } document.addEventListener('DOMContentLoaded', function () { const menuBtn = document.getElementById('report-open-menu'); const menu = document.getElementById('report-menu'); const wrap = document.getElementById('report-dropdown-wrap'); const modal = document.getElementById('report-modal'); const overlay = document.getElementById('report-modal-overlay'); const closeBtn = document.getElementById('report-close-btn'); const form = document.getElementById('report-form'); const typeSelect = document.getElementById('report-type'); const subjectInput = document.getElementById('report-subject'); const gameIdInput = document.getElementById('report-game-id'); const gameNameInput = document.getElementById('report-game-name'); function updateSubject() { const type = typeSelect.value; const gameName = gameNameInput.value || ''; const gameId = gameIdInput.value || ''; subjectInput.value = 'Game ' + type + ' report: ' + gameName + ' ' + gameId; } function openModal(reportType) { const gameId = menuBtn.getAttribute('data-game-id') || ''; const gameName = menuBtn.getAttribute('data-game-name') || ''; gameIdInput.value = gameId; gameNameInput.value = gameName; typeSelect.value = reportType; updateSubject(); modal.classList.remove('hidden'); overlay.classList.remove('hidden'); menu.classList.add('hidden'); } function closeModal() { modal.classList.add('hidden'); overlay.classList.add('hidden'); } if (menuBtn) { menuBtn.addEventListener('click', function(e) { e.preventDefault(); menu.classList.toggle('hidden'); }); } document.querySelectorAll('.report-type-item').forEach(function(item) { item.addEventListener('click', function() { openModal(this.getAttribute('data-type')); }); }); if (closeBtn) { closeBtn.addEventListener('click', closeModal); } if (overlay) { overlay.addEventListener('click', closeModal); } document.addEventListener('click', function(e) { if (wrap && !wrap.contains(e.target) && modal && !modal.contains(e.target)) { menu.classList.add('hidden'); } }); if (typeSelect) { typeSelect.addEventListener('change', updateSubject); } if (form) { form.addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(form); console.log('REPORT FORM DATA:'); for (const pair of formData.entries()) { console.log(pair[0] + ':', pair[1]); } fetch('/ajax_report.php', { method: 'POST', body: formData }) .then(function(response) { console.log('REPORT STATUS:', response.status); console.log('REPORT CONTENT-TYPE:', response.headers.get('content-type')); return response.text(); }) .then(function(text) { console.log('REPORT RAW RESPONSE START'); console.log(text); console.log('REPORT RAW RESPONSE END'); let data; try { data = JSON.parse(text.trim()); } catch (e) { console.log('JSON PARSE ERROR:', e); showReportToast('Invalid response from server.'); return; } if (data.status === 'ok') { closeModal(); form.reset(); gameIdInput.value = ''; gameNameInput.value = ''; typeSelect.value = 'Bug'; subjectInput.value = ''; showReportToast(data.message || 'Your report has been submitted successfully.'); } else { showReportToast(data.message || 'Failed to send report.'); } }) .catch(function(error) { console.log('REPORT ERROR:', error); showReportToast('Request failed.'); }); }); } }); </script> </div> <script> //gotop $(function() { var sT = $(window).scrollTop(); if ($(window).scrollTop() != "0") $("#BackTop").fadeIn("slow"); var scrollDiv = $("#BackTop"); $(window).scroll(function() { if ($(window).scrollTop() == "0") $(scrollDiv).fadeOut("slow") else $(scrollDiv).fadeIn("slow") }); $("#BackTop").click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }); }); </script> <script src="https://www.ovigames.com/templates/crazygames-like/js/global.js?ver=d3d59fabb2f4c91fd2c98796f678de3c"></script> <script src="https://www.ovigames.com/templates/crazygames-like/js/jquery.masnory.min.js"></script> <script src="https://www.ovigames.com/templates/crazygames-like/js/gamefree.js?ver=d3d59fabb2f4c91fd2c98796f678de3c"></script> <script src="https://www.ovigames.com/static/libs/js/jquery.form.min.js"></script> <script src="https://www.ovigames.com/static/libs/js/root.js"></script> <script src="https://www.ovigames.com/templates/crazygames-like/js/general.js?ver=d3d59fabb2f4c91fd2c98796f678de3c"></script> <script src="https://www.ovigames.com/templates/crazygames-like/js/index.js?ver=d3d59fabb2f4c91fd2c98796f678de3c"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@3.6.12/dist/js/splide.min.js"></script><script></script> <script> $('.sidebar').mouseenter(function() { $('.logo-icon').css('width', '120px'); $('.logo-icon').attr('src', '../../../static/logo/kizi/logo.png'); }); $('.sidebar').mouseleave(function() { $('.logo-icon').css('width', '35px'); $('.logo-icon').attr('src', '../../../static/logo/kizi/logo-35.png'); }); </script> </body> </html>