Posted on 2015-02-06 10:18
TWaver 阅读(4200)
评论(3) 编辑 收藏
前篇我们介绍了TWaver 3D的环境映射特效，下面我们接着给大家分享高光反射特效。
高光反射定义了物体上的某一区域比其他地方更反光。在高光反射的贴图中，黑色区域的反射率为0（完全不反光），白色区域的反射率为100%（完全反光）。这在现实的生活中，也是随处可见，比如一个生锈的物体用低光，而一个抛光的金属应该用高强光；手表上的表盘比表带应该更反光；人的嘴唇应该比皮肤有更强的高光，而皮肤应该比纯棉衣服更反光。加上了这种高光效果后，会是3D物体更加真实，更加生动。
接下来我们就来讲解一下如何在一个模型中使用高光反射，比如我们需要创建一个大楼的建筑物。一个cube贴上建筑物的贴图就可以模拟了。我们准备了一张玻璃的贴图：
创建建筑物代码如下：
1 2 3 | var node = new mono.Cube(1000,3000,1000);
node.setStyle('m.texture.image','./images/building.jpg');
node.setStyle('m.texture.repeat',new mono.Vec3(2,4));
|
接下来我们要准备一张高光的贴图，这张贴图上定义了哪些部分需要反射高强光，哪些部分的光照需要弱一些。
代码设置如下：
1 2 3 4 | //设置需要反射的光照颜色，如果是夕阳可以设置为红色。
node.setStyle('m.specular','white');
//设置高光贴图
node.setStyle('m.specularmap.image','./images/specularmap.jpg');
|
然后再加上光照和skybox效果如下：
