#workshopassignment

During Computer Vision lectures we were learning about using Processing, p5js and using it for Computer Vision.

p5js

p5js is a new program we have learned about. p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners,

Exercise 5C

Add (random) colour to the sketch you made in the getting started exercise.

During Computer Vision lectures we were learning about using Processing, p5js and using it for Computer Vision.

Processing

First assignment was about refreshing our memory about Processing. Processing is an open source programming language and environment for people who want to program interactive images and animations. Below are my exercises.

Exercise 2F:

Write a program that draws three (or more) ellipses:

at various locations,

with various colors

various widths and heights

with and without borders (of various colors)

Exercise 2L:

Write a program that draws:

- at least four different shapes (not circles),

- in various colors,

- at various locations.

Exercise 2O:

Write a program that draws at least two different shapes, with various colors and make them interactive.

A-Frame:

A frame is a browser based software that one can use to make AR and VR environment. Here are some of the basics I have learned. Link to see all the work : https://parkermjulie.github.io/hci/

1. Shape Making

https://parkermjulie.github.io/hci/02Shape/

I played around with different types of shapes , colours and positions of the shapes on the plane.

2. Making Animations

https://parkermjulie.github.io/hci/04Animation/ These two cinder blocks move in different directions at different speeds.

3. Interaction Headset https://parkermjulie.github.io/hci/06InteractionHeadset/

I played around with the fuse, where you move your cursor (the yellow circle) you can see that the right block is growing. Every time one moves away from it and back at it, the block grows even bigger.

Unreal:

We learned the basics of how to use Unreal engine. It is used for animation, game making and interactions. Here is a small sample of what I have learned to make using a tutorial provided in class. I first had to make a banana with a mesh of banana. I made a small turntable that the banana rotates around and I made it to rotate.

During our HCI classes we learned about how to use Arduino to do different things. Below you can see the things I have learned to make with explanations.

Exercise 9: Sound

Using a speaker I made a siren sound where the frequency goes high and then gets lower.

Exercise 11: Distance

Using a proximity sensor I made a LED light turns on as one comes close to the sensor.

Exercise 12: Arduino and Processing

Using Arduino and Processing software and a portometer , one can use the knob on the portometer to control the visuals in the Processing environment. Turning clockwise the black circle gets smaller, turning the knob anti clockwise the circle gets bigger.

Exercise 13: Buttons

Using a button I made the LED turn off while the button is pressed.

Exercise 14: Servomotor

Using servomotor I made the legs of it move in different directions, degrees and amount of time.

During our HCI classes we learned about how to use Arduino to do different things. Below you can see the things I have learned to make with explanations.

Exercise 3: Blink multiple LEDs

LED lights will alternate in blinking.

Exercise 4: Fade LED – Analog Output

One LED slowly fades in and the other fades out at the same time.

Exercise 6: Controlling a LED with a potmeter

One LED fades in while the other fades out and vice versa.

Exercise 7: LED Matrix

Using Arduino and LED matrix to alternate between happy and sad face.

Exercise 8: Control the LED with light

Using sensor that measures amount of light I set up two LED lights that get lighter as one comes closer to the sensor the LED light shines brighter.