Posted on 2014-11-03 10:31
TWaver 閱讀(5962)
評論(1) 編輯 收藏
在一般的游戲中，物體的選中效果會是這樣：
TWaver 3D中，物體的默認的選中效果一般都是一個方方正正的外框。在HTML5的Mono版本中，TWaver提供了輪廓線樣式的選中效果。
通過如下代碼把幾個基本形狀進行捏合，生成新的組合體：
1 | var node=new mono.ComboNode(nodes, ops); |
4 | //或使用圖片貼圖：'m.texture.image':'test.png', |
6 | 'm.specularStrength':10, |
7 | 'select.style':'outline.normal', |
輪廓‘select.style’支持’outline.normal’ 和‘outline.wireframe’的兩種方式，區別是’outline.normal’的輪廓線寬度會隨著縮放而縮放，而’outline.wireframe’的輪廓線寬不會隨著縮放而縮放，保持固定線寬，用戶可以根據需求選中不同的方式。
實現這種邊緣輪廓效果，一般的思路有模板緩沖+高斯模糊、模板緩沖+wireframe方式、模板緩沖+頂點normal延伸， 都需要多次渲染來實現相關效果。但使用TWaver的Mono則便利多了，基本無需復雜的幾何、線代知識，也沒有繁瑣的外圍代碼，一兩個屬性設置一下就可以了。