@vladkrutenyuk/three-umd NPM

@vladkrutenyuk/three-umd

Three.js UMD build

рэп это жизнь

Usage

THREE itself

<script src=".../three.umd.min.js"></script>

<script>
    // THREE is defined globally
    window.THREE;
    THREE;

    const rap = new THREE.Object3D();
</script>

Addons

<!-- load threejs first -->
<script src=".../three.umd.min.js"></script>
<!-- load addon you need -->
<script src=".../addons/utils/SkeletonUtils.umd.js"></script>
<script src=".../addons/controls/OrbitControls.umd.js"></script>

<script>
    // THREE is defined globally
    const camera = new THREE.PerspectiveCamera()

    // ThreeAddons is defined globally
    window.ThreeAddons;
    ThreeAddons;
    // it contains any loaded three addon

    // UMD name of addon is name of its file
    // UMD object contains anything exported in original module

    // for ".../addons/utils/SkeletonUtils.umd.js"
    const skeletonUtilsUmd = window.ThreeAddons.SkeletonUtils;
    const { clone } = skeletonUtilsUmd;
    clone()
    
    // for ".../addons/controls/OrbitControls.umd.js"
    const orbitControlsUmd = window.ThreeAddons.OrbitControls;
    const { OrbitControls } = orbitControlsUmd;

    // ofcrs camera, renderer should be inited yourself
    new OrbitControls(camera, renderer.domElement);

    // and etc...
</script>