🔮 :: Circular Noise

📝 Rust Code

use nannou::noise::{NoiseFn, Perlin};
use nannou::prelude::*;

struct Model {
    perlin: Perlin,
    time: f64,
}

fn main() {
    nannou::app(model).update(update).run();
}

fn model(app: &App) -> Model {
    app.new_window()
        .size(800, 800)
        .view(view)
        .build()
        .unwrap();

    Model {
        perlin: Perlin::new(),
        time: 0.0,
    }
}

fn update(_app: &App, model: &mut Model, _update: Update) {
    // 애니메이션 속도를 크게 해서 극적 효과
    model.time += 0.01;
}

fn view(app: &App, model: &Model, frame: Frame) {
    let draw = app.draw();

    draw.background().color(BLACK);

    let win = app.window_rect();
    let center = pt2(0.0, 0.0);

    // 원 레이어 수
    let layers = 30;
    // 각 레이어에 사용할 점 개수 (해상도)
    let points_per_circle = 75;

    for i in 0..layers {
        let mut points = Vec::new();

        // 레이어 반지름 (작은 원부터 큰 원까지)
        let base_radius = map_range(i, 0, layers, 50.0, win.w() * 0.5);

        for j in 0..points_per_circle {
            let angle = map_range(j, 0, points_per_circle, 0.0, TAU);

            // 기본 원 좌표
            let mut r = base_radius;

            // Perlin Noise를 이용해 반지름을 흔들기
            let n = model.perlin.get([
                (angle.cos() * 0.8) as f64,
                (angle.sin() * 0.8) as f64,
                model.time + i as f64 * 0.2,
            ]);

            // 반지름을 노이즈 기반으로 변형
            let radius_offset = map_range(n, -1.0, 1.0, -30.0, 30.0);

            r += radius_offset as f32;

            let x = center.x + r * angle.cos();
            let y = center.y + r * angle.sin();
            points.push(pt2(x, y));
        }

        // 각 원을 라인으로 그림
        draw.polyline()
            .weight(1.0)
            .points_closed(points)
            // 레이어마다 색상이 달라지도록
            .color(hsla(
                i as f32 / layers as f32, // 색상(Hue)
                0.8,                      // 채도(Saturation)
                0.6,                      // 밝기(Lightness)
                0.8,                      // 알파(Alpha)
            ));
    }

    draw.to_frame(app, &frame).unwrap();
}