vvind

vvind

关注
发信
关注(28)粉丝(399)

W801学习笔记十七：古诗学习应用——上

硬件驱动以及软件架构大体上已经完成，尚存一些遗漏之处，后续会寻找合适的时机进行补充。自此章起，将正式迈入软件应用阶段，尤其是游戏开发领域。

关于第一个应用，此前已有一些构想：

其一，随机选取一首唐诗，然后随机隐藏其中的一句。

其二，玩家从四个备选句子中挑选出一个正确答案。

现在开始：

一、诗词数据清洗及格式转换

        诗词数据的获取渠道很多，无论哪里来的，基本都要整理一下格式。

       1、先从网上某某地方下载唐诗300首。统一格式为：

标题行

作者行

正文N行

感遇其一
张九龄
孤鸿海上来，
池潢不敢顾；
侧见双翠鸟，
巢在三珠树。
矫矫珍木巅，
得无金丸惧？
美服患人指，
高明逼神恶。
今我游冥冥，
弋者何所慕？
感遇其二
张九龄
兰叶春葳蕤，
桂华秋皎洁；
欣欣此生意，
自尔为佳节。
谁知林栖者？
闻风坐相悦，
草木有本心，
何求美人折？
感遇其三
张九龄
幽人归独卧，
滞虑洗孤清，
持此谢高鸟，
因之传远情。
日夕怀空意，
人谁感至精？
飞沈理自隔，
何所慰吾诚？

        2、将来数据要保存在SD卡中，内存用PSRAM也是足够，所以我们以控件换时间，简化数据结构，统一每行的宽度：

标题行 64字节

作者行 64字节

正文N行 64字节

W801学习笔记十七：古诗学习应用——上-LMLPHP

        3、为数据做一个索引：

格式为

W801学习笔记十七：古诗学习应用——上-LMLPHP

W801学习笔记十七：古诗学习应用——上-LMLPHP

4、扩展字符集

之前我们在代码中的字符串，编译时使用UFT编码。故而显示时需要先将UTF转为GB2312。

但是这里我们就不需要UTF，直接采用gb2312编码格式。

但是GB2312只包含国标一、二级汉字，而古诗词中含有一些三级汉字。所以我们实际使用的是gb2312的超集gb18030。

另一个问题是，gt30字库芯片中并没有三级汉字！所以我们在处理数据的时候，要把三级汉字挑出来，单独生成字库文件。

W801学习笔记十七：古诗学习应用——上-LMLPHP

 5、现在可以用宏定位诗词了。

//读取数据指定行
#define dataLine(idx) ((const char*)DataBuff+((idx) * 64))
//获取索引指定诗所在数据行数
#define dataLineIdx(idx) (((u16*)DataBuffIndex)[(idx)*2+2])
//获取索引指定诗句子总数
#define dataLineCount(idx) (((u16*)DataBuffIndex)[(idx)*2+3])

//获取指定诗指定句子所在行数
#define TangshiLineIdx(x,y)  (dataLineIdx(x)+ y + 2 )
//获取指定诗指定句子所在数据位置
#define TangshiLine(x,y)  (dataLine(dataLineIdx(x)+ y + 2 ))
//获取指定诗标题所在数据位置
#define TangshiLineTitle(x)  (dataLine(dataLineIdx(x)))
//获取指定诗作者所在数据位置
#define TangshiLineAuthor(x)  (dataLine(dataLineIdx(x)+ 1))

二、生成问题选项

        1、先定义问题的结构：

typedef struct {
	uint16_t question; //问题诗索引
	uint8_t line;  //问题句子所在的行
    u16 answer [4];  // 4个选项对应的行
	uint8_t ans;  //正确选项
	
} TangShiQuestion;

question：随机选择一首诗做问题，比如第1首。

line：诗有若干句，我们以其中某一句作为问题进行提问。

answer [4]： 4个备选选项对应的句子位置。

ans： 正确答案对应的选项。

        2、根据上面定义，生成问题：

                i。随机选择一首诗（question）和一个句子（line），要求句子长度在15 - 25 之间。注意每个字两个字节。

                ii。随意一个选项作为答案ans

                iii。把每个选择指向每一个句子。要求句子长度相同。如果是正确选项，则使用原句子。

void YuWenTS::createTSQuestion()
{
	u8 len=0;
	offsetY=0;
	do{
		currentQuestion->question = ran_max(YuWenCount);
		currentQuestion->line = ran_max(dataLineCount(currentQuestion->question));
		len = strlen(TangshiLine(currentQuestion->question, currentQuestion->line));
	}while(len < 15 || len > 25);
	currentQuestion->ans = ran_max(4);

	for(u8 i=0;i<4;i++){
		if(i == currentQuestion->ans){
			currentQuestion->answer[i] = TangshiLineIdx(currentQuestion->question,currentQuestion->line);
		}else{
			do{
				currentQuestion->answer[i] = ran_max(YuWenItemCount);
			}while(len != strlen(dataLine(currentQuestion->answer[i])));
		}
	}
}

三、显示问题选项

        1、显示唐诗。

                i。清除显示区域

                ii。逐句显示。

如果当前行的空间无法完整呈现该句子，则另起新行。

如果当前行仅有一个字母“g”，则需手动换行，此处可根据实际情况自由定义，选择更合适的方式。

如果已到达显示区域底部，则停止显示，计算出已显示的行数，并绘制一个滚动条。

如果是问题所在的句子，则用下划线表示。

void YuWenTS::showTangshi(){
	Display_Fill_Rectangle2(TangshiBoxStartX,TangshiBoxStartY, TangshiBoxWidth, TangshiBoxHeight, BLACK);
	u16 offx = 0;
	int offy = offsetY;
	boxHeight=1;
	const char *sl;
	for(u8 i=0;i< dataLineCount(currentQuestion->question) ;i++){
		sl= TangshiLine(currentQuestion->question, i);
		u16 len = strlen(sl);
		if(sl[0] == 'g' ){
			offx = 0;
			offy += 20;
			boxHeight++;
			continue;
		}
		if(offx + len* 8 > TangshiBoxWidth){
			offx = 0;
			offy += 20;
			boxHeight++;
		}

		if(offy <0 || offy>TangshiBoxHeight-TangshiBoxLineHeight ){
			offx += len*8;
			continue;
		}

		if (i== currentQuestion->line){
				answerX=offx + TangshiBoxStartX;
				answerY=offy + TangshiBoxStartY;
				answerIdx = TangshiLineIdx(currentQuestion->question, i);
			for(u8 j=0;j< len; j++){
				Display_String(answerX+ j*8, answerY, &optionMiss, "_") ;
			}
		}else{
			Display_String(offx + TangshiBoxStartX, offy + TangshiBoxStartY, &optionLines, 
				TangshiLine(currentQuestion->question, i));
		}
		offx += len*8;
	}
	boxHeight = boxHeight*TangshiBoxLineHeight;
	
	if(boxHeight > TangshiBoxHeight){
		Display_Fill_Rectangle(TangshiBoxStartX + TangshiBoxWidth - 10, TangshiBoxStartY, 
			TangshiBoxStartX + TangshiBoxWidth -1, TangshiBoxStartY + TangshiBoxHeight, GRAY);


		double a = (double) (-offsetY) / boxHeight * TangshiBoxHeight;
		double b = (double) (-offsetY + TangshiBoxHeight) / boxHeight * TangshiBoxHeight;

		Display_Fill_Rectangle(TangshiBoxStartX + TangshiBoxWidth - 9,
			TangshiBoxStartY + a, 
			TangshiBoxStartX + TangshiBoxWidth -2,
			TangshiBoxStartY + b,
			GREEN);

	}
}

        2、显示答案选选项：

       

void YuWenTS::showTSQuetion(){
	Display_Fill_Rectangle(0,25, 480, 75, BLACK);
	Display_String(YUW_Quetion_LOC_A, &optionQuetion, TangshiLineTitle(currentQuestion->question));
	Display_String(YUW_Quetion_LOC_B, &optionZY, TangshiLineAuthor(currentQuestion->question));
	
	for(u8 i=0;i<4;i++){
		Display_Fill_Rectangle2(answerLocX, answerLocY[i]-2, SCREEN_WIDTH - answerLocX, 21 ,answerBGColor[i]);
		Display_String2(answerLocX, answerLocY[i], &optionAnswer[i], (const char *)answerTitle[i], dataLine(currentQuestion->answer[i]));
	}
}

这里，我们用到了问题及选择的几个文字格式定义：

// 字符串显示参数
typedef struct DisplayOption{
	uint8_t zk_num;
	uint16_t foreColor;
	uint16_t backColor;
	uint8_t isCenter;
	uint8_t isGB2312;
} DisplayOption;
		DisplayOption optionQuetion = {FONT_SIZE_2424, LIGHTBLUE, BLACK, 0, 1};
		DisplayOption optionZY = {FONT_SIZE_1516, GRAYBLUE, BLACK, 0, 1};
		DisplayOption optionLines = {FONT_SIZE_1516, WHITE, BLACK, 0, 1};
		DisplayOption optionMiss = {FONT_SIZE_1516, RED, DGRAY, 0, 1};
		DisplayOption optionAnswer[4] = {
			{FONT_SIZE_1516, WHITE, answerBGColor[0], 0, 1},
			{FONT_SIZE_1516, WHITE, answerBGColor[1], 0, 1},
			{FONT_SIZE_1516, WHITE, answerBGColor[2], 0, 1},
			{FONT_SIZE_1516, WHITE, answerBGColor[3], 0, 1},
			};

四、开始游戏

        1、在初始化中，读取数据文件

int YuWenTS::scean_init(cJSON*  param){
	setKeyAdepterIntervalAll(200);
	setKeyAdepterInterval(KEY_GPIO_A, 65535);
	setKeyAdepterInterval(KEY_GPIO_B, 65535);
	setKeyAdepterInterval(KEY_GPIO_C, 65535);
	setKeyAdepterInterval(KEY_GPIO_D, 65535);
	
	。。。

		fatfs_readFile("project/tangshi300gb.txt", &DataBuff);
		fatfs_readFile("project/tangshi300index.txt", &DataBuffIndex);
		YuWenCount = dataLineIdx(-1);
		YuWenItemCount= dataLineCount(-1);

    。。。

	start();
	return 0;
}

        2、开始

void YuWenTS::start(){
    。。。
	createTSQuestion();
	showTSQuetion();
	showTangshi();
}

现在可以看看显示效果了：

W801学习笔记十七：古诗学习应用——上-LMLPHP

05-05 15:07
Powered by LMLPHP ©2024 vvind 0.007760