ThreeJS - Как отобразить спрайт изображения в его реальном размере? - PullRequest
Новая
       24

ThreeJS - Как отобразить спрайт изображения в его реальном размере?

0 голосов
/ 01 июля 2018

Я пытаюсь создать интерактивную кнопку для моей трехмерной среды. Это будет изображение .PNG, загруженное в ThreeJS в виде спрайта.

Пример кнопки

Мне уже удалось зафиксировать спрайт в позиции на экране, прикрепив его к самой камере и сделав так, чтобы он отображался поверх объектов с помощью: «глубины теста: ложь» при загрузке материала спрайта.

Теперь я хочу отобразить кнопку в ее исходном размере, который составляет 50 х 50 пикселей. К сожалению, я не смог сделать это правильно с помощью Sprite.scale.set (); как результат получается размытым.

Как бы я поступил так? 

var Loader = new THREE.TextureLoader();
var SMap_001 = Loader.load("button.png");
var SMat_001 = new THREE.SpriteMaterial({
  map: SMap_001,
  depthTest: false
});
var Sprite_001 = new THREE.Sprite(SMat_001);
Sprite_001.scale.set(0.1, 0.1, 1);
camera.add(Sprite_001);
Sprite_001.position.set(0, -0.2, -2);

Выше приведен пример кода, когда я загружаю спрайт.

Спасибо!

...