javascript - 자바 - 캔버스 프로그램

<canvas>의 fillStyle에서 RGBa 값을 프로그래밍 방식으로 사용합니까? (3)

나는 비슷한 것을 찾고 있었고 게시물을 읽었습니다. 그것을 읽은 후에 나 자신을위한 해결책을 생각해 냈습니다. 저는 오디오 API로 작업 중이며 사운드 파일의 빈도에서 나오는 변수를 기반으로 동적 인 색상을 원했습니다. . 여기에 내가 생각해내는 것이 있는데 그것은 지금 당장 깨우쳐진다. 나는 당신의 질문에서 영감을 얻은 이후에 그것이 도움이되는 경우에 그것을 게시 할 것이라고 생각했다.

function frameLooper(){ 
    window.requestAnimationFrame(frameLooper); 
    fbc_array = new Uint8Array(analyser.frequencyBinCount); 
    analyser.getByteFrequencyData(fbc_array); 
    ctx.clearRect(0, 0, canvas.width, canvas.height); 
// Clear the canvas 

    bars = 100; 
        for (var i = 0; i < bars; i++) { 
            bar_x = i * 3; 
            bar_width = 2; 
            bar_height = -(fbc_array[i] / 2); 
            bar_color = i * 3;

    //fillRect( x, y, width, height ) 
    // Explanation of the parameters below 
        ctx.fillRect(bar_x, canvas.height, bar_width, bar_height); 
            ctx.fillStyle = "rgb(100," + bar_color + "," + bar_color + ")" ; 
// Color of the bars