吃豆人游戏【附源码】

简介: 吃豆人游戏【附源码】

1 前言

🚀获取源码,文末公众号回复【吃豆人游戏】,即可。

⭐欢迎点赞留言

2 正文

2.1 展示预览

13MB GIF可以欣赏:

https://tva4.sinaimg.cn/large/007F3CC8ly1h1opa037qgg30t80lrgws.gif



2.2 项目结构

2.2 主要代码展示

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>q</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <audio 
        src="./audio/music.mp3"
        autoplay
        loop
    ></audio>

    <audio src="./audio/dazhong.wav" id="hit"></audio>

    <p id="score">得分:0</p>

    <table id="box">
        <tr>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
        </tr>
        <tr>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
        </tr>
        <tr>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
        </tr>
        <tr>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
            <td>
                <img src="./image/mouse.png" alt="" class="mouser mouser-down">
            </td>
        </tr>
    </table>



    <script src="jquery.js"></script>
    <script src="index.js"></script>
</body>

</html>

源码下载

不会还有人没 点赞 + 关注 + 收藏 吧!



目录
相关文章
|
人工智能 安全 JavaScript
模拟“嫦娥五号”探月小游戏【附源码】
在实际的探月过程中,这些操作都是由程序精确测量和控制的。而在这个游戏里,则需要玩家手动完成 降落 和 上升对接 这两个操作。
|
1月前
|
C语言
猜数游戏(实现) 后附源码
本文介绍了如何使用C语言实现一个猜数游戏,包括游戏的逻辑流程、代码实现以及如何通过随机数生成器和时间戳生成一个1到100之间的随机数。
74 2
猜数游戏(实现) 后附源码
|
1月前
|
API C语言 C++
贪吃蛇游戏(必备知识篇)
贪吃蛇游戏(必备知识篇)
68 1
|
5月前
|
Python
小游戏实战丨基于PyGame的消消乐小游戏
小游戏实战丨基于PyGame的消消乐小游戏
69 4
|
5月前
|
Java
Java实现一个打飞机的小游戏【附源码】
Java实现一个打飞机的小游戏【附源码】
50 0
|
移动开发 JavaScript 前端开发
HTML5兔子吃月饼手机小游戏
HTML5兔子吃月饼手机小游戏
57 0
【代码分享】【像极了恋爱】甜甜的汤圆,祝丽姿元宵快乐(表白特效)
【代码分享】【像极了恋爱】甜甜的汤圆,祝丽姿元宵快乐(表白特效)
115 0
|
存储 定位技术 开发工具
坦克大战小游戏的实现
坦克大战小游戏的实现
10:超级玛丽游戏
10:超级玛丽游戏
103 0
P1000 超级玛丽游戏
P1000 超级玛丽游戏
91 0