expo-three/src/CubeTexture.ts

Utilities for using THREE.js on Expo

import THREE from './Three';
import loadAsync from './loadAsync';
import parseAssetCallback from './loaders/parseAssetCallback';

type AnyFunction = (...args: any[]) => any;
type AnyObject = { [key: string]: any };
type ObjectOrFunction = AnyObject | AnyFunction;
export default class CubeTexture extends THREE.CubeTexture {
  static format = {
    direct_s: ['lf', 'rt', 'up', 'dn', 'ft', 'bk'],
    coord_s: ['px', 'nx', 'py', 'ny', 'pz', 'nz'],
    coord_m: ['xpos', 'xneg', 'ypos', 'yneg', 'zpos', 'zneg'],
  };
  loadAsync = async (options: { assetForDirection: ObjectOrFunction; directions?: string[] }) => {
    const nextDirections = options.directions || CubeTexture.format.coord_s;

    for (let direction of nextDirections) {
      const asset = await parseAssetCallback(direction, options.assetForDirection);
      const texture = await loadAsync(asset);
      this.images.push(texture);
    }
    this.needsUpdate = true;
  };
}