p5.js | función cargarImagen()

La función loadImage() se usa para cargar una imagen desde la ruta dada y crear un objeto p5.Image con la imagen. Se recomienda cargar una imagen en la función preload() ya que es posible que la imagen cargada no esté disponible para su uso inmediato. La imagen se carga preferiblemente desde una ruta relativa, ya … Continue reading «p5.js | función cargarImagen()»

p5.js | Función frameRate()

La función frameRate() en p5.js se usa para especificar la cantidad de cuadros que se mostrarán cada segundo. Llamar a frameRate() sin argumentos devuelve la velocidad de fotogramas actual. La función de dibujo debe ejecutarse al menos una vez antes de devolver un valor. Esta función es la misma que la función getFrameRate(). Sintaxis frameRate( … Continue reading «p5.js | Función frameRate()»

p5.js | función imprimir()

La función print() en p5.js escribe el contenido en el área de la consola del navegador web. Es útil para observar los datos que produce un programa, lo que ayuda a depurar el código. Los elementos pueden separarse usando comillas («») y unirse con el operador de suma (+). Use print(‘\n’) para mostrar una línea … Continue reading «p5.js | función imprimir()»

p5.js aceleraciónZ variable

La variable de sistema de aceleraciónZ es responsable de la aceleración del dispositivo (tabletas o teléfonos móviles) a lo largo del eje Z. Se puede utilizar en la función dibujar() para acelerar el dispositivo en el eje Z de la coordenada. Su valor se representa en metros por segundo al cuadrado. Sintaxis: accelerationZ Ejemplo 1: … Continue reading «p5.js aceleraciónZ variable»

Luces en WebGL y p5.js

En este artículo, aprenderemos cómo aplicar diferentes tipos de luces en p5.js. La iluminación es una forma simple pero poderosa de proporcionar profundidad y realismo en los bocetos de p5.js. Hay tres tipos de luces disponibles en p5.js: Luz Ambiental: Es la más simple de las tres luces. Proporciona una iluminación ambiental uniforme a los … Continue reading «Luces en WebGL y p5.js»

Referencia completa de eventos p5.js

Los eventos p5.js utilizados para proporcionar una interfaz dinámica a una página web. Estos eventos están vinculados a elementos en el modelo de objetos de documento (DOM). Teclado p5.js keyIsPressed clave p5.js código clave p5.js tecla p5.js pulsada() clave p5.js liberada() p5.js keyTyped() p5.js keyIsDown() Ratón  p5.js mouseIsPressed p5.js movido por el ratón() p5.js arrastrado … Continue reading «Referencia completa de eventos p5.js»

Método p5.js TypedDict create()

El método create() de p5.TypedDict en p5.js se usa para agregar el par clave-valor dado o la colección de pares al diccionario. 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 puede almacenar … Continue reading «Método p5.js TypedDict create()»

Método p5.js MediaElement clearCues()

El método clearCues() de p5.MediaElement de la biblioteca p5.js se utiliza para borrar todas las señales programadas actualmente del elemento multimedia que se han programado mediante el método addCue() . Sintaxis: clearCues() Parámetros: Esta función no acepta parámetros. Las siguientes bibliotecas se incluyen en la sección «head» del archivo HTML para que funcionen las funciones … Continue reading «Método p5.js MediaElement clearCues()»

Método p5.MediaElement speed()

El método speed() de p5.MediaElement en p5.js se usa para establecer o devolver la velocidad de reproducción actual del elemento multimedia. Acepta un solo parámetro que denota el multiplicador de velocidad que se utilizará para la reproducción de medios. Un valor de 2,0 reproduciría el medio al doble de velocidad y un valor de 0,5 … Continue reading «Método p5.MediaElement speed()»

Método p5.Table getNum()

El método getNum() de p5.Table en p5.js se usa para recuperar un valor flotante de la fila y columna dadas de la tabla. La fila se puede especificar por el Id. de fila y la columna se puede especificar por su Id. de columna o nombre de columna. Sintaxis: getNum( row, column ) Parámetros: este … Continue reading «Método p5.Table getNum()»