threejs Texture Atlas (TexturePacker spritesheet)

texture-atlas.js

import _ from 'underscore';

export default class TextureAtlas {
    constructor(json, image) {
        this._textures = {};
        let texture = new THREE.Texture(image);
        texture.needsUpdate = true;

        let frames = json.frames;
        _.keys(frames).forEach(function(key, i) {
            let frame = frames[key];
            let t = texture.clone();
            let data = frame.frame;
            t.repeat.set(data.w / image.width, data.h / image.height);
            t.offset.x = ((data.x) / image.width);
            t.offset.y = 1 - (data.h / image.height) - (data.y / image.height);
            t.needsUpdate = true;

            this._textures[key.replace('.png', '').toLowerCase()] = t;
        }, this);
    }

    get(id) {
        return this._textures[id];
    }
}

@Josema hi! It was called "JSON". This is 6-7 years old so idk if texture packer has the same optjon anymore 😬