Как сделать УФ картирование на ThreeJS спрайте R71

Question

Все примеры, которые я могу найти, используют UV-картирование на сетках. Есть ли примеры УФ-картирования спрайта? Я пытаюсь отобразить одну четверть изображения текстуры на Sprite.

Answer 1

Из заметок о выпуске Three.js ( https://github.com/mrdoob/three.js/releases): "SpriteMaterial: перемещены uvOffset и uvScale в texture.offset и texture.repeat" (r65).

Вот пример в r71:

    var mySpriteTexture = THREE.ImageUtils.loadTexture("myTextures.png");
    mySpriteTexture.offset = new THREE.Vector2( 0.25, 0);
    mySpriteTexture.repeat = new THREE.Vector2( 0.25, 1);
    var mySpriteMaterial = new SpriteMaterial({ map: mySpriteTexture });
    var mySprite = new THREE.Sprite(mySpriteMaterial);

При этом в качестве текстуры будет использована вторая 1/4 (по горизонтали) файла "mytextures.png". То есть, если "mytextures.png" выглядит как [0][1][2][3], то спрайт будет отображаться в УФ-свете с помощью [1].