Поместите плоскую геометрию в круг, используя Three.js - PullRequest
Новая
       6

Поместите плоскую геометрию в круг, используя Three.js

0 голосов
/ 27 августа 2018

Мне удалось поместить группу объектов BoxGeometry в круг. 

for(var i = 0; i < 20; i++) {
    var geometry = new THREE.BoxGeometry( 5, 5, 5 );
    var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
    var cube = new THREE.Mesh( geometry, material );

    angle = (i / (20/2)) * Math.PI;
    cube .position.x = (50 * Math.cos(angle));
    cube .position.z = (50 * Math.sin(angle));
    cube .position.y = 5;
    scene.add(cube);
}

Но следующее только помещает группу объектов PlaneGeometry в полукруг. 

var img = new THREE.MeshBasicMaterial({
        map:THREE.ImageUtils.loadTexture('../images/texture.png')
    });
img.map.needsUpdate = true;


for(var i = 0; i < 20; i++) {
    var plane = new THREE.Mesh(new THREE.PlaneGeometry(10, 10),img);
    plane.overdraw = true;

    angle = (i / (20/2)) * Math.PI;
    plane.position.x = (50 * Math.cos(angle));
    plane.position.z = (50 * Math.sin(angle));
    plane.position.y = 5;
    scene.add(plane);
}

Как объекты PlaneGeometry могут быть расположены по кругу?Почему при использовании PlaneGeometry это только полукруг и те же уравнения?

...