Egret手机游戏战争迷雾

最新推荐文章于 2021-09-19 15:23:10 发布

Egret_or_Unity

最新推荐文章于 2021-09-19 15:23:10 发布

阅读量2.8k

点赞数 2

分类专栏： Egret-TypeScript javascript 文章标签： Egret JavaScript 战争迷雾解决方案

本文链接：https://blog.csdn.net/egret_or_unity/article/details/68489705

版权

本文介绍如何在Egret游戏开发中应用JavaScript技术，实现手机游戏中的战争迷雾效果，通过详细步骤讲解创建战争迷雾类的解决方案。

摘要由CSDN通过智能技术生成

一、创建战争迷雾类：

module gtm {
	export class Fog extends egret.DisplayObjectContainer{
		public constructor() {
			super();
		}

		private bitmap:egret.Bitmap;

		private bgSh:egret.Shape;
		private fogLayer:egret.DisplayObjectContainer;
		public init(w:number, h:number):void {
			this.bitmap = new egret.Bitmap();
			this.addChild(this.bitmap);

			this.bgSh = new egret.Shape();
			this.bgSh.graphics.beginFill(0x000000, 0.7);
			this.bgSh.graphics.drawRect(0, 0, w, h);     //  创建黑色遮罩覆盖战场
			this.bgSh.graphics.endFill();

			this.con = new egret.DisplayObjectContainer();
			this.con.addChild(this.bgSh);
			this.fogLayer = new egret.DisplayObjectContainer();
			this.con.addChild(this.fogLayer);

			this.texture = RES.getRes("fog_png");   //以人物为中心的圆形视野

		}

		private con:egret.DisplayObjectContainer;
		private bitmaps:egret.Bitmap[] = [];
		private texture:egret.Texture;

		private getBitmap():egret.Bitmap