【资源分享】登录页面背景:4个动态背景,炫酷的3D粒子特效(canvas)+视频背景
本帖最后由 最佳原创 于 2023-10-19 12:02 编辑演示：
【canvas】波浪点阵，有鼠标交互效果：
【canvas】多边形，无鼠标交互：
【canvas】粒子线条，有鼠标交互效果：
【MP4】视频背景: //工程文件中页面1有另外一个视频效果,这里不做展示
demo：
土豪赞助下载：
回复可见下载：
上面两个下载方式所下载的文件是一样的,自行选择
4个文件都包含了登录页和页面1的动态背景
说明:
实现的原理就是"背景图1"的替换成canvas或video
下面用第一个波浪点阵的工程文件内容作为说明：
[*]第一个: 是CDN的three.js引用,//如果你的应用只在局域网使用,那么建议把这个URL保存成文件(加快资源加载)
[*]第二个: "Script.is"用于解决登录页面没有"页面加载时命令"的限制 ,//在登录页实现元素替换的核心代码，如果不在登录页替换背景，那么这个文件就可以不要,有了这个命令,自己就可以制作各种炫酷的动态的背景,比如把背景换成视频,参照帖子:超NB动画播放登录页面,官方不开放页面加载时命令原因参考这个帖子: 登录页 如何实现 加载页面执行命令？忽然想到,把登录页面设置一个母版页,这问题不就解决了吗,母版页可是有页面加载时命令的,行不行懒得测试了,按道理来说应该是完全没问题:itwn:
[*]第三个: 实现粒子动效的函数 //主要作用是替换背景和初始化canvas画板
使用方法:把这3个js加入到自己的活字格工程中就行了
其他页面调用方法:
第一个点阵波浪效果的来源:WebGL (yanhuangxueyuan.com)从这个网站扒下来提纯后的html文件,可用于构建自己的html网页
其他canvas效果来源：jQuery插件库
tominson 发表于 2023-10-14 12:23
多几个特效就更好了
可以可以,等有闲工夫了我来多做几个 厉害， 膜拜一下 看着不错 非常棒，能不能多来几个特效，让铁子们有的选呢，感谢分享。 多几个特效就更好了 小崽子来也 发表于 2023-10-14 10:41
非常棒，能不能多来几个特效，让铁子们有的选呢，感谢分享。
可以可以,等有闲工夫了我来多做几个 最佳原创 发表于 2023-10-14 13:00
可以可以,等有闲工夫了我来多做几个
小白坐等上菜:lol 最佳原创 发表于 2023-10-14 13:00
可以可以,等有闲工夫了我来多做几个
楼主棒棒哒