El método resize() de p5.Image en p5.js se usa para cambiar el tamaño de la imagen al ancho y alto dados. La imagen se puede escalar proporcionalmente usando 0 como uno de los valores de ancho y alto. Sintaxis: resize( width, height ) Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se … Continue reading «p5.js Imagen redimensionar() Método»
La función resizeCanvas() se usa para cambiar el tamaño del lienzo a la altura y el ancho dados como parámetros. El lienzo se vuelve a dibujar inmediatamente después de que se cambia el tamaño, a menos que el parámetro opcional ‘noRedraw’ se establezca en verdadero. Sintaxis: resizeCanvas(w, h, [noRedraw]) Parámetros: esta función acepta tres parámetros, … Continue reading «p5.js | función resizeCanvas()»
La función circle() se usa para dibujar el círculo en la pantalla. Un círculo es la forma cerrada. Se puede crear un círculo usando el centro y el radio del círculo. Sintaxis: circle(x, y, d) Parámetros: x: Se utiliza para establecer la coordenada x del centro del círculo. y: Se utiliza para establecer la coordenada … Continue reading «p5.js | funcion circulo()»
La variable windowWidth en p5.js es una variable del sistema que se usa para almacenar el ancho de la ventana interior y se asigna a window.innerWidth . Sintaxis: windowWidth Parámetros: Esta función no acepta ningún parámetro. El siguiente programa ilustra la variable windowWidth en p5.js: Ejemplo-1: function setup() { createCanvas(1000, 400); // Set … Continue reading «p5.js | ancho de ventana»
La variable de sistema aceleraciónY es responsable de la aceleración del dispositivo (tabletas o teléfonos móviles) a lo largo del eje y. Se puede usar con la función dibujar() para acelerar el dispositivo en el eje y del sistema de coordenadas. Su valor se representa en metros por segundo al cuadrado. Sintaxis: accelerationY Ejemplo 1: … Continue reading «p5.js aceleración Y variable»
En este artículo, aprenderemos cómo aplicar diferentes tipos de material en WebGL. La luz se refleja en los objetos de manera diferente según su ángulo de reflexión y el material del objeto. Hay cuatro tipos de materiales en p5.js: Material Básico: Rellena la geometría con el color dado, pero no se ve afectado por la … Continue reading «Materiales en WebGL y p5.js»
La tipografía p5.js se utiliza para realizar la operación de dibujo o animación en el texto. Hay algunos atributos específicos para realizar este tipo de operaciones y algunas funciones para cargar o mostrar el texto, que se mencionan a continuación. Atributos Función p5.js textAlign() Función p5.js textLeading() Función p5.js tamaño de texto() Función p5.js textStyle() … Continue reading «Referencia completa de la tipografía p5.js»
El método clear() de p5.TypedDict en p5.js se usa para eliminar todos los pares clave-valor en el diccionario escrito. Un par clave-valor es un conjunto de dos valores que se asignan entre sí. Se puede acceder a estos valores consultando este diccionario utilizando la parte clave del par. Un diccionario escrito puede almacenar varios pares … Continue reading «Método p5.js TypedDict clear()»
El método delay() de p5.Image en p5.js se usa para cambiar el retraso entre cada cuadro en una animación GIF. Este valor se puede configurar en milisegundos y un valor más alto significaría que el GIF mostraría su siguiente cuadro después de un tiempo más largo. Se puede usar un segundo parámetro opcional para especificar … Continue reading «p5.js Retardo de imagen() Método»
El método showControls() de p5.MediaElement en p5.js se usa para mostrar los controles multimedia predeterminados para el elemento multimedia. Las funciones de control y el diseño de los controles están determinados por el navegador web. Sintaxis: showControls() Parámetros: este método no acepta ningún parámetro. El siguiente ejemplo ilustra el método showControls() en p5.js: Ejemplo: Javascript … Continue reading «Método p5.MediaElement showControls()»