1v1 lol

Fortzone Battle Royale

Race Survival Arena King

Stickman Broken Bones io

Super Slime Eat everything around

Mahjong

Jogo 3

Vestir-se

Cozinhar

Solitário

Decoração do quarto

Estacionamento

Jogo de bolhas

Física

Defesa de torre

Bomberman

Jogos
Habilidade
IO
1v1 lol

1v1.lol </ititle> <cription> 1v1.lol é um emocionante tiro em terceira pessoa on-line que coloca suas habilidades de construção e combate em teste! Mergulhe em batalhas intensas onde a estratégia é tão importante quanto seu objetivo. Ao percorrer o mapa, você pode construir plataformas, rampas e paredes para se defender e superar seus oponentes. Imagine se esconder atrás de uma parede rapidamente construída ou ganhar o terreno alto com uma rampa bem posicionada. Essas mecânicas de construção adicionam uma reviravolta única ao jogo de tiro tradicional, tornando cada partida uma experiência emocionante. A principal atração de 1v1.lol é o seu modo 1V1 Battle Royale. Aqui, você vai frente a frente com outro jogador em uma luta para ser o último em pé. A vitória requer não apenas o tiro de precisão, mas também a construção inteligente para criar uma vantagem sobre o seu oponente. Esteja você se esquivando de balas ou construindo uma fortaleza defensiva, toda decisão é importante. Experimente estratégias diferentes e melhore suas habilidades ao escalar as tabelas de classificação. Você está pronto para se tornar o melhor campeão? Junte -se à ação agora e mostre seu prédio e proezas de tiro em 1v1.lol! </Descrição></p> <h3>Jogos relacionados:</h3> <div class="flex whitespace-nowrap flex-wrap gap-2"> <a href="https://www.jopi.com/pt/game/game/fortzone-battle-royale/">Fortzone Battle Royale</a> - <a href="https://www.jopi.com/pt/game/game/build-royale/">Build Royale</a> - <a href="https://www.jopi.com/pt/game/game/fortnite-get-skins/">Fortnite Get Skins</a> - <a href="https://www.jopi.com/pt/game/game/fortnite-shooter/">Fortnite Shooter</a> </div> <h3>Controles:</h3> <p>LMB para atirar/construir wasd para mover a barra de espaço para pular o turno para agachar Z, X, C, V ou Y para alternar as plataformas de construção F, 1 ou 2 para trocar as armas R para girar a escada/recarregar G para fazer a porta nas plataformas E para abrir as portas</p> <h3>1v1 lol On line</h3> <p>Você pode jogar 1v1 lol online, você pode jogar direto no seu navegador. Nenhum download é necessário.</p> <div class="flex flex-wrap whitespace-nowrap gap-2"> <a href="https://www.jopi.com/pt/cat/bubble-shooter/" class="subcategory-btn btn btn-sm btn-rounded bg-transparent" title="Jogo de bolhas games" > Jogo de bolhas </a> <a href="https://www.jopi.com/pt/cat/physics/" class="subcategory-btn btn btn-sm btn-rounded bg-transparent" title="Física games" > Física </a> <a href="https://www.jopi.com/pt/cat/pacman/" class="subcategory-btn btn btn-sm btn-rounded bg-transparent" title="Pac-Man games" > Pac-Man </a> <a href="https://www.jopi.com/pt/cat/io/" class="subcategory-btn btn btn-sm btn-rounded bg-transparent" title="IO games" > IO </a> <a href="https://www.jopi.com/pt/cat/mining/" class="subcategory-btn btn btn-sm btn-rounded bg-transparent" title="Exploração mineira games" > Exploração mineira </a> <a href="https://www.jopi.com/pt/cat/sonic/" class="subcategory-btn btn btn-sm btn-rounded bg-transparent" title="Sónico games" > Sónico </a> <a href="https://www.jopi.com/pt/t/fortnite/" class="subcategory-btn btn btn-sm btn-rounded bg-transparent" title="fortnite games" > fortnite </a> </div> </div> </div> </div> </div> </div> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js', {scope: '/1v1-lol/'}) .then(function (registration) { console.log('Service Worker registration successful with scope: ', registration.scope); }) .catch(function (err) { console.log('Service Worker registration failed: ', err); }); window.addEventListener('beforeinstallprompt', function (e) { e.userChoice.then(function (choiceResult) { }); }); } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-54120-99"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-54120-99'); </script> <footer class="footer-modern"> <div class="footer-container">  <div class="footer-left"> <div class="footer-brand"> <a href="https://www.jopi.com/pt/" class="footer-logo"> <img src="https://www.jopi.com/cdn-cgi/image/quality=78,width=110,height=56,fit=cover,f=auto/jopi.png" alt="logo" class="w-10 h-10"> </a> <p class="footer-tagline">Let the world play</p> </div> <div class="footer-language-wrapper"> <div x-data="{open: false}" class="language-popup-wrapper">  <button @click="open = true" class="btn-language border rounded-full border-base-200"> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=30,height=18,fit=cover,f=auto/img/flags/pt.png" alt="Linguagem" class="flag-icon" width="24" height="16"> <span class="language-text">Portuguese</span> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" class="chevron-icon"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </button>  <div x-show="open" @click.away="open = false" x-cloak x-transition class="language-popup-dropdown">  <button @click="open = false" class="language-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button>  <h2 class="language-popup-title">Select your language</h2> <div class="language-popup-grid"> <a href="https://www.jopi.com/cs/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/cs.png" alt="Czech" class="language-popup-flag"/> <span class="language-popup-name">Czech</span> </a> <a href="https://www.jopi.com/da/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/da.png" alt="Danish" class="language-popup-flag"/> <span class="language-popup-name">Danish</span> </a> <a href="https://www.jopi.com/nl/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/nl.png" alt="Dutch" class="language-popup-flag"/> <span class="language-popup-name">Dutch</span> </a> <a href="https://www.jopi.com/en/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/us.png" alt="English" class="language-popup-flag"/> <span class="language-popup-name">English</span> </a> <a href="https://www.jopi.com/fr/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/fr.png" alt="French" class="language-popup-flag"/> <span class="language-popup-name">French</span> </a> <a href="https://www.jopi.com/de/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/de.png" alt="German" class="language-popup-flag"/> <span class="language-popup-name">German</span> </a> <a href="https://www.jopi.com/it/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/it.png" alt="Italian" class="language-popup-flag"/> <span class="language-popup-name">Italian</span> </a> <a href="https://www.jopi.com/pl/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/pl.png" alt="Polish" class="language-popup-flag"/> <span class="language-popup-name">Polish</span> </a> <a href="https://www.jopi.com/pt/game/game/1v1-lol/" class="language-popup-item active"> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/pt.png" alt="Portuguese" class="language-popup-flag"/> <span class="language-popup-name">Portuguese</span> </a> <a href="https://www.jopi.com/es/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/es.png" alt="Spanish" class="language-popup-flag"/> <span class="language-popup-name">Spanish</span> </a> <a href="https://www.jopi.com/se/game/game/1v1-lol/" class="language-popup-item "> <img loading="lazy" src="https://www.jopi.com/cdn-cgi/image/quality=70,width=32,height=20,fit=cover,f=auto/img/flags/se.png" alt="Swedish" class="language-popup-flag"/> <span class="language-popup-name">Swedish</span> </a> </div> </div> </div> </div> <div class="footer-social"> <a href="https://www.tiktok.com" target="_blank" rel="noopener noreferrer" class="social-icon" aria-label="TikTok"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"> <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.5 6.5 0 0 0-1-.08A6.45 6.45 0 0 0 5 20.1a6.5 6.5 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/> </svg> </a> <a href="https://www.instagram.com" target="_blank" rel="noopener noreferrer" class="social-icon" aria-label="Instagram"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.98-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.98-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> </svg> </a> <a href="https://www.youtube.com" target="_blank" rel="noopener noreferrer" class="social-icon" aria-label="YouTube"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/> </svg> </a> </div> </div>  <div class="footer-right"> <div class="footer-columns">  <div class="footer-column"> <h3 class="footer-column-title">Mais jogado</h3> <ul class="footer-links-list"> <li><a href="https://www.jopi.com/pt/game/game/shopaholic-paris/">Viciado em compras Paris</a></li> <li><a href="https://www.jopi.com/pt/game/game/ffx-runner/">Corredor FFX</a></li> <li><a href="https://www.jopi.com/pt/game/game/bubble-shooter/">Bubble Shooter</a></li> <li><a href="https://www.jopi.com/pt/game/game/red-ball-4-vol-1/">Bola Vermelha 4 Vol 1</a></li> <li><a href="https://www.jopi.com/pt/game/game/pax-con/">PaxCon</a></li> </ul> </div>  <div class="footer-column"> <h3 class="footer-column-title">Melhores categorias</h3> <ul class="footer-links-list"> <li><a href="https://www.jopi.com/pt/cat/mahjong/">Mahjong</a></li> <li><a href="https://www.jopi.com/pt/cat/match-3/">Correspondência 3</a></li> <li><a href="https://www.jopi.com/pt/cat/room-decoration/">Decoração de quarto</a></li> <li><a href="https://www.jopi.com/pt/cat/solitaire/">Solitário</a></li> <li><a href="https://www.jopi.com/pt/cat/physics/">Física</a></li> </ul> </div>  <div class="footer-column"> <h3 class="footer-column-title">Contato</h3> <ul class="footer-links-list"> <li><a href="https://www.jopi.com/pt/top-rated-games/">Jogos mais bem avaliados</a></li> <li><a href="https://www.jopi.com/pt/latest-games/">Últimos jogos</a></li> <li><a href="https://www.jopi.com/pt/most-popular-games/">Jogos mais populares</a></li> <li><a href="https://www.jopi.com/pt/free-games-for-your-website/">Jogos para o seu site</a></li> <li><a href="https://www.jopi.com/pt/contact/">Contate nos</a></li> </ul> </div>  </div> </div> </div> </footer> </div> <div class="drawer-side"> <label for="nav-drawer" aria-label="close sidebar" class="drawer-overlay"></label> <div x-data="drawerSideContentData" class="drawer-side-content bg-accent !pt-0 !px-0"> <div class="menu w-full sticky top-0 z-10 bg-accent pt-6 p-4"> <div class="flex"> <div class="flex-grow"></div> <label for="nav-drawer" aria-label="close sidebar" class="btn btn-ghost min-h-[30px] min-w-[30px] w-[30px] h-[30px]"> <i class="fill-neutral"> <svg xmlns="http://www.w3.org/2000/svg" height="24" width="18" viewBox="0 0 384 512">  <path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/> </svg> </i> </label> </div> <label x-data="gameSearchBarData" class="input input-bordered flex items-center gap-2 input-sm h-[64px] mt-3" @fetch="games = $event.detail.games" @clear="games = []" > <input x-model.debounce.500ms="search" type="text" class="grow drawer-search-bar text-primary font-semibold" placeholder="Search games" name="search" aria-label="Search game" aria-describedby="game-search-bar" :disabled="loading" /> <button class="btn btn-sm btn-ghost w-8 min-w-8" :disabled="loading || !search" @click="onClearSearch()" style="background-color: transparent"> <i x-show="!loading && !search" class="fill-base-content"> <svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" viewBox="0 0 640 640">  <path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/> </svg> </i> <i x-show="!loading && search" x-cloak class="fill-base-content"> <svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" viewBox="0 0 640 640">  <path d="M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z"/> </svg> </i> <template x-if="loading"> <div class="flex justify-center items-center h-full"> <span class="loading loading-spinner loading-sm"></span> </div> </template> </button> </label> <div x-show="games.length === 0" class="drawer-quick-search mt-6 flex items-center gap-1"> <h1 class="text-neutral font-bold uppercase text-xs select-none">Categories</h1> <button title="Scroll left" :disabled="scrollStatus === 0" class="btn btn-accent btn-rounded min-h-[30px] min-w-[30px] w-[30px] h-[30px] disabled:bg-accent disabled:opacity-30" style="animation: none" @mousedown="setScroller(false)" @mouseup="clearScroller()" > <i class="fill-neutral"> <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 640 640">  <path d="M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z"/> </svg> </i> </button> <div x-ref="quickSearch" class="flex flex-grow" style="overflow-x: auto; scrollbar-width: none;" @scroll="onScroll()"> <div class="select-none sticky min-w-2 bg-gradient-to-r from-accent left-0"> </div> <div class="flex gap-2.5"> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/mahjong/"> Mahjong </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/jogo-3/"> Jogo 3 </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/vestir-se/"> Vestir-se </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/cozinhar/"> Cozinhar </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/solitario/"> Solitário </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/decoracao-do-quarto/"> Decoração do quarto </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/estacionamento/"> Estacionamento </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/jogo-de-bolhas/"> Jogo de bolhas </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/fisica/"> Física </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/defesa-de-torre/"> Defesa de torre </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/bomberman/"> Bomberman </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/pac-man/"> Pac-Man </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/jogo-do-galo/"> Jogo do galo </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/io/"> IO </a> <a class="quick-search-tag" href="https://www.jopi.com/pt/cat/exploracao-mineira/"> Exploração mineira </a> </div> <div class="select-none sticky min-w-2 bg-gradient-to-l from-accent right-0"> </div> </div> <button title="Scroll right" :disabled="scrollStatus === 2" class="btn btn-accent btn-rounded min-h-[30px] min-w-[30px] w-[30px] h-[30px] disabled:bg-accent disabled:opacity-30" style="animation: none" @mousedown="setScroller(true)" @mouseup="clearScroller()" > <i class="fill-neutral"> <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 640 640">  <path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/> </svg> </i> </button> </div> </div> <div x-show="games.length === 0" class="px-4"> <div class="mt-8"> <a class="mt-8 !text-neutral" href="https://www.jopi.com/pt/most-popular-games/"> <h2>Popular</h2> </a> <div class="mt-4 grid gap-4 min-[700px]:grid-cols-[repeat(6,_92px)] grid-cols-[repeat(3,_92px)]"> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/jewel-link/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/jewel-link.png" title="Jewel Link" alt="Thumbnail of Jewel Link" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Jewel Link </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/arrow-escape-master/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/arrow-escape-master.png" title="Arrow Escape Master" alt="Thumbnail of Arrow Escape Master" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Arrow Escape Master </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/bubble-sky/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/bubble-sky.png" title="Bubble Sky" alt="Thumbnail of Bubble Sky" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Bubble Sky </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/67-clicker/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/67-clicker.png" title="67 Clicker" alt="Thumbnail of 67 Clicker" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > 67 Clicker </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/cats-match-3/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/cats-match-3.png" title="Cats Match 3" alt="Thumbnail of Cats Match 3" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Cats Match 3 </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/zombie-defense-barrel-blast-survival/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/zombie-defense-barrel-blast-survival.png" title="Zombie Defense Barrel Blast Survival" alt="Thumbnail of Zombie Defense Barrel Blast Survival" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Zombie Defense Barrel Blast Survival </div> </div> </div> </a> </div> </div> </div> <div class="mt-8"> <a class="mt-8 !text-neutral" href="https://www.jopi.com/pt/top-rated-games/"> <h2>Most Rated Games</h2> </a> <div class="mt-4 grid gap-4 min-[700px]:grid-cols-[repeat(6,_92px)] grid-cols-[repeat(3,_92px)]"> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/shell-shockers/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/shell-shockers.png" title="Shell Shockers" alt="Thumbnail of Shell Shockers" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Shell Shockers </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/geometry-dash/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/geometry-dash.png" title="Geometry Dash" alt="Thumbnail of Geometry Dash" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Geometry Dash </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/toca-boca/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/toca-boca.png" title="Toca Boca" alt="Thumbnail of Toca Boca" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Toca Boca </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/kick-the-buddy/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/kick-the-buddy.png" title="Kick The Buddy" alt="Thumbnail of Kick The Buddy" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Kick The Buddy </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/minefun-io/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/minefun-io.png" title="Minefun io" alt="Thumbnail of Minefun io" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Minefun io </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/slope/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/slope.png" title="Slope" alt="Thumbnail of Slope" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Slope </div> </div> </div> </a> </div> </div> </div> <div class="mt-8"> <a class="mt-8 !text-neutral" href="https://www.jopi.com/pt/latest-games/"> <h2>Recently Added Games</h2> </a> <div class="mt-4 grid gap-4 min-[700px]:grid-cols-[repeat(6,_92px)] grid-cols-[repeat(3,_92px)]"> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/toca-boca/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/toca-boca.png" title="Toca Boca" alt="Thumbnail of Toca Boca" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Toca Boca </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/bubble-shooter/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/bubble-shooter.png" title="Bubble Shooter" alt="Thumbnail of Bubble Shooter" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Bubble Shooter </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/drive-mad/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/drive-mad.png" title="Drive Mad" alt="Thumbnail of Drive Mad" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Drive Mad </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/plonky/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/plonky.png" title="Plonky" alt="Thumbnail of Plonky" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Plonky </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/mahjong-link/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/mahjong-link.png" title="Mahjong Link" alt="Thumbnail of Mahjong Link" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Mahjong Link </div> </div> </div> </a> </div> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a href="https://www.jopi.com/pt/game/game/extreme-run-3d/"> <div class="relative"> <img src="https://www.jopi.com/cdn-cgi/image/quality=55,width=92,height=92,fit=cover,f=auto/img/t/extreme-run-3d.png" title="Extreme Run 3D" alt="Thumbnail of Extreme Run 3D" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div class="game-box-text text-wrap" style="width: 92px" > Extreme Run 3D </div> </div> </div> </a> </div> </div> </div> </div> <template x-if="games.length > 0"> <div class="grid grid-cols-[repeat(auto-fill,_92px)] gap-4 mt-4 justify-between px-4"> <template x-for="game in games"> <div class="grid-box game-box" style="--game-box-width: 100%; --game-box-height: 100%"> <a :href="game.href ?? ''"> <div class="relative"> <img :src="game.src ?? 'https:\/\/www.jopi.com\/cdn-cgi\/image\/quality=55,width=92,height=92,fit=cover,f=auto\/img\/t\/.png'" :title="game.title ?? ''" :alt="game.alt ?? 'Thumbnail of '" loading="lazy" class="game-box-layer_bottom" onerror="this.src = 'https://www.jopi.com/cdn-cgi/image/quality=78,width=92,height=92,fit=cover,f=auto/jopi.png'" width="92" height="92" > <div class="game-box-layer_top"> <div x-text="game.name ?? ''" class="game-box-text text-wrap" style="width: 92px" > </div> </div> </div> </a> </div> </template> </div> </template> </div> </div> </div> <link rel="modulepreload" href="https://www.jopi.com/build/assets/app.BW08DfwE.js" /><script type="module" src="https://www.jopi.com/build/assets/app.BW08DfwE.js"></script> <script> function gameSearchBarData(e) { return { search: '', loading: false, init() { this.$watch('search', value => { if (value && value.length > 2) { this.loading = true window.axios.get('https://www.jopi.com/pt/search', {params: {keyword: this.search}}) .then(res => this.$dispatch('fetch', {games: res.data.payload})) .finally(() => this.loading = false) } }) }, onClearSearch() { this.search = '' this.$dispatch('clear') } } } </script> <script> function drawerSideContentData() { return { scrollStatus: 0, interval: null, games: [], onScroll() { // Get the element const el = this.$refs['quickSearch'] // Calculate scroll position if (el.scrollLeft === 0) { this.scrollStatus = 0 } else if (Math.abs(el.scrollWidth - el.clientWidth - el.scrollLeft) < 1) { this.scrollStatus = 2 } else { this.scrollStatus = 1 } }, setScroller(toRight) { // Clear before proceed to prevent leftover this.clearScroller() this.interval = setInterval(() => { this.$refs['quickSearch'].scrollTo({ left: this.$refs['quickSearch'].scrollLeft + (toRight + toRight - 1) * 100, behavior: 'smooth' }) }, 50) }, clearScroller() { if (this.interval) { clearInterval(this.interval) this.interval = null } } } } </script> </body> </html>