La función cilindro() en p5.js se usa para dibujar un cilindro con un radio y una altura determinados. Sintaxis: cylinder( radius, height, detailX, detailY, bottomCap, topCap ) Parámetros: La función acepta seis parámetros como se mencionó anteriormente y se describe a continuación: radio: Este parámetro almacena el radio de la superficie. altura: Este parámetro almacena … Continue reading «p5.js | función cilindro()»
La función mousePressed() en p5.js funciona cuando se hace clic con el mouse en el documento. La variable mouseButton se usa para especificar qué botón se presiona. La función touchStarted() se usa en lugar de la función mousePressed() si la función mousePressed() no está definida. Sintaxis: mousePressed(Event) Los siguientes programas ilustran la función mousePressed() en … Continue reading «función p5.js mousePressed() – Part 1»
La función unchar() en p5.js se usa para convertir una string de un solo carácter en su representación entera correspondiente. Esta función es justo lo contrario de la función char(). Sintaxis: unchar(value) Parámetros: esta función acepta un valor de parámetro único que se convertirá en su representación entera correspondiente. Este valor será cualquier string de … Continue reading «p5.js | función unchar()»
El HALF_PI es una constante matemática y su valor es 1.57079632679489661923. El HALF_PI es la mitad de la relación entre la circunferencia de un círculo y su diámetro. Sintaxis: HALF_PI El siguiente programa ilustra el uso de HALF_PI en p5.js: Ejemplo: function setup() { // Create Canvas of size 300*200 createCanvas(300, 200); } … Continue reading «p5.js | Constantes | HALF_PI»
La función asin() en p5.js se usa para calcular el inverso del seno (arco seno). Si el rango de valores de entrada es -1 a 1, devuelve el rango entre -π/2 a π/2. Sintaxis: asin(value) Parámetros: esta función acepta un único valor de parámetro que almacena el dominio de la función asin(). Valor de retorno: … Continue reading «p5.js | función asin()»
La función bezierDetail() en p5.js se usa para establecer la resolución a la que se muestran Beziers. Para usarlo debemos usar el parámetro de renderizado WEBGL. Sintaxis: bezierDetail( detail ) Parámetros: La función acepta detalles de un solo parámetro que almacena la resolución de las curvas. Los siguientes programas ilustran la función bezierDetail() en p5.js: … Continue reading «p5.js | función bezierDetail()»
La variable displayWidth en p5.js se usa para almacenar el ancho de la pantalla del dispositivo y está de acuerdo con la densidad de píxeles predeterminada. Esta variable se utiliza para ejecutar un programa de pantalla completa en cualquier tamaño de pantalla. Multiplique esto por pixelDensity para obtener el tamaño de pantalla real. Sintaxis: displayWidth() … Continue reading «p5.js | Variable de ancho de visualización»
El sombreado plano es una técnica de iluminación utilizada en gráficos 3D por computadora para sombrear cada polígono de un objeto en función del ángulo entre la superficie normal del polígono y la dirección de la fuente de luz, sus respectivos colores y la intensidad de la fuente de luz. El color se calcula una … Continue reading «¿Cómo diseñar gráficos de sombreado plano usando p5.js?»
La función tint() se usa para establecer un valor de relleno para las imágenes. Se puede usar para teñir una imagen con el color especificado o hacerla transparente usando un valor alfa. Se pueden utilizar varios parámetros para especificar el color del matiz. Sintaxis: tint(v1, v2, v3, alpha) tint(value) tint(gray, alpha) tint(values) tint(color) Parámetros: Esta … Continue reading «p5.js | función tinte()»
La función position() se utiliza para establecer la posición del elemento en relación con la coordenada de origen (0, 0). Si esta función no contiene ningún parámetro, devuelve la posición x e y del elemento. Nota: Esta función requiere la biblioteca p5.dom. Así que agregue la siguiente línea en la sección principal del archivo index.html. … Continue reading «p5.js | función de posición()»