three.js - требования текстурирование

Question

Интро

У меня есть веб-сервис, который возвращает результат JSON, который содержит путь к изображению. Эти изображения не обязательно представляют собой квадратные изображения (например, 200px x 250px).

Проблема

кажется неквадратными изображения не поддерживается для отображения текстур. Для того, чтобы отображение текстур работало, мне нужно вручную загрузить изображение, изменить его размер и использовать это изображение для отображения текстуры (и оно работает).

Вопросы

А) Может ли быть способ сделать Three.js/WebGL использовать неквадратные изображения для текстурирования?

B) Может ли быть способ программной загрузки & изменить размер изображения и затем загрузить его для отображения текстур?

Спасибо всем.

Возможное решение?

Я нашел, что может быть жизнеспособным вариантом. Дайте мне знать, что вы, ребята, думаете об этом.

В принципе, я загружу удаленное изображение и рисую на элемент Canvas размером в квадрат. Затем я могу получить изображение с холста (.getImageData) и сохранить его в папке изображений моего веб-сервера (если это невозможно сделать, я могу просто сохранить изображение на холсте). Наконец, загрузите изображение для отображения текстуры.

Я знаю, что это довольно расплывчато и упрощенно. Но эй, проще, лучше, правда? Будет ли это работать?

Answer 1

НЕ изменяйте размер неконформным образом, просто возьмите квадратную секцию (например, если изображение 250 X 220, просто вырезайте суб-изображение 220 X 220). Алгоритм классификации текстур может очень сильно зависеть от углов и связанных функций, которые могут быть короткими.