标签：游戏 twaver 3d mono design html5 twaver
在一般的游戏中，物体的选中效果会是这样：
TWaver 3D中，物体的默认的选中效果一般都是一个方方正正的外框。在HTML5的Mono版本中，TWaver提供了轮廓线样式的选中效果。
通过如下代码把几个基本形状进行捏合，生成新的组合体：
1 |
var node=new mono.ComboNode(nodes,
ops); |
2 |
node.s({ |
3 |
‘m.color‘:‘#343AD3‘, |
4 |
//或使用图片贴图：‘m.texture.image‘:‘test.png‘, |
5 |
‘m.type‘:‘phong‘, |
6 |
‘m.specularStrength‘:10, |
7 |
‘select.style‘:‘outline.normal‘, |
8 |
‘select.width‘:1, |
9 |
}); |
轮廓‘select.style’支持’outline.normal’ 和‘outline.wireframe’的两种方式，区别是’outline.normal’的轮廓线宽度会随着缩放而缩放，而’outline.wireframe’的轮廓线宽不会随着缩放而缩放，保持固定线宽，用户可以根据需求选中不同的方式。
实现这种边缘轮廓效果，一般的思路有模板缓冲+高斯模糊、模板缓冲+wireframe方式、模板缓冲+顶点normal延伸， 都需要多次渲染来实现相关效果。但使用TWaver的Mono则便利多了，基本无需复杂的几何、线代知识，也没有繁琐的外围代码，一两个属性设置一下就可以了。
标签：游戏 twaver 3d mono design html5 twaver
原文地址：http://blog.csdn.net/twaver/article/details/40737293
