Module 3 Formstorming

Weekly Activities

Lucy Warren


Project 3


Module 3

*Insert something enlightening and smart here*

Activity 1

This code is from sketch1, I wanted to figure out the basics in movement with the arrow keys. I forgot about the push(); and pop(); function so the circles started stacking on each other. This is the same code from sketch 1, I adjusted the distance that each dot would be drawn. It made a really cool dotted pattern that I thought looked like a dance floor. This is the dance floor in question, I think implementing this into my final design might be cool. Adding some sort of automatic function that changes the dot's colours would be pretty cool for a dance floor or for a potential game. This is from sketch5, I did something simple and just messed with the colours. To be honest I wasn't really interested in messing with the code too much for this one. The main things I manipulated was just the stroke and colour.
This is from sketch2, my goal was to replace the cyan circle with an image. I want to potentially make a dance related thing for my final and messing around with images was something I wanted to test. This is my image before I manipulated the size. This is the image after I manipulated the size. Potentially what I want to do is attach an image to each arrow key for some sort of dance game.
I tried putting on more that one image for my dog. I found that I couldn't really manipulate it very well. I also added a rainbow thing to my cursor because I wanted to play around with tutorials from P5JS. This is from sketch2, instead of replacing the circle with an image I replaced it with a 3D model. My goal was to move the 3D model around like I did with the 2D image. I had significant trouble trying to figure out how to move the model. I have a feeling by changing the canvas to WEBGL, the movement doesnt work to same. I still have to figure out how to move the model. This is from sketch 3, I really liked the camera angles from this sketch in particular. In this gif, I tried to change the colours of the tile to more than one colour. But, unfortunately only one colour showed up. I took a break from manipulating the plane and decided to mess with the torus. I replaced the torus with an ellipsoid and it made this funny shape. I personally dont think i'll use that model for my final but it was funny to look at. This is from sketch 4, I replaced the torus with my bug model. I found the camera was super hard to use, in future I want to change it so it's easier to manipulate.
I wanted to create a final with more than one 3D model. I tested out two bug models, a torus, a box, and a cone. Overall it took some time to get them all lined up but it went smoothly. I think my next goal would be to get them off their side. For movement I messed around with just the bug models first. They were on the same setting as the template. I mainly just wanted to see if they would work at the same time. I had lots of fun making the models spin. I think for my final I would like them to spin back and fourth.
This is from sketch6, I replaced the 2D shape with my bug 3D model. Noticeably the colour function was missing and was replaced with shades. One thing I want to add on to ths code is the camera code (in the last photo) I think by combining movement from the models and the camera would create a weird effect. I want to mesh camera movement and model movement together.

Activity 2

put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades

Project 3


Final Project 3 Design

PLACEHOLDER TEXT, replace this with an actual description

test2Lorem ipsum dolor sit amet, consectetur adipiscing elit
×

Powered by w3.css