Code source HTML5 du jeu Stick Merge

1033 argghh

Ouvrir dans l'éditeur Video Publiez votre code

Recommandé

13 June 2025

Intégrer un jeu Flash avec Ruffle Player

20 May 2025

Un code de Gregory

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>

Code source HTML5 du jeu Stick Merge

Recommandé

Un code par ashimadison8

Intégrer un jeu Flash avec Ruffle Player

Un code de Gregory

HTML

CSS

JS

Recommandé

Un code par ashimadison8

Intégrer un jeu Flash avec Ruffle Player

Un code de Gregory

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS