1

addCube: function(w,h,d,x,y,imgs){ var geometry = new THREE.BoxBufferGeometry(w, h, d);

        var materials = [
            new THREE.MeshPhongMaterial({
                map: new THREE.TextureLoader().load( imgs[0], )
            }),
            new THREE.MeshPhongMaterial({
                map: new THREE.TextureLoader().load( imgs[1], )
            }),
            new THREE.MeshPhongMaterial({
                map: new THREE.TextureLoader().load( imgs[2], )
            }),
            new THREE.MeshPhongMaterial({
                map: new THREE.TextureLoader().load( imgs[3], )
            }),
            new THREE.MeshPhongMaterial({
                map: new THREE.TextureLoader().load( imgs[4], )
            }),
            new THREE.MeshPhongMaterial({
                map: new THREE.TextureLoader().load( imgs[5], )
            }),
        ];

        var cube = new THREE.Mesh(geometry, materials);
        cube.position.set(x,y,0);

        return cube;
    },

imgs - это массив с base64введите сюда описание изображения слева исходное изображение, справа уже на фигуре, размытое

1 ответ 1

3

WebGL и three.js в свою очередь имеют под капотом алгоритмы фильтрации текстур, За выбор алгоритма и настройку отвечают следующие параметры у текстуры:

texture.magFilter : number

Алгоритм фильтрации, который работает когда тексель больше пикселя. значение по-умолчанию - THREE.LinearFilter - он берет 4 ближайших текселя и возвращает интерполированное значение, между ними (отсюда у Вас размытие), Другой вариант это - THREE.NearestFilter - он возвращает ближайший тексель.

texture .minFilter : number

Алгоритм того, как текстура сэмплируется, когда тексель меньше пикселя THREE.LinearMipMapLinearFilter - используется мипмаппинг и трилинейная фильлтрация

texture.anisotropy : number

Кол-во сэмплов, которое будет сделано из текстуры для пикселей, в которые попало множество текселей, по умалчанию это значение = 1. Большие значения улучшают качество текстурирования, но стоят дополнительных сэмплов из текстуры.

введите сюда описание изображения

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.