Delphi版俄罗斯方块-前奏

前言

基础知识讲了很多，但是并没有串联起来，所以我最近一直在准备个小项目，但是这个项目的要求不含有数据库部分，也就是数据持久存储的功能，此外不能含有网络功能，它只是对基础知识的一个总结，最后一点是这个项目可以后期进行扩展，加上网络和数据库部分，所以最终选择俄罗斯方块这个小游戏作为基础知识总结的结课项目，因为这个小游戏可以扩展成为双人或者多人对战，同时保存每个人的对战信息

素材准备

我们的课程一直使用的是VCL，VCL原生的窗口太丑，所以需要做一点美化,准备一些图片，不至于让做出来的东西自己都不想看

这张图片是用来画窗口的，它将来的功能就是将整个游戏窗口划分为不同的功能区块，需要注意的是它的背景是透明的，至于大小到时候使用代码对图片进行切割，最终可以让我们绘制任意大小的窗口，本来就没什么时间，加上自己数学又不好，这个切边的问题让我鼓捣好几天.....，具体的计算方式如下：

这张图片是用于拼装图形的，同样的是代码进行切割，每一个方块的大小为32*32像素

这张图片有意思了，用于经验条显示的，也就是随着玩家消除的行数增加，经验条也增加，当经验条满了之后则进行升级，我们这里的升级需要做两个事情，一个是增加方块的下落速度，另一个是更换整个游戏的背景，当然今天用不到这张图

代码编写

为了后期方便扩展，我们需要整理出一个比较规范的代码编写，因为我并不清楚Delphi实际开发的情况是什么样子的，所以我沿用了Java代码设计的思路，我想在这方面每个语言都应该是相同的，我将整个项目划分为了视图、业务和数据，存放的方式以单元为单位

数据单元

这个单元目前来讲只需要存放一个类，用于存储方块图形数据

• 我之所以将初始化图形的数据放在initialization块内，主要是我想通过类方法直接调用，而在类内部貌似没有办法定义类似于类方法的类变量

• getRandomSquare函数返回值的问题，它的返回值是一个数组，但是Delphi里面貌似没有办法直接返回数组，所以我将其定义为了一个类型，在调用该方法的时候用于接收的变量类型为uEntity.TArrayPoint。

unit uEntity;

interface

uses
    Winapi.Windows, System.Generics.Collections;

type
    TArrayPoint = array[0..3] of TPoint;

    TGameData = class
    private
    public
        class function getRandomSquare(RandowIndex: Integer): TArrayPoint;
    published
    end;

implementation
//此处定义的变量在其他单元无法引用
var
    ArrayPoint: TArrayPoint;
    TypeConfig: TList<TArrayPoint>;
{ TGameData }

{*------------------------------------------------------------------------------

  根据指定的索引获取一个方块
  @param RandowIndex    索引
  @return   方块的做信息
-------------------------------------------------------------------------------}
class function TGameData.getRandomSquare(RandowIndex: Integer): TArrayPoint;
begin

    Result := TypeConfig.Items[RandowIndex];
    Exit;
end;

initialization
    //组装俄罗斯方块的7中图形，这里面存储的实际是方块的x，y坐标
    TypeConfig := TList<TArrayPoint>.create;
    ArrayPoint[0] := TPoint.create(4, 0);
    ArrayPoint[1] := TPoint.create(3, 0);
    ArrayPoint[2] := TPoint.create(5, 0);
    ArrayPoint[3] := TPoint.create(6, 0);

    TypeConfig.Add(ArrayPoint);
    ArrayPoint[0] := TPoint.create(4, 0);
    ArrayPoint[1] := TPoint.create(3, 0);
    ArrayPoint[2] := TPoint.create(5, 0);
    ArrayPoint[3] := TPoint.create(4, 1);
    TypeConfig.Add(ArrayPoint);
    ArrayPoint[0] := TPoint.create(4, 0);
    ArrayPoint[1] := TPoint.create(3, 0);
    ArrayPoint[2] := TPoint.create(5, 0);
    ArrayPoint[3] := TPoint.create(3, 1);
    TypeConfig.Add(ArrayPoint);
    ArrayPoint[0] := TPoint.create(4, 0);
    ArrayPoint[1] := TPoint.create(5, 0);
    ArrayPoint[2] := TPoint.create(3, 1);
    ArrayPoint[3] := TPoint.create(4, 1);
    TypeConfig.Add(ArrayPoint);
    ArrayPoint[0] := TPoint.create(4, 0);
    ArrayPoint[1] := TPoint.create(5, 0);
    ArrayPoint[2] := TPoint.create(4, 1);
    ArrayPoint[3] := TPoint.create(5, 1);
    TypeConfig.Add(ArrayPoint);

    ArrayPoint[0] := TPoint.create(4, 0);
    ArrayPoint[1] := TPoint.create(3, 0);
    ArrayPoint[2] := TPoint.create(5, 0);
    ArrayPoint[3] := TPoint.create(5, 1);
    TypeConfig.Add(ArrayPoint);
    ArrayPoint[0] := TPoint.create(4, 0);
    ArrayPoint[1] := TPoint.create(3, 0);
    ArrayPoint[2] := TPoint.create(4, 1);
    ArrayPoint[3] := TPoint.create(5, 1);
    TypeConfig.Add(ArrayPoint);

end.

业务功能单元

这个单元主要存放，方块控制的一些功能，例如绘制方块、方块下落等等

其中最复杂的一个方法就属于CreateWindow了，其实它并不复杂，只是稍微有点麻烦，我们需要切割图片，所以需要计算一下切割的坐标是多少

DrawImage(img, MakeRect(x, y,Width, Height), ix, iy, iw ,ih , UnitPixel);

这个函数稍微复杂一点，不过并不是太难理解，这个也是我们整个游戏界面的核心函数，它的具体含义是将图片的某一部分绘制到目标窗口的指定位置

x, y,Width, Height：为图片在窗口上显示的x,y坐标以及大小

ix, iy, iw ,ih：为获取图片的那一部分

unit UnitGameService;

interface

uses
    uEntity, System.Generics.Collections, Vcl.Imaging.pngimage, Winapi.Windows,
    Winapi.Messages, System.SysUtils, System.Variants, System.Classes,
    Vcl.Graphics, Vcl.Controls, Vcl.Forms, Vcl.Dialogs, Vcl.StdCtrls,
    Vcl.ExtCtrls, Winapi.GDIPOBJ, Winapi.GDIPAPI;

type
    TGameService = class
    public
        procedure DrawBackground(dc: HDC; x, y, width, Height: Integer);
        //绘制窗口
        procedure CreateWindow(dc: HDC; x, y, Width, Height: Integer);
        //绘制图形
        procedure DrawActWithImg(dc: HDC; speed: Integer; ArrayPoint: uEntity.TArrayPoint);
    end;

implementation

{ TGameService }

procedure TGameService.CreateWindow(dc: HDC; x, y, Width, Height: Integer);
var
    img: TGPImage;
    Graphics: TGPGraphics;
const
    BorderWidth: Integer = 7;
begin
    Graphics := TGPGraphics.Create(dc);

    img := TGPImage.Create('D:\\Downloads\\BaiduNetdiskDownload\\俄罗斯方块\\Graphics\\window\\window.png');
    //左上角
    Graphics.DrawImage(img, MakeRect(x, y, BorderWidth, BorderWidth), 0, 0, BorderWidth, BorderWidth, UnitPixel);

    //左侧竖线
    Graphics.DrawImage(img, MakeRect(x, y + BorderWidth, BorderWidth, Height - BorderWidth), 0, BorderWidth, img.GetWidth - (img.GetWidth - BorderWidth), img.GetHeight - BorderWidth * 2, UnitPixel);

    //左下角
    Graphics.DrawImage(img, MakeRect(x, y + Height, BorderWidth, img.GetHeight), 0, img.GetWidth - BorderWidth, BorderWidth, img.GetHeight, UnitPixel);

    //底部中线
    Graphics.DrawImage(img, MakeRect(x + BorderWidth, y + Height, Width - BorderWidth, img.GetHeight), BorderWidth, img.GetHeight - BorderWidth, img.GetWidth - BorderWidth * 2, img.GetHeight, UnitPixel);

    //右下角
    Graphics.DrawImage(img, MakeRect(x + Width, y + Height, img.GetWidth, img.GetHeight), img.GetWidth - BorderWidth, img.GetHeight - BorderWidth, img.GetWidth, img.GetHeight, UnitPixel);
    //右侧竖线
    Graphics.DrawImage(img, MakeRect(x + Width, y + BorderWidth, img.GetWidth, Height - BorderWidth), img.GetWidth - BorderWidth, BorderWidth, img.GetWidth, img.GetHeight - BorderWidth * 2, UnitPixel);

    //右上角
    Graphics.DrawImage(img, MakeRect(x + Width, y, img.GetHeight, BorderWidth), img.GetWidth - BorderWidth, 0, img.GetHeight, BorderWidth, UnitPixel);
    //顶部中线
    Graphics.DrawImage(img, MakeRect(x + BorderWidth, y, Width - BorderWidth, BorderWidth), BorderWidth, 0, img.GetWidth - BorderWidth * 2, BorderWidth, UnitPixel);

    //中间
    Graphics.DrawImage(img, MakeRect(x + BorderWidth, y + BorderWidth, Width - BorderWidth, Height - BorderWidth), BorderWidth, BorderWidth, img.GetWidth - BorderWidth * 2, img.GetHeight - BorderWidth * 2, UnitPixel);
    Graphics.Free;
end;

type
    TArrayPoint = array[0..3] of TPoint;

procedure TGameService.DrawActWithImg(dc: HDC; speed: integer; ArrayPoint: uEntity.TArrayPoint);
var
    img: TGPImage;
    Graphics: TGPGraphics;
const
    //每个方块的大小
    SIZE: integer = 32;
var
    //显示方块的索引
    ActIndex: Integer;
var
    x, y: integer;
var
    i: Integer;
begin
    ActIndex := 1;
    img := TGPImage.Create('D:\Downloads\BaiduNetdiskDownload\俄罗斯方块\Graphics\game\方块.jpg');
    Graphics := TGPGraphics.Create(dc);
    for i := Low(ArrayPoint) to High(ArrayPoint) do
    begin
        // left是左上角的x坐标
        x := ArrayPoint[i].x * SIZE;
        // Top是左上角的y坐标
        y := ArrayPoint[i].y * SIZE;

        Graphics.DrawImage(img, MakeRect(x, y + speed, SIZE, SIZE), ActIndex * 32, 0, img.GetWidth - 32 * 8, img.GetHeight, UnitPixel);
    end;

    Graphics.Free;

    img.Free;
end;

procedure TGameService.DrawBackground(dc: HDC; x, y, width, Height: Integer);
var
    Graphics: TGPGraphics;
    Img: TGPImage;
begin
    Img := TGPImage.Create('D:\\Downloads\\BaiduNetdiskDownload\\俄罗斯方块\\Graphics\\background\\016-ForestTown02.jpg');

    Graphics := TGPGraphics.Create(dc);

    Graphics.DrawImage(Img, MakeRect(x, y, width, Height), 0, 0, width, Img.GetHeight, UnitPixel);

    Graphics.Free;
end;

end.

视图

其实所谓的视图也就是界面部分的代码，这里主要是调用以及处理一些事件的代码

核心代码

procedure TForm1.Button3Click(Sender: TObject);
var
    ArrayPoint: uEntity.TArrayPoint;
    GameService: TGameService;
begin
    Form1.Repaint;
    ArrayPoint := TGameData.getRandomSquare(TPublicUtil.GetRandomNum(0, 6));
    GameService := TGameService.create();
    //绘制背景
    GameService.DrawBackground(Image1.Canvas.Handle, 0, 0, 700, 600);
    //绘制窗口
    GameService.CreateWindow(Image1.Canvas.Handle, 20, 20, 400, 450);
    //绘制图形
    GameService.DrawActWithImg(Image1.Canvas.Handle, 100, ArrayPoint);

end;

工具函数单元

该单元我一般用来存放一些不好分类或者调用频率比较高的函数，一般是类方法(换成Java的说法是静态方法，我不知道在Delphi中具体的称呼)

unit uUtil;

interface

type
    TPublicUtil = class
    public
        class function GetRandomNum(Min, Max: Integer): Integer;
    end;

implementation

{ TPublicUtil }
{*------------------------------------------------------------------------------
  随机产生一个指定范围内的整数

  @param Min  最小值
  @param Max  最大值
  @return
-------------------------------------------------------------------------------}
class function TPublicUtil.GetRandomNum(Min, Max: Integer): Integer;
begin

    randomize;
    Result := random(Max) mod (Max - Min + 1) + Min;

    Exit;
end;



end.

最后

来一张效果图，我个人觉得还不错，虽然功能还没有做完