Can be: photographs, internet search results, scans, screenshots, screen recordings, ephemera, artist sites or exhibitions, videos, articles/texts, songs, poetry, word flows, excerpts, quotes, sound bites, plans, drawings, storyboards, notes to self

PROJECT1

PROJECT2

HEXColour Picker

https://www.google.com/search?q=hex+color&oq=hex+color&aqs=chrome..69i57j0l5.1431j0j7&sourceid=chrome&ie=UTF-8

Reference of JAVA

https://p5js.org/reference/

Coding

function setup() {
createCanvas(windowWidth, windowHeight);
background('#5480c7');
}

function draw() {
fill('#BD5113');
ellipse(mouseX, mouseY, 35, 35);
}

int barWidth = 80;
int lastBar = -1;

void setup()
{
size(640, 360);
colorMode(HSB, height, height, height);
noStroke();
background(0);
}

void draw()
{
int whichBar = mouseX / barWidth;
if (whichBar != lastBar) {
int barX = whichBar * barWidth;
fill(mouseY, height, height);
rect(barX, 0, barWidth, height);
lastBar = whichBar;
}
}

Balle[] b=new Balle[150];

void setup()
{
size(800,600);
background(255);
for (int i=0;i<b.length;i++)
{
b[i]=new Balle();
}
}

void draw()
{
fill(255,150);
stroke(0);

rect(0,0,width-1,height-1);
for (int i=0;i {
b[i].dessin();
b[i].lavitesse();
b[i].bouge();
}
}

class Balle
{
PVector position;
PVector vitesse;
color c;
Balle()
{
position=new PVector(random(70,width-50), random(70,height-50));
vitesse=new PVector(0, 0);

c=color(random(360,40),random(170,60),random(5,220));
}

void dessin()
{
fill(c);
ellipse(position.x, position.y, 25, 25);
}

void bouge()
{
position.add(vitesse);
if ((position.x > width-15) || (position.x < 15)) {
vitesse.x*= -1;
}
if ((position.y > height-15) || (position.y < 15)) {
vitesse.y *= -1;
}
}

void lavitesse()
{
if (mousePressed)
{
pushMatrix();
translate(position.x,position.y);
vitesse.x=mouseX-position.x;
vitesse.y=mouseY-position.y;
vitesse.normalize();
vitesse.mult(random(0.8,1.2));
float d=map(dist(position.x,position.y,mouseX,mouseY),0,600,0,8);
vitesse.mult(d);
popMatrix();
}
}
}

var x = 0, y = 0;
var stepSize = 5.0;
var letters = "Aura is a quality integral to an artwork that cannot be communicated through mechanical reproduction techniques – such as photography,The term was used by Walter Benjamin in his influential 1936 essay The Work of Art in the Age of Mechanical Reproduction. Benjamin argued that 'even the most perfect reproduction of a work of art is lacking in one element: Its presence in time and space, its unique existence at the place where it happens to be.";
var fontSizeMin = 3;
var angleDistortion = 0.0;
var counter = 0;


function setup() {
// use full screen size
createCanvas(780, 780);
background(255);
smooth();
cursor(CROSS);

x = mouseX;
y = mouseY;

textAlign(LEFT);
fill(0);

}

function draw() {
if (mouseOver) {
var d = dist(x,y, mouseX,mouseY);
textFont('Georgia');
textSize(fontSizeMin+d/2)
var newLetter = letters.charAt(counter);;
stepSize = textWidth(newLetter);

if (d > stepSize) {
var angle = atan2(mouseY-y, mouseX-x);

push();
translate(x, y);
rotate(angle + random(angleDistortion));
text(newLetter, 0, 0);
pop();

counter++;
if (counter > letters.length-1) counter = 0;

x = x + cos(angle) * stepSize;
y = y + sin(angle) * stepSize;
}
}
}

function mouseOver() {
x = mouseX;
y = mouseY;
}

function keyTyped() {
if (key == 's' || key == 'S') save("P_2_3_3_01.png");
}

function keyPressed() {
// angleDistortion ctrls arrowkeys up/down
if (keyCode == DELETE || keyCode == BACKSPACE) background(255);
if (keyCode == UP_ARROW) angleDistortion += 0.1;
if (keyCode == DOWN_ARROW) angleDistortion -= 0.1;
}

var mass = [];
var positionX = [];
var positionY = [];
var velocityX = [];
var velocityY = [];


function setup() {
createCanvas(windowWidth, windowHeight);
noStroke();
fill(64, 255, 255, 192);
}



function draw() {
background(32);

for (var particleA = 0; particleA < mass.length; particleA++) {
var accelerationX = 0, accelerationY = 0;

for (var particleB = 0; particleB < mass.length; particleB++) {
if (particleA != particleB) {
var distanceX = positionX[particleB] - positionX[particleA];
var distanceY = positionY[particleB] - positionY[particleA];

var distance = sqrt(distanceX * distanceX + distanceY * distanceY);
if (distance < 1) distance = 1;

var force = (distance - 320) * mass[particleB] / distance;
accelerationX += force * distanceX;
accelerationY += force * distanceY;
}
}

velocityX[particleA] = velocityX[particleA] * 0.99 + accelerationX * mass[particleA];
velocityY[particleA] = velocityY[particleA] * 0.99 + accelerationY * mass[particleA];
}

for (var particle = 0; particle < mass.length; particle++) {
positionX[particle] += velocityX[particle];
positionY[particle] += velocityY[particle];

ellipse(positionX[particle], positionY[particle], mass[particle] * 1000, mass[particle] * 1000);
}
}



function addNewParticle() {
mass.push(random(0.003, 0.03));
positionX.push(mouseX);
positionY.push(mouseY);
velocityX.push(0);
velocityY.push(0);
}



function mouseClicked() {
addNewParticle();
}



function mouseDragged() {
addNewParticle();
}

Some worth sharing
artists & websites
(not limited to media art)

PROJECT3

{

Anagram Words:

https://youngwritersproject.org/node/757

"Redacted Poetry, also known as Black Out Poetry, is a fun and creative way to repurpose a piece of writing. All we need to accomplish this lab is a dark writing utensil (black marker works best) and a selection of newspaper clippings. The point of Redacted Poetry is to use the words in the newspaper clipping as your jumping off point.

Simply put, you use the marker to "black out" all of the words that you don't need, and leave only the words that tell your story. When you're finished, the substance of the newspaper article may very well be completely lost. But that's ok. You've given it a new, better meaning."

Redacted Poetry:

atom – bomb meals – males saint – satin
avenge – Geneva meals – Salem sales – seals
balm – lamb mean – mane salts – lasts
blot – bolt melon – lemon salvages – Las Vegas
blow – bowl moist – omits sharp – harps
brag – grab more – Rome shrub – brush
chum – much needs – dense siren – rinse
coal – cola nerved – Denver skids – disks
counts – Tucson none – neon skill – kills
diagnose – San Diego nude – dune snail – nails
diary – dairy ocean – canoe sober – robes
domains – Madison pace – cape soils – oils
dottier – Detroit pairs – Paris solo – Oslo
fired – fried pale – leap spray – prays
fringe – finger panels – Naples stack – tacks
hasten – Athens parks – spark stick – ticks
iced – dice pools – spool strip – trips
inch – chin ports – sport study – dusty
keen – knee posts – stops team – meat
lamp – palm races – cares tooled – Toledo
last – salt reap – pear votes – stove
limped – dimple reef – free waits – waist
lion – loin robed – bored wasps – swaps
looted – Toledo rock – cork wells – swell
lump – plum room – moor west – stew
march – charm ropes – pores what – thaw
mash – hams

clips

History of Icons: info websites/cited resources


https://www.interaction-design.org/literature/article/a-brief-history-of-the-origin-of-the-computer-icon

https://design.tutsplus.com/articles/know-your-icons-part-1-a-brief-history-of-computer-icons--psd-9805

https://historyoficons.com

https://www.netflix.com/watch/80237097?trackId=13630397&tctx=0%2C1%2C018a7d18-ad99-477e-a9e8-103592bce1f5-566372129%2C%2C

-videos/animations/websites about syntax&language


https://vimeo.com/231518292


https://www.youtube.com/watch?v=iWDKsHm6gTA


https://lingroadshow.com/all-about-language/languages-of-the-world/how-can-languages-differ/


“The structure of a language can be very difficult to work out. Sometimes it is even harder than the most difficult of codes! In Word War II speakers of Navajo, an indigenous language of the United States of America, joined the United States Marine Corps and spoke in Navajo to pass on secret messages.”