使用p5.js官方Web Editor上手编程
首先接到这个作业的时候,我是很崩溃的,我认为自己没有什么特点,太难表现,于是先画了个实验草图
实验草图:
完成效果如图:
以下为我认为的我的实验亮点:
1.设置工具类以获取坐标点
实时获取坐标方便编程
function tools(){
for(var i=10;i<500;i=i+10){
stroke(250,170,240,100);
line(0,i,500,i);
line(i,0,i,500);
}
fill(0,0,0);
text(mouseY,mouseX+25,mouseY);
text(mouseX,mouseX,mouseY);
}
2.眼睛跟随鼠标运动:
设置两个个delta变量关联MouseX和MouseY
function moveeyes(){
var deltax=(mouseX-250)/250*7.5;
var deltay=(mouseY-150)/350*7.5;