当前位置: 代码网 > it编程>网页制作>网页播放器 > 【HTML——3d粒子特效(效果+代码)】

【HTML——3d粒子特效(效果+代码)】

2024年08月02日 网页播放器 我要评论
分享一套阿里大牛整理的前端资料给大家,点击前端校招面试题精编解析大全即可获取件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!**如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)分享一套阿里大牛整理的前端资料给大家,点击前端校招面试题精编解析大全即可获取。

index.js

var width, height;

var canvas = document.queryselector(‘canvas’);

canvas.width = width = math.max(document.documentelement.clientwidth, window.innerwidth || 0);

canvas.height = height = math.max(document.documentelement.clientheight, window.innerheight || 0);

var ctx = canvas.getcontext(‘2d’);

ctx.translate(canvas.width / 2, canvas.height / 2);

var points = [];

var depth = 8;

var scale = 70;

for (var x = -depth/2; x <= depth/2; x++) {

for (var y = -depth/2; y <= depth/2; y++) {

for (var z = -depth/2; z <= depth/2; z++) {

points.push([x * scale, y * scale, z * scale]);

}

}

}

var mindistance = 1000;

var maxdistance = 2000;

var f = 500;

var rot = 0;

var direction = -1;

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com