threeJs基础(2)

基础元素

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);

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Three.js是一个3DJavaScript库,基于右手坐标系,可以创建简单或是比较复杂的三维图形并应用丰富多彩...
    呆呆的木木阅读 25,051评论 42 59
  • 在Threejs中定义一个点 在三维空间中的某一个点可以用一个坐标点来表示。一个坐标点由x,y,z三个分量构成。在...
    kingder阅读 608评论 0 1
  • function init() { function test1 () { // 第一...
    依米花1993阅读 1,190评论 0 1
  • 坐标系 Threejs使用的是右手坐标系,这源于opengl默认情况下,也是右手坐标系。 WebGL中的点线面 线...
    kingder阅读 730评论 0 0
  • 2017.12.2.晴 美好的时光,有你陪伴,相依相守,时过境迁,不想已是八年,正是这无言的陪伴,即使默默无语,也...
    叮铛之眼阅读 154评论 2 4

友情链接更多精彩内容