Atharva Jadhav week 3 homework

Triangle zoom:

triangle zoom video


for this, I explored mixing a shape with a distance field to produce some interesting animations and patterns. Distance fields can be used to create a lot of interesting shapes and patterns.

Spin network:

spin network video


I explored the pattern is created bye Trutchet Tiles from the Book of Shaders. I added animation to the rotation element  by using sin(u_time) and generated more tiles to create this immersive effect.


Week 4 Homework

color_week4_homework_-roann_cordova2 color_week4_homework_-roann_cordova3 color_week4_homework_-roann_cordova color_week4_homework_-roann_cordova1

Tetrad Brightness Control Code

By studying the color wheel and the ratio of color harmonies, I have made an animation of colors that travels the color wheel specifically the tetrad color harmony. I used the values that counts the steps of each color in the color wheel that forms the shape of a square/rectangle with four color chord that will lead back to its origin. By using the rgb2hsb and hsb2rgb function back and forth to create properties (hue, brightness, saturation) that can be directly edited and inputting an initial color to reference for the color chord. Using the pct variable to multiply with the steps in order for it to be animated and still maintain the ratio of the color harmony.

Week 3 Homework

Shader 1

shader_1_week3_homework_-roann_cordova2shader_1_week3_homework_-roann_cordova3  shader_1_week3_homework_-roann_cordova shader_1_week3_homework_-roann_cordova1

Shader 2
shader_2_week3_homework_-roann_cordova1 shader_2_week3_homework_-roann_cordova2 shader_2_week3_homework_-roann_cordova3 shader_2_week3_homework_-roann_cordova

I actually really liked doing the shaders and incorporating different shapes in a single canvas using mix(). It actually took me a while to get the hang of it since there is an external reference (circle, squares) using Inigo Quilez’s codes and trying to tinker with it until I actually get the idea of shapes inside the canvas. I understand using abs(), sin(), u_time(), and especially declaring floats to make it as a layer and using that to fill in the mix() function and creating overlapping shapes inside it.

Week 3 – Homework

Shader #1


For the first exercise I made a flower by layering several circles. Each petal is comprised of a set of two circles multiplied so only the overlap remains visible. Unlike the majority of my shaders done so far, I had a clear idea for this sketch beyond bare experimentation with the code. I enjoyed the change of pace and really applying what I’ve learned. The size of the petals are also calculated using abs(sin(time)) so they animate.

Shader #2




For the second shader I made this checkered pattern with a cool animation. In both the x and y axis, the circles in each cell oscillate diagonally using a sin function. The direction alternates between even and odd cells. What I like most about this shader is that by using sin, there are periods of pause where everything come together like in the first image.

WEEK 4: Homework

exploring complementary colours with noise and movement
Exploring complementary colours with noise and movement

I focused here mostly on picking colours and having a better understanding on how I can select specific areas on the grid to associate with a different colour. I took a bit of a different approach on how to create the grid and have a bit more individualized cells. I also experimented with “random” but only managed to create the noise using my technique. I used contrast of hue and cold warm contrast mostly to visualize this shader and have explored and tried to introduce brightness but had some issues getting it to work. I will further explore that and expand on this post.

CODE  1  


Note: I might update this post in the future with more images as I tried exploring things separately since I had some issues trying to understand how to get more of the contrasts within the same shader.

Week 3 Hw



I have chosen Shader 2 as I feel I was able to work it with movement and understanding the codes in depth. I developed new skills in designing and I used my imagination for this Design. It took my time to create this design and I would name it “The Mixture of Colors”screen-shot-2022-03-01-at-10-37-47-amI faced issues in coding the movement of my design, but I watched videos and got guidance in how I was supposed to be doing it. I found this design attractive and imaginative if you keep staring at the design for a long time.

Week3 Homework

screen-shot-2022-02-25-at-10-28-55-pm screen-shot-2022-02-28-at-7-07-01-pm

Shader #1                                                             Shader #2

Code #1                                                                 Code#2

This week I focused on the movement of shapes, using different functions to make the shapes have different trajectories. In the first Shader, I used mix() to multiple layer shapes and used cos() and sin() to change the trajectory and shape of the shapes by different calculations. In Shader#2, I used rotated2D, sin() and cos() to rotate all the shapes to an angle and then rotate them again.