HomeLanguagesJavascriptp5.js alpha() function

p5.js alpha() function

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

    RELATED ARTICLES

    Most Popular

    Dominic
    32548 POSTS0 COMMENTS
    Milvus
    131 POSTS0 COMMENTS
    Nango Kala
    6923 POSTS0 COMMENTS
    Nicole Veronica
    12039 POSTS0 COMMENTS
    Nokonwaba Nkukhwana
    12150 POSTS0 COMMENTS
    Shaida Kate Naidoo
    7060 POSTS0 COMMENTS
    Ted Musemwa
    7302 POSTS0 COMMENTS
    Thapelo Manthata
    7017 POSTS0 COMMENTS
    Umr Jansen
    7006 POSTS0 COMMENTS