rust nannouで残像を描く処理

こんにちは、かまやんです。

今回は、残像を描く処理を解説していきます。

残像があると、パっっと消えるよりなんだか動きがあってカッコいいですよね。

では行きましょう！

残像を描く
1. 徐々に消える処理は、徐々に背景色で塗りつぶす処理
2. 実例
まとめ

残像を描く

残像を描くにあたって、残像ってどんな感じかっていうと、描いたものが、徐々に消えていく感じをイメージしてください。

大切なのは、「徐々に消えていく」というところ。

徐々に消えるというのは、すなわち、徐々に背景色になっていくっていうことです。

これ重要なポイントです。

徐々に背景色にしていく処理を書けば、残像（徐々に消えていく）のを表現できるわけです。

では、それをやっていきましょう

徐々に消える処理は、徐々に背景色で塗りつぶす処理

では、徐々に背景色になるっていうのはどういうことかって言うと、徐々に背景色で塗りつぶす処理です。

背景色に透明度の要素（alpha要素）を付加させることで、徐々に塗りつぶすが実現します。

ソースコードはこんな感じになります。

let win = app.window_rect()
draw.rect()
    .wh(win.wh())
    .rgba(0.0, 0.0, 0.0, 0.5);

１行目で、ウィンドウサイズを取得します。
２行目は、四角を描くぞ！と宣言
３行目、四角のサイズは、ウィンドウ全体
４行目、色は、透明度0.5の黒

まぁこんな感じです。

これで、残像を描く処理ができます。

実例

これの原型は、マンデルブロ集合の式をちょっと変化させてz=z^6+cっていう式にしたものです。

その図を、毎フレーム事に少しずつ回転させる命令を与えて、回してます。

ソースコードはこんな感じ。

let win = app.window_rect();
draw.rect().wh(win.wh()).rgba(0.0, 0.0, 0.0, 0.4);
draw.to_frame(app, &frame).unwrap();

let draw = app.draw().rotate(app.time);
let step = 600;
mandelbrot(&draw, step);
draw.to_frame(app, &frame).unwrap();

上の3行が残像を描く処理、下の4行が、回転とマンデルブロ集合の描画処理

2回、draw.to_frame()をやってますが、これは、残像を描くためのスクリーンを回転しないようにするためにやってます。

黒だとそんなに目立たないですが、例えばこのソースコードをちょっと色を変えて

let win = app.window_rect();
let draw = app.draw().rotate(app.time);//最初に回転させちゃった
draw.rect().wh(win.wh()).rgba(0.3, 0.0, 0.2, 0.4);
//ここにはdraw.to_frame(app, &frame).unwrap();があったよ
let step = 600;
mandelbrot(&draw, step);
draw.to_frame(app, &frame).unwrap();

こんな風に書き換えると