源码时代前端H5
IT-source
H5前端技术交流群(547112534)
源码时代-让每一名学员高薪就业
展开
-
paperJS破冰学习04-鼠标跟随式球状3d动画效果(下)
1.鼠标跟随 当下案例的所有的一切都是建立在中心点上的,只要中心点发生一点偏移,整个图形都会伴随发生移动。因此想要完成鼠标跟随,就需要获取鼠标坐标,然后重新设置为position即可。而优秀的框架总是能够想人之所想,急人之所急。感谢paperJS,再一次提供了贴心的函数:function onMouseMove(event) 来帮助处理鼠标的移动事件,免去了我们自己封装的困扰。 ...原创 2019-05-06 13:53:59 · 524 阅读 · 0 评论 -
paperJS破冰学习03-鼠标跟随式球状3d动画效果(中)
1.长度变化速率曲线 每一帧中,每一个path的长度渲染都是完全随机的,因此会看到页面中的长度是一个眼花缭乱非常不舒服的效果。这里我思考了很久如何才能实现目标案例中的增长和衰退效果,而最终得到的答案和源码中的答案也不谋而合。那就是:三角函数曲线。简单来说使用正弦函数曲线就足够了。因为正弦函数曲线是一条震荡波,因此如果将长度与正弦函数的y坐标结合,在加以绝对值,就能够得到一条在单位时间内正...原创 2019-05-06 14:00:16 · 267 阅读 · 0 评论 -
css中常用的选择器
首先我们要了解一个概念,就是什么是选择器,以及选择器的作用? css的作用是修饰html标签,美化页面的。既然要修饰html标签 ,那首先就要选择到要被修饰的标签,如何进行选择,那么就要使用选择器。选择器其实就是一种匹配模式,主要用于选择中要被修饰的标签。今天给大家介绍css中一些常用的选择器。 标签选择器 标签选择器又称为类型选择器,作用就是修饰指定的标签。 ...原创 2019-06-13 16:00:07 · 784 阅读 · 0 评论