| <html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>Super Mario Bros</title></head><body><main role="main"><div class="min-h-screen bg-gray-900 flex items-center justify-center"><div x-data="{ xoffset: 0, yoffset: 0 }" class="relative"><canvas id="myCanvas" width="600" height="400" style="border:1px solid"></canvas> |
|
|
| <script type="module" src="game.js" x-show="open" x-init="startGame()"></script> |
|
|
| <script> |
| function startGame() { |
| let canvas = document.getElementById("myCanvas"); |
| let ctx = canvas.getContext("2d"); |
| ctx.font = "60px Arial"; |
| ctx.fillText("Super Mario Bros", 100, 50); |
| } |
| </script> |
|
|
| </div></div></main></body></html> |
