En este artículo, veremos cómo dibujar geometría 3D (que contiene largo, ancho y alto) en p5.js. La representación predeterminada en p5.js se usa para imágenes 2D, y para las imágenes 3D, usamos WEBGL que permite la representación 3D al introducir la dimensión Z en la geometría. Sintaxis: createCanvas( windowWidth, windowHeight, WEBGL ) Ejemplo 1: en … Continue reading «¿Cómo crear geometrías 3D en webGL y p5.js?»
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»
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»