p5.js | función blendMode()

La función blendMode() se usa para combinar dos píxeles de acuerdo con el modo de combinación dado. Los diferentes tipos de modos de fusión tienen diferentes métodos para mezclar los píxeles de origen con los presentes en la ventana de visualización, para producir el píxel resultante. Sintaxis: blendMode( mode ) Parámetros: esta función acepta el … Continue reading «p5.js | función blendMode()»

p5.js | Función de doble clic()

La función doubleClicked() se invoca cada vez que un mouse o dispositivo señalador provoca un evento dblclick . Esto sucede cuando se hace clic en el dispositivo señalador dos veces en rápida sucesión en un solo elemento. El argumento de devolución de llamada MouseEvent podría usarse para acceder a los detalles del clic. Sintaxis: doubleClicked([event]) … Continue reading «p5.js | Función de doble clic()»

p5.js | función playMode()

La función playMode() es una función incorporada en la biblioteca p5.js. Esta función se usa para definir qué sucede con el audio cargado, si se activa en medio de la reproducción o no. Esta función es útil cuando desea reiniciar el sonido durante el tiempo de carga del sitio web; sin esta función, el sonido … Continue reading «p5.js | función playMode()»

p5.js | función redibujar()

La función redraw() se usa para ejecutar el código dentro de la función draw() una vez. Esta función se utiliza para actualizar la ventana de visualización solo cuando es necesario. La función redraw() no funciona cuando se llama dentro de la función draw(). La función loop() y noLoop() se usa para habilitar/deshabilitar las animaciones. Sintaxis: … Continue reading «p5.js | función redibujar()»

D3.js | Función d3.continuous.invert()

La función d3.continuous.invert() en D3.js se usa para devolver el valor correspondiente del dominio si se proporciona un valor del rango. Sintaxis: .invert( Value ) Parámetros: esta función acepta un valor de parámetro único que contiene el valor del rango. Valor devuelto: esta función devuelve el valor correspondiente del dominio si se da un valor … Continue reading «D3.js | Función d3.continuous.invert()»

p5.js | función createSlider()

La función createSlider() en p5.js se usa para crear un elemento deslizante (entrada) en el DOM (Modelo de objetos de documento). Esta función incluye la biblioteca p5.dom. Agregue la siguiente sintaxis en la sección principal. <script src= «https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js»> </script> Sintaxis: createSlider( min, max, value, step ) Parámetros: esta función acepta cuatro parámetros, como se mencionó … Continue reading «p5.js | función createSlider()»

p5.js | función cono()

La función cone() en p5.js se usa para dibujar un cono con un radio y una altura determinados. Sintaxis: cone( radius, height, detailX, detailY, cap ) Parámetros: la función acepta cinco parámetros, como se mencionó anteriormente y se describe a continuación: radio: Este parámetro almacena el radio del cono. altura: Este parámetro almacena la altura … Continue reading «p5.js | función cono()»

p5.js | Ratón | ratónX

La variable mouseX en p5.js se usa para almacenar la posición horizontal actual del mouse, en relación con (0, 0) del lienzo. Si se usa el toque en lugar de la entrada del mouse, mouseX mantendrá el valor x del punto de contacto más reciente. Sintaxis: mouseX Los siguientes programas ilustran la variable mouseX en … Continue reading «p5.js | Ratón | ratónX»

p5.js | Constantes | DOS_PI

El TWO_PI es una constante matemática con el valor 6.28318530717958647693. Es el doble de la razón de la circunferencia de un círculo a su diámetro. Sintaxis: TWO_PI El siguiente programa ilustra el uso de TWO_PI en p5.js: Ejemplo: function setup() {            // Create Canvas of size 880*300       createCanvas(880, 300); }     function draw() { … Continue reading «p5.js | Constantes | DOS_PI»

Teclado p5.js | teclaIsPressed

La variable keyIsPressed en p5.js es verdadera si se presiona alguna tecla y falsa si no se presiona ninguna tecla . Sintaxis: keyIsPressed El siguiente programa ilustra la variable keyIsPressed en p5.js: Ejemplo-1:  javascript let valueX; let valueY;   function setup() {     // Create Canvas of size 500*500     createCanvas(1000, 500); }   function draw() { … Continue reading «Teclado p5.js | teclaIsPressed»