立即登录 马上注册
首页 › 开发帮助文档 › 游戏开发 › Java版AVG游戏开发入门[1] —— CG的绘制

赞

评论

收藏

Java版AVG游戏开发入门[1] —— CG的绘制

游戏开发 游戏开发 发布于：2021-06-27 15:55 | 阅读数：433 | 评论：0

作为Adventure Game，AVG的图文部分向来便是整个游戏的核心之一，所以本回将以图像绘制为中心讲解AVG的CG生成问题。（CG，即Computer Graphics，直译可称[计算机图形]，此处以其为AVG开发中图形部分的代称）。

　　在小时候，我们或许会被AVG游戏的华丽特效所折服。但现在，我们都知道完成那些不过是程序员的最基本能力罢了，即使不是专业的游戏开发者，也可以轻易做到。
　　众所周知，Java中图像绘制是非常容易的事情，无论您是通过ImageIO、ImageIcon或
　　Toolkit.getDefaultToolkit().createImage乃至其他方式取得Image（或BufferedImage），处理的
　　方式都完全相同的，即通过Graphics。
Graphics是一个抽象类，因此通常需要Image来引入其实例。 在Java AWT相关包内，Graphics的基本用法如下所示。 　　 view plaincopy to clipboardprint?

  • Public void paint(Graphics g){  
  • //设定颜色  
  • g.setColor(…);  
  • //设定字体  
  • g.setFont(…);  
  • //绘制文本  
  • g.drawString(…);  
  • //绘制线段  
  • g.drawLine(…);  
  • //绘制矩形  
  • g.drawRect(…);  
  • //填充矩形  
  • g.fillRect(…);  
  • //绘制椭圆  
  • g.drawOval(…);  
  • //填充椭圆  
  • g.fillOval(…);  
  • //绘制多边形  
  • g.drawPolygon(…);  
  • //填充多边形  
  • g.fillPolygon(…);  
  • //显示图像  
  • g.drawImage(…);  
  • //其它请参考相关文档  
  • //…  
  • }   
Public void paint(Graphics g){
//设定颜色
g.setColor(…);
//设定字体
g.setFont(…);
//绘制文本
g.drawString(…);
//绘制线段
g.drawLine(…);
//绘制矩形
g.drawRect(…);
//填充矩形
g.fillRect(…);
//绘制椭圆
g.drawOval(…);
//填充椭圆
g.fillOval(…);
//绘制多边形
g.drawPolygon(…);
//填充多边形
g.fillPolygon(…);
//显示图像
g.drawImage(…);
//其它请参考相关文档
//…
}
　　但是，对于一些高级效果，则需要通过Graphics2D解决。
　　Graphics2D同样是一个抽象类， 继承自Graphics ，并且扩展了 Graphics，提供了对几何形状、坐标转换、颜色管理和文本布局更为复杂的控制。它是用于在Java平台上呈现二维形状、文本和图像高级特性的基础类。
由于Graphics2D是Graphics的子类，故此可以直接转换Graphics获得。　　在Java AWT相关包内，Graphics2D的基本用法如下所示。
view plaincopy to clipboardprint?

  • Public void paint(Graphics g){  
  •   //获得Graphics2D实例  
  • Graphics2D g2d = (Graphics2D) g;  
  • //原Graphics部分  
  • //设定颜色  
  • g2d.setColor(…);  
  • //设定字体  
  • g2d.setFont(…);  
  • //绘制文本  
  • g2d.drawString(…);  
  • //绘制线段  
  • g2d.drawLine(…);  
  • //绘制矩形  
  • g2d.drawRect(…);  
  • //填充矩形  
  • g2d.fillRect(…);  
  • //绘制椭圆  
  • g2d.drawOval(…);  
  • //填充椭圆  
  • g2d.fillOval(…);  
  • //绘制多边形  
  • g2d.drawPolygon(…);  
  • //填充多边形  
  • g2d.fillPolygon(…);  
  • //显示图像  
  • g2d drawImage(…);  
  • //Graphics2D部分新增功能  
  • //设置Paint  
  • g2d.setPaint(…);  
  • //设置线条粗细  
  • g2d.setStroke(…);  
  • //设置Composite(多用AlphaComposite)  
  • g2d.setComposite(…);  
  • //设置移动边距  
  • g2d.translate(…);  
  • //设置刻度  
  • g2d.scale(…);  
  • //设置旋转  
  • g2d.rotate(…);  
  • //设置剪裁  
  • g2d.shear(…);  
  • //设置坐标变形  
  • g2d.setTransform(…);  
  • //创建特定Shape实例  
  • Shape shape=new YourShape(…);  
  • //设定指定Shape  
  • g2d.draw(shape);  
  • //填充指定Shape  
  • g2d.draw(shape);  
  • //设定RenderingHints(绘图微调设定用类)  
  • g2d.setRenderingHint(…);  
  • //其它请参考相关文档  
  • //…  
  • }  
Public void paint(Graphics g){
//获得Graphics2D实例
Graphics2D g2d = (Graphics2D) g;
//原Graphics部分
//设定颜色
g2d.setColor(…);
//设定字体
g2d.setFont(…);
//绘制文本
g2d.drawString(…);
//绘制线段
g2d.drawLine(…);
//绘制矩形
g2d.drawRect(…);
//填充矩形
g2d.fillRect(…);
//绘制椭圆
g2d.drawOval(…);
//填充椭圆
g2d.fillOval(…);
//绘制多边形
g2d.drawPolygon(…);
//填充多边形
g2d.fillPolygon(…);
//显示图像
g2d drawImage(…);
//Graphics2D部分新增功能
//设置Paint
g2d.setPaint(…);
//设置线条粗细
g2d.setStroke(…);
//设置Composite(多用AlphaComposite)
g2d.setComposite(…);
//设置移动边距
g2d.translate(…);
//设置刻度
g2d.scale(…);
//设置旋转
g2d.rotate(…);
//设置剪裁
g2d.shear(…);
//设置坐标变形
g2d.setTransform(…);
//创建特定Shape实例
Shape shape=new YourShape(…);
//设定指定Shape
g2d.draw(shape);
//填充指定Shape
g2d.draw(shape);
//设定RenderingHints(绘图微调设定用类)
g2d.setRenderingHint(…);
//其它请参考相关文档
//…
}
　　无论代码构建的如何复杂，Java绘图的基本流程也仅仅是Image-> Graphics->Paint罢了，只需利用一个循环的repaint函数，我们就可以无数次重复这一流程。由于在我先前其它博文中已多有涉及，故此处不再赘述。
　　说到底，AVG游戏中的CG产生，也无非是一次次将图像混合后展现出来，是这一流程的简单再现。
具体合成关系如下图所示：　　
　　就我个人认为，在2D的AVG中，分层仅需区别前景及背景两层即可。
　　原因在于，Graphics或Graphics2D在drawImage时，将顺序绘制图像，旧图会被新图所覆盖。故此，即使图像再多，也不过是在交替背景前景产生的过程，一次次覆盖，一次次交替，最终令唯一的CG被绘制到屏幕上去。
　　因而我们也可以得出一个AVG游戏开发的最基本概念，即图像添加时，背景图像添加应始终在前，前景图像添加需始终在后，图像的活动部分始终作为前景，而将非活动部分始终作为背景。
　　在本文的示例程序中，具体实现代码如下（详细请下载）：
    view plaincopy to clipboardprint?

  • public void draw(final Graphics g) {  
  •         if (sleep <= 0) {  
  •             if (cg.getBackgroundCG() != null) {  
  •                 if (shakeNumber > 0) {  
  •                     graphics.drawImage(cg.getBackgroundCG(), shakeNumber / 2  
  •                             - Control.rand.nextInt(shakeNumber), shakeNumber  
  •                             / 2 - Control.rand.nextInt(shakeNumber), null);  
  •                 } else {  
  •                     graphics.drawImage(cg.getBackgroundCG(), 0, 0, null);  
  •                 }  
  •             }  
  •             for (int i = 0; i < cg.getCharas().size(); i++) {  
  •                 Chara chara = (Chara) cg.getCharas().get(i);  
  •                 graphics.drawImage(chara.getCharacterCG(), chara.getX(), chara  
  •                         .getY(), null);  
  •             }  
  •             if (isMessage) {  
  •                 dialog.showDialog(dialogImage, graphics);  
  •                 for (int i = 0; i < stringMaxLine; i++) {  
  •                     graphics.setColor(Color.black);  
  •                     for (int j = 0; j < messages.length(); j++) {  
  •                         Utility.drawString(messages.substring(j, j + 1)  
  •                                 .toString(), Lib.fontName, graphics, Lib.FONT  
  •                                  j + dialog.getMESSAGE_LINE_X() + 2, i  
  •                                  (Lib.FONT + Lib.FONT_SIZE) + Lib.FONT + 1  
  •                                 + dialog.getMESSAGE_LINE_Y(), 1);  
  •                     }  
  •                     if (flags[selectFlag] != -1) {  
  •                         graphics.setColor(Color.white);  
  •                         for (int j1 = 0; j1 < messages[selectFlag].length(); j1++) {  
  •                             Utility.drawString(messages[selectFlag].substring(  
  •                                     j1, j1 + 1).toString(), Lib.fontName,  
  •                                     graphics, Lib.FONT * j1  
  •                                             + dialog.getMESSAGE_LINE_X(),  
  •                                     selectFlag (Lib.FONT + Lib.FONT_SIZE)  
  •                                             + Lib.FONT  
  •                                             + dialog.getMESSAGE_LINE_Y(), 1);  
  •                         }  
  •                         dialog.showDialog(selectFlag, Lib.FONT, Lib.FONT_SIZE,  
  •                                 dialogImage, graphics);  
  •                     }  
  •                     if (flags == -1) {  
  •                         graphics.setColor(Color.white);  
  •                     } else {  
  •                         graphics.setColor(Color.gray);  
  •                     }  
  •                     for (int count = 0; count < messages.length(); count++) {  
  •                         Utility.drawString(messages.substring(count,  
  •                                 count + 1).toString(), Lib.fontName, graphics,  
  •                                 Lib.FONT count + dialog.getMESSAGE_LINE_X(),  
  •                                 i * (Lib.FONT + Lib.FONT_SIZE) + Lib.FONT  
  •                                         + dialog.getMESSAGE_LINE_Y(), 1);  
  •                     }  
  •                 }  
  •             }  
  •         } else {  
  •             sleep--;  
  •             if (color != null) {  
  •                 graphics.setColor(color);  
  •                 graphics.fillRect(0, 0, Lib.WIDTH, Lib.HEIGHT);  
  •                 Utility.wait(20);  
  •             }  
  •         }  
  •         // 设置背景  
  •         g.drawImage(screen, 0, 0, null);  
  •         g.dispose();  
  •     }  
public void draw(final Graphics g) {
if (sleep &lt;= 0) {
      if (cg.getBackgroundCG() != null) {
        if (shakeNumber &gt; 0) {
          graphics.drawImage(cg.getBackgroundCG(), shakeNumber / 2
              - Control.rand.nextInt(shakeNumber), shakeNumber
              / 2 - Control.rand.nextInt(shakeNumber), null);
        } else {
          graphics.drawImage(cg.getBackgroundCG(), 0, 0, null);
        }
      }
      for (int i = 0; i &lt; cg.getCharas().size(); i++) {
        Chara chara = (Chara) cg.getCharas().get(i);
        graphics.drawImage(chara.getCharacterCG(), chara.getX(), chara
            .getY(), null);
      }
      if (isMessage) {
        dialog.showDialog(dialogImage, graphics);
        for (int i = 0; i &lt; stringMaxLine; i++) {
          graphics.setColor(Color.black);
          for (int j = 0; j &lt; messages[i].length(); j++) {
            Utility.drawString(messages[i].substring(j, j + 1)
                .toString(), Lib.fontName, graphics, Lib.FONT
                * j + dialog.getMESSAGE_LINE_X() + 2, i
                * (Lib.FONT + Lib.FONT_SIZE) + Lib.FONT + 1
                + dialog.getMESSAGE_LINE_Y(), 1);
          }
          if (flags[selectFlag] != -1) {
            graphics.setColor(Color.white);
            for (int j1 = 0; j1 &lt; messages[selectFlag].length(); j1++) {
              Utility.drawString(messages[selectFlag].substring(
                  j1, j1 + 1).toString(), Lib.fontName,
                  graphics, Lib.FONT * j1
                      + dialog.getMESSAGE_LINE_X(),
                  selectFlag * (Lib.FONT + Lib.FONT_SIZE)
                      + Lib.FONT
                      + dialog.getMESSAGE_LINE_Y(), 1);
            }
            dialog.showDialog(selectFlag, Lib.FONT, Lib.FONT_SIZE,
                dialogImage, graphics);
          }
          if (flags[i] == -1) {
            graphics.setColor(Color.white);
          } else {
            graphics.setColor(Color.gray);
          }
          for (int count = 0; count &lt; messages[i].length(); count++) {
            Utility.drawString(messages[i].substring(count,
                count + 1).toString(), Lib.fontName, graphics,
                Lib.FONT * count + dialog.getMESSAGE_LINE_X(),
                i * (Lib.FONT + Lib.FONT_SIZE) + Lib.FONT
                    + dialog.getMESSAGE_LINE_Y(), 1);
          }
        }
      }
    } else {
      sleep--;
      if (color != null) {
        graphics.setColor(color);
        graphics.fillRect(0, 0, Lib.WIDTH, Lib.HEIGHT);
        Utility.wait(20);
      }
    }
    // 设置背景
    g.drawImage(screen, 0, 0, null);
    g.dispose();
  }</textarea>   </span>
　　下一次，我们将开始讲解AVG的剧情发展及脚本定制。
示例代码界面如下图：



  、    示例程序下载地址：http://download.csdn.net/source/×××73（源码在jar内）
关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
1537 经验
1487 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2024  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2