某一天,朋友发给我这样一张图:
这张图片原本的目的是用于介绍一种深度学习算法,这种算法能够识别不同角度的长条形物体。这张图片用来表示识别时所用到的先验框。
虽然图形本身的绘制原理比较简单,但很适合作为 2D 向量几何的入门范本,因为其中可以把所有 3 种简单仿射变换(平移,旋转,缩放)都用上。并且如果能够给这个图形加上一个旋转效果(类似下图),应该也会很有趣。
碰巧,这天朋友希望我推荐一门面向底层的编程语言。作为一名 Rustacean(Rust 语言使用者),当然会毫不犹豫地推荐 Rust。于是当时就萌生了一个想法:不如用 Rust 来写一个简单的动画,这样既能做出一点有趣的东西,又能够展示 Rust 的简洁性,达到推广(安利)的目的。
本项目使用 Rust-SDL2 实现。SDL2 的功能足够完成本项目,并且 SDL2 还具有简洁、跨平台的特点。
简单的 2D 向量几何
首先,观察图形可以发现,这个图形主要由 12 个不同角度的矩形构成。每个矩形的构成方法非常简单,只要把矩形绕中心点旋转一定角度( π / 12 \pi / 12 π/12,或 15°)即可。
为了简化代码,我采用的绘制思路如下:
- 循环 12 次,令 i = 0 , 1 , . . . , 11 i = 0, 1, ..., 11 i=0,1,...,11;
- 计算本轮的旋转角度 θ = i ⋅ π / 12 \theta = i \cdot \pi / 12 θ=i⋅π/12;
- 构造正方形的四顶点,分别是
(1, 1), (1, -1), (-1, -1), (-1, 1)
。为了方便后面绘制线段,需要把第一个点在末尾重复一次,也就是(1, 1), (1, -1), (-1, -1), (-1, 1), (1, 1)
。 - 对每个点(向量)进行缩放,即令 x : = 10 x x := 10x x:=10x, y : =