Как мне сделать работающий скайбокс в Three.js?

Я новичок в Three.js, и у меня возникли проблемы с поиском/пониманием многих официальных документов Three.js. Кроме того, многие учебные пособия / видео, которые я нашел, устарели как минимум на 5 лет, и я не могу заставить их работать на моем локальном компьютере (только белый экран при открытии).


javascript html css three.js skybox
person Tanner J. Gohl    schedule 06.04.2020    source источник
comment
См. это.   -  person gman    schedule 06.04.2020

Ответы (1)


arrow_upward
-1
arrow_downward

Есть много способов. Один из способов — загрузить равноугольную текстуру и установить renderer.background:

renderer.background = новый THREE.TextureLoader().load('youtextureurl.jpg')

Или сделайте то же самое на обратной сфере:

scene.add ( новый THREE.Mesh( новый THREE.SphereBufferGeometry(100,32,32), новый THREE.MeshBasicMaterial( {map:new THREE.TextureLoader().load('youtextureurl.jpg'),side:THREE.BackSide );

Когда у вас есть набор скайбоксов, вы можете использовать CubeCamera, чтобы сделать снимок окружающей среды, а затем установить в scene.environment полученную кубическую карту, чтобы получить некоторые эффекты освещения окружающей среды.

person manthrax    schedule 06.04.2020