游戏创意投稿大赛之疯狂二次方

我正在参加掘金社区游戏创意投稿大赛个人赛，详情请看：游戏创意投稿大赛

创意游戏之疯狂二次方

前文

本文内容主要为游戏创意投稿大赛参赛作品，游戏名称为疯狂二次方。该项目是一个简单的h5小游戏，主要基于egret游戏引擎开发。项目的主要内容为益智类游戏，随机生成某个数字，在规定时间内等待玩家计算平方结果。根据一定的算法给予玩家积分，最后通过积分作为最后的游戏成绩。

游戏整体思路介绍

首先来看一下游戏设计方面的思考。本游戏主要基于让玩家在游戏过程中对于一些常用平方数的计算。游戏的规则主要是进入游戏后，会在60秒的时间内进行作答。基础分数为3分，答对1次加一分，但同样的平方数的取值范围也会从0-20增加为0-30。连续答对则会连续提高游戏的分值，但也会扩大计算范围增加难度。一旦打错或跳过，分值会回到3分同时范围回到0-20。玩家共有60秒时间及三次跳过机会，最后计算统计游戏的总分值即位游戏结果。

游戏技术方案讨论

本游戏的技术方案主要是采用了egret引擎作为开发的基础。通过egret引擎中对于皮肤的绘制，得到我们主要的游戏画面。而与此同时，我们采用了ts语言作为开发的主要语言。在页面中发生点击事件时，利用按钮的id与程序内id的关联，即可绑定对应的按钮操作，例如:

this.startBtn.addEventListener(egret.TouchEvent.TOUCH_TAP,(event:egret.TouchEvent) => {
			this.startGame();
		},this);
复制代码

当按钮发生点击事件时，会调用startGame方法执行后续的逻辑。该游戏开发的核心功能主要是对于ui的交互。通过按钮的点击，进行计算的响应或相关按钮、文字的显示及隐藏。利用皮肤中与游戏脚本中id的关联，实现数据与画面的绑定。而我们的分数逻辑，则通过提交计算结果按钮所绑定的函数进行计算。

private submitQuestion(){
		var answer:number = Number(this.inputResult.text);
		this.inputResult.text = "";
		if( answer == this.question * this.question){
			// 具体的算法逻辑，待确认
			var doubleScore = this.question % 5 == 0 ? 2 : 1;//能被5整除2倍
			var doubleScore = this.question % 7 == 0 ? 3 : doubleScore;//能被7整除3倍
			this.currentScore = this.currentScore + this.baseScore * doubleScore;
			this.scoreLabel.text = "当前积分：" + this.currentScore;
			this.baseScore++;//积分基础分数变更
			this.questionRange += 10;//范围变更
			this.randomQuestion();
		}else{
			this.baseScore = 3;
			this.questionRange = 20;
			// 提示回答错误
			this.alarmLabel.text = "回答错误，积分基数重置为3";
			this.alarmLabel.visible = true;
		}
	}
复制代码

简单的来看一下游戏皮肤内容的结构：

该游戏相对而言ui比较简单，因此主要的皮肤组成内容比较少。多数为文本控件、按钮控件，以及一些输入交互的组件。通过他们在脚本中的逻辑绑定，实现该游戏的整体结构。