p5.js noTint()用法及代碼示例

function preload() { 
  img = loadImage('sample-image.png'); 
} 
  
function setup() { 
  createCanvas(600, 300); 
  textSize(22); 
} 
  
function draw() { 
  clear(); 
  text("Using the tint() function", 20, 20); 
  tint("red"); 
  image(img, 20, 40); 
  
  text("Using the noTint() function", 20, 170); 
  noTint() 
  image(img, 20, 180); 
}

function preload() { 
  img = loadImage('sample-image.png'); 
  disableTint = false; 
} 
  
function setup() { 
  createCanvas(600, 300); 
  textSize(22); 
  
  // Create a button for toggling the 
  // noTint() function 
  removeBtn = createButton("Toggle using noTint"); 
  removeBtn.position(30, 200) 
  removeBtn.mousePressed(removeTint); 
} 
  
function draw() { 
  clear(); 
  text("Click on the button to use the noTint() function", 20, 20); 
  text("Using noTint():" + disableTint, 20, 40); 
  
  // Check if the boolean value is true 
  // to use the noTint() function 
  // in this draw loop 
  if (disableTint) noTint(); 
  
  image(img, 30, 60); 
  
  // Using the tint() function here 
  // would tint the image in the next 
  // draw loop 
  tint("red"); 
} 
  
function removeTint() { 
  // Toggle the use of noTint() 
  disableTint = !disableTint; 
}