最近在制作一个稍微浪漫的程序,然后在画心后,感觉太单调,随即想到用贝塞尔曲线绘制一个个树枝,结果发现更LOW,然后在网上寻找灵感,找到了这篇文章:
https://www.jianshu.com/p/01c88437055a
下载下来发现这个心绽放的样子挺好看,可惜是h5的代码。。。
然后把相关代码抽出来后:
html1.gif
然后我花了一会直接放在我项目中,然后发现不显示....然后我才开始照着他的在h5端按照逻辑一点一点的复制粘贴,同时在android端实现(复制粘贴)。
最后发现,差别好大。。。。
然后各种修改,最后的结果如下:
android.gif
感觉还差不多,比之前的好多了,比JS多了两个地方吧,一个是绘制的时候,花瓣多绘制了一倍,这样会体现出来重叠,一个是花瓣的颜色,我加了渐变色,渐变透明的。但都是用画布canvas画的,我也是前段时间才开始用canvas绘制,接下来我要集成到我的程序中了,啦啦啦。
我上传到了github上面,如果万一有需要的(像我这种人,就很需要),可以随意哦~~~~~
h5的代码也在里面。
PS:用简书上传视频,必须用GIF的吗,用了一个迅捷GIF,安装卸载给我打开网页转到VIP页面,制作出来的GIF也不能看,失真灰常灰常灰常灰常严重,我就制作一次GIF,弹出来两三次买VIP,真的服了,最后用QQ影音一次性制作成功。
网友评论