threejs 用 ExtrudeGeometry 画管线
生活随笔
收集整理的這篇文章主要介紹了
threejs 用 ExtrudeGeometry 画管线
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
首先說一下ExtrudeGeometry ,可以先看官網,這個方法的意思是沿著給定的路徑拉伸一個平面圖形,然后就成為3D圖形了。
所以很明顯這個方法要兩個參數,路徑和圖形。
然后接下來說管線的問題。
var radius = data[i]['Diameter'] - 0; // 管子的半徑 var shape = new THREE.Shape(); shape.absarc( 0, 0, radius, 0, Math.PI * 2, false );var material = new THREE.MeshBasicMaterial({color:0xff0000});var v1 = new THREE.Vector3( 0, 0, 0 ); var v2 = new THREE.Vector3( 100, 0, 0);var path = new THREE.LineCurve3( v1, v2 )var extrudeSettings = {bevelEnabled: false,steps: 1,extrudePath: path };var geometry = new THREE.ExtrudeGeometry( shape, extrudeSettings ); var mesh = new THREE.Mesh( geometry, material ); scene.add( mesh );用上面的方法就可以畫出一條管子。
總結
以上是生活随笔為你收集整理的threejs 用 ExtrudeGeometry 画管线的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: chrome浏览器无法加载百度网页启动组
- 下一篇: 【深度学习】人群距离监测 DeepSOC