Open In App

p5.js alpha() function

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

The alpha() function in p5.js is used to extract the alpha value from a color or pixel array.

Syntax:

alpha(c)

Parameters: The function accepts single parameter as mentioned above and described below:

  • c : This parameter stores the p5.Color object, color components, or CSS color.
  • Below program illustrates the alpha() function in p5.js:
    Example-1:




    function setup() {
        
        //create Canvas of size 300*80  
        createCanvas(300, 80);
    }
      
    function draw() {
        background(220);
        
        //initialize the parameter  
        let c = color(0, 126, 255, 102);
        
        //extract the alpha value
        let y = alpha(c);
        textSize(16);
        fill(color('red'));
        text("Alpha Value is : " + y, 50, 30);
    }

    
    

    Output:

    Example-2:




    function setup() {
        
        //create Canvas of size 300*80  
        createCanvas(160, 180);
    }
      
    function draw() {
        background(220);
        
        //initialize the parameter  
        let c = color(0, 126, 255, 34);
        
        // Sets 'value' to 34
        let value = alpha(c);
        fill(value);
        rect(50, 15, 35, 70);
        text("Value of alpha is : " + value, 22, 110);
    }

    
    

    Output:

    Reference: https://p5js.org/reference/#/p5/alpha



    Last Updated : 10 Aug, 2023
    Like Article
    Save Article
    Previous
    Next
    Share your thoughts in the comments
    Similar Reads