three.js的wave特效（ivew官网首页波浪特效实现）
2024-03-28 16:52:14
查看效果请访问：https://521lbx.github.io/Web3D/index.html
公司的好几个vue项目都是用ivew作为UI框架，所以ivew官网时不时就得逛一圈。每一次进首页都会被首页的波浪特效惊艳到，一时手痒，就有个这篇随笔！
猜了猜应该是使用three.js写的，就上three.js官网上逛荡逛荡，果不其然，官网有个wave的特效，但要做成ivew官网的样子，还是需要做些功夫的。
首先是点点的颜色（官网例子是白色的），然后是特效的区域（官网是满屏），最后是设置特效只在波浪上层有效（官网的特效波浪是可以翻过来的，好尴尬！！！）
点点的颜色可以在初始化中设置，如下图：
特效区域直接设置容器的宽度、高度即可。
设置特效只在波浪上层有效，其实只要设置鼠标左右滑动时将mouseY设置在合适的位置，并在鼠标移动时保持不变。
代码详见：https://github.com/521lbx/Web3D
最新文章
- C++线程中packaged_tack
- IIS7.5下发布应用程序备忘
- nginx限制访问速度
- iOS - (几个 button 按钮之间的单选与多选)
- UVA 12563 劲歌金曲(01背包)
- 将表A的数据复制到表B，以及关于主表和子表的删除办法
- 【转】Bluetooth数据包捕获
- UDP 多播 Java
- 使用WebClient上传文件时的一些问题
- CoFun 1616 数字游戏
- 字符串string和内存流MemoryStream及比特数组byte[]互转
- 让 idea webstorm phpstorm 能够 识别 thinkphp 的方法（自动提示功能）
- C Primer Plus 第9章 函数 编程练习
- C# 为所有 CheckBox 添加事件
- Helm
- easyui treegrid 动态展开数据（暂记）
- istream_iterator和ostream_iterator
- Q-learning简明实例Java代码实现
- R语言学习——条件筛选
- 转：java 委托