如何在ThreeJS精灵R71上进行UV映射

Question

我能找到的所有示例都在网格物体上使用UV贴图。是否有紫外线映射精灵的例子？我正在尝试在Sprite上映射纹理图像的四分之一。

Answer 1

从Three.js发行说明（https://github.com/mrdoob/three.js/releases）：＆＃34; SpriteMaterial：将uvOffset和uvScale移动到texture.offset和texture.repeat＆＃34; （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);

这将使用＆＃34; mytextures.png＆＃34;的第二个1/4（水平）。作为纹理。也就是说，如果＆＃34; mytextures.png＆＃34;看起来像[0] [1] [2] [3]，然后精灵将用[1]进行UV映射。