Почему в моем коде некорректно работает проверка глубины? - PullRequest
Новая
       70

Почему в моем коде некорректно работает проверка глубины?

0 голосов
/ 10 июля 2020

depthTest и depthWrite являются true для обоих материалов, я не знаю, что еще может быть не так.

Я используя three-bas для меня sh с тетраэдрами

Вот codepen

(Используйте мышь для поворота камера)

Красные тетраэдры: 

    let config = {
            color: 'rgb(0,234,253)',
            emissive: 'rgb(0,167,233)',
            emissiveIntensity: .4,
            size: 0.5,
            count: 10
        },
        prefab = new THREE.TetrahedronGeometry(config.size),
        geometry = new BAS.PrefabBufferGeometry(prefab, config.count),
        positionBuffer = geometry.createAttribute('pPosition', 3)
    
    let range = 10,
        prefabData = []
    
    for (let i = 0; i < config.count; i++) {
        prefabData[0] = THREE.Math.randFloatSpread(range)
        prefabData[1] = THREE.Math.randFloatSpread(range)
        prefabData[2] = 0
        
        geometry.setPrefabData(positionBuffer, i, prefabData)
    }
    
    geometry.computeVertexNormals()
    
    let material = new BAS.PhongAnimationMaterial({
        uniformValues: {
            specular: new THREE.Color(0xffffff),
            shininess: 100,
            diffuse: new THREE.Color('red')
        },
        vertexParameters: [
            'attribute vec3 pPosition;'
        ],
        vertexPosition: [
            'transformed += pPosition;'
        ]
    })
    
    let particles = new THREE.Mesh(geometry, material)
    scene.add(particles)

Зеленая рамка: 

    let planeGeo = new THREE.BoxGeometry(2, 2, 0.1),
        planeMat = new THREE.MeshPhongMaterial({
                color: 'green',
                shininess: 100
            })
        planeObj = new THREE.Mesh(
            planeGeo, 
            planeMat
        )
    
    planeGeo.computeVertexNormals()
    planeObj.position.set(-3,4,3)
    scene.add(planeObj)

1 Ответ

2 голосов
/ 10 июля 2020

Оказывается, проблема вызвала дальняя настройка камеры, она должна быть достаточно высокой

Это решает проблему: 

new THREE.PerspectiveCamera(60)

Или: 

far = 1000
...