700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html5动态效果随鼠标动 html5+CSS3心形动画跟随鼠标光标运动特效

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

时间:2022-07-18 15:00:18

相关推荐

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@

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。