webgl 鱼眼矫正

作者: 湘菜大师傅
来源: 51数据库
2020-09-25

演示实验场景效果
下面的演示将会向你展示使用Three.js库和WebGL渲染出的场景效果。也许它也可以通过WebGL直接实现该效果，但是如果加上Three.js库的帮助，将会使得开发变得更加简单。
1. Nucleal
Nucleal 是一个搭载Three.js实现的WebGL实验，它能够将图片分解成成千上万的物理颗粒。你可以选择多种图片的颗粒组合效果，包括速度和效果。动画的实现非常平滑自然令人印象深刻。

2. Lights 光照效果
Lights 光照效果实现了一个惊人的视觉体验，它由Three.js所驱动，它搭配了多种颜色丰富的形状，这是一道光，它穿过一个充满五颜六色形状的空间，效果非常震撼，建议带上耳机效果会更好。

　　其实三者是有联系的 canvas是html5新定义的一个标签 webgl要依赖canvas运行而three.js是webgl的一个库

推荐阅读