SpriteMaterial без размера Затухание в трех. js - PullRequest
0 голосов
/ 02 апреля 2020

Мне нужен (шильдик) спрайт без размера Затухание в три. js, и он должен выглядеть следующим образом:

enter image description here

//load image with 256x128px 32bit png

var spriteMap = new THREE.TextureLoader().load("tex/plates/mytest.png");
var spriteMat = new THREE.SpriteMaterial({map:spriteMap, transparent:true, sizeAttenuation:false});
var sprite = new THREE.Sprite(spriteMat);
...
spriteMat.map.minFilter = THREE.NearestFilter;

Результат не расплывчатый, но он не корректный и имеет некоторые артефакты, которые я не хочу:

enter image description here

Вот моя вторая попытка с ( THREE.LinearFilter ), также не то, что я хочу, потому что он слишком размытый:

enter image description here

Размер рендерера: 1200x800px (не полное окно)

Итак, я не знаю, если это проблема с фильтром, положением или масштабированием. Первый пример выглядит как растровый текст, но я действительно не знаю, как я могу решить эту проблему. Мне также не нужен 2d спрайт в пространстве экрана. Мне нужна табличка с фамилией в трехмерном мире позади других объектов. Я действительно понятия не имею, как я могу решить это, пожалуйста, кто-нибудь может помочь мне с этой проблемой?

...