Skip to content

The famous ThreeJs library with integrated examples as es6 modules

License

Notifications You must be signed in to change notification settings

sicara/three-full-sicara

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

three-full-sicara

Ce repository est utilisé comme package pour le projet colas-rail-cirrostratus.

=> Ne pas supprimer si ce dernier projet est toujours en prod.

Il est utilisé pour avoir accès à la librairie threejs qui est une surcouche d'OpenGL (moteur de rendu graphique). Néanmoins, cette librairie n'est pas adaptée à la syntaxe import de ECMAScript 2015.

Quelqu'un a donc forké le repo threejs pour donner three-full, dont 2 objectifs sont :

  • Pouvoir importer les diffĂ©rents Ă©lĂ©ments de threejs avec cette syntaxe ;
  • IntĂ©grer au code source les exemples qui Ă©taient donnĂ©s dans threejs et qui pouvaient ĂŞtre utilisĂ©s par les diffĂ©rents utilisateurs de la librairie.

Ce repository est donc un fork du repo three-full avec 2 loaders additionnels :

  • PCDLoader2 ;
  • LASLoader.

Ci-dessous la doc de three-full avec le flow de développement (en particulier le build) si vous souhaitez ajouter de nouvelles features.

three-full

License

The version 11.2.0 is now available under Three r0.96.0 !!!

Extended Three JavaScript 3D library

Three.js come with lot of examples files, which are curently not usable as ES6 module. The purpose of this project is to convert all examples files and includes them as part of the library.

Setup

Assuming that npm and node are already installed.

Install:

npm install --save three-full

Usage

Like Three.js but with more, more and more available stuff.

Using ES6:
import { WhatIWant } from 'node_modules/three-full/builds/Three.es.js'
// equivalent to
import { WhatIWant } from 'three-full'
 
// or directly from sources folder
 
import { Ocean } from 'node_modules/three-full/sources/Ocean'
Using Node/CommonJS:
const Three = require('node_modules/three-full/builds/Three.cjs.js')
Using UMD:
const Three = require('node_modules/three-full/builds/Three.umd.js')
Using AMD:
require(['node_modules/three-full/builds/Three.amd.js'], 
    function( Three ){
    
        //...
        
});
From HTML (not recommended):
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Three Full Es6</title>
    </head>
    <body>
        <script src="node_modules/three-full/builds/Three.iife.js"></script>
        <script>
            alert('Three.REVISION: ' + Three.REVISION)
        </script>
    </body>
</html>

Note: You should copy the file in right server location to serve it correctly, and use Three.iife.min.js under production ! Importing the all library in HTML page should be avoided, use a proper module bundler like webpack or rollup using es6 module syntaxe !

Commands

In case you want participate, you need to known some commands below:

Help:

npm run help

Will display all you need to known about available commands in three-full package

Patch:

npm run patch

Important: After installing/reinstalling node_modules/three you need to apply patch only once, for fix some examples parts.

Convert:

npm run convert

This command will convert all examples files as ES6 modules (*) and copy all three files at top level of the package in view to be build.

Build:

npm run build

This command will build converted sources as UMD, AMD, ES (*), CJS and IIFE using Rollup

Missings Files

This is the list of unsupported part of example, which cannot/won't be converted.

  • Intermediary exporter files

    • Curves.js
    • Geometries.js
    • Materials.js
  • Workers

    • RaytracingWorker.js
    • OffscreenCanvas.js
    • ctm folder
  • Folders

    • draco //draco_decoder use Eval !
    • sea3d //Duplicate export 'SEA3D', namespace not managed yet
    • crossfade folder //Scene has already been declared
  • Specific Files

    • Cloth.js //Use global variable from html example file !
    • ParametricGeometries.js //Wrong export of TorusKnotCurve
    • OceanShaders.js //Need to check how to extends imported lib properly
    • RectAreaLightUniformsLib.js //Need to check how to extends imported lib properly
    • Volume.js //Use Eval !
    • NRRDLoader.js //Import Volume.js
    • XLoader.js //Unprocessable AMD module style

Missings Imports

  • MMDLoader Require MMDParser available at three/examples/js/libs/mmdparser.min.js
  • MMDExporter Require MMDParser available at three/examples/js/libs/mmdparser.min.js
  • FBXLoader Require Zlib.Inflate available at three/examples/js/libs/inflate.min.js
  • VTKLoader Require Zlib.Inflate available at three/examples/js/libs/inflate.min.js
  • TTFLoader Require opentype available at three/examples/js/libs/opentype.min.js
  • TimelinerController Require Timeliner available at three/examples/js/libs/timeliner_gui.min.js

Redirected Files

  • AnimationClipCreator ---> 'animation/AnimationClipCreator.js'
  • ArcCurve ---> 'curves/ArcCurve.js'
  • BufferGeometryUtils ---> 'utils/BufferGeometryUtils.js'
  • Car ---> 'objects/Car.js'
  • CatmullRomCurve3 ---> 'curves/CatmullRomCurve3.js'
  • ConvexObjectBreaker ---> 'modifiers/ConvexObjectBreaker.js'
  • CubicBezierCurve ---> 'curves/CubicBezierCurve.js'
  • CubicBezierCurve3 ---> 'curves/CubicBezierCurve3.js'
  • Curve ---> 'curves/Curve.js'
  • CurveExtras ---> 'curves/CurveExtras.js'
  • CurvePath ---> 'core/CurvePath.js'
  • Detector ---> 'helpers/Detector.js'
  • Earcut ---> 'misc/Earcut.js'
  • EllipseCurve ---> 'curves/EllipseCurve.js'
  • Font ---> 'core/Font.js'
  • GPUComputationRenderer ---> 'renderers/GPUComputationRenderer.js'
  • GPUParticleSystem ---> 'objects/GPUParticleSystem.js'
  • Gyroscope ---> 'objects/Gyroscope.js'
  • ImmediateRenderObject ---> 'objects/ImmediateRenderObject.js'
  • ImprovedNoise ---> 'misc/ImprovedNoise.js'
  • Interpolation ---> 'core/Interpolation.js'
  • LineCurve ---> 'curves/LineCurve.js'
  • LineCurve3 ---> 'curves/LineCurve3.js'
  • MarchingCubes ---> 'objects/MarchingCubes.js'
  • MD2Character ---> 'objects/MD2Character.js'
  • MD2CharacterComplex ---> 'objects/MD2CharacterComplex.js'
  • MorphAnimMesh ---> 'objects/MorphAnimMesh.js'
  • MorphBlendMesh ---> 'objects/MorphBlendMesh.js'
  • Ocean ---> 'objects/Ocean.js'
  • Octree ---> 'utils/Octree.js'
  • Path ---> 'core/Path.js'
  • PRNG ---> 'utils/PRNG.js'
  • QuadraticBezierCurve ---> 'curves/QuadraticBezierCurve.js'
  • QuadraticBezierCurve3 ---> 'curves/QuadraticBezierCurve3.js'
  • QuickHull ---> 'utils/QuickHull.js'
  • RollerCoaster ---> 'objects/RollerCoaster.js'
  • ShaderGodRays ---> 'shaders/ShaderGodRays.js'
  • ShaderSkin ---> 'shaders/ShaderSkin.js'
  • ShaderTerrain ---> 'shaders/ShaderTerrain.js'
  • ShaderToon ---> 'shaders/ShaderToon.js'
  • ShaderTranslucent ---> 'shaders/ShaderTranslucent.js'
  • Shape ---> 'core/Shape.js'
  • ShapePath ---> 'core/ShapePath.js'
  • ShapeUtils ---> 'utils/ShapeUtils.js'
  • SimplexNoise ---> 'misc/SimplexNoise.js'
  • SplineCurve ---> 'curves/SplineCurve.js'
  • TimelinerController ---> 'animation/TimelinerController.js'
  • TypedArrayUtils ---> 'utils/TypedArrayUtils.js'
  • UCSCharacter ---> 'objects/UCSCharacter.js'
  • VolumeSlice ---> 'audio/VolumeSlice.js'

All others folders under example file tree will be mapped to their counter-part under sources folders

Bugs

  • No known bug

Change log

11.2.0:
  • Add banner management over all sources files to avoid PR on sources that are converted
11.1.1:
  • Fix SkeletonUtils eslint bug using replacements edge case
11.1.0:
  • Sources files are now linted
11.0.0:
  • Support of Three r96
  • Update edgecase replacement for LoaderSupport
10.0.0:
  • Support of Three r95
  • Use a generator function that iterate over all files under sources and create the rollup config to build them separatly
  • Fix missing LoaderUtils import in OBJLoader2
  • Fix missing TextureCubeNode import in NodeBuilder
  • Fix missing _Math import in Node
  • Fix missing BufferGeometryUtils import in GLTFLoader
  • Fix missing BokehDepthShader import in CinematicCamera
  • Fix missing UniformsUtils and HalftoneShader import in HalftonePass
  • Fix missing UniformsUtils and AfterimageShader import in AfterimagePass
  • Fix missing Uint8BufferAttribute, Int8BufferAttribute, Int16BufferAttribute, Int32BufferAttribute and Float32BufferAttribute import in DRACOLoader
  • Ignore Nodes and THREE.Nodes intermediary files
  • Move ShaderTranslucent in shader folder
9.0.0:
  • Support of Three r94
8.0.0:
  • Support of Three r93
7.0.0:
  • Support of Three r92
6.0.0:
  • Support of Three r91
  • Fix DefaultLoadingManager import in OBJLoader2
  • Fix ShaderLib, UniformsLib, and UniformsUtils imports in LineMaterial
  • Fix DefaultLoadingManager, Uint16BufferAttribute and Uint32BufferAttribute imports in DRACOLoader
  • Remove fix-camera-node task due to threejs fix
5.0.7:
  • Fix missings PropertyBinding imports in FBXLoader
  • Fix missings PropertyBinding imports in GLTFExporter
  • Fix missings AnimationClip imports in MorphAnimMesh
  • Fix missings AnimationClip imports in MD2Loader
  • Fix missings _Math imports in SoftwareRenderer
  • Fix missings CameraNode imports in NodeMaterialLoader
  • Fix missings Interpolant imports in MMDLoader
  • Remove unnecessary _Math imports
5.0.6:
  • Add a window global variable check to avoid crach under nodejs
5.0.5:
  • Change default entry for main and module in package
5.0.4:
  • Fix #18, OBJLoader2 worker code
5.0.3:
  • Fix missings Geometries imports in ObjectLoader
  • Fix missings Materials imports in LoaderMaterial
  • Fix missings Curves imports in CurvePath
5.0.2 (Thanks to Marc Bartels):
  • Fix missings Loader imports in GLTFLoader
  • Fix invalid module.export stuff inside Detector
5.0.1 :
  • Reintroduce LineSegment fix
5.0.0 :
  • Support of Three r90
  • Move the example folder tree to source /!\ In case you're using direct source import, please check the '(Redirected Files)' part
  • Fix Math (instead of _Math) issue
  • Fix missings imports/exports
  • Reintroduce RollerCoaster stuff
4.2.4 :
  • Fix Line/LineSegments circular dependency ( Be aware: Line constructor don't return LineSegments in case of wrong arguments, and log an error instead of a warning )
4.2.3 :
  • Fix Detector module.export code snippet
4.2.2 :
  • README.md fix wrong copy/paste
4.2.1 :
  • Ignore some dev files for npm
4.2.0 :
  • Change main entry point of package to Three.es.js
4.1.1 :
  • Fix NodeLib circular dependency with FunctionNode
4.1.0 :
  • Allow to build es module under production environment
  • Fix node warning about unhandled promise rejection
  • Fix rollup warning about indent option moved under output options
  • Clean up sources
4.0.0 :
  • XLoader.js: is now ignored due to AMD module
  • Add Earcut, Curves, EXRLoader, GCodeLoader, LoaderUtils
  • Remove KeyframeTrackConstructor, KeyframeTrackPrototype, PathPrototype and ImageUtils
  • Update imports statements
3.0.0 :
2.2.0 :
  • Add tests about every file to check their imports
2.1.1 :
  • Fix missing import statement in ShaderPass
2.1.0 :
  • Export and import statement support multilines
2.0.0 :
  • Support Three.js r88
  • Reintroduce ColladaLoader in available modules
  • Refactor the convert pipeline

About

The famous ThreeJs library with integrated examples as es6 modules

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 99.8%
  • Other 0.2%