JS实现小游戏

最新推荐文章于 2026-03-26 04:09:56 发布

原创

最新推荐文章于 2026-03-26 04:09:56 发布 · 4.9k 阅读

标签

#js #javascript #html

收录于

代码

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
canvas {
   
   
    border:1px solid #d3d3d3;
    background-color: #f1f1f1;
}
</style>

<script>
var _hmt = _hmt || [];
(function() {
   
   
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?73c27e26f610eb3c9f3feb0c75b03925";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body onload="startGame()">
<script>

var myGamePiece;
var myObstacles = [];
var myScore;

function startGame() {
   
   
    myGamePiece = new component(30, 30, "red", 10, 120);
    myGamePiece.gravity = 0.05;
    myScore = new component("30px", "Consolas", "black", 280, 40, "text");
    myGameArea.start();
}

var myGameArea = {
   
   
    canvas : document.createElement("canvas"),
    start : function()