Three.js--3.在场景中添加方块和球体

1.创建一个立方体（cube）

---

//创建并设置大小
var cubeGeometry = new THREE.BoxGeometry(4,4,4);

//设置颜色线框显示否
var cubeMaterial = new THREE.MeshBasicMaterial({color:0xff0000,wireframe:true});
var cube = new THREE.Mesh(cubeGeometry,cubeMaterial);

//设置cube的位置 
cube.position.x=-4;
cube.position.y = 3;
cube.position.z=0;

//cube添加到场景中
scene.add(cube);

2.创建一个立方体（sphere）

---

var sphereGeometry = new THREE.SphereGeometry(4, 20, 20);
var sphereMaterial = new THREE.MeshBasicMaterial({
                color: 0x7777ff,
                wireframe: true
            });
var sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);

sphere.position.x = 25;
sphere.position.y = 3;
sphere.position.z = 0;
scene.add(sphere);

 

 

下一节，添加材质，灯光和阴影