three.js学习 《基础入门2》

---

前一篇

https://blog.csdn.net/a1424715994/article/details/108671076

---

一、基础模型补充

基本几何模型

//长方体 参数：长，宽，高
var geometry = new THREE.BoxGeometry(100, 100, 100);
// 球体 参数：半径60  经纬度细分数40,40
var geometry = new THREE.SphereGeometry(60, 40, 40);
// 圆柱  参数：圆柱面顶部、底部直径50,50   高度100  圆周分段数
var geometry = new THREE.CylinderGeometry( 50, 50, 100, 25 );
// 正八面体
var geometry = new THREE.OctahedronGeometry(50);
// 正十二面体
var geometry = new THREE.DodecahedronGeometry(50);
// 正二十面体
var geometry = new THREE.IcosahedronGeometry(50);

模型位置

mesh.translateY(120); //网格模型沿Y轴正方向平移120
mesh.position.set(120,0,0);//设置模型对象的xyz坐标为120,0,0

二、材质设置

1.透明材质

代码如下（示例）：

var material_op=new THREE.MeshLambertMaterial({
            color:0xff0000,
            transparent:true,//开启透明
            opacity:0.2,//透明度
            wireframe: false,//是否渲染成线
        });

2.高光效果

代码如下（示例）：

var material_s=new THREE.MeshPhongMaterial({
            color:0x0000ff,
            specular:0xffffff,//金属度
            shininess:100,//光滑度（反光度）
        });

普通球和高光球比较

---

光源效果上篇的代码里有写到两种方法，这里就不写了，这一篇就简单补充一些基础知识。
原教程：http://www.yanhuangxueyuan.com/Three.js/