Code source du jeu HTML5 Eggy Car

727 hrlandek

Ouvrir dans l'éditeur Publiez votre code

Recommandé

25 August 2024

Découverte des produits d'animation d'interface utilisateur

24 April 2025

Un code de Metehan

1 July 2025

Jeu de Sudoku HTML : bascule de la barre latérale et menu

HTML

<!DOCTYPE html>

<html>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <link rel="apple-touch-icon" sizes="256x256" href="icon-256.png" />
  <meta name="HandheldFriendly" content="true" />

<meta name="mobile-web-app-capable" content="yes" />
  <link rel="shortcut icon" sizes="256x256" href="icon-256.png" />

<style type="text/css">
    * {
      padding: 0;
      margin: 0;
    }

html,
    body {
      background: #000;
      color: #fff;
      overflow: hidden;
      touch-action: none;
      -ms-touch-action: none;
    }

canvas {
      touch-action-delay: none;
      touch-action: none;
      -ms-touch-action: none;
    }

@font-face {
      font-family: Changa One;
      src: url(changaone_regular.ttf.ttf);
    }
  </style>

</head>

<body>
  <script>
  (function() {
    const originalImage = window.Image;
    
    window.Image = function() {
      const img = new originalImage();
      img.crossOrigin = "anonymous";
      return img;
    };
    
    const originalCreateElement = document.createElement.bind(document);
    document.createElement = function(tagName) {
      const element = originalCreateElement(tagName);
      if (tagName.toLowerCase() === 'img') {
        element.crossOrigin = "anonymous";
      }
      return element;
    };
  })();
</script>
  <div id="fb-root"></div>

<div id="c2canvasdiv">

<canvas id="c2canvas" width="1280" height="720">
      
      <h1>Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org">What is a browser?</a>
        <br /><br /><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br />
        <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br />
        <a href="https://www.google.com/chrome/">Google Chrome</a><br />
        <a href="http://www.apple.com/safari/download/">Apple Safari</a>
      </h1>
    </canvas>

</div>

<script src="jquery-2.1.1.min.js"></script>

<script src="c5runtime.js"></script>

// Pause and resume on page becoming visible/invisible
    function onVisibilityChanged() {
      if (document.hidden || document.mozHidden || document.webkitHidden || document.msHidden)
        cr_setSuspended(true);
      else
        cr_setSuspended(false);
    };

document.addEventListener("visibilitychange", onVisibilityChanged, false);
    document.addEventListener("mozvisibilitychange", onVisibilityChanged, false);
    document.addEventListener("webkitvisibilitychange", onVisibilityChanged, false);
    document.addEventListener("msvisibilitychange", onVisibilityChanged, false);

function OnRegisterSWError(e) {
      console.warn("Failed to register service worker: ", e);
    };

// Runtime calls this global method when ready to start caching (i.e. after startup).
    // This registers the service worker which caches resources for offline support.
    window.C2_RegisterSW = function C2_RegisterSW() {
      if (!navigator.serviceWorker)
        return; // no SW support, ignore call

try {
        navigator.serviceWorker.register("sw.js", {
            scope: "./"
          })
          .then(function(reg) {
            console.log("Registered service worker on " + reg.scope);
          })
          .catch(OnRegisterSWError);
      } catch (e) {
        OnRegisterSWError(e);
      }
    };
  </script>
</body>

</html>

CSS