Voiture Eggy

448 argghh

Ouvrir dans l'éditeur Publiez votre code

Recommandé

18 December 2025

Arène du Roi des Voitures

27 November 2024

Voiture

12 December 2025

Code source du jeu HTML5 Eggy Car

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