В течение последних нескольких дней я пытался заставить текстурирование Three.js работать. Проблема, с которой я столкнулся, заключается в том, что мой браузер блокировал текстуры от загрузки, что было решено, следуя инструкциям здесь.
В любом случае, я делаю космическую навигационную игру для одного из моих классов, который демонстрирует навигацию по космическому кораблю. Итак, я даю кучу планет, а Земля - одна из них. Я включил изображение моего земного рендеринга ниже. Это выглядит хорошо, но я пытаюсь сделать это более реалистичным, добавив "атмосферу" вокруг планеты.
Я огляделся, и я нашел действительно опрятные поисковые разработки, которые касаются свечения, но я не думаю, что они примените к моей ситуации, к сожалению.
И вот код, который добавляет землю к моей сцене (это измененная версия кода, которую я получил из учебника Three.js):
function addEarth(x,y){
var sphereMaterial =
new THREE.MeshLambertMaterial({
//color: 0x0000ff,
map: earthTexture
});
// set up the sphere vars
var radius = 75;
segments = 16;
rings = 16;
// create a new mesh with
// sphere geometry - we will cover
// the sphereMaterial next!
earth = new THREE.Mesh(
new THREE.SphereGeometry(
radius,
segments,
rings),
sphereMaterial);
earth.position.x = x;
earth.position.y = y;
// add the sphere to the scene
scene.add(earth);
}