xxxxxxxxxx
64
let pts;
let mytype;
function preload() {
mytype = loadFont("GraphikBold.otf");
}
function setup() {
createCanvas(800, 800);
pts = mytype.textToPoints("bandcamp", 0, 0, 90, {
sampleFactor: 0.25,
simplifyThreshold: 0,
});
// for(let i =0; i<pts.length;
}
function draw() {
background(255);
translate(20, 140);
fill(255, 0, 0);
noStroke();
for (let i = 0; i < pts.length; i++) {
fill(i % 255);
ellipse(pts[i].x, pts[i].y, 2, 2);
}
translate(0, 100);
beginShape(POINTS);
stroke(0);
for (let i = 0; i < pts.length; i++) {
vertex(pts[i].x + sin(frameCount * 0.05 + pts[i].y * 0.1) * 5, pts[i].y);
}
endShape();
translate(20, 200);
noFill();
let rotX = sin(mouseX) * 15;
let rotY = cos(mouseY) * 15;
// let rotX = sin(frameCount / 20) * 15;
// let rotY = cos(frameCount / 20) * 15;
for (let i = 0; i < pts.length; i++) {
line(pts[i].x, pts[i].y, pts[i].x - rotX, pts[i].y - rotY);
}
textFont(mytype);
textSize(90);
text("bandcamp", 0, 0);
fill(54,191,184, 50);
text("bandcamp", -rotX, -rotY);
// translate(0, 100);
// for (let i = 0; i < pts.length; i++) {
// line(
// pts[i].x,
// pts[i].y,
// pts[i].x + random(-15, 15),
// pts[i].y + random(-15, 15)
// );
// }
}