Rust 2D图形渲染库piston2d-opengl_graphics的使用，OpenGL后端支持高性能跨平台图形绘制

opengl_graphics 是 Piston 游戏引擎的一个 OpenGL 2D 后端。

维护者：@Potpourri, @bvssvni, @mitchmindtree

重要提示

OpenGL 在使用前需要加载函数指针。如果您遇到类似"X not loaded"的奇怪错误消息，很可能就是这个原因。在Piston的SDL2和GLFW窗口后端中会自动为您完成此操作。如需手动操作，请参考gl-rs的README。

依赖关系

安装

在项目目录中运行以下Cargo命令：

cargo add piston2d-opengl_graphics

或者在Cargo.toml中添加以下行：

piston2d-opengl_graphics = "0.89.0"

完整示例代码

以下是一个扩展后的完整示例，展示了如何绘制多个旋转的图形：

extern crate piston;
extern crate graphics;
extern crate glutin_window;
extern crate opengl_graphics;

use piston::window::WindowSettings;
use piston::event_loop::{EventLoop, EventSettings, Events};
use piston::input::{RenderEvent, UpdateEvent};
use glutin_window::GlutinWindow;
use opengl_graphics::{GlGraphics, OpenGL};

pub struct App {
    gl: GlGraphics,  // OpenGL绘图后端
    rotation: f64,   // 旋转角度
    shapes: Vec<Shape>, // 存储多个图形
}

// 定义图形类型
struct Shape {
    color: [f32; 4],
    size: f64,
    x: f64,
    y: f64,
    rotation_speed: f64,
}

impl App {
    fn render(&mut self, args: &piston::input::RenderArgs) {
        use graphics::*;

        const BG_COLOR: [f32; 4] = [0.1, 0.1, 0.1, 1.0]; // 深灰色背景

        self.gl.draw(args.viewport(), |c, gl| {
            // 清空屏幕
            clear(BG_COLOR, gl);

            // 绘制所有图形
            for shape in &self.shapes {
                let square = rectangle::square(0.0, 0.0, shape.size);
                let (x, y) = (shape.x, shape.y);
                
                let transform = c.transform
                    .trans(x, y)
                    .rot_rad(shape.rotation_speed * self.rotation)
                    .trans(-shape.size/2.0, -shape.size/2.0);

                rectangle(shape.color, square, transform, gl);
            }
        });
    }

    fn update(&mut self, args: &piston::input::UpdateArgs) {
        // 更新旋转角度
        self.rotation += 1.0 * args.dt;
    }
}

fn main() {
    // 使用OpenGL 3.2版本
    let opengl = OpenGL::V3_2;

    // 创建窗口
    let mut window: GlutinWindow = WindowSettings::new(
            "multi-shapes-demo",
            [600, 400]
        )
        .graphics_api(opengl)
        .exit_on_esc(true)
        .build()
        .unwrap();

    // 创建App实例并初始化图形
    let mut app = App {
        gl: GlGraphics::new(opengl),
        rotation: 0.0,
        shapes: vec![
            Shape {
                color: [1.0, 0.0, 0.0, 1.0], // 红色
                size: 60.0,
                x: 150.0,
                y: 100.0,
                rotation_speed: 1.0,
            },
            Shape {
                color: [0.0, 1.0, 0.0, 1.0], // 绿色
                size: 40.0,
                x: 300.0,
                y: 200.0,
                rotation_speed: -0.5,
            },
            Shape {
                color: [0.0, 0.0, 1.0, 1.0], // 蓝色
                size: 50.0,
                x: 450.0,
                y: 100.0,
                rotation_speed: 0.8,
            },
        ],
    };

    // 设置事件循环
    let mut events = Events::new(EventSettings::new());
    while let Some(e) = events.next(&mut window) {
        if let Some(args) = e.render_args() {
            app.render(&args);
        }

        if let Some(args) = e.update_args() {
            app.update(&args);
        }
    }
}

代码说明

1. 扩展了App结构体，增加了存储多个图形的Vec
2. 定义了Shape结构体来表示每个图形的属性：
   • 颜色、大小、位置和旋转速度
3. 在render方法中：
   • 使用深灰色背景
   • 遍历所有图形并绘制
   • 每个图形有自己的旋转速度和位置
4. 在update方法中统一更新旋转角度
5. 主函数中初始化了三个不同颜色、大小和旋转速度的图形

这个示例展示了如何管理多个图形对象并分别控制它们的属性，您可以在此基础上进一步扩展功能。