很丑的可以变色的雪花(点击鼠标左键随机变色)
码绘
手绘
实现过程
p5.js编程 ,绘图过程与静态类似,只是绘制雪花的时候用了自定义函数和循环,总是还是很简单很无脑。
代码
function setup() {
createCanvas(400, 400);
frameRate(5);
stroke(255);
}
function draw() {
background(0,134,139);
if (mouseIsPressed) {
r=random(0,255);
g=random(0,255);
b=random(0,255);
stroke(r,g,b);
}
Snow();
}
function Snow()
{
n=random(10,20);
for(j=0;j<n;j++)
{s=random(10,50);
x=random(-200,200);
y=random(-200,200);
push();
translate(mouseX+x, mouseY+y);
rotate(frameCount / 200.0);
drawSnow(mouseX+x,mouseY+y,s);
pop();
}
}
function drawSnow(X,Y,size){
var c=size/3;
var d=1.732;
for(var i=0;i<8;i++)
{
line(0,0,size,0);
line(c,0,c*3/2,-c/d);
line(2*c,0,c*5/2,-c/d);
line(c,0,c*3/2,c/d);
line(2*c,0,c*5/2,c/d);
rotate(PI/4);
}
}
手绘与码绘异同比较
- 视觉效果
和静态图片一对比,码绘当然是完胜了虽然还是很丑,毕竟码绘实现动态效果的方法千千万,但是手绘的话,意味着大量的工作量,而且比较容易产生“误差”影响视觉效果。 - 绘图思路
码绘在创作动态图片时能让人文思泉涌,但是变成手绘就比较头疼了,感觉想不出什么能让图片动起来的,方便又好看的效果,然而我用码绘实现的还是很丑… - 技术方面
技术可以说是码绘完胜了,手绘除非利用手绘板和各种软件才能达到比较好的动态效果。 - 创作体验
码绘想起来容易实现起来还是麻烦的,因为我总是犯各种脑残的错误…但是手绘的话橡皮都不用动一下而且很快,所以还是手绘体验佳。 - 个人喜好
我永远喜欢手绘。
参考文献
[1]:https://blog.csdn.net/qq_27534999/article/details/75151515
[2]:https://blog.csdn.net/qq_27534999/article/details/76257338
[3]:https://p5js.org/zh-Hans/examples/form-star.html