Exercise # Figure it out the js code of the above sketches. Implement other blending modes. Coloring # 1. Introducción # El “color blending” o “mezcla de colores” se refiere al proceso de combinar varios colores para crear un efecto de transición suave entre ellos. Es comúnmente utilizado en el campo del diseño gráfico, la pintura, la ilustración y la fotografía digital.
2. Antecedentes y trabajo previo # El uso del color blending tiene antecedentes históricos y técnicos en diversas formas de arte visual.
Exercise # Implement some posteffects you find interesting. 1. Introducción y contexto
Un shader es básicamente un programa que realiza cálculos matemáticos, con el propósito de materializar efectos gráficos deseados. Siendo los cálculos realizados por una computadora (generalmente una GPU), y los efectos añadidos, por lo general, a un programa más grande que demuestra gráficos.
2. Ejercicio
Se implementaron luma y Top sobel, los cuales pueden aplicarse marcando las checkbox correspondientes.
Exercise # Implement other coloring brightness tools such as HSV value V, HSL lightness L or Component average. Implement texture tinting by mixing color and texel interpolated data. Texturing # 1. Introducción y contexto # El mapeo de texturas en transportar una textura (una imágen) a una superficie dibujada. Usualmente, para cubrir de la manera más eficiente distintas formas geométricas, se utiliza el mapeo a triángulos, por lo que se implementa la interpolación con coordenadas baricéntricas para lograr tal efecto.
Exercise # Implement an image / video processing app supporting different masks, including other kernel sizes different than 3x3, and:
A region-of-interest base tool to selectively apply a given mask.Hint: circular regions around the mouse pointer are handy and quite simple to implement by means of glsl distance. A magnifier tool. Requires a bit of research. For instance, look for it in shadertoy. Integrate luma and other coloring brightness tools.
Exercise # Adapt other patterns from the book of shaders (refer also to the shadertoy collection) and map them as textures onto other 3D shapes.
Procedural Texturing # 1. Introducción
La texturización procedural es una técnica revolucionaria en la creación de contenido digital que utiliza algoritmos y reglas matemáticas para generar texturas y patrones complejos en tiempo real. A diferencia de los métodos tradicionales, esta técnica automatizada permite crear texturas detalladas, realistas y personalizables de manera eficiente y escalable.
Exercise # Implement your own source dataset and a mechanism to select different images from it. Implement a pixelator in software that doesn’t use spatial coherence and compare the results with those obtained here. Spatial Coherence # 1. Introducción # La coherencia espacial se refiere a la propiedad de que los píxeles o elementos de una imagen o gráfico cercanos entre sí tienden a tener características o valores similares. Esto significa que existe una correlación o similitud en los datos espacialmente adyacentes.
Exercise # Implement a mosaic (or/and ascii art) visual application.
Photomosaic # 1. Introducción # El fotomosaico es una técnica que consiste en crear una imagen grande compuesta por una colección de imágenes más pequeñas (los azulejos o “tiles”) que, en conjunto, forman una representación visual del objeto o escena original. Cada imagen pequeña se selecciona y coloca de manera que su contenido contribuya a la apariencia general del objeto o escena que se está representando.