美文网首页
threeJs基础(2)

threeJs基础(2)

作者: 尘世中迷途小羔羊 | 来源:发表于2018-05-25 17:49 被阅读0次

    基础元素

    1.点

    var point1 = new THREE.Vector3(x,y,z);

    2.线

    var  geometry = new THREE.Geometry(); 定义几何体

    var material = new THREE.LineBasicMaterial({});定义线条的材质,包括color(线条颜色)、lineWidth(线条宽度)、linecap(线条两端的外观)、                                                                                          vertexColors(线条是否使用顶点颜色)、fog(是否受全局雾效的影响)

    var color1 =  new THREE.Color(0xcccccc) , color2 = new THREE.Color(0x000000);定义两个颜色值,用16进制表示

    var p1 = new THREE.Vector3(0,-10,10) , p2 = new THREE.Vector3(12,-23,-4345);定义两点,两点确定一条线

    geometry.vertices.push(p1,p2);将两点放在几何体上

    geometry.vertices.push(color1,color2);为点设置颜色

    var line1 = new THREE.Line(geometry,material,THREE.LinePieces);生成一条线,第三个参数定义点的连接方式

    scene.add(line1);

    相关文章

      网友评论

          本文标题:threeJs基础(2)

          本文链接:https://www.haomeiwen.com/subject/jwyyjftx.html