难以言喻的情绪和线条

难以言喻的情绪&线条

在上上篇博客的基础上&＃xff0c;将测试中难以体现的情绪带入到了线条中。一起来康康&＃xff01;

• 好奇、焦虑&赛博朋克&＃xff08;科技高度发达的世界中的混乱与秩序&＃xff0c;上传限制&＃xff0c;高糊画质&＃xff09;

function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);

let T&＃061;millis();
DArc0417(15,40,T);
}
function DArc0417(R,A,T)//半径R&＃xff0c;圈数N,时间T
{
for(var i&＃061;A;i>0;i--)
{
fill(10&＃043;255*sin(T/(80*i)),10&＃043;255*sin(T/(75*i)),
10&＃043;255*sin(T/(150*i)));
arc(200, 200,i*R,i*R,i*PI*(0.5&＃043;0.5*sin(T/5000)),(i&＃043;1)*PI,PIE)
}
}


• 娱乐

  在上一次的基础上增加了运动轨迹&＃xff0c;代码就不放了



• 厌倦&困惑 &＃xff08;反正我是看久了会困&＃xff09;
  -其中应用了黄金分割比

function setup() {
createCanvas(400, 400);
}
function draw() {
background(255*abs(sin(millis()/4000)),255*abs(sin(millis()/4000*0.618)),255*abs(sin(millis()/4000*0.618^2)));
translate(200,200);
rotate(millis()/500);
for(var i&＃061;1;i<&＃061;20;i*&＃061;1.618^2)
{
dr(i*20,millis()/i);
}

}
function dr(size,t)
{
for(var j&＃061;1;j<&＃061;10;j&＃043;&＃043;)
{
SixAngleStar0424(size*abs(sin(t/2000)),size*abs(cos(t/2000)),10&＃043;10*(sin(t/1000)&＃043;cos(t/1000)),15,255)
}

}
function triangle0424(x,y,size,C)//正三角形&＃xff0c;位置&＃xff0c;半径&＃xff0c;灰度
{
fill(C);
triangle(x,y-size,x&＃043;size*cos(PI/6),y&＃043;size/2,x-size*cos(PI/6),y&＃043;size/2);
}
function SixAngleStar0424(x,y,size,N,C)
{
for(var i&＃061;1;i<&＃061;N;i&＃043;&＃043;)
{
rotate(2*PI/N);
triangle0424(x,y,size,C*((N-i)/N));
}
}


• 痛苦&仇恨

痛苦与恐惧

function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
translate(200,200);
T&＃061;millis();
rotate(1);
fill(T/10%255,20,T/20%255)
for(var i&＃061;1;i<&＃061;50;i&＃043;&＃043;)
{
rotate(2*PI/50)
arclinepluse0424(0,0,100&＃043;200*abs((sin(T/2000))),100&＃043;200*abs((sin(T/2000))),40*abs(sin(T/1000)));
}

}
function arcline0424(x1,y1,x2,y2,D)
{
bezier(x1,y1,x1&＃043;(x2-x1)/3&＃043;D/2-random(D),y1&＃043;(y2-y1)/3&＃043;D/2-random(D),x1&＃043;2*(x2-x1)/3&＃043;D/2-random(D),y1&＃043;2*(y2-y1)/3&＃043;D/2-random(D),x2,y2);

}
function arclinepluse0424(x1,y1,x2,y2,D)
{
x3&＃061;x1&＃043;(x2-x1)/3&＃043;D/2-random(D);y3&＃061;y1&＃043;(y2-y1)/3&＃043;D/2-random(D);
x4&＃061;x1&＃043;(x2-x1)/3*2&＃043;D/2-random(D);y4&＃061;y1&＃043;(y2-y1)/3*2&＃043;D/2-random(D);
arcline0424(x1,y1,x3,y3,D);
arcline0424(x3,y3,x4,y4,D);
arcline0424(x4,y4,x2,y2,D);
}


• 贪婪&欲望&＃xff08;画笔工具&＃xff09;


• 通过键盘上下左右来控制画笔大小和波动程度按住mouse1来绘画

function setup() {
createCanvas(400, 400);
size&＃061;50;
Distance&＃061;40;
}
function draw() {
//background(220);
// fill(255);
//square(0,0, size*2);
T&＃061;millis();

fill(T/10%255,20,T/20%255)
translate(mouseX,mouseY);
rotate(1);

if (mouseIsPressed) {
if (mouseButton &＃061;&＃061;&＃061; LEFT) {
for(var i&＃061;1;i<&＃061;50;i&＃043;&＃043;)
{
rotate(2*PI/50)
arclinepluse0424(0,0,size,size,Distance*abs(sin(T/1000)));
}
}
}
}
function keyPressed() {
if (keyCode &＃061;&＃061;&＃061; UP_ARROW) {
size&＃061;size&＃043;10;
}
else if (keyCode &＃061;&＃061;&＃061; DOWN_ARROW) {
size&＃061;size-10;
}
else if(keyCode &＃061;&＃061;&＃061; RIGHT_ARROW)
{
Distance&＃043;&＃061;10;
}
else if(keyCode &＃061;&＃061;&＃061; LEFT_ARROW)
{
Distance-&＃061;10;
}
if(size<&＃061;10)
{
size&＃061;10;
}
if(Distance<&＃061;10)
{
Distance&＃061;10;
}
else if(keyCode &＃061;&＃061;&＃061; DELETE)
{
background(255);
}
return false; // prevent default
}
function arcline0424(x1,y1,x2,y2,D)
{
bezier(x1,y1,x1&＃043;(x2-x1)/3&＃043;D/2-random(D),y1&＃043;(y2-y1)/3&＃043;D/2-random(D),x1&＃043;2*(x2-x1)/3&＃043;D/2-random(D),y1&＃043;2*(y2-y1)/3&＃043;D/2-random(D),x2,y2);

}
function arclinepluse0424(x1,y1,x2,y2,D)
{
x3&＃061;x1&＃043;(x2-x1)/3&＃043;D/2-random(D);y3&＃061;y1&＃043;(y2-y1)/3&＃043;D/2-random(D);
x4&＃061;x1&＃043;(x2-x1)/3*2&＃043;D/2-random(D);y4&＃061;y1&＃043;(y2-y1)/3*2&＃043;D/2-random(D);
arcline0424(x1,y1,x3,y3,D);
arcline0424(x3,y3,x4,y4,D);
arcline0424(x4,y4,x2,y2,D);
}


• 安静&秩序

function setup() {
createCanvas(400, 400);
}
function draw() {
background(200,200,0);
let T&＃061;millis();
for(var x&＃061;0;x<&＃061;400;x&＃043;&＃061;50)
{
for(var y&＃061;0;y<&＃061;400;y&＃043;&＃061;50)
{
circle0417(x,y,20&＃043;20*abs(sin(T/4000)),2&＃043;6*abs(sin(T/4000)),T)
}
}


}
function circle0417(x,y,size,N,T)//位置、尺寸、角度、数目
{
for(var i&＃061;0;i<&＃061;N;i&＃043;&＃043;)
{
fill(25&＃043;abs(sin(T/1000))*255*i/N);
circle(x&＃043;size*sin(2*i*PI/N),y&＃043;size*cos(2*i*PI/N),
size/2)
}
}


• 扭曲、嫉妒 四重柏林噪声&＃043;随机

function setup() {
createCanvas(400, 400);
noiseScale&＃061;0.02;

}
function draw() {
background(25);
var T&＃061;millis()/10;
noiseLinePluse0424(200,300,200,T)

}
function noiseLine0424(x1,y1,x2,y2,t)
{
for (let x&＃061;x1; x let noiseVal &＃061; noise((x&＃043;t)*noiseScale, (t)*noiseScale);

stroke(125&＃043;130*abs(sin(t/1000)),noiseVal*150,noiseVal*50);
line(x, y1&＃043;noiseVal*(y2-y1)&＃043;random(10), x, y2-(y2-y1)/4*noiseVal);

stroke(125,(1-noiseVal)*50,(1-noiseVal)*250);
line(x, y1&＃043;noiseVal*(y2-y1)&＃043;random(10), x, y1&＃043;(y2-y1)/4*noiseVal);
}
}
function noiseLinePluse0424(x,y,size,t)
{
noiseLine0424(x-size,y-size,x&＃043;size,y,t-1000);

// noiseLine0424(x-size,y,x&＃043;size,y&＃043;size,t-250);
}


本文地址：https://blog.csdn.net/h_ush_/article/details/111097581