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

作为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?

1. Public void paint(Graphics g){  
2.  //设定颜色  
3.  g.setColor(…);  
4.  //设定字体  
5.  g.setFont(…);  
6.  //绘制文本  
7.  g.drawString(…);  
8.  //绘制线段  
9.  g.drawLine(…);  
10.  //绘制矩形  
11.  g.drawRect(…);  
12.  //填充矩形  
13.  g.fillRect(…);  
14.  //绘制椭圆  
15.  g.drawOval(…);  
16.  //填充椭圆  
17.  g.fillOval(…);  
18.  //绘制多边形  
19. g.drawPolygon(…);  
20. //填充多边形  
21. g.fillPolygon(…);  
22. //显示图像  
23. g.drawImage(…);  
24. //其它请参考相关文档  
25. //…  
26. }   

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?

1. Public void paint(Graphics g){  
2.   //获得Graphics2D实例  
3. Graphics2D g2d = (Graphics2D) g;  
4. //原Graphics部分  
5.  //设定颜色  
6.  g2d.setColor(…);  
7.  //设定字体  
8.  g2d.setFont(…);  
9.  //绘制文本  
10.  g2d.drawString(…);  
11.  //绘制线段  
12.  g2d.drawLine(…);  
13.  //绘制矩形  
14.  g2d.drawRect(…);  
15.  //填充矩形  
16.  g2d.fillRect(…);  
17.  //绘制椭圆  
18.  g2d.drawOval(…);  
19.  //填充椭圆  
20.  g2d.fillOval(…);  
21.  //绘制多边形  
22. g2d.drawPolygon(…);  
23. //填充多边形  
24. g2d.fillPolygon(…);  
25. //显示图像  
26. g2d drawImage(…);  
27. //Graphics2D部分新增功能  
28. //设置Paint  
29. g2d.setPaint(…);  
30. //设置线条粗细  
31. g2d.setStroke(…);  
32. //设置Composite(多用AlphaComposite)  
33. g2d.setComposite(…);  
34. //设置移动边距  
35. g2d.translate(…);  
36. //设置刻度  
37. g2d.scale(…);  
38. //设置旋转  
39. g2d.rotate(…);  
40. //设置剪裁  
41. g2d.shear(…);  
42. //设置坐标变形  
43. g2d.setTransform(…);  
44. //创建特定Shape实例  
45. Shape shape=new YourShape(…);  
46. //设定指定Shape  
47. g2d.draw(shape);  
48. //填充指定Shape  
49. g2d.draw(shape);  
50. //设定RenderingHints(绘图微调设定用类)  
51. g2d.setRenderingHint(…);  
52. //其它请参考相关文档  
53. //…  
54. }  

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

1. public void draw(final Graphics g) {  
2.         if (sleep <= 0) {  
3.             if (cg.getBackgroundCG() != null) {  
4.                 if (shakeNumber > 0) {  
5.                     graphics.drawImage(cg.getBackgroundCG(), shakeNumber / 2  
6.                             - Control.rand.nextInt(shakeNumber), shakeNumber  
7.                             / 2 - Control.rand.nextInt(shakeNumber), null);  
8.                 } else {  
9.                     graphics.drawImage(cg.getBackgroundCG(), 0, 0, null);  
10.                 }  
11.             }  
12.             for (int i = 0; i < cg.getCharas().size(); i++) {  
13.                 Chara chara = (Chara) cg.getCharas().get(i);  
14.                 graphics.drawImage(chara.getCharacterCG(), chara.getX(), chara  
15.                         .getY(), null);  
16.             }  
17.             if (isMessage) {  
18.                 dialog.showDialog(dialogImage, graphics);  
19.                 for (int i = 0; i < stringMaxLine; i++) {  
20.                     graphics.setColor(Color.black);  
21.                     for (int j = 0; j < messages[i].length(); j++) {  
22.                         Utility.drawString(messages[i].substring(j, j + 1)  
23.                                 .toString(), Lib.fontName, graphics, Lib.FONT  
24.                                 * j + dialog.getMESSAGE_LINE_X() + 2, i  
25.                                 * (Lib.FONT + Lib.FONT_SIZE) + Lib.FONT + 1  
26.                                 + dialog.getMESSAGE_LINE_Y(), 1);  
27.                     }  
28.                     if (flags[selectFlag] != -1) {  
29.                         graphics.setColor(Color.white);  
30.                         for (int j1 = 0; j1 < messages[selectFlag].length(); j1++) {  
31.                             Utility.drawString(messages[selectFlag].substring(  
32.                                     j1, j1 + 1).toString(), Lib.fontName,  
33.                                     graphics, Lib.FONT * j1  
34.                                             + dialog.getMESSAGE_LINE_X(),  
35.                                     selectFlag * (Lib.FONT + Lib.FONT_SIZE)  
36.                                             + Lib.FONT  
37.                                             + dialog.getMESSAGE_LINE_Y(), 1);  
38.                         }  
39.                         dialog.showDialog(selectFlag, Lib.FONT, Lib.FONT_SIZE,  
40.                                 dialogImage, graphics);  
41.                     }  
42.                     if (flags[i] == -1) {  
43.                         graphics.setColor(Color.white);  
44.                     } else {  
45.                         graphics.setColor(Color.gray);  
46.                     }  
47.                     for (int count = 0; count < messages[i].length(); count++) {  
48.                         Utility.drawString(messages[i].substring(count,  
49.                                 count + 1).toString(), Lib.fontName, graphics,  
50.                                 Lib.FONT * count + dialog.getMESSAGE_LINE_X(),  
51.                                 i * (Lib.FONT + Lib.FONT_SIZE) + Lib.FONT  
52.                                         + dialog.getMESSAGE_LINE_Y(), 1);  
53.                     }  
54.                 }  
55.             }  
56.         } else {  
57.             sleep--;  
58.             if (color != null) {  
59.                 graphics.setColor(color);  
60.                 graphics.fillRect(0, 0, Lib.WIDTH, Lib.HEIGHT);  
61.                 Utility.wait(20);  
62.             }  
63.         }  
64.         // 设置背景  
65.         g.drawImage(screen, 0, 0, null);  
66.         g.dispose();  
67.     }  

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[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 < 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 < 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();}     下一次，我们将开始讲解AVG的剧情发展及脚本定制。   示例代码界面如下图：
                  、      示例程序下载地址：[url]http://download.csdn.net/source/999273[/url]（源码在jar内）

本文出自 “Java究竟怎么玩” 博客，请务必保留此出处http://cping1982.blog.51cto.com/601635/130277