当前位置: 首页 > news >正文

Rust语言项目实战(四) - 界面绘制与渲染

回顾

前面的章节中,我们已经完成了下面的工作:

  • 准备所需的音频文件
  • 设置游戏所需的屏幕和键盘配置
  • 创建了游戏主循环并在其中实现按键Escq退出游戏的功能
  • 游戏退出前还原配置

目前游戏的界面还是一片空白,本章我们开始为游戏在终端上绘制并渲染界面,这真是一个激动人心的工作。

模块化

对于一个真正是实战项目而已,应该没人会把所有的代码都放在main.rs文件中。 为了使项目的结构, 功能和逻辑更加清楚明了,我们通常会将项目进行适当的模块化。本章中我们将创建几个新文件,用于存放不同功能的代码:

  • lib.rs: 在基础篇中提到了,是项目的根库文件,我们将项目中其他的库和一些全局使用的常量放入其中,以便我们可以在本项目的其他文件中可以直接使用;
  • frame.rs: 我们的游戏界面需要划定一块框架,然后在这个范围内进行绘制,其中的代码实现相关功能;
  • render.rs: 在游戏运行过程中,需要根据实时的信息,对界面进行渲染,其中的代码实现相关的功能;

当前的目录结构如下:

invaders
├── Cargo.lock
├── Cargo.toml
├── explode.wav
├── lose.wav
├── move.wav
├── pew.wav
├── src
│   ├── frame.rs
│   ├── lib.rs
│   ├── main.rs
│   └── render.rs
├── startup.wav
└── win.wav

lib.rs

pub mod frame;
pub mod render;pub const NUM_ROWS: usize = 20;
pub const NUM_COLS: usize = 40;

在这里面我们定义了两个常量, 分别是行数(20)和列数(40),也就是说我们游戏界面的大小是(20 * 40)。

frame.rs

先理解一下Frame是什么, Frame就是我们的游戏界面,在终端中,例如我们的游戏界面是20行, 40列的一块范围,那么我们的Frame就是由20 * 40个像素单元组成,每个单元就是屏幕上显示的一个字符。

// frame.rs
use crate::{NUM_COLS, NUM_ROWS}; // 定义在本项目的lib.rs文件中的pub常量或模块可以用 crate::<名称> 这种格式导入
pub type Frame = Vec<Vec<&'static str>>;pub fn new_frame() -> Frame {let mut cols = Vec::with_capacity(NUM_COLS);for _ in 0..NUM_COLS {let mut col = Vec::with_capacity(NUM_ROWS);for _ in 0..NUM_ROWS {col.push(" ");}cols.push(col);}cols
}
pub trait Drawable {fn draw(&self, frame: &mut Frame); 
}

在上面的代码中, 有一个新的语法type Frame = Vec<Vec<&'static str>>, 这相当于是给Vec<Vec<&'static str>>这个数据结构起了一个别名叫做Frame, 在别的语言中也比较常见。这说明Frame是一个二维数组,其中的每个元素都是一个字符串切片的引用, 'static这个标记是表示这个变量的声明周期存在于整个程序运行期间,不会被销毁。

new_frame这个函数的内容是初始化我们的界面框架, 将界面中每个位置都初始设置为一个 空字符串。

我们的界面在游戏运行中一定是动态变化的,而且可能由多种不同的情况或主体去进行界面的绘制,因此我们定义了一个Trait叫做Drawable, 只要实现了它规定的接口,都可以对界面进行绘制, 其中的draw函数,返回一个Frame

render.rs

渲染(render)的主要目的是根据Frame的数据,对标准输出进行操作,从而使得屏幕显示出来我们想要的界面效果。

use std::io::{Stdout, Write};use crate:: frame::Frame;
use crossterm::QueueableCommand;
use crossterm::style::{SetBackgroundColor, Color}; use crossterm::terminal::{Clear, ClearType};
use crossterm::cursor::MoveTo;
pub fn render(stdout: &mut Stdout, last_frame: &Frame, curr_frame: &Frame, force: bool) {if force {stdout.queue(SetBackgroundColor(Color::Blue)).unwrap();stdout.queue(Clear(ClearType::All)).unwrap();stdout.queue(SetBackgroundColor(Color::Black)).unwrap();}for (x, col) in curr_frame.iter().enumerate() {for (y, s) in col.iter().enumerate() {if *s != last_frame[x][y] || force {stdout. queue(MoveTo(x as u16, y as u16)).unwrap();print!("{}", *s);}}}stdout.flush().unwrap();
}

现在来看一下文件中的reder()函数, 首先是参数:

  • stdout: 是一个标准输出类型,因为我们需要对终端进行操作,因此是一个对终端的可变引用类型;
  • last_frame: 上次的界面状态;
  • curr_frame: 当前的界面状态;
  • force:是否强制进行渲染,例如刚开始游戏时,需要全部重新渲染。

首先看函数开始,判断了是否强制渲染,如果强制渲染的话,会清除屏幕上的所有文字内容并重置屏幕的背景色(染色 -> 清除 -> 再染色是比较通用的清除屏幕的步骤)。

然后会比较当前Frame和上次刷新的Frame的状态,对其中的每个像素单元进行比较,看是否有变化(如果是强制渲染,则不比较, 直接对每个单元都进行操作)。 如果发现有变化,则移动到当前判断的位置(MoveTo),然后在这里填入当前Frame信息中该位置的值(print!("{}", *s);)。

注意stdout.queue()将对标准输出的操作都先放入了缓冲区, 当在最后调用stdout.flush()时,才会被一起执行,在屏幕上产生效果。

小结

本章完成了界面绘制和渲染相关功能的函数和模块的编写,接下来我们要做的就是把这些单个的功能串联起来,并使用多线程的方式,来使界面正常工作起来。

下面是各个文件的完整代码:

// lib.rs
pub mod frame;
pub mod render;pub const NUM_ROWS: usize = 20;
pub const NUM_COLS: usize = 40;
// frame.rs
use crate::{NUM_COLS, NUM_ROWS};
pub type Frame = Vec<Vec<&'static str>>;pub fn new_frame() -> Frame {let mut cols = Vec::with_capacity(NUM_COLS);for _ in 0..NUM_COLS {let mut col = Vec::with_capacity(NUM_ROWS);for _ in 0..NUM_ROWS {col.push(" ");}cols.push(col);}cols
}
pub trait Drawable {fn draw(&self, frame: &mut Frame); 
}
// render.rs
use std::io::{Stdout, Write};use crate:: frame::Frame;
use crossterm::QueueableCommand;
use crossterm::style::{SetBackgroundColor, Color}; use crossterm::terminal::{Clear, ClearType};
use crossterm::cursor::MoveTo;
pub fn render(stdout: &mut Stdout, last_frame: &Frame, curr_frame: &Frame, force: bool) {if force {stdout.queue(SetBackgroundColor(Color::Blue)).unwrap();stdout.queue(Clear(ClearType::All)).unwrap();stdout.queue(SetBackgroundColor(Color::Black)).unwrap();}for (x, col) in curr_frame.iter().enumerate() {for (y, s) in col.iter().enumerate() {if *s != last_frame[x][y] || force {stdout.queue(MoveTo(x as u16, y as u16)).unwrap();print!("{}", *s);}}}stdout.flush().unwrap();
}

相关文章:

Rust语言项目实战(四) - 界面绘制与渲染

回顾 前面的章节中&#xff0c;我们已经完成了下面的工作&#xff1a; 准备所需的音频文件设置游戏所需的屏幕和键盘配置创建了游戏主循环并在其中实现按键Esc或q退出游戏的功能游戏退出前还原配置 目前游戏的界面还是一片空白&#xff0c;本章我们开始为游戏在终端上绘制并…...

动态规划学习——回文串

目录 一&#xff0c;回文子串 1.题目 2.题目接口 3&#xff0c;解题代码及其思路 解题代码&#xff1a; 二&#xff0c; 分割回文串II 1&#xff0c;题目 2&#xff0c;题目接口 3&#xff0c;解题思路及其代码 一&#xff0c;回文子串 1.题目 给你一个字符串 s &…...

优化你的计算机性能:如何根据 CPU 占用率决定硬件升级

优化你的计算机性能&#xff1a;如何根据 CPU 占用率决定硬件升级 一、引言二、CPU 占用率的意义与影响三、监测和评估 CPU 占用率四、判断硬件升级需求的依据五、硬件升级方案和建议六、总结 一、引言 计算机性能优化是提升计算机系统整体效能的过程&#xff0c;它对于用户和…...

探索低代码之路——JNPF

目录 一、低代码行业现状 二、产品分析 1.可视化应用开发 2.流程管理 3.整个平台源码合作 三、架构和技术 技术栈 四、规划和展望 低代码平台&#xff08;Low-code Development Platform&#xff09;是一种让开发者通过拖拽和配置&#xff0c;而非传统的手动编写大量代…...

Day01 嵌入式 -----流水灯

一、简单介绍 嵌入式系统中的流水灯是一种常见的示例项目&#xff0c;通常用于演示嵌入式系统的基本功能和控制能力。流水灯由多个发光二极管&#xff08;LED&#xff09;组成&#xff0c;这些LED按照一定的顺序依次点亮和熄灭&#xff0c;形成一种像水流一样的流动效果。 二、…...

Redis集群详解

1.1 什么是Redis集群 Redis集群是一种通过将多个Redis节点连接在一起以实现高可用性、数据分片和负载均衡的技术。它允许Redis在不同节点上同时提供服务&#xff0c;提高整体性能和可靠性。根据搭建的方式和集群的特性&#xff0c;Redis集群主要有三种模式&#xff1a;主从复制…...

【随笔】个人面试纪录

面试被问了几个问题。 1.mount怎么用 没答上来&#xff0c;说的 --help 可以看 mount --help | less mount [ --source ] <source> | [ --target ] <target> 2.ansible怎么用&#xff0c;有哪些常用的模块 ansible <hosts|all> -m <module> 常用的模块…...

Vue3的reactive、ref、toRef、toRefs用法以及区别

在 Vue3 中&#xff0c;reactive, ref, toRef, toRefs 都是用于创建响应式数据的方法。它们之间的主要区别在于它们的使用方式和返回值类型。 reactive&#xff1a;用于将一个普通对象转换为响应式对象。当对象的属性发生变化时&#xff0c;视图会自动更新。 import { reacti…...

微信小程序:input双向绑定

微信小程序&#xff1a;input双向绑定 微信小程序&#xff1a;input双向绑定1 数据容器准备2 输入组件准备3 逻辑代码准备4 总结实战示例1.wxml文件导入2.js文件导入 微信小程序&#xff1a;input双向绑定 <说明> PS&#xff1a;该笔记采用渐进式编程&#xff0c;使每一步…...

RT-Thread ADC_DMA

看到这里&#xff0c;相信大家已经尝试过网上各类ADC_DMA传输的文章&#xff0c;且大多都并不能实现&#xff0c;因为在RT-Thread中并没有找到关于ADC的DMA接口&#xff0c;在官方例程中有关DMA的传输也只有一个串口接收的介绍&#xff0c;找遍全网怕也没能找到真正有用的消息。…...

生成带依赖Jar 包的两种常用方式:IDEA打包工具:Artifacts 和 maven-shade-plugin

文章目录 前言1、IDEA打包工具&#xff1a;Artifacts1.1 创建Artifacts1.2 选择第三方jar文件1.3 打包Artifacts1.4 测试jar包 2、maven-shade-plugin2.1、pom文件添加2.2、打包2.3、测试jar包 总结 前言 当我们编写完Java程序后&#xff0c;为了提高执行效率通常会将应用程序…...

idea 插件开发日志绑定问题

错误日志 Searchable options index builder completed SLF4J: Class path contains multiple SLF4J bindings. SLF4J: Found binding in [jar:file:/D:/gradle/caches/modules-2/files-2.1/com.jetbrains.intellij.idea/ideaIC/2021.2/b0727ceddea2b62b16825db9308e14a470198…...

Elasticsearch(ES)概述

文章目录 一.什么是Elasticsearch?1.正向索引和倒排索引2.Mysql和ES的概念对比3.安装elasticsearch、kibana 二.IK分词器三.索引库操作四.文档操作五.RestClient操作索引库1.初始化RestClient2.创建索引库3.删除索引库4.判断索引库是否存在 六.RestClient操作文档1.新增文档2.…...

网络入门---网络编程初步认识和实践

目录标题 前言准备工作udpserver.hpp成员变量构造函数初始化函数(socket,bind)start函数(recvfrom) udpServer.ccudpClient.hpp构造函数初始化函数run函数(sendto) udpClient.cc测试 前言 在上一篇文章中我们初步的认识了端口号的作用&#xff0c;ip地址和MAC地址在网络通信时…...

Linux系统安装Docker-根据官方教程教程(以Ubuntu为例)

Linux系统安装Docker-根据官方教程教程&#xff08;以Ubuntu为例&#xff09; 1. 背景介绍2. 环境配置2.1 软件环境要求2.2 软件下载2.3 文档地址2.3 必备命令工具下载 3. 安装Docker3.1 使用root用户操作后续命令3.2 卸载可能存在的旧版本 4. 安装Docker4.1 更新依赖包4.2 配置…...

2023-12-03 LeetCode每日一题(可获得的最大点数)

2023-12-03每日一题 一、题目编号 1423. 可获得的最大点数二、题目链接 点击跳转到题目位置 三、题目描述 几张卡牌 排成一行&#xff0c;每张卡牌都有一个对应的点数。点数由整数数组 cardPoints 给出。 每次行动&#xff0c;你可以从行的开头或者末尾拿一张卡牌&#x…...

【唐山海德教育】安全员b证的考试科目

安全员b证考试内容包括对安全生产知识和管理能力考核&#xff0c;采用书面或计算机闭卷考试方式&#xff0c;内容包括安全生产法律法规、安全管理和安全技术等内容。其中&#xff0c;法律法规占50%&#xff0c;安全管理占40%&#xff0c;土建综合安全技术占6%&#xff0c;机械设…...

吉他初学者学习网站搭建系列(4)——如何查询和弦图

文章目录 背景实现ChordDbvexchords 背景 作为吉他初学者&#xff0c;如何根据和弦名快速查到和弦图是一个必不可少的功能。以往也许你会去翻和弦的书籍查询&#xff0c;像查新华字典那样&#xff0c;但是有了互联网后我们不必那样&#xff0c;只需要在网页上输入和弦名&#…...

九章量子计算机:探索量子世界的革命性工具

九章量子计算机:探索量子世界的革命性工具 一、引言 九章量子计算机的推出,是近年来科技界最为引人瞩目的成就之一。这款基于量子力学的计算机,以其独特的计算方式和潜在的应用前景,引发了全球范围内的关注和讨论。本文将深入探讨九章量子计算机的原理、技术特点、应用前景…...

在 Linux 上修改 Oracle 控制文件、日志文件和数据文件的目录的脚本

以下是一个交互式的 Bash 脚本示例&#xff0c;用于在 Linux 上修改 Oracle 数据库控制文件、日志文件和数据文件的目录。脚本会要求您输入要修改的路径&#xff0c;并根据输入的路径执行相应的修改操作。 #!/bin/bash# 修改以下变量以匹配您的 Oracle 数据库设置 ORACLE_SID&…...

龙虎榜——20250610

上证指数放量收阴线&#xff0c;个股多数下跌&#xff0c;盘中受消息影响大幅波动。 深证指数放量收阴线形成顶分型&#xff0c;指数短线有调整的需求&#xff0c;大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技 代表标的&#xff1a;御银股份、雄帝科技 驱动…...

DeepSeek 赋能智慧能源:微电网优化调度的智能革新路径

目录 一、智慧能源微电网优化调度概述1.1 智慧能源微电网概念1.2 优化调度的重要性1.3 目前面临的挑战 二、DeepSeek 技术探秘2.1 DeepSeek 技术原理2.2 DeepSeek 独特优势2.3 DeepSeek 在 AI 领域地位 三、DeepSeek 在微电网优化调度中的应用剖析3.1 数据处理与分析3.2 预测与…...

LeetCode - 394. 字符串解码

题目 394. 字符串解码 - 力扣&#xff08;LeetCode&#xff09; 思路 使用两个栈&#xff1a;一个存储重复次数&#xff0c;一个存储字符串 遍历输入字符串&#xff1a; 数字处理&#xff1a;遇到数字时&#xff0c;累积计算重复次数左括号处理&#xff1a;保存当前状态&a…...

将对透视变换后的图像使用Otsu进行阈值化,来分离黑色和白色像素。这句话中的Otsu是什么意思?

Otsu 是一种自动阈值化方法&#xff0c;用于将图像分割为前景和背景。它通过最小化图像的类内方差或等价地最大化类间方差来选择最佳阈值。这种方法特别适用于图像的二值化处理&#xff0c;能够自动确定一个阈值&#xff0c;将图像中的像素分为黑色和白色两类。 Otsu 方法的原…...

《基于Apache Flink的流处理》笔记

思维导图 1-3 章 4-7章 8-11 章 参考资料 源码&#xff1a; https://github.com/streaming-with-flink 博客 https://flink.apache.org/bloghttps://www.ververica.com/blog 聚会及会议 https://flink-forward.orghttps://www.meetup.com/topics/apache-flink https://n…...

GC1808高性能24位立体声音频ADC芯片解析

1. 芯片概述 GC1808是一款24位立体声音频模数转换器&#xff08;ADC&#xff09;&#xff0c;支持8kHz~96kHz采样率&#xff0c;集成Δ-Σ调制器、数字抗混叠滤波器和高通滤波器&#xff0c;适用于高保真音频采集场景。 2. 核心特性 高精度&#xff1a;24位分辨率&#xff0c…...

Reasoning over Uncertain Text by Generative Large Language Models

https://ojs.aaai.org/index.php/AAAI/article/view/34674/36829https://ojs.aaai.org/index.php/AAAI/article/view/34674/36829 1. 概述 文本中的不确定性在许多语境中传达,从日常对话到特定领域的文档(例如医学文档)(Heritage 2013;Landmark、Gulbrandsen 和 Svenevei…...

HashMap中的put方法执行流程(流程图)

1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中&#xff0c;其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下&#xff1a; 初始判断与哈希计算&#xff1a; 首先&#xff0c;putVal 方法会检查当前的 table&#xff08;也就…...

视觉slam十四讲实践部分记录——ch2、ch3

ch2 一、使用g++编译.cpp为可执行文件并运行(P30) g++ helloSLAM.cpp ./a.out运行 二、使用cmake编译 mkdir build cd build cmake .. makeCMakeCache.txt 文件仍然指向旧的目录。这表明在源代码目录中可能还存在旧的 CMakeCache.txt 文件,或者在构建过程中仍然引用了旧的路…...

基于SpringBoot在线拍卖系统的设计和实现

摘 要 随着社会的发展&#xff0c;社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。 在线拍卖系统&#xff0c;主要的模块包括管理员&#xff1b;首页、个人中心、用户管理、商品类型管理、拍卖商品管理、历史竞拍管理、竞拍订单…...