By Miguel Clavel, Senior Product Designer

Pixel Run

The small game at the bottom of my site, for anyone who gets that far. It plays itself until you jump in. Press space, click, or tap.

Space / click to jump

Put it on your site

<div id="game" style="aspect-ratio:1440/380"></div>

<script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js"></script>
<script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js"></script>
<script>window.PIXEL_RUN_FACE = "my-face.gif";</script>  <!-- optional -->
<script src="pixel-run-game.js"></script>
<script>
  ReactDOM.createRoot(document.getElementById("game"))
    .render(React.createElement(PixelRunGame, { background: "#33333A" }));
</script>

Everything else, every option, and how to use your own face: the repository.