使用p5.js制作极简人物动画
没有特别的技巧,只是不断尝试坐标,使用绘制直线和绘制弧线的函数尝试 然后,人物说话的动画是用随机数和其他几个嘴型制作的三帧动画 var Vector2=function(xValue,yValue){ this.x=xValue; this.y=yValue; } var Vector3=function(xValue,yValue,zValue){ this.x=xValue; this.y=yValue; this.z=zValue; } function Line(start,size){ line(start.x,start.y,start.x+size.x,start.y+size.y); } function setup() { createCanvas(600, 400); fd=0; } function draw() { background(255); noFill(); strokeWeight(2); DrawOthers(); DrawFancyFace(); if(mouseIsPressed){ console.log(mouseX,mouseY); } } var fd=0; function DrawFancyFace(){ //眼睛 strokeWeight(3); Line(new Vector2(115,199),new Vector2(30