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

2024-05-05 16:04

本文主要是介绍W801学习笔记十七:古诗学习应用——上,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

关于第一个应用,此前已有一些构想:

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

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

现在开始:

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

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

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

标题行

作者行

正文N行

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

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

标题行 64字节

作者行 64字节

正文N行 64字节

        3、为数据做一个索引:

格式为

4、扩展字符集

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

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

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

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

以上2、3、4 几步需要另外写个工具完成。

 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学习笔记十七:古诗学习应用——上的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/962086

相关文章

电脑系统Hosts文件原理和应用分享

《电脑系统Hosts文件原理和应用分享》Hosts是一个没有扩展名的系统文件,当用户在浏览器中输入一个需要登录的网址时,系统会首先自动从Hosts文件中寻找对应的IP地址,一旦找到,系统会立即打开对应... Hosts是一个没有扩展名的系统文件,可以用记事本等工具打开,其作用就是将一些常用的网址域名与其对应

CSS 样式表的四种应用方式及css注释的应用小结

《CSS样式表的四种应用方式及css注释的应用小结》:本文主要介绍了CSS样式表的四种应用方式及css注释的应用小结,本文通过实例代码给大家介绍的非常详细,详细内容请阅读本文,希望能对你有所帮助... 一、外部 css(推荐方式)定义:将 CSS 代码保存为独立的 .css 文件,通过 <link> 标签

Python使用Reflex构建现代Web应用的完全指南

《Python使用Reflex构建现代Web应用的完全指南》这篇文章为大家深入介绍了Reflex框架的设计理念,技术特性,项目结构,核心API,实际开发流程以及与其他框架的对比和部署建议,感兴趣的小伙... 目录什么是 ReFlex?为什么选择 Reflex?安装与环境配置构建你的第一个应用核心概念解析组件

C#通过进程调用外部应用的实现示例

《C#通过进程调用外部应用的实现示例》本文主要介绍了C#通过进程调用外部应用的实现示例,以WINFORM应用程序为例,在C#应用程序中调用PYTHON程序,具有一定的参考价值,感兴趣的可以了解一下... 目录窗口程序类进程信息类 系统设置类 以WINFORM应用程序为例,在C#应用程序中调用python程序

Java应用如何防止恶意文件上传

《Java应用如何防止恶意文件上传》恶意文件上传可能导致服务器被入侵,数据泄露甚至服务瘫痪,因此我们必须采取全面且有效的防范措施来保护Java应用的安全,下面我们就来看看具体的实现方法吧... 目录恶意文件上传的潜在风险常见的恶意文件上传手段防范恶意文件上传的关键策略严格验证文件类型检查文件内容控制文件存储

CSS3 布局样式及其应用举例

《CSS3布局样式及其应用举例》CSS3的布局特性为前端开发者提供了无限可能,无论是Flexbox的一维布局还是Grid的二维布局,它们都能够帮助开发者以更清晰、简洁的方式实现复杂的网页布局,本文给... 目录深入探讨 css3 布局样式及其应用引言一、CSS布局的历史与发展1.1 早期布局的局限性1.2

重新对Java的类加载器的学习方式

《重新对Java的类加载器的学习方式》:本文主要介绍重新对Java的类加载器的学习方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、介绍1.1、简介1.2、符号引用和直接引用1、符号引用2、直接引用3、符号转直接的过程2、加载流程3、类加载的分类3.1、显示

在React聊天应用中实现图片上传功能

《在React聊天应用中实现图片上传功能》在现代聊天应用中,除了文字和表情,图片分享也是一个重要的功能,本文将详细介绍如何在基于React的聊天应用中实现图片上传和预览功能,感兴趣的小伙伴跟着小编一起... 目录技术栈实现步骤1. 消息组件改造2. 图片预览组件3. 聊天输入组件改造功能特点使用说明注意事项

Redis中RedisSearch使用及应用场景

《Redis中RedisSearch使用及应用场景》RedisSearch是一个强大的全文搜索和索引模块,可以为Redis添加高效的搜索功能,下面就来介绍一下RedisSearch使用及应用场景,感兴... 目录1. RedisSearch的基本概念2. RedisSearch的核心功能(1) 创建索引(2

Python datetime 模块概述及应用场景

《Pythondatetime模块概述及应用场景》Python的datetime模块是标准库中用于处理日期和时间的核心模块,本文给大家介绍Pythondatetime模块概述及应用场景,感兴趣的朋... 目录一、python datetime 模块概述二、datetime 模块核心类解析三、日期时间格式化与