在 OpenGL 中创建类似窗帘效果的 Windows Vista Aurora 屏幕保护程序
我正在尝试使用 WebGL / Three.js 创建交互式背景动画
动画将从两色渐变生成
动画将由外部因素(强度、速度等)控制
结果应如下所示:https://www.youtube.com/watch?v=PdrkrCFRHWA
我不知道 Vista 怎么样设法达到效果,我对可能产生类似效果的技术感兴趣。我正在寻找如何开始的指南
我应该使用 alpha 混合生成的纹理和跳舞四边形吗?
我应该使用像素着色器吗?
等等
欢迎任何提示。
I am trying to create an interactive background animation using WebGL / Three.js
The animation would be generated from a two-color gradient
The animation would be controlled by external factors (intensity, speed, etc.)
The result should look something like this: https://www.youtube.com/watch?v=PdrkrCFRHWA
I am not sure how Vista managed to pull the effect and I am interested in possible techniques which would yield similar looking results. I am looking for pointers how to get started
Should I use alpha blended generated textures and dancing quads?
Should I use pixel shaders?
etc.
Any tips welcome.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我会使用 Three.js 并渲染一堆三角形条并在片段着色器。
该效果看起来相当简单,可以直接在片段着色器内完全计算,因此全屏四边形也可以很好地工作。实际上取决于您想要的细节类型,我会尝试两者。
I would use three.js and render a bunch of triangle strips and do the gradient effect itself on the fragment shader.
The effect looks rather simple enough to be wholly calculated inside the fragment shader directly, so a fullscreen quad would also work nicely. Depends really on the type of detail you are aiming for, I'd experiment with both.