RSK World - Star Pattern Maker - Project Files Browser | RSK World

js/particles.js

/* V7 Particle System */
import { state } from './state.js';

let particles = [];
const PARTICLE_COUNT = 50;

class Particle {
    constructor(w, h) {
        this.reset(w, h);
    }

    reset(w, h) {
        this.x = Math.random() * w;
        this.y = Math.random() * h;
        this.z = Math.random() * 2 + 0.5; // depth
        this.size = Math.random() * 2;
        this.vx = (Math.random() - 0.5) * 0.5;
        this.vy = (Math.random() - 0.5) * 0.5;
        this.alpha = Math.random() * 0.5 + 0.1;
    }

    update(w, h) {
        this.x += this.vx * this.z;
        this.y += this.vy * this.z;

        // Wrap
        if (this.x < 0) this.x = w;
        if (this.x > w) this.x = 0;
        if (this.y < 0) this.y = h;
        if (this.y > h) this.y = 0;
    }

    draw(ctx) {
        ctx.fillStyle = `rgba(255, 255, 255, ${this.alpha})`;
        ctx.beginPath();
        ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
        ctx.fill();
    }
}

export function initParticles(w, h) {
    particles = [];
    for (let i = 0; i < PARTICLE_COUNT; i++) {
        particles.push(new Particle(w, h));
    }
}

export function drawParticles(ctx, w, h) {
    if (!state.particlesEnabled) return;

    if (particles.length === 0) initParticles(w, h); // lazy init

    particles.forEach(p => {
        p.update(w, h);
        p.draw(ctx);
    });
}

58 lines•1.4 KB

javascript

js/audio.js

Raw Download

/* V7 Audio Module */
import { state } from './state.js';

let audioContext = null;
let analyser = null;
let dataArray = null;

export function initAudio() {
    if (audioContext) return;

    try {
        audioContext = new (window.AudioContext || window.webkitAudioContext)();
        analyser = audioContext.createAnalyser();
        analyser.fftSize = 64;

        navigator.mediaDevices.getUserMedia({ audio: true })
            .then(stream => {
                const source = audioContext.createMediaStreamSource(stream);
                source.connect(analyser);
                dataArray = new Uint8Array(analyser.frequencyBinCount);
            })
            .catch(err => {
                console.error("Audio Access Denied", err);
                alert("Microphone access denied. Visualizer disabled.");
                state.audioMode = false;
                // Dispatch event to uncheck box? handled by loop checking state
            });
    } catch (e) {
        console.error(e);
    }
}

export function getAudioData() {
    if (!audioContext || !analyser || !state.audioMode) return null;

    analyser.getByteFrequencyData(dataArray);

    const avg = dataArray.reduce((p, c) => p + c, 0) / dataArray.length;
    const bass = dataArray[2];

    return { avg, bass };
}

43 lines•1.3 KB

javascript

Theme Settings

Color Scheme

Display Options

Font Size