【资源分享】登录页面背景:4个动态背景,炫酷的3D粒子特效(canvas)+视频背景

演示：
【canvas】波浪点阵，有鼠标交互效果：

【canvas】多边形，无鼠标交互：

【canvas】粒子线条，有鼠标交互效果：

【MP4】视频背景: //工程文件中页面1有另外一个视频效果,这里不做展示


demo：
土豪赞助下载： 背景替换.zip (18.59 MB, 下载次数: 44, 售价: 30 金币)

2023-10-15 12:24 上传

点击文件名下载附件

回复可见下载：

游客，如果您要查看本帖隐藏内容请回复

上面两个下载方式所下载的文件是一样的,自行选择

4个文件都包含了登录页和页面1的动态背景

说明:
实现的原理就是"背景图1"的替换成canvas或video
下面用第一个波浪点阵的工程文件内容作为说明：

• 第一个: 是CDN的three.js引用,//如果你的应用只在局域网使用,那么建议把这个URL保存成文件(加快资源加载)
• 第二个: "Script.is"用于解决登录页面没有"页面加载时命令"的限制 ,//在登录页实现元素替换的核心代码，如果不在登录页替换背景，那么这个文件就可以不要,有了这个命令,自己就可以制作各种炫酷的动态的背景,比如把背景换成视频,参照帖子:超NB动画播放登录页面,官方不开放页面加载时命令原因参考这个帖子: 登录页 如何实现 加载页面执行命令？忽然想到,把登录页面设置一个母版页,这问题不就解决了吗,母版页可是有页面加载时命令的,行不行懒得测试了,按道理来说应该是完全没问题
• 第三个: 实现粒子动效的函数 //主要作用是替换背景和初始化canvas画板
  

使用方法:把这3个js加入到自己的活字格工程中就行了

其他页面调用方法:


第一个点阵波浪效果的来源:WebGL (yanhuangxueyuan.com)从这个网站扒下来提纯后的html文件,可用于构建自己的html网页 webgl.html.zip (2.91 KB, 下载次数: 127)

2023-10-13 21:58 上传

点击文件名下载附件
其他canvas效果来源：jQuery插件库

tominson 发表于 2023-10-14 12:23
多几个特效就更好了

可以可以,等有闲工夫了我来多做几个

学习一下，感谢楼主分享

非常棒，牛B

感谢分享，学习学习

可以可以,可以可以,

2312312阿萨大大

想下载来学习一下

楼主棒棒哒

不错哦，看起来一下子就高大上了。

登录后，背景怎么去掉呢