First p5 Sketch


 

Comments

Post a Comment

Popular posts from this blog

2nd Interactive Critique

https://www.nurturedigital.com/ Nurture Digital is a platform for an agency, and they focus on digital branding and marketing for companies. The motion graphic animation is the very first thing that you see when you click on the website. The motion graphic is made as a complex looped animation. It represents the process of a single company's workflow to give you an idea of what the companies process is like.   As soon as you click the link you will see the motion graphic which was incredibly done design wise. It has many animations of people, objects, and many more. Off to the side it has some familiar company logos which you are able to click on. If you click on any logo, it builds the page in front of you. What I mean in front of you meaning it taking all the information and putting it together like a puzzle. As you scroll to gain more information it moves around the page like water flowing down a river.             ...
Read more

In Process p5 Sketch

Image
I want to add more animated elements to this. I have a couple ideas but I would like some input on what I could do. One of my ideas is animating the circles maybe by making them move or having them go from smaller to bigger. I added an image of a page out of my favorite book because my name is the main character which I think is really cool.  let img; function preload(){ img = loadImage("assets/book.jpg"); } function setup() {   createCanvas(1280, 720);   noStroke()   stroke(12) } function draw() {     image(img,0,0);   background(0,50);   for(let y= 0; y <= height; y += 40)     {       for(let x=0; x<=width; x += 40)        {         fill(0,99,218);         stroke(255);         ellipse(x,y,10,10);         } }    /*     stroke(255,0,0);   line(mouseX,0,mouseX,height);//gray line     s...
Read more