“运动”主题创作


很丑的可以变色的雪花(点击鼠标左键随机变色)

码绘
很丑的可以变色的雪花
手绘
尽力了

实现过程

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
资源包主要包含以下内容: ASP项目源码:每个资源包中都包含完整的ASP项目源码,这些源码采用了经典的ASP技术开发,结构清晰、注释详细,帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码,用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件:为了方便用户更好地理解系统的后台逻辑,每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档,以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境,并了解各个数据表之间的关系和作用。 详细的开发文档:每个资源包都附有详细的开发文档,文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料,使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南:为帮助用户更好地理解和使用这些ASP项目,每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程,使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考:对于正在准备毕业设计的学生来说,这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰,还符合常见的毕业设计要求和标准。通过这些项目,学生可以学习到如何从零开始构建一个完整的Web系统,并积累丰富的项目经验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值