这个是《html5实验室-Canvas世界》中的一个例子,最大的收获当然是心形函数(x ^ 2 + y ^ 2 - 1) - x ^ 2 * y ^ 3 = 0。
有了前面几个动画做铺垫,这个还是比较容易就完成了,没有遇到什么奇特的问题。不过也因为比较轻松,代码的组织不是很认真,也不想去改了。
值得一提的是这个动画很容易另行发挥,我在调试的过程之中也看到了几个很有意思的版本。有一个版本将粒子生成点扩大到全局,这样配合inHeart函数一闪即逝,会有小星星的效果。另一个版本因为几个巧合把粒子生成点放到了画布右下角,而且方向都在第二象限,造成了从右下角喷射粒子的效果。
<!DOCTYPE html>
<html>
<head>
<title>♥</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type