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 that you have read and understand our privacy policy and code of conduct.

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