前言

在Flutter连续大版本的迭代下，发现2年前的项目bladeofgod/tank_combat (github.com)已经没法跑了，为此进行了适配和代码的重构。

相较于老项目，重构后的项目在代码、设计以及注释上更为规范、合理及详尽，借此，希望初学者能有所收获。此外，由于是学习类demo，所以未经过审慎思考，如有设计不合理或不严谨的地方，还望指正。

ps:玩家无敌  :D

Flame

本项目依赖于Flame，而Flame是一个基于flutter的游戏引擎库。

Flame 引擎的目的是为使用 Flutter 开发的游戏会遇到的常见问题提供一套完整的解决方案。

目前 Flame 提供了以下功能：

游戏循环 (game loop)
组件/对象系统 (FCS)
特效与粒子效果
碰撞检测
手势和输入支持
图片、动画、精灵图 (sprite) 以及精灵图组
一些简化开发的实用工具类

Flame本身提供很多的组件，辅助管理Game Entity的生命周期、计算等。但是项目中并未完全使用，主要是希望能多一些自定义view(绘制)相关的代码，以辅助初学者练习绘制。

TankCombat

在项目中，不仅可以了解到绘制相关的知识，还可以对Flutter的mixin、接口、抽象类、工厂构造函数、extension等语言特性，以及一些简单地设计模式有个初步的认识。

下面对各节点做一个简单地介绍。

绘制

因为之前做过相关系列的介绍，这里不做赘述，可以参考之前的文章以及代码注释。Flutter&Flame——TankCombat游戏开发（一） - 掘金 (juejin.cn)

Mixin

在入口类TankGame中，我们可以看到混入和复合混入的应用。

ps: 复合混入，我自己编的名字。 :D

复合混入：

接口和继承

在tank_model.dart等文件中我们可以看到抽象类和接口的简单应用。

设计模式

在混入类TankTheater中，通过跟踪电脑tank的生成，我们可以了解到代理,工厂,Builder等设计模式的简单应用。

代理类ComputerTankSpawner的结构图。

工厂构造函数和extension

工厂构造函数

为了方便标准化对象的创建，如:
坦克发射过程中，一辆坦克可以发射n枚炮弹，所以我们需要创建位置相对独立但与坦克相关的拷贝对象

///抽象类
abstract class BaseBullet extends WindowComponent{///...其他构造函数///抽象BaseBullet copyWith({int? tankId,Size? activeSize,Offset? position,double? angle,BulletStatus status = BulletStatus.none,});///.....其它代码}///实现类之一/// * 玩家炮弹
class PlayerBullet extends BaseBullet{PlayerBullet({required int tankId, required Size activeSize}): super(tankId: tankId, activeSize: activeSize);///...其他代码@overridePlayerBullet copyWith({int? tankId, Size? activeSize, Offset? position, double? angle, BulletStatus status = BulletStatus.none}) {final PlayerBullet pb = PlayerBullet(tankId: tankId ?? this.tankId, activeSize: activeSize ?? this.activeSize);pb.position = position ?? Offset.zero;pb.angle = angle ?? 0;pb.status = status;return pb;}}

extension

通过对List使用extension，可以简化对List<componenet>的遍历调用:

extension GameExtension<T extends WindowComponent> on List<T>{void onGameResize(Vector2 canvasSize) {forEach((element) => element.onGameResize(canvasSize));}void render(Canvas canvas) {forEach((element) => element.render(canvas));}void update(double dt) {forEach((element) => element.update(dt));}}

至此，主要节点的介绍便完结了，更多实现细节可以在项目中了解，谢谢阅读。

项目地址

bladeofgod/tank_combat (github.com)

参考文章

flame/README-ZH.md at main · flame-engine/flame (github.com)

坦克对战 : FlutterFlame在游戏上的实践相关推荐

手把手教你用Java实现一个简易联网坦克对战小游戏
作者:炭烧生蚝 cnblogs.com/tanshaoshenghao/p/10708586.html 介绍通过本项目能够更直观地理解应用层和运输层网络协议, 以及继承封装多态的运用. 网络部分是本 ...
Java实现简易联网坦克对战小游戏（内涵源码）//Java+Java游戏+拓展学习+资源分享
介绍通过本项目能够更直观地理解应用层和运输层网络协议, 以及继承封装多态的运用. 网络部分是本文叙述的重点, 你将看到如何使用Java建立TCP和UDP连接并交换报文, 你还将看到如何自己定义一个简 ...
java怎么实现网络对战平台_手把手教你用Java实现一个简易联网坦克对战小游戏...
介绍通过本项目能够更直观地理解应用层和运输层网络协议, 以及继承封装多态的运用. 网络部分是本文叙述的重点, 你将看到如何使用Java建立TCP和UDP连接并交换报文, 你还将看到如何自己定义一个简 ...
坦克对战游戏 AI 设计
坦克对战游戏 AI 设计从商店下载游戏:"Kawaii" Tank 或其他坦克模型,构建 AI 对战坦克.具体要求使用"感知-思考-行为"模型,建模 AI ...
作业十：坦克对战游戏 AI 设计
坦克对战游戏 AI 设计从商店下载游戏:"Kawaii" Tank 或其他坦克模型,构建 AI 对战坦克.具体要求使用"感知-思考-行为"模型,建模 AI ...
3D游戏制作——AI坦克对战
3D游戏制作--AI坦克对战 github地址(码云) https://gitee.com/jenny_s/AITank-3Dgame 游戏视频 https://www.bilibili.com/vi ...
java联机_Java实现简易联网坦克对战小游戏
介绍通过本项目能够更直观地理解应用层和运输层网络协议, 以及继承封装多态的运用. 网络部分是本文叙述的重点, 你将看到如何使用Java建立TCP和UDP连接并交换报文, 你还将看到如何自己定义一个简 ...
如何用java让坦克发射子弹_手把手教你用Java实现一个简易联网坦克对战小游戏！...
介绍通过本项目能够更直观地理解应用层和运输层网络协议, 以及继承封装多态的运用. 网络部分是本文叙述的重点, 你将看到如何使用Java建立TCP和UDP连接并交换报文, 你还将看到如何自己定义一个简 ...
canvas+js实现简单的双人坦克对战小游戏
相信有很多人对坦克大战的游戏模仿很有兴趣,在实现经典的坦克大战之前,我先写了个双人的坦克对战,实现了基本的对战功能.下面就开始介绍游戏的编写. 首先创建一个基本的html文件,添加canvas标签以实 ...

坦克对战 : FlutterFlame在游戏上的实践

前言