Código-fonte HTML5 do jogo Stick Merge

1032 argghh

Abrir no Editor Video Publique Seu Código

Recomendado

25 November 2025

Gado Louco 3D

12 December 2025

Demonstração de jogo de luta com bonecos de pano (HTML, CSS, JS)

2 July 2025

Teclado Virtual HTML CSS JavaScript

HTML

<!DOCTYPE html>

<html style="height: 100%;">
<base href="https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@bba3c3c4e71662c9d41dea31e564fa9952c123af/stick%20merge/">
<head>
  <title>Stick Merge</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="robots" content="noindex,nofollow" />
  <script type="text/javascript" src="/cloak.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="stylesheet" href="css/stylesheet.css" type="text/css" charset="utf-8">

.pokiSdkContainer.pokiSdkFixed {
      position: fixed;
    }

.pokiSdkContainer.pokiSdkVisible {
      display: block;
    }

.pokiSdkContainer.pokiSdkHidden,
    .pokiSdkSpinnerContainer.pokiSdkHidden {
      display: none;
    }

.pokiSdkContainer.pokiSdkHidden,
    .pokiSdkSpinnerContainer {
      pointer-events: none;
    }

.pokiSdkSpinnerContainer {
      z-index: 10;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('images/thumb_anim_2x.gif') 50% 50% no-repeat;
      user-select: none;
    }

.pokiSdkInsideContainer {
      background: #000;
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      opacity: 0;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
    }

.pokiSdkContainer.pokiSdkVisible .pokiSdkInsideContainer {
      opacity: 1;
    }

.pokiSDKAdContainer,
    .pokiSdkVideoContainer {
      position: absolute;
      width: 100%;
      height: 100%;
    }

.pokiSdkStartAdButton {
      position: absolute;
      z-index: 9999;
      top: 0;
      padding-top: 10%;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #FFF;
      font: 700 15pt 'Arial', sans-serif;
      font-weight: bold;
      letter-spacing: 1px;
      transition: 0.1s ease-in-out;
      line-height: 1em;
    }

.pokiSdkPauseButton {
      cursor: pointer;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
    }

.pokiSdkPauseButton:before {
      content: '';
      position: absolute;
      width: 100px;
      height: 100px;
      display: block;
      border: 2px solid #fff;
      border-radius: 50%;
      user-select: none;
      background-color: rgba(0, 0, 0, 0.6);
      transition: background-color 0.5s ease;
      animation: 1s linear infinite pulse;
    }

.pokiSdkPauseButton:after {
      content: '';
      position: absolute;
      display: block;
      box-sizing: border-box;
      border-color: transparent transparent transparent #fff;
      border-style: solid;
      border-width: 26px 0 26px 40px;
      pointer-events: none;
      animation: 1s linear infinite pulse;
      left: 6px;
    }

.pokiSdkPauseButtonBG {
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      content: '';
      background: rgba(0, 43, 80, 0.5);
      width: 100%;
      height: 100%;
    }

.pokiSdkPauseButtonBG:hover {
      background: rgba(0, 43, 80, 0.7);
    }

@keyframes pulse {
      0% {
        transform: translate(-50%, -50%) scale(0.95);
      }

70% {
        transform: translate(-50%, -50%) scale(1.1);
      }

100% {
        transform: translate(-50%, -50%) scale(0.95);
      }
    }

.pokiSdkProgressContainer {
      background: #B8C7DD;
      width: 100%;
      height: 5px;
      position: absolute;
      bottom: 0;
      z-index: 9999;
    }

.pokiSdkProgressBar {
      position: relative;
      bottom: 0px;
      background: #FFDC00;
      height: 100%;
      width: 0%;
      transition: width 0.5s;
      transition-timing-function: linear;
    }

.pokiSdkProgressBar.pokiSdkVisible,
    .pokiSdkPauseButton.pokiSdkVisible,
    .pokiSdkStartAdButton.pokiSdkVisible {
      display: block;
      pointer-events: auto;
    }

.pokiSdkProgressBar.pokiSdkHidden,
    .pokiSdkPauseButton.pokiSdkHidden,
    .pokiSdkStartAdButton.pokiSdkHidden {
      display: none;
      pointer-events: none;
    }
  </style>
  <meta http-equiv="origin-trial" content="AxujKG9INjsZ8/gUq8+dTruNvk7RjZQ1oFhhgQbcTJKDnZfbzSTE81wvC2Hzaf3TW4avA76LTZEMdiedF1vIbA4AAABueyJvcmlnaW4iOiJodHRwczovL2ltYXNkay5nb29nbGVhcGlzLmNvbTo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2NTI3NzQ0MDAsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=">
  <meta http-equiv="origin-trial" content="Azuce85ORtSnWe1MZDTv68qpaW3iHyfL9YbLRy0cwcCZwVnePnOmkUJlG8HGikmOwhZU22dElCcfrfX2HhrBPAkAAAB7eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2NTI3NzQ0MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
  <meta http-equiv="origin-trial" content="A16nvcdeoOAqrJcmjLRpl1I6f3McDD8EfofAYTt/P/H4/AWwB99nxiPp6kA0fXoiZav908Z8etuL16laFPUdfQsAAACBeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXRhZ3NlcnZpY2VzLmNvbTo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2NTI3NzQ0MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
  <meta http-equiv="origin-trial" content="AxBHdr0J44vFBQtZUqX9sjiqf5yWZ/OcHRcRMN3H9TH+t90V/j3ENW6C8+igBZFXMJ7G3Pr8Dd13632aLng42wgAAACBeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2NTI3NzQ0MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
  <meta http-equiv="origin-trial" content="A88BWHFjcawUfKU3lIejLoryXoyjooBXLgWmGh+hNcqMK44cugvsI5YZbNarYvi3roc1fYbHA1AVbhAtuHZflgEAAAB2eyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IlRydXN0VG9rZW5zIiwiZXhwaXJ5IjoxNjUyNzc0NDAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
  <meta http-equiv="origin-trial" content="A7D05fL9zBqt11RE193XmJzeo4RPtGLsV822r1Bivfn7OUM0YRLJQcJVPgMdvq7u5hLUS/KmNIpe9fz+VE/dUg4AAACJeyJvcmlnaW4iOiJodHRwczovL2ltYXNkay5nb29nbGVhcGlzLmNvbTo0NDMiLCJmZWF0dXJlIjoiQ29udmVyc2lvbk1lYXN1cmVtZW50IiwiZXhwaXJ5IjoxNjQzMTU1MTk5LCJpc1RoaXJkUGFydHkiOnRydWUsInVzYWdlIjoic3Vic2V0In0=">
</head>

</body>

</html>

Recomendado

Gado Louco 3D

Demonstração de jogo de luta com bonecos de pano (HTML, CSS, JS)

Teclado Virtual HTML CSS JavaScript

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS