HTML5的出現(xiàn)為網(wǎng)頁游戲開發(fā)提供了極大方便,現(xiàn)在我們來一起學(xué)習(xí)一份簡單的HTML5游戲代碼。
//HTML代碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>簡單的HTML5游戲</title> </head> <body> <canvas id="myCanvas" width="300" height="200"></canvas> <script> var canvas=document.getElementById("myCanvas"); var ctx=canvas.getContext("2d"); ctx.fillStyle="#FF0000"; ctx.fillRect(0,0,150,75); </script> </body> </html>
上面這個(gè)HTML代碼實(shí)現(xiàn)了在一個(gè)300*200的畫布上繪制一個(gè)150*75的紅色矩形。