JS写的音乐游戏——JS音速V1.0.0

最新推荐文章于 2022-09-14 06:47:40 发布

kakashi8841

最新推荐文章于 2022-09-14 06:47:40 发布

阅读量3.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Javascript/Ajax 文章标签：游戏音乐 function url button xhtml

本文链接：https://blog.youkuaiyun.com/kakashi8841/article/details/6301868

Javascript/Ajax 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的JavaScript游戏项目，通过不断生成下落的方块来考验玩家的反应速度。玩家需使用键盘控制方块以获得分数，游戏涉及DOM操作、定时器、键盘事件监听等技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

还是菜鸟，鉴于清明放假，写Java写累了，写写Javascript。

JS我还是菜鸟，没受过正规教育。写的不好，大家请见谅。欢迎踊跃提出建议和意见。

不多说，先上图

下面是源码。有空我会加多一些效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">* { margin:0; padding:0 } body { background:url(bg1.jpg) top center no-repeat; } #center { width:820px; height:602px; background:url(line.png) center 5px no-repeat; border-top:none; margin:0 225px; position:relative; overflow:hidden; } #touMing { width:800px; height:602px; filter:alpha(opacity=40); opacity:0.6; padding:10px; color:white; } #start { width:70px; height:28px; margin:40px 0 0 400px; } #pause { width:70px; height:28px; margin:40px 0 0 350px; }</style> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="center"> <div id="touMing"> 当前分数： <span id="score"></span> </div> </div> <input type="button" id="start" value="开始游戏"/> <input type="button" id="pause" value="暂停游戏"/> </body> </html>