在一般的游戏中,物体的选中效果会是这样:
TWaver 3D中,物体的默认的选中效果一般都是一个方方正正的外框。在HTML5的Mono版本中,TWaver提供了轮廓线样式的选中效果。
通过如下代码把几个基本形状进行捏合,生成新的组合体:
1 |
var node= new mono.ComboNode(nodes, ops);
|
6 |
'm.specularStrength' :10,
|
7 |
'select.style' : 'outline.normal' ,
|
轮廓‘select.style’支持’outline.normal’ 和‘outline.wireframe’的两种方式,区别是’outline.normal’的轮廓线宽度会随着缩放而缩放,而’outline.wireframe’的轮廓线宽不会随着缩放而缩放,保持固定线宽,用户可以根据需求选中不同的方式。
实现这种边缘轮廓效果,一般的思路有模板缓冲+高斯模糊、模板缓冲+wireframe方式、模板缓冲+顶点normal延伸, 都需要多次渲染来实现相关效果。但使用TWaver的Mono则便利多了,基本无需复杂的几何、线代知识,也没有繁琐的外围代码,一两个属性设置一下就可以了。
分享到:
相关推荐
twaver 3D机房接口文档
TWaver 3D Flex 3D 实例 例子
TWaver是基于WebGL3D一个框架,可以使用其框架进行web3d的开发,这里贴上官方的一个小案例,可以参照使用。
twaver3d 的开发文档,对于想使用3D技术来实现模型的朋友,是一个不错的选择
TWaver HTML5 3D 制作的demo提供一个3d图形展示的基本代码。TWaver的3d图形组件库,小demo
10个TWaver网页3D可视化精彩案例.docx
twaver示例可直接放到jetty下运行,含twaver.js alarm.html资源。
TWaver-flex的库TWaver.swc
TWaver是美国Serva Software公司的产品,是应用最为广泛的电信专业图形界面开发工具包,在电信行业应用非常广泛。TWaver关注于数据的图形展示,它是面向开发人员的,需要进行二次开发。 TWaver的图形组件库中提供了...
twaver for flex 开发手册
twaver-java-3.7 文档
最新的TWaver可视化学习开发包,用TWaver做出更炫更美的界面。
Twaver学习案例的例子
twaver web结合extjs源码学习资料
Twaver java开发帮助文档,英文版的。
TWaver-java的库TWaver.jar
twaver-flex-3.6.5 官方demo
Twaver java 最新版本开发指导
Twaver java在不同节点和连接情况下的性能测试代码和测试报告