Mercurial

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WASM using c3</title>
    {{/parts/base_head.html}}
    <link rel="stylesheet" href="/tools/markdown_to_html/index.css" />
</head>
<body>
  {{/parts/header.html}}
  <main>
    <div id="content"></div>
    <div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
      <canvas id='bunnies'></canvas>
    </div>
  </main>
  {{/parts/footer.html}}
  <script src="/markdown_to_html.js"></script>
  <script>
    fetch('/blog/wasm-bunny/index.md').then(res => res.text()).then(text => renderMarkdown(content, text));
  </script>
  <script src='/public/raylib.js'></script>
  <script>
    async function startRaylib() {
      if (typeof RaylibJs !== 'undefined') {
        const raylibjs = new RaylibJs();
        raylibjs.start({
          wasmPath: '/public/bunny.wasm',
          canvasId: 'bunnies',
        });
      } else {
        console.error('RaylibJs is not loaded');
      }
    }

    // Ensure raylib.js is loaded, then initialize
    window.addEventListener('load', startRaylib);
  </script>
</body>
author	June Park <parkjune1995@gmail.com>
date	Tue, 13 Jan 2026 19:18:47 -0800
parents	65e5a5b89a4e
children	295ac2e5ec00