JS制作的小游戏

最新推荐文章于 2023-10-18 21:42:34 发布

转载最新推荐文章于 2023-10-18 21:42:34 发布 · 941 阅读

文章标签：

本文介绍了一个基于HTML和JavaScript实现的简单浏览器游戏。玩家通过移动鼠标来控制角色，目标是吃掉比自己小的对象并避免被更大的对象吃掉。游戏包含不同类型的敌人，每种敌人都有不同的行为和奖励。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>wujinjian</title> <mce:script type="text/javascript"></mce:script> </head> <body onload="formPosition(),createYu()" onresize="formPosition()" style="font-size:10pt" mce_style="font-size:10pt"> <div id="fbid" style="position:absolute;left:0px;top:10px;width:795px;height:45px;background-color:rgb(223,223,223);padding-left:5px;border:black solid 1px"> <table> <tr> <td>生命值：</td> <td><div id="smz" style="width:500px;height:15px;background-color:red;color:white;font-weight:bold" align="center">500</div></td> </tr> <tr> <td>生长值：</td> <td><div id="szz" style="width:10px;height:15px;background-color:blue;color:white;font-weight:bold" align="center">0</div></td> </tr> </table> </div> <div id="mapid" style="position:absolute;left:0px;top:60px;width:800px;height:400px;background-color:rgb(223,223,223);overflow:hidden;border:black solid 1px" onmousemove="mouseMove(event)"> </div> <div id="gzid" style="position:absolute;left:0px;top:465px;width:795px;height:45px;background-color:rgb(223,223,223);padding-left:5px;padding-top:5px;border:black solid 1px;color:red;line-height:20px"> *游戏规则：移动鼠标吃方块，你只能吃跟你同样大小或比你小的方块，当你的生长值到达500时，你自己的方块会变大一级，<br> 当生命值变成0时，Game Over！游戏中的红色小方块就是给你补生命值的。 </div> </body> </html>