Copy() method / Copy() メソッド

copy() メソッドを使用して画像の色付けをシミュレートする方法の例。

copy image manipulation
Image

View Source Code

/*
 * @name Copy() method
 * @arialabel Parrot rendered in black and white. The user’s cursor is a paint brush and as the user presses and holds on the image, the area becomes colored
 * @frame 600,400
 * @description An example of how to simulate coloring image with the copy() method.
 */
let draft, ready;
function preload() {
  // ready = loadImage('assets/parrot-color.png');
  ready = loadImage('../../../../p5js-website-legacy-examples/assets/parrot-color.png');
  // draft = loadImage('assets/parrot-bw.png');
  draft = loadImage('../../../../p5js-website-legacy-examples/assets/parrot-bw.png');
}
function setup() {
  // createCanvas(600, 400);
  createCanvas(windowWidth, windowHeight);
  noCursor();
  // cursor('assets/brush.png', 20, -10);
  cursor('../../../../p5js-website-legacy-examples/assets/brush.png', 20, -10);
  image(ready, 0, 0);
  image(draft, 0, 0);
}
function mouseDragged() {
  copy(ready, mouseX, mouseY, 20, 20, mouseX, mouseY, 20, 20);
}

License

Source code is available on GitHub p5.js website legacy.

All examples are licensed under CC BY-NC-SA 4.0.