Day 1
During today's session, we focused on using code to create simple visuals. To do this, we used an open source coding website called OpenProcessing. This allowed us to create blank sessions in order for us to insert whatever code we required.
Over the course of the day, we engaged in many mini exercises to teach us the basic concepts/rules.
Some of the exercises we engaged in included:
Making basic shapes using coordinates.
https://openprocessing.org/sketch/1484851
Generating random triangles.
https://openprocessing.org/sketch/1484976
Creating 2 Grids.
(a simple white one and then a more intricate one which had thicker lines and different colours)
https://openprocessing.org/sketch/1484989 & https://openprocessing.org/sketch/1485003
Creating a set of circles that follow the mouse up and down.
https://openprocessing.org/sketch/1485062
Resetting the canvas when the mouse is clicked.
https://openprocessing.org/sketch/1485089
Making a canvas that you can draw on.
https://openprocessing.org/sketch/1485130
Making a simple looping animation of a ball moving up and down.
https://openprocessing.org/sketch/1485249
Making a ball that would bounce off the side of the canvas.
https://openprocessing.org/sketch/1485268
Making a ball that chases the movements of your cursor.
https://openprocessing.org/sketch/1485275
Making a spinning pattern.
https://openprocessing.org/sketch/1485330
Creating a circle that you can click and drag.
https://openprocessing.org/sketch/1485499
Making a square that would change shape, size and position, depending upon where the mouse is.
(e.g. in one corner it's really small but in another corner its massive)
https://openprocessing.org/sketch/1487999
Day 2
Today we tried using code for more video-related exercises. To test this out, we were given webcams by the tutor.
The following were some of the exercises that were explored. Some of the sessions were given to us by the tutor so that we could experiment with them:
Making our webcam visible in the session.
https://openprocessing.org/sketch/1488001
Adding effects to the webcam view.
One was splitting it up into squares and circles
https://openprocessing.org/sketch/1487353
https://openprocessing.org/sketch/1487359
Another concept involved the same squares, which changed size according to the light or darkness
(light and bright they grow, dark they shrink)
https://openprocessing.org/sketch/1487369
We also experimented changing the colour of the webcam display. According to the colour we chose, this added a tint to the webcam.
https://openprocessing.org/sketch/1488326
Adding Camera Filters - one example was Blur. another was called Threshold which basically makes everything black and white and makes the contrast extremely high.
https://openprocessing.org/sketch/1488200
We looked at some sessions where these camera filters were combined, all of which were editable so we could see how they worked, so we replaced numbers and added different values such as mouse x and y.
https://openprocessing.org/sketch/1487390
https://openprocessing.org/sketch/1487425
The last exercise involved creating a basic web layout. The main thing we explored was adding media such as fonts and pictures.
First we downloaded several fonts from different internet sites and inserted them into the document by dragging and dropping the files into the 'Files' tab from the Windows File Explorer. Then we had to learn the commands necessary to load the fonts into the session and to dictate what we wanted to say.
The last step was to add an image to the background and scale the image properly with the screen.
We then had time to experiment. The main changes I made were hiding the cursor and making the text occasionally change colour.
This was what I had created: https://openprocessing.org/sketch/1488177
Comments
Post a Comment