码绘与手绘的比较【动态篇】

本文对比了手绘与码绘动态效果,通过使用p5.js实现圆的面积公式动态展示,揭示码绘在数学规律性动态表现上的优势。通过不断扩展,最终创造出富有律动和视觉冲击力的动态图形,强调码绘在效率和扩展性上的优越性。
摘要由CSDN通过智能技术生成

圆的面积公式

我们都知道圆的面积公式是π*r^2,但这个公式怎么得来的呢?我们用一种直观的方式来看看这个公式的来历:
在这里插入图片描述
在这里插入图片描述
接下来我们尝试用码绘和手绘来实现一下第二张图片的动态了。

手绘

在这里插入图片描述
额。。可以看出手绘的效果有限,只能画出关键帧,完全重现原图的动态需要许多时间来一张张绘制,重复工作极多,且做图精确度不高,容易走型。接下来看看码绘的表现。

码绘

我们可以将圆看做无数个同心圆环,所以我们只用考虑其中一个圆环的动态就可以了,其他圆环只用增加一下半径。
圆环展开的过程:以圆上一点为起点,每次将圆环展开固定长度t2,展开n次时我们就可以将此时的圆环看做一根长度为t2n的线段和一个角度为半径为r2,角度为2π-t2n/r2的弧。
由于越外层的圆环周长越大,所以当内部圆环完全展开成直线后外部圆环还在展开,这是内部的圆环就完全是一条直线了,所以要加入判定语句将两者分开处理。

function circle(x0,y0,d2,delta2
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值