

Spell Your Name - Week 6
As I continue working with the idea of incorporating letters into the sketches, for this sketch I created a 3x3 grid + 9 input text value HTML elements along with an slider and a color change button. I added a bit of fun with a transparent bubble and color random background function. The users can introduce the characters of their preferences into the inputs boxes and play with the text size and the background color. Spell Your Name - Code


Letters Fun - Week 5
As I started to work with the letters of my name in other class' projects, I wanted to explore the array function using letters that are displayed on the screen by mousePressed function. I started with one box that allows to display one letter at the time, I also use the random size and color function so each letters is different each time I click. Letters Array 1 Code In the second sketch I wanted to have 9 boxes, one for each letter, and the array containing the letters of


Escher Voyage - Week 4
This week I wanted to recreate this 3D block Escher's design. It is a complex design that incorporates several elements and the repetition of those elements follows an intricate pattern.At first I started building the repeat or basic group of elements. I decided to leave the yellow squares as a background and create the white squares, and blue and gray triangles. Then I started using the for loop with the count-Row and count-Column function, this functions allowed the basic


Drill and DNA - Week 3
Group Assignment: Create an interactive artwork that implements the concept of repetition with variation. Use at least one for loop. Your artwork should also incorporate an interactive interface element of your own design. This week I had the opportunity of sharing what I had learned so far in this class with my classmate Hau. My work I developed some work with the map, mousePressed, and color random functions. Sketc 1 - Code Hau work's He concentrate on working with count-Ro


Moving Squares - Week 2
For this Sketch, I wanted to explore different options when moving objects, by creating a grid of squares that moves in different directions. I used mouse position function to change the fill of the moving parts. Code - Moving Squares