Three.js开发指南(10):加载和使用纹理

    将纹理应用到网格上

10.1 在材质中使用纹理

       纹理有几种不同的用法,可以用它们来定义网格的颜色,也可以用它们来定义高光、凹凸和反光。但我们首先要看的是最基础的方法,用纹理为网格上的每个像素指定颜色。

       加载纹理并应用到网格:纹理最基础的用法是在材质上设置贴图。几乎所有图片都可以当作纹理来使用。但是为了达到最佳效果,最好使用正方形的图片,其长宽大小是2的次方。例如大小为256x256、512x512、1024x2014的图片最合适。由于纹理需要放大和缩小,所以纹理上的像素通常不会一对一地映射成面上的像素。

       可以使用mipmap,一组纹理图片,每个图片的尺寸都是前一张图片的一半。这些图片是在加载纹理时创建的,可以生成比较光滑的过滤效果。

       使用凹凸贴图创建皱纹:凹凸贴图的目的是为材质增加厚度

       使用法向贴图创建更加细致的凹凸和皱纹:使用法向贴图你只需用很少的顶点和面,就可以创建出细节非常丰富的模型。

       使用光照贴图创建假阴影:预先渲染好的阴影,可以用它来模拟真实的阴影。只对静态场景有效。

       用环境贴图创建虚假的反光效果:计算环境反光非常耗费CPU,而且通常会使用光线追踪算法。

       高光贴图:你可以为材质指定一个闪亮的、色彩明快的贴图

10.2 纹理的高级用途

       定制UV映射:通过UV映射你可以指定纹理的哪一部分显示在物体表面上。

       在画布上绘制图案并作为纹理:用画布作纹理,使用literally库创建一个交互式的画布。

       用视频输出作为纹理


猜你喜欢

转载自blog.csdn.net/qfire/article/details/80041422