html5动态效果随鼠标动,html5+CSS3心形动画跟随鼠标光标运动特效

html5+CSS3心形动画跟随鼠标光标运动特效

代码片段：

this.update = function () {

var lastPoint = { x: _this.x, y: _this.y };

// Move points over time

_this.radians += _this.velocity;

// Drag effect

_this.lastMouse.x += (mouse.x - _this.lastMouse.x) * 0.05;

_this.lastMouse.y += (mouse.y - _this.lastMouse.y) * 0.05;

// Circular Motion

_this.distanceFromCenter.x = _this.prevDistanceFromCenter.x + Math.sin(_this.radians) * 100;

_this.distanceFromCenter.y = _this.prevDistanceFromCenter.x + Math.sin(_this.radians) * 100;

_this.x = _this.lastMouse.x + Math.cos(_this.radians) * _this.distanceFromCenter.x;

_this.y = _this.lastMouse.y + Math.sin(_this.radians) * _this.distanceFromCenter.y;

_this.draw(lastPoint);

};

申明：本站所有资源都是转载各大下载站，或由网友投稿发布，请自行检测软件的完整性，如有侵权请联系我们删除下架，联系方式：admin@php.cn