p5.js | redraw () Функция

Опубликовано: 12 Декабря, 2021

Функция redraw () используется для однократного выполнения кода в функции draw (). Эта функция используется для обновления окна дисплея только при необходимости. Функция redraw () не работает, когда она вызывается внутри функции draw (). Функции loop () и noLoop () используются для включения / отключения анимации.

Синтаксис:

 перерисовать (сущ.)

Параметры: эта функция принимает единственный параметр n, который используется для установки повторной отрисовки n раз. Значение по умолчанию для этой функции - 1.

Пример ниже иллюстрирует функцию redraw () в p5.js:

Пример:

 let l = 0;
 
function setup() {
   
  // Create canvas of given size
  createCanvas(500, 300);
   
  // Set the background color
  background( 'green' );
 
}
 
function draw() {
   
  // Set the stroke color
  stroke( 'black' );
   
  // Function to draw the line
  line(l, 0, l, height);
   
}
 
function mousePressed() {
  l += 1;
  redraw();
 }

Выход:

JavaScript

p5.js | redraw () Функция

РЕКОМЕНДУЕМЫЕ СТАТЬИ