Package Exports

three
three/examples/js/Detector.js
three/examples/js/controls/FirstPersonControls
three/examples/js/controls/OrbitControls
three/examples/js/controls/OrbitControls.js
three/examples/js/controls/PointerLockControls
three/examples/js/controls/TrackballControls
three/examples/js/controls/TrackballControls.js
three/examples/js/controls/TransformControls.js
three/examples/js/exporters/OBJExporter
three/examples/js/exporters/STLExporter
three/examples/js/libs/dat.gui.min.js
three/examples/js/libs/stats.min
three/examples/js/libs/stats.min.js
three/examples/js/loaders/ColladaLoader
three/examples/js/loaders/MTLLoader
three/examples/js/loaders/MTLLoader.js
three/examples/js/loaders/OBJLoader
three/examples/js/loaders/OBJLoader.js
three/examples/js/loaders/OBJLoader2.js
three/examples/js/loaders/PLYLoader
three/examples/js/loaders/STLLoader
three/examples/js/loaders/VTKLoader
three/examples/js/loaders/ctm/ctm.js
three/examples/js/loaders/ctm/lzma.js
three/examples/js/postprocessing/BloomPass
three/examples/js/postprocessing/EffectComposer
three/examples/js/postprocessing/MaskPass
three/examples/js/postprocessing/RenderPass
three/examples/js/postprocessing/ShaderPass
three/examples/js/renderers/CSS3DRenderer
three/examples/js/renderers/CSS3DRenderer.js
three/examples/js/renderers/SoftwareRenderer
three/examples/js/shaders/ConvolutionShader
three/examples/js/shaders/CopyShader
three/examples/js/shaders/FXAAShader
three/examples/js/shaders/LuminosityShader
three/examples/js/shaders/SSAOShader
three/package.json
three/src/Three
three/src/cameras/Camera
three/src/cameras/OrthographicCamera
three/src/cameras/OrthographicCamera.js
three/src/cameras/PerspectiveCamera
three/src/cameras/PerspectiveCamera.js
three/src/core/BufferGeometry
three/src/core/BufferGeometry.js
three/src/core/Clock
three/src/core/Clock.js
three/src/core/EventDispatcher
three/src/core/EventDispatcher.js
three/src/core/Face3
three/src/core/Geometry
three/src/core/Geometry.js
three/src/core/Object3D
three/src/core/Object3D.js
three/src/core/Raycaster
three/src/core/Raycaster.js
three/src/extras/core/Curve
three/src/extras/core/Path
three/src/extras/core/Path.js
three/src/extras/core/Shape
three/src/extras/core/Shape.js
three/src/lights/AmbientLight
three/src/lights/AmbientLight.js
three/src/lights/DirectionalLight
three/src/lights/Light
three/src/lights/PointLight
three/src/lights/PointLight.js
three/src/lights/SpotLight
three/src/lights/SpotLight.js
three/src/loaders/BufferGeometryLoader.js
three/src/loaders/ImageLoader
three/src/loaders/Loader
three/src/loaders/Loader.js
three/src/loaders/LoadingManager
three/src/loaders/LoadingManager.js
three/src/loaders/MaterialLoader
three/src/loaders/ObjectLoader
three/src/loaders/TextureLoader
three/src/loaders/TextureLoader.js
three/src/loaders/XHRLoader
three/src/materials/LineBasicMaterial
three/src/materials/LineBasicMaterial.js
three/src/materials/Material
three/src/materials/Material.js
three/src/materials/MeshBasicMaterial
three/src/materials/MeshBasicMaterial.js
three/src/materials/MeshDepthMaterial
three/src/materials/MeshLambertMaterial
three/src/materials/MeshLambertMaterial.js
three/src/materials/MeshNormalMaterial.js
three/src/materials/MeshPhongMaterial
three/src/materials/MeshPhongMaterial.js
three/src/materials/ShaderMaterial
three/src/materials/ShaderMaterial.js
three/src/materials/SpriteMaterial.js
three/src/math/Box3
three/src/math/Box3.js
three/src/math/Color
three/src/math/Color.js
three/src/math/Euler
three/src/math/Frustum
three/src/math/Math
three/src/math/Math.js
three/src/math/Matrix3
three/src/math/Matrix3.js
three/src/math/Matrix4
three/src/math/Matrix4.js
three/src/math/Quaternion
three/src/math/Quaternion.js
three/src/math/Ray.js
three/src/math/Sphere
three/src/math/Sphere.js
three/src/math/Triangle
three/src/math/Vector2
three/src/math/Vector2.js
three/src/math/Vector3
three/src/math/Vector3.js
three/src/math/Vector4
three/src/math/Vector4.js
three/src/objects/Bone
three/src/objects/Line
three/src/objects/Line.js
three/src/objects/Mesh
three/src/objects/Mesh.js
three/src/objects/SkinnedMesh
three/src/objects/Sprite.js
three/src/renderers/WebGLRenderTarget
three/src/renderers/WebGLRenderTarget.js
three/src/renderers/WebGLRenderTargetCube
three/src/renderers/WebGLRenderer
three/src/renderers/WebGLRenderer.js
three/src/renderers/shaders/ShaderChunk
three/src/renderers/shaders/ShaderChunk.js
three/src/renderers/shaders/ShaderLib
three/src/renderers/shaders/ShaderLib.js
three/src/renderers/shaders/UniformsLib
three/src/renderers/shaders/UniformsLib.js
three/src/renderers/shaders/UniformsUtils
three/src/renderers/shaders/UniformsUtils.js
three/src/scenes/Fog.js
three/src/scenes/FogExp2
three/src/scenes/Scene
three/src/scenes/Scene.js
three/src/textures/CompressedTexture
three/src/textures/DataTexture
three/src/textures/DataTexture.js
three/src/textures/Texture
three/src/textures/Texture.js
three/three.js
three/three.min
three/three.min.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (three) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

three.js

JavaScript 3D library

The aim of the project is to create a lightweight 3D library with a very low level of complexity — in other words, for dummies. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.

Examples — Documentation — Migrating — Help

Usage

Download the minified library and include it in your html. Alternatively see how to build the library yourself.

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

This code creates a scene, then creates a camera, adds the camera and cube to the scene, creates a <canvas> renderer and adds its viewport in the document.body element.

<script>

    var camera, scene, renderer;
    var geometry, material, mesh;

    init();
    animate();

    function init() {

        camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
        camera.position.z = 1000;

        scene = new THREE.Scene();

        geometry = new THREE.BoxGeometry( 200, 200, 200 );
        material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

        mesh = new THREE.Mesh( geometry, material );
        scene.add( mesh );

        renderer = new THREE.CanvasRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );

        document.body.appendChild( renderer.domElement );

    }

    function animate() {

        // note: three.js includes requestAnimationFrame shim
        requestAnimationFrame( animate );

        mesh.rotation.x += 0.01;
        mesh.rotation.y += 0.02;

        renderer.render( scene, camera );

    }

</script>

If everything went well you should see this.

Change log

releases