文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
首页
学习
活动
专区
圈层
工具
MCP广场
返回腾讯云官网
社区首页 >专栏 >【掘金高手：谁能拒绝一只可爱的乌萨奇的矿工之旅游戏（上）】

【掘金高手：谁能拒绝一只可爱的乌萨奇的矿工之旅游戏（上）】

作者头像
ImAileen
发布于 2024-12-27 08:31:43
发布于 2024-12-27 08:31:43
12000
代码可运行
举报
文章被收录于专栏：Python数据结构与算法Python数据结构与算法
运行总次数：0
代码可运行

前言

本文主要是根据我小时候玩的一款游戏——黄金矿工，来进行创新的游戏项目编写过程，内容较多，所以分为多篇。

JAVA项目——Usaqi矿工创新版

窗口绘制

代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;

import javax.swing.*;

public class GameWin extends JFrame {
    void launch(){
        this.setVisible(true);
        this.setSize(500,500);
        this.setLocationRelativeTo(null);
        this.setTitle("AileenGoldMiner");
        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }

    public static void main(String[] args) {
        GameWin gameWin = new GameWin();
        gameWin.launch();
    }
}

绘制图片

代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;


import javax.swing.*;
import java.awt.*;


public class GameWin extends JFrame {


   Bg bg = new Bg();
    void launch(){
        this.setVisible(true);
        this.setSize(768,1000);
        this.setLocationRelativeTo(null);
        this.setTitle("AileenGoldMiner");
        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }

    @Override
    public void paint(Graphics g){
        bg.paintSelf(g);
    }

    public static void main(String[] args) {
        GameWin gameWin = new GameWin();
        gameWin.launch();
    }
}
代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;

import java.awt.*;

public class Bg {
    Image bg = Toolkit.getDefaultToolkit().getImage("C://Users//admin//IdeaProjects//The Gold Miner//imgs//bg.jpg");
    Image bg1 = Toolkit.getDefaultToolkit().getImage("C://Users//admin//IdeaProjects//The Gold Miner//imgs//bg1.jpg");
    Image usaqi = Toolkit.getDefaultToolkit().getImage("C://Users//admin//IdeaProjects//The Gold Miner//imgs//usaqi.gif");

    void paintSelf(Graphics g){
        g.drawImage(bg1,0,0,null);
        g.drawImage(bg,0,200,null);
        g.drawImage(usaqi,310,50,null);
    }
}

红线绘制

代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;

import java.awt.*;

public class Line {
    //起点坐标
    int x = 380;
    int y = 180;

    //终点坐标
    int endx = 500;
    int endy = 500;

    void paintSelf(Graphics g){
        g.setColor(Color.red);
        g.drawLine(x,y,endx,endy);
    }
}
代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;
import javax.swing.*;
import java.awt.*;

public class GameWin extends JFrame {
   Bg bg = new Bg();
   Line line = new Line();
    void launch(){
        this.setVisible(true);
        this.setSize(768,1000);
        this.setLocationRelativeTo(null);
        this.setTitle("AileenGoldMiner");
        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }

    @Override
    public void paint(Graphics g){
        bg.paintSelf(g);
        line.paintSelf(g);
    }

    public static void main(String[] args) {
        GameWin gameWin = new GameWin();
        gameWin.launch();
    }
}

模拟分析红线摇摆情况

  • 根据绘图我们可以知道，线长不变，起点坐标不变，终点坐标与角度偏移量有关，它可以通过已知条件计算得出，如上图所示，终点坐标表达式为：
\begin{align*} \text{endx} &= x + \text{length} \cdot \cos(\alpha) \\ \text{endy} &= y + \text{length} \cdot \sin(\alpha) \end{align*}
  • 代码实现：
  • 当我们的角度值为1时，红线往右偏；角度值为2时，红线往左偏。这是因为在计算机中，x轴正方向向右，y轴正方向向下，角度起点是x轴正方向，角度顺时针旋转，旋转到y轴的时候是直角，角度制当中是90度，在弧度制中是π/2（约为1.57）,当jiaodu为1时，小于1.57，所以在y轴右边，当角度为2时大于1.57，所以在y轴的左边。
  • 为了让红线动起来，我们可以根据游戏使用界面知道这个角度的变化是从0到π变化的，我们可以设置一个取值范围在（0-1）的系数n，这样n*π的范围就是（0-π），所以我们之前设置的角度可以换为（0-π），也就是说，我们只需要操作n就可以实现角度的变化。
  • 现在，想要让红线动起来，只需要不断改变n的值即可，这样旋转角度就会发生变化
  • 先让n+0.005看看效果，我们可以看到线有错位，但是并未转动，这是因为图片只绘制了一次，我们需要实现不停地绘制，可以通过死循环，让它重复绘制。
  • 现在这条红色就会移动了，但是移动速度比较快，可以通过调用内置的sleep方法来限制红线的绘制速度；此外摆动的区域也要尽量控制在地面下方，可以通过控制n来控制摆动的角度，通过变量dir的正负来控制其摆动方向。
  • 代码如下：
代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;

import java.awt.*;

public class Line {
    //起点坐标
    int x = 380;
    int y = 180;

    //终点坐标
    int endx = 500;
    int endy = 500;

    //线长
    double length = 100;

    //为了使其从x轴右边开始转动，所以n设为0
    double n = 0;

    //红线摆动方向限定 -> 1表示角度增加往左边移动，-1表示角度减小往右边移动
    int dir = 1;

    void paintSelf(Graphics g){
        //红线摆动范围限定 ->根据之前限定可知n的范围是（0-1），
        // 所以n最小我们可以设为0.1,最大可设为0.9.
        if(n<0.01){
            dir = 1;
        } else if (n > 0.9) {
            dir = -1;
        }

        n = n + 0.005*dir;

        endx = (int) (x + length*Math.cos(n*Math.PI)); //因为角度是double类型所以要强制转换成int类型
        endy = (int) (y + length*Math.sin(n*Math.PI));

        g.setColor(Color.red);
        g.drawLine(x,y,endx,endy);
    }
}
代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;
import javax.swing.*;
import java.awt.*;

public class GameWin extends JFrame {
   Bg bg = new Bg();
   Line line = new Line();
    void launch(){
        this.setVisible(true);
        this.setSize(768,1000);
        this.setLocationRelativeTo(null);
        this.setTitle("AileenGoldMiner");
        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);

        while(true){
            repaint();
            //限制摆动速度
            try {
                Thread.sleep(10);
            } catch (InterruptedException e) {
                throw new RuntimeException(e);
            }
        }
    }

    @Override
    public void paint(Graphics g){
        bg.paintSelf(g);
        line.paintSelf(g);
    }

    public static void main(String[] args) {
        GameWin gameWin = new GameWin();
        gameWin.launch();
    }
}

红线抓取

  • 我们可以设置一个状态参数，通过控制这个状态参数来实现状态的改变。（状态：0表示摇摆，1表示抓取，2表示收回）
  • 以下是完整的红线的绘制及操作的逻辑代码
代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;

import java.awt.*;

public class Line {
    //起点坐标
    int x = 380;
    int y = 180;

    //终点坐标
    int endx = 500;
    int endy = 500;

    //线长
    double length = 100;

    //为了使其从x轴右边开始转动，所以n设为0
    double n = 0;

    //红线摆动方向限定 -> 1表示角度增加往左边移动，-1表示角度减小往右边移动
    int dir = 1;

    //状态： 0->摇摆  1->抓取  2->收回
    int state;

    void paintSelf(Graphics g){
        //线的状态设置
        switch(state){
            case 0://左右摇摆
                if (n < 0.1) {dir = 1;}
                else if (n > 0.9){dir = -1;}
                n = n + 0.005*dir;
                endx = (int) (x + length*Math.cos(n*Math.PI)); //因为角度是double类型所以要强制转换成int类型
                endy = (int) (y + length*Math.sin(n*Math.PI));
                g.setColor(Color.red);
                g.drawLine(x,y,endx,endy);
                break;
            case 1://延长线长度
                if(length < 500){//如果线长小于500就可以延长
                    length = length + 10;
                    endx = (int) (x + length*Math.cos(n*Math.PI)); //因为角度是double类型所以要强制转换成int类型
                    endy = (int) (y + length*Math.sin(n*Math.PI));
                    g.setColor(Color.red);
                    g.drawLine(x,y,endx,endy);
                } else {state = 2 ;}//延长后无其他操作，可以将其状态置为0,让它继续执行左右摇摆以及红线的绘制
                break;
            case 2://红线收回
                if(length > 100){
                    length = length - 10;
                    endx = (int) (x + length*Math.cos(n*Math.PI)); //因为角度是double类型所以要强制转换成int类型
                    endy = (int) (y + length*Math.sin(n*Math.PI));
                    g.setColor(Color.red);
                    g.drawLine(x,y,endx,endy);
                }else{
                    state = 0;
                }
        }

    }
}
  • 为了减少代码的冗余量，我们将其操作的共性全部抽取到一个新的函数中
代码语言：javascript
代码运行次数：0
运行
复制
    void lines(Graphics g){
        endx = (int) (x + length*Math.cos(n*Math.PI)); //因为角度是double类型所以要强制转换成int类型
        endy = (int) (y + length*Math.sin(n*Math.PI));
        g.setColor(Color.red);
        g.drawLine(x,y,endx,endy);
    }
代码语言：javascript
代码运行次数：0
运行
复制
    void lines(Graphics g){
        endx = (int) (x + length*Math.cos(n*Math.PI)); //因为角度是double类型所以要强制转换成int类型
        endy = (int) (y + length*Math.sin(n*Math.PI));
        g.setColor(Color.red);
        g.drawLine(x,y,endx,endy);
    }

    void paintSelf(Graphics g){
        //线的状态设置
        switch(state){
            case 0://左右摇摆
                if (n < 0.1) {dir = 1;}
                else if (n > 0.9){dir = -1;}
                n = n + 0.005*dir;
                lines(g);
                break;
            case 1://延长线长度
                if(length < 500){//如果线长小于500就可以延长
                    length = length + 10;
                    lines(g);
                } else {state = 2 ;}//延长后无其他操作，可以将其状态置为0,让它继续执行左右摇摆以及红线的绘制
                break;
            case 2://红线收回
                if(length > 100){
                    length = length - 10;
                    lines(g);
                }else{
                    state = 0;
                }
        }

运行效果

创建金块

  • 由于金块和石块有很多共同的属性，所以我们可以先创建一个Object类作为他们的父类

实现代码

代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;

import java.awt.*;

/**
 * 石块和金块的父类，用于抽取共性
 */

public class Object {
    //坐标
    int x;
    int y;

    //宽高
    int width;
    int height;

    //图片
    Image img;
    
    void paintSelf(Graphics g){
        g.drawImage(img,x,y,null);
    }
}
代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;

import java.awt.*;

public class Gold extends Object{
    Gold(){
        this.x = 300;
        this.y = 500;
        this.width = 32;
        this.height = 52;
        this.img  = Toolkit.getDefaultToolkit().getImage("C://Users//admin//IdeaProjects//The Gold Miner//imgs//gold1.gif");
    }
}
代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;


import javax.swing.*;
import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;


public class GameWin extends JFrame {


   Bg bg = new Bg();
   Line line = new Line();
   Gold gold = new Gold();
    void launch(){
        this.setVisible(true);
        this.setSize(768,1000);
        this.setLocationRelativeTo(null);
        this.setTitle("AileenGoldMiner");
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);

        addMouseListener(new MouseAdapter() {
            @Override
            public void mouseClicked(MouseEvent e) {
                super.mouseClicked(e);
                if(e.getButton() == 1){
                    line.state=1;
                }
            }
        });


        while(true){
            repaint();

            //限制摆动速度
            try {
                Thread.sleep(10);
            } catch (InterruptedException e) {
                throw new RuntimeException(e);
            }
        }
    }

    @Override
    public void paint(Graphics g){
        bg.paintSelf(g);
        line.paintSelf(g);
        gold.paintSelf(g);
    }

    public static void main(String[] args) {
        GameWin gameWin = new GameWin();
        gameWin.launch();
    }
}

双缓存技术解决物体闪动问题

  • 根据我们的运行结果，我们可以看到存在物体闪动问题，现在让我们先分析出现这个现象的原因。
  • 根据这段代码，我们可以知道我们的绘制顺序是：背景->人物->金块；所以我们需要将它们依次画入到一个画布中，变成一个整体一起传入窗体中，就不会出现闪动问题。
代码语言：javascript
代码运行次数：0
运行
复制
package com.sxt;


import javax.swing.*;
import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;


public class GameWin extends JFrame {


   Bg bg = new Bg();
   Line line = new Line();
   Gold gold = new Gold();

   //定义一个画布
    Image offScreenImage;

    void launch(){
        this.setVisible(true);
        this.setSize(768,1000);
        this.setLocationRelativeTo(null);
        this.setTitle("AileenGoldMiner");
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);

        addMouseListener(new MouseAdapter() {
            @Override
            public void mouseClicked(MouseEvent e) {
                super.mouseClicked(e);
                if(e.getButton() == 1){
                    line.state=1;
                }
            }
        });


        while(true){
            repaint();
            //限制摆动速度
            try {
                Thread.sleep(10);
            } catch (InterruptedException e) {
                throw new RuntimeException(e);
            }
        }
    }

    @Override
    public void paint(Graphics g){
        //定义画布大小，使其与窗口大小一致
        offScreenImage = this.createImage(768,1000);
        Graphics gImage = offScreenImage.getGraphics();
        //将背景，人物，金块依次画入到画布中
        bg.paintSelf(gImage);
        line.paintSelf(gImage);
        gold.paintSelf(gImage);
        //将画布导入到窗体中
        g.drawImage(offScreenImage,0,0,null);
    }

    public static void main(String[] args) {
        GameWin gameWin = new GameWin();
        gameWin.launch();
    }
}

现在我们的537，就不会闪动啦~

抓取判定

  • 其实金块在程序中实际上是一个矩形，红线末尾是一个点，抓取判定（碰撞检测）实质上就是检测点是否在矩形中。
    • 横坐标的范围是x加上宽度
    • 纵坐标的范围是y加上高度
    • 相当于判断这个红线的endx和endy是否在这个区域当中。
  • 根据上面的分析，为了检查我们的检测是否成功，我们可以假设当红线进入到金块的范围中时，程序就会打印出1，代码如下：
  • 实现代码：
代码语言：javascript
代码运行次数：0
运行
复制
    //判断红线的终点是否在金块矩形的范围内
    void logic(){
        if (endx > this.frame.gold.x && endx < this.frame.gold.x+this.frame.gold.width
             && endy > this.frame.gold.y && endy < this.frame.gold.y+this.frame.gold.height){
            System.out.println(1);
        }
    }

抓取返回

代码语言：javascript
代码运行次数：0
运行
复制
        //线的状态设置
        switch(state){
            case 0://左右摇摆
                if (n < 0.1) {dir = 1;}
                else if (n > 0.9){dir = -1;}
                n = n + 0.005*dir;
                lines(g);
                break;
            case 1://延长线长度
                if(length < 500){//如果线长小于500就可以延长
                    length = length + 10;
                    lines(g);
                } else {state = 2 ;}//延长后无其他操作，可以将其状态置为0,让它继续执行左右摇摆以及红线的绘制
                break;
            case 2://红线收回
                if(length > 100){
                    length = length - 10;
                    lines(g);
                }else{
                    state = 0;
                }
                break;
            case 3://红线碰到晶块，红线返回的情况
                if(length > 100){
                    length = length - 10;
                    lines(g);
                    //金块偏移
                    this.frame.gold.x = endx - 26;
                    this.frame.gold.y = endy;
                }else {
                    //金块移除 - >将金块移动到屏幕外
                    this.frame.gold.x = -150;
                    this.frame.gold.y = -150;
                    state = 0;
                }
                break;
        }
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2024-12-26，如有侵权请联系 cloudcommunity@tencent.com 删除
math
public
void
游戏
int

本文分享自 作者个人站点/博客 前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ，欢迎热爱写作的你一起参与！

math
public
void
游戏
int
评论
登录后参与评论
0 条评论
热度
最新
登录 后参与评论
推荐阅读
目录
  • 前言
  • JAVA项目——Usaqi矿工创新版
    • 窗口绘制
    • 绘制图片
    • 红线绘制
    • 模拟分析红线摇摆情况
    • 红线抓取
    • 运行效果
    • 创建金块
    • 双缓存技术解决物体闪动问题
    • 抓取判定
    • 抓取返回
领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号 | 京公网安备号11010802020287

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档

Copyright © 2013 - 2025 Tencent Cloud.

All Rights Reserved. 腾讯云 版权所有

登录 后参与评论