tree.js几何体

2021-04-27 17:02:04 阅读：237 来源： 互联网

标签：material tree THREE js 顶点 var new 材质几何体

            // 几何体，用点创建几何形体 
            function initGeometry(){
                var geometry = new THREE.BufferGeometry(); //创建一个Buffer类型几何体对象
                //类型数组创建顶点数据
                var vertices = new Float32Array([
                0, 0, 0, //顶点1坐标
                10, 0, 0, //顶点2坐标
                0, 20, 0, //顶点3坐标
                0, 0, 5, //顶点4坐标
                0, 0, 20, //顶点5坐标
                10, 0, 5, //顶点6坐标
                ]);
                // 创建属性缓冲区对象
                var attribue = new THREE.BufferAttribute(vertices, 3); //3个为一组，表示一个顶点的xyz坐标
                // 设置几何体attributes属性的位置属性
                geometry.attributes.position = attribue;

                /*
                *三角面(网格)渲染模式
                *网格材质类型  
                * MeshBasicMaterial ：基础网格材质，不受光照影响的材质
                * MeshLambertMaterial ：Lambert网格材质，与光照有反应，漫反射
                * MeshPhongMaterial ：高光Phong材质,与光照有反应
                * MeshStandardMaterial ：PBR物理材质，相比较高光Phong材质可以更好的模拟金属、玻璃等效果
                * ({})参数
                * color: "green",//颜色
                * wireframe: false, //这里指不使用实心材料，所以为true
                * // opacity:0.7,//透明度
                * // transparent:true,//是否开启透明
                * specular:0x4488ee,//高光颜色
                * shininess:12//高光范围值
                */ 
                var material = new THREE.MeshBasicMaterial({
                    color: 0x0000ff, //三角面颜色
                    side: THREE.DoubleSide //两面可见
                }); //材质对象
                var mesh = new THREE.Mesh(geometry, material); //网格模型对象Mesh

                // 点渲染模式
                var material = new THREE.PointsMaterial({
                color: 0xff0000,
                size: 10.0 //点对象像素尺寸
                }); //材质对象
                var points = new THREE.Points(geometry, material); //点模型对象

                // 线条渲染模式
                var material=new THREE.LineBasicMaterial({
                    color:0xff0000 //线条颜色
                });//材质对象
                var line=new THREE.Line(geometry,material);//线条模型对象

                // line 线添加到场景中进行渲染  points 点添加到场景中进行渲染  mesh面添加到场景中进行渲染
                scene.add(line); //对象添加到场景中
            }

标签：material,tree,THREE,js,顶点,var,new,材质,几何体
来源： https://www.cnblogs.com/enhengenhengNymph/p/14709814.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

tree.js几何体