Code source du jeu HTML5 Eggy Car

621 hrlandek

Ouvrir dans l'éditeur Publiez votre code

Recommandé

13 December 2024

Un code par creativefunction305

29 December 2025

Convient pour la pratique du HTML/CSS/JS

22 October 2025

Modèle HTML de cartes de liens pour les réseaux sociaux

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