|
|
@@ -1,557 +0,0 @@
|
|
|
-/*eslint-env node*/
|
|
|
-
|
|
|
-'use strict';
|
|
|
-
|
|
|
-process.on('unhandledRejection', up => {
|
|
|
- throw up;
|
|
|
-});
|
|
|
-
|
|
|
-const fs = require('fs');
|
|
|
-const path = require('path');
|
|
|
-const semver = require('semver');
|
|
|
-const liveEditor = require('@gfxfundamentals/live-editor');
|
|
|
-const liveEditorPath = path.dirname(require.resolve('@gfxfundamentals/live-editor'));
|
|
|
-const jsdom = require('jsdom');
|
|
|
-const {JSDOM} = jsdom;
|
|
|
-
|
|
|
-// make a fake window because jquery sucks
|
|
|
-const dom = new JSDOM('');
|
|
|
-global.window = dom.window;
|
|
|
-global.document = global.window.document;
|
|
|
-const jquery = require('jquery');
|
|
|
-
|
|
|
-module.exports = function(grunt) {
|
|
|
-
|
|
|
- require('load-grunt-tasks')(grunt);
|
|
|
-
|
|
|
- const s_ignoreRE = /\.(md|py|sh|enc)$/i;
|
|
|
- function noMds(filename) {
|
|
|
- return !s_ignoreRE.test(filename);
|
|
|
- }
|
|
|
-
|
|
|
- const s_isMdRE = /\.md$/i;
|
|
|
- function mdsOnly(filename) {
|
|
|
- return s_isMdRE.test(filename);
|
|
|
- }
|
|
|
-
|
|
|
- function notFolder(filename) {
|
|
|
- return !fs.statSync(filename).isDirectory();
|
|
|
- }
|
|
|
-
|
|
|
- function noMdsNoFolders(filename) {
|
|
|
- return noMds(filename) && notFolder(filename);
|
|
|
- }
|
|
|
-
|
|
|
- grunt.initConfig({
|
|
|
- eslint: {
|
|
|
- lib: {
|
|
|
- src: [
|
|
|
- 'threejs/resources/*.js',
|
|
|
- ],
|
|
|
- },
|
|
|
- support: {
|
|
|
- src: [
|
|
|
- 'Gruntfile.js',
|
|
|
- 'build/js/build.js',
|
|
|
- ],
|
|
|
- },
|
|
|
- examples: {
|
|
|
- src: [
|
|
|
- 'threejs/*.html',
|
|
|
- 'threejs/lessons/resources/*.js',
|
|
|
- '!threejs/lessons/resources/prettify.js',
|
|
|
- 'threejs/lessons/resources/*.html',
|
|
|
- ],
|
|
|
- },
|
|
|
- },
|
|
|
- copy: {
|
|
|
- main: {
|
|
|
- files: [
|
|
|
- { expand: false, src: '*', dest: 'out/', filter: noMdsNoFolders, },
|
|
|
- { expand: true, cwd: `${liveEditor.monacoEditor}/`, src: 'min/**', dest: 'out/monaco-editor/', nonull: true, },
|
|
|
- { expand: true, cwd: `${liveEditorPath}/src/`, src: '**', dest: 'out/threejs/resources/', nonull: true, },
|
|
|
- { expand: true, src: 'threejs/**', dest: 'out/', filter: noMds, },
|
|
|
- { expand: true, src: '3rdparty/**', dest: 'out/', },
|
|
|
- ],
|
|
|
- },
|
|
|
- },
|
|
|
- clean: [
|
|
|
- 'out/**/*',
|
|
|
- ],
|
|
|
- buildlesson: {
|
|
|
- main: {
|
|
|
- files: [],
|
|
|
- },
|
|
|
- },
|
|
|
- watch: {
|
|
|
- main: {
|
|
|
- files: [
|
|
|
- 'threejs/**',
|
|
|
- '3rdparty/**',
|
|
|
- 'node_modules/@gfxfundamentals/live-editor/src/**',
|
|
|
- ],
|
|
|
- tasks: ['copy'],
|
|
|
- options: {
|
|
|
- spawn: false,
|
|
|
- },
|
|
|
- },
|
|
|
- lessons: {
|
|
|
- files: [
|
|
|
- 'threejs/lessons/**/threejs*.md',
|
|
|
- ],
|
|
|
- tasks: ['buildlesson'],
|
|
|
- options: {
|
|
|
- spawn: false,
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- });
|
|
|
-
|
|
|
- let changedFiles = {};
|
|
|
- const onChange = grunt.util._.debounce(function() {
|
|
|
- grunt.config('copy.main.files', Object.keys(changedFiles).filter(noMds).map((file) => {
|
|
|
- const copy = {
|
|
|
- src: file,
|
|
|
- dest: 'out/',
|
|
|
- };
|
|
|
- if (file.indexOf('live-editor') >= 0) {
|
|
|
- copy.cwd = `${path.dirname(file)}/`;
|
|
|
- copy.src = path.basename(file);
|
|
|
- copy.expand = true;
|
|
|
- copy.dest = 'out/threejs/resources/';
|
|
|
- }
|
|
|
- return copy;
|
|
|
- }));
|
|
|
- grunt.config('buildlesson.main.files', Object.keys(changedFiles).filter(mdsOnly).map((file) => {
|
|
|
- return {
|
|
|
- src: file,
|
|
|
- };
|
|
|
- }));
|
|
|
- changedFiles = {};
|
|
|
- }, 200);
|
|
|
- grunt.event.on('watch', function(action, filepath) {
|
|
|
- changedFiles[filepath] = action;
|
|
|
- onChange();
|
|
|
- });
|
|
|
-
|
|
|
- function fixThreeJSLinks(html) {
|
|
|
- const supportedLangs = {
|
|
|
- 'en': true,
|
|
|
- 'zh': true,
|
|
|
- 'ko': true,
|
|
|
- };
|
|
|
-
|
|
|
- global.document.open('text/html', 'replace');
|
|
|
- global.document.write(html);
|
|
|
- global.document.close();
|
|
|
- const $ = jquery;
|
|
|
-
|
|
|
- function insertLang(codeKeywordLinks) {
|
|
|
- const lang = document.documentElement.lang.substr(0, 2).toLowerCase();
|
|
|
- const langPart = `#api/${supportedLangs[lang] ? lang : 'en'}/`;
|
|
|
- const langAddedLinks = {};
|
|
|
- for (const [keyword, url] of Object.entries(codeKeywordLinks)) {
|
|
|
- langAddedLinks[keyword] = url.replace('#api/', langPart);
|
|
|
- }
|
|
|
- return langAddedLinks;
|
|
|
- }
|
|
|
-
|
|
|
- const codeKeywordLinks = insertLang({
|
|
|
- AnimationAction: 'https://threejs.org/docs/#api/animation/AnimationAction',
|
|
|
- AnimationClip: 'https://threejs.org/docs/#api/animation/AnimationClip',
|
|
|
- AnimationMixer: 'https://threejs.org/docs/#api/animation/AnimationMixer',
|
|
|
- AnimationObjectGroup: 'https://threejs.org/docs/#api/animation/AnimationObjectGroup',
|
|
|
- AnimationUtils: 'https://threejs.org/docs/#api/animation/AnimationUtils',
|
|
|
- KeyframeTrack: 'https://threejs.org/docs/#api/animation/KeyframeTrack',
|
|
|
- PropertyBinding: 'https://threejs.org/docs/#api/animation/PropertyBinding',
|
|
|
- PropertyMixer: 'https://threejs.org/docs/#api/animation/PropertyMixer',
|
|
|
- BooleanKeyframeTrack: 'https://threejs.org/docs/#api/animation/tracks/BooleanKeyframeTrack',
|
|
|
- ColorKeyframeTrack: 'https://threejs.org/docs/#api/animation/tracks/ColorKeyframeTrack',
|
|
|
- NumberKeyframeTrack: 'https://threejs.org/docs/#api/animation/tracks/NumberKeyframeTrack',
|
|
|
- QuaternionKeyframeTrack: 'https://threejs.org/docs/#api/animation/tracks/QuaternionKeyframeTrack',
|
|
|
- StringKeyframeTrack: 'https://threejs.org/docs/#api/animation/tracks/StringKeyframeTrack',
|
|
|
- VectorKeyframeTrack: 'https://threejs.org/docs/#api/animation/tracks/VectorKeyframeTrack',
|
|
|
- Audio: 'https://threejs.org/docs/#api/audio/Audio',
|
|
|
- AudioAnalyser: 'https://threejs.org/docs/#api/audio/AudioAnalyser',
|
|
|
- AudioContext: 'https://threejs.org/docs/#api/audio/AudioContext',
|
|
|
- AudioListener: 'https://threejs.org/docs/#api/audio/AudioListener',
|
|
|
- PositionalAudio: 'https://threejs.org/docs/#api/audio/PositionalAudio',
|
|
|
- ArrayCamera: 'https://threejs.org/docs/#api/cameras/ArrayCamera',
|
|
|
- Camera: 'https://threejs.org/docs/#api/cameras/Camera',
|
|
|
- CubeCamera: 'https://threejs.org/docs/#api/cameras/CubeCamera',
|
|
|
- OrthographicCamera: 'https://threejs.org/docs/#api/cameras/OrthographicCamera',
|
|
|
- PerspectiveCamera: 'https://threejs.org/docs/#api/cameras/PerspectiveCamera',
|
|
|
- StereoCamera: 'https://threejs.org/docs/#api/cameras/StereoCamera',
|
|
|
- Animation: 'https://threejs.org/docs/#api/constants/Animation',
|
|
|
- Core: 'https://threejs.org/docs/#api/constants/Core',
|
|
|
- CustomBlendingEquation: 'https://threejs.org/docs/#api/constants/CustomBlendingEquations',
|
|
|
- DrawModes: 'https://threejs.org/docs/#api/constants/DrawModes',
|
|
|
- Materials: 'https://threejs.org/docs/#api/constants/Materials',
|
|
|
- Renderer: 'https://threejs.org/docs/#api/constants/Renderer',
|
|
|
- Textures: 'https://threejs.org/docs/#api/constants/Textures',
|
|
|
- BufferAttribute: 'https://threejs.org/docs/#api/core/BufferAttribute',
|
|
|
- BufferGeometry: 'https://threejs.org/docs/#api/core/BufferGeometry',
|
|
|
- Clock: 'https://threejs.org/docs/#api/core/Clock',
|
|
|
- DirectGeometry: 'https://threejs.org/docs/#api/core/DirectGeometry',
|
|
|
- EventDispatcher: 'https://threejs.org/docs/#api/core/EventDispatcher',
|
|
|
- Face3: 'https://threejs.org/docs/#api/core/Face3',
|
|
|
- InstancedBufferAttribute: 'https://threejs.org/docs/#api/core/InstancedBufferAttribute',
|
|
|
- InstancedBufferGeometry: 'https://threejs.org/docs/#api/core/InstancedBufferGeometry',
|
|
|
- InstancedInterleavedBuffer: 'https://threejs.org/docs/#api/core/InstancedInterleavedBuffer',
|
|
|
- InterleavedBuffer: 'https://threejs.org/docs/#api/core/InterleavedBuffer',
|
|
|
- InterleavedBufferAttribute: 'https://threejs.org/docs/#api/core/InterleavedBufferAttribute',
|
|
|
- Layers: 'https://threejs.org/docs/#api/core/Layers',
|
|
|
- Object3D: 'https://threejs.org/docs/#api/core/Object3D',
|
|
|
- Raycaster: 'https://threejs.org/docs/#api/core/Raycaster',
|
|
|
- Uniform: 'https://threejs.org/docs/#api/core/Uniform',
|
|
|
- BufferAttributeTypes: 'https://threejs.org/docs/#api/core/bufferAttributeTypes/BufferAttributeTypes',
|
|
|
- Earcut: 'https://threejs.org/docs/#api/extras/Earcut',
|
|
|
- ShapeUtils: 'https://threejs.org/docs/#api/extras/ShapeUtils',
|
|
|
- Curve: 'https://threejs.org/docs/#api/extras/core/Curve',
|
|
|
- CurvePath: 'https://threejs.org/docs/#api/extras/core/CurvePath',
|
|
|
- Font: 'https://threejs.org/docs/#api/extras/core/Font',
|
|
|
- Interpolations: 'https://threejs.org/docs/#api/extras/core/Interpolations',
|
|
|
- Path: 'https://threejs.org/docs/#api/extras/core/Path',
|
|
|
- Shape: 'https://threejs.org/docs/#api/extras/core/Shape',
|
|
|
- ShapePath: 'https://threejs.org/docs/#api/extras/core/ShapePath',
|
|
|
- ArcCurve: 'https://threejs.org/docs/#api/extras/curves/ArcCurve',
|
|
|
- CatmullRomCurve3: 'https://threejs.org/docs/#api/extras/curves/CatmullRomCurve3',
|
|
|
- CubicBezierCurve: 'https://threejs.org/docs/#api/extras/curves/CubicBezierCurve',
|
|
|
- CubicBezierCurve3: 'https://threejs.org/docs/#api/extras/curves/CubicBezierCurve3',
|
|
|
- EllipseCurve: 'https://threejs.org/docs/#api/extras/curves/EllipseCurve',
|
|
|
- LineCurve: 'https://threejs.org/docs/#api/extras/curves/LineCurve',
|
|
|
- LineCurve3: 'https://threejs.org/docs/#api/extras/curves/LineCurve3',
|
|
|
- QuadraticBezierCurve: 'https://threejs.org/docs/#api/extras/curves/QuadraticBezierCurve',
|
|
|
- QuadraticBezierCurve3: 'https://threejs.org/docs/#api/extras/curves/QuadraticBezierCurve3',
|
|
|
- SplineCurve: 'https://threejs.org/docs/#api/extras/curves/SplineCurve',
|
|
|
- ImmediateRenderObject: 'https://threejs.org/docs/#api/extras/objects/ImmediateRenderObject',
|
|
|
- BoxGeometry: 'https://threejs.org/docs/#api/geometries/BoxGeometry',
|
|
|
- CircleGeometry: 'https://threejs.org/docs/#api/geometries/CircleGeometry',
|
|
|
- ConeGeometry: 'https://threejs.org/docs/#api/geometries/ConeGeometry',
|
|
|
- CylinderGeometry: 'https://threejs.org/docs/#api/geometries/CylinderGeometry',
|
|
|
- DodecahedronGeometry: 'https://threejs.org/docs/#api/geometries/DodecahedronGeometry',
|
|
|
- EdgesGeometry: 'https://threejs.org/docs/#api/geometries/EdgesGeometry',
|
|
|
- ExtrudeGeometry: 'https://threejs.org/docs/#api/geometries/ExtrudeGeometry',
|
|
|
- IcosahedronGeometry: 'https://threejs.org/docs/#api/geometries/IcosahedronGeometry',
|
|
|
- LatheGeometry: 'https://threejs.org/docs/#api/geometries/LatheGeometry',
|
|
|
- OctahedronGeometry: 'https://threejs.org/docs/#api/geometries/OctahedronGeometry',
|
|
|
- ParametricGeometry: 'https://threejs.org/docs/#api/geometries/ParametricGeometry',
|
|
|
- PlaneGeometry: 'https://threejs.org/docs/#api/geometries/PlaneGeometry',
|
|
|
- PolyhedronGeometry: 'https://threejs.org/docs/#api/geometries/PolyhedronGeometry',
|
|
|
- RingGeometry: 'https://threejs.org/docs/#api/geometries/RingGeometry',
|
|
|
- ShapeGeometry: 'https://threejs.org/docs/#api/geometries/ShapeGeometry',
|
|
|
- SphereGeometry: 'https://threejs.org/docs/#api/geometries/SphereGeometry',
|
|
|
- TetrahedronGeometry: 'https://threejs.org/docs/#api/geometries/TetrahedronGeometry',
|
|
|
- TextGeometry: 'https://threejs.org/docs/#api/geometries/TextGeometry',
|
|
|
- TorusGeometry: 'https://threejs.org/docs/#api/geometries/TorusGeometry',
|
|
|
- TorusKnotGeometry: 'https://threejs.org/docs/#api/geometries/TorusKnotGeometry',
|
|
|
- TubeGeometry: 'https://threejs.org/docs/#api/geometries/TubeGeometry',
|
|
|
- WireframeGeometry: 'https://threejs.org/docs/#api/geometries/WireframeGeometry',
|
|
|
- ArrowHelper: 'https://threejs.org/docs/#api/helpers/ArrowHelper',
|
|
|
- AxesHelper: 'https://threejs.org/docs/#api/helpers/AxesHelper',
|
|
|
- BoxHelper: 'https://threejs.org/docs/#api/helpers/BoxHelper',
|
|
|
- Box3Helper: 'https://threejs.org/docs/#api/helpers/Box3Helper',
|
|
|
- CameraHelper: 'https://threejs.org/docs/#api/helpers/CameraHelper',
|
|
|
- DirectionalLightHelper: 'https://threejs.org/docs/#api/helpers/DirectionalLightHelper',
|
|
|
- FaceNormalsHelper: 'https://threejs.org/docs/#api/helpers/FaceNormalsHelper',
|
|
|
- GridHelper: 'https://threejs.org/docs/#api/helpers/GridHelper',
|
|
|
- PolarGridHelper: 'https://threejs.org/docs/#api/helpers/PolarGridHelper',
|
|
|
- HemisphereLightHelper: 'https://threejs.org/docs/#api/helpers/HemisphereLightHelper',
|
|
|
- PlaneHelper: 'https://threejs.org/docs/#api/helpers/PlaneHelper',
|
|
|
- PointLightHelper: 'https://threejs.org/docs/#api/helpers/PointLightHelper',
|
|
|
- RectAreaLightHelper: 'https://threejs.org/docs/#api/helpers/RectAreaLightHelper',
|
|
|
- SkeletonHelper: 'https://threejs.org/docs/#api/helpers/SkeletonHelper',
|
|
|
- SpotLightHelper: 'https://threejs.org/docs/#api/helpers/SpotLightHelper',
|
|
|
- VertexNormalsHelper: 'https://threejs.org/docs/#api/helpers/VertexNormalsHelper',
|
|
|
- AmbientLight: 'https://threejs.org/docs/#api/lights/AmbientLight',
|
|
|
- DirectionalLight: 'https://threejs.org/docs/#api/lights/DirectionalLight',
|
|
|
- HemisphereLight: 'https://threejs.org/docs/#api/lights/HemisphereLight',
|
|
|
- Light: 'https://threejs.org/docs/#api/lights/Light',
|
|
|
- PointLight: 'https://threejs.org/docs/#api/lights/PointLight',
|
|
|
- RectAreaLight: 'https://threejs.org/docs/#api/lights/RectAreaLight',
|
|
|
- SpotLight: 'https://threejs.org/docs/#api/lights/SpotLight',
|
|
|
- DirectionalLightShadow: 'https://threejs.org/docs/#api/lights/shadows/DirectionalLightShadow',
|
|
|
- LightShadow: 'https://threejs.org/docs/#api/lights/shadows/LightShadow',
|
|
|
- SpotLightShadow: 'https://threejs.org/docs/#api/lights/shadows/SpotLightShadow',
|
|
|
- AnimationLoader: 'https://threejs.org/docs/#api/loaders/AnimationLoader',
|
|
|
- AudioLoader: 'https://threejs.org/docs/#api/loaders/AudioLoader',
|
|
|
- BufferGeometryLoader: 'https://threejs.org/docs/#api/loaders/BufferGeometryLoader',
|
|
|
- Cache: 'https://threejs.org/docs/#api/loaders/Cache',
|
|
|
- CompressedTextureLoader: 'https://threejs.org/docs/#api/loaders/CompressedTextureLoader',
|
|
|
- CubeTextureLoader: 'https://threejs.org/docs/#api/loaders/CubeTextureLoader',
|
|
|
- DataTextureLoader: 'https://threejs.org/docs/#api/loaders/DataTextureLoader',
|
|
|
- FileLoader: 'https://threejs.org/docs/#api/loaders/FileLoader',
|
|
|
- FontLoader: 'https://threejs.org/docs/#api/loaders/FontLoader',
|
|
|
- ImageBitmapLoader: 'https://threejs.org/docs/#api/loaders/ImageBitmapLoader',
|
|
|
- ImageLoader: 'https://threejs.org/docs/#api/loaders/ImageLoader',
|
|
|
- JSONLoader: 'https://threejs.org/docs/#api/loaders/JSONLoader',
|
|
|
- Loader: 'https://threejs.org/docs/#api/loaders/Loader',
|
|
|
- LoaderUtils: 'https://threejs.org/docs/#api/loaders/LoaderUtils',
|
|
|
- MaterialLoader: 'https://threejs.org/docs/#api/loaders/MaterialLoader',
|
|
|
- ObjectLoader: 'https://threejs.org/docs/#api/loaders/ObjectLoader',
|
|
|
- TextureLoader: 'https://threejs.org/docs/#api/loaders/TextureLoader',
|
|
|
- DefaultLoadingManager: 'https://threejs.org/docs/#api/loaders/managers/DefaultLoadingManager',
|
|
|
- LoadingManager: 'https://threejs.org/docs/#api/loaders/managers/LoadingManager',
|
|
|
- LineBasicMaterial: 'https://threejs.org/docs/#api/materials/LineBasicMaterial',
|
|
|
- LineDashedMaterial: 'https://threejs.org/docs/#api/materials/LineDashedMaterial',
|
|
|
- Material: 'https://threejs.org/docs/#api/materials/Material',
|
|
|
- MeshBasicMaterial: 'https://threejs.org/docs/#api/materials/MeshBasicMaterial',
|
|
|
- MeshDepthMaterial: 'https://threejs.org/docs/#api/materials/MeshDepthMaterial',
|
|
|
- MeshLambertMaterial: 'https://threejs.org/docs/#api/materials/MeshLambertMaterial',
|
|
|
- MeshNormalMaterial: 'https://threejs.org/docs/#api/materials/MeshNormalMaterial',
|
|
|
- MeshPhongMaterial: 'https://threejs.org/docs/#api/materials/MeshPhongMaterial',
|
|
|
- MeshPhysicalMaterial: 'https://threejs.org/docs/#api/materials/MeshPhysicalMaterial',
|
|
|
- MeshStandardMaterial: 'https://threejs.org/docs/#api/materials/MeshStandardMaterial',
|
|
|
- MeshToonMaterial: 'https://threejs.org/docs/#api/materials/MeshToonMaterial',
|
|
|
- PointsMaterial: 'https://threejs.org/docs/#api/materials/PointsMaterial',
|
|
|
- RawShaderMaterial: 'https://threejs.org/docs/#api/materials/RawShaderMaterial',
|
|
|
- ShaderMaterial: 'https://threejs.org/docs/#api/materials/ShaderMaterial',
|
|
|
- ShadowMaterial: 'https://threejs.org/docs/#api/materials/ShadowMaterial',
|
|
|
- SpriteMaterial: 'https://threejs.org/docs/#api/materials/SpriteMaterial',
|
|
|
- Box2: 'https://threejs.org/docs/#api/math/Box2',
|
|
|
- Box3: 'https://threejs.org/docs/#api/math/Box3',
|
|
|
- Color: 'https://threejs.org/docs/#api/math/Color',
|
|
|
- Cylindrical: 'https://threejs.org/docs/#api/math/Cylindrical',
|
|
|
- Euler: 'https://threejs.org/docs/#api/math/Euler',
|
|
|
- Frustum: 'https://threejs.org/docs/#api/math/Frustum',
|
|
|
- Interpolant: 'https://threejs.org/docs/#api/math/Interpolant',
|
|
|
- Line3: 'https://threejs.org/docs/#api/math/Line3',
|
|
|
- Math: 'https://threejs.org/docs/#api/math/Math',
|
|
|
- Matrix3: 'https://threejs.org/docs/#api/math/Matrix3',
|
|
|
- Matrix4: 'https://threejs.org/docs/#api/math/Matrix4',
|
|
|
- Plane: 'https://threejs.org/docs/#api/math/Plane',
|
|
|
- Quaternion: 'https://threejs.org/docs/#api/math/Quaternion',
|
|
|
- Ray: 'https://threejs.org/docs/#api/math/Ray',
|
|
|
- Sphere: 'https://threejs.org/docs/#api/math/Sphere',
|
|
|
- Spherical: 'https://threejs.org/docs/#api/math/Spherical',
|
|
|
- Triangle: 'https://threejs.org/docs/#api/math/Triangle',
|
|
|
- Vector2: 'https://threejs.org/docs/#api/math/Vector2',
|
|
|
- Vector3: 'https://threejs.org/docs/#api/math/Vector3',
|
|
|
- Vector4: 'https://threejs.org/docs/#api/math/Vector4',
|
|
|
- CubicInterpolant: 'https://threejs.org/docs/#api/math/interpolants/CubicInterpolant',
|
|
|
- DiscreteInterpolant: 'https://threejs.org/docs/#api/math/interpolants/DiscreteInterpolant',
|
|
|
- LinearInterpolant: 'https://threejs.org/docs/#api/math/interpolants/LinearInterpolant',
|
|
|
- QuaternionLinearInterpolant: 'https://threejs.org/docs/#api/math/interpolants/QuaternionLinearInterpolant',
|
|
|
- Bone: 'https://threejs.org/docs/#api/objects/Bone',
|
|
|
- Group: 'https://threejs.org/docs/#api/objects/Group',
|
|
|
- Line: 'https://threejs.org/docs/#api/objects/Line',
|
|
|
- LineLoop: 'https://threejs.org/docs/#api/objects/LineLoop',
|
|
|
- LineSegments: 'https://threejs.org/docs/#api/objects/LineSegments',
|
|
|
- LOD: 'https://threejs.org/docs/#api/objects/LOD',
|
|
|
- Mesh: 'https://threejs.org/docs/#api/objects/Mesh',
|
|
|
- Points: 'https://threejs.org/docs/#api/objects/Points',
|
|
|
- Skeleton: 'https://threejs.org/docs/#api/objects/Skeleton',
|
|
|
- SkinnedMesh: 'https://threejs.org/docs/#api/objects/SkinnedMesh',
|
|
|
- Sprite: 'https://threejs.org/docs/#api/objects/Sprite',
|
|
|
- WebGLRenderer: 'https://threejs.org/docs/#api/renderers/WebGLRenderer',
|
|
|
- WebGLRenderTarget: 'https://threejs.org/docs/#api/renderers/WebGLRenderTarget',
|
|
|
- WebGLCubeRenderTarget: 'https://threejs.org/docs/#api/renderers/WebGLCubeRenderTarget',
|
|
|
- ShaderChunk: 'https://threejs.org/docs/#api/renderers/shaders/ShaderChunk',
|
|
|
- ShaderLib: 'https://threejs.org/docs/#api/renderers/shaders/ShaderLib',
|
|
|
- UniformsLib: 'https://threejs.org/docs/#api/renderers/shaders/UniformsLib',
|
|
|
- UniformsUtils: 'https://threejs.org/docs/#api/renderers/shaders/UniformsUtils',
|
|
|
- Fog: 'https://threejs.org/docs/#api/scenes/Fog',
|
|
|
- FogExp2: 'https://threejs.org/docs/#api/scenes/FogExp2',
|
|
|
- Scene: 'https://threejs.org/docs/#api/scenes/Scene',
|
|
|
- CanvasTexture: 'https://threejs.org/docs/#api/textures/CanvasTexture',
|
|
|
- CompressedTexture: 'https://threejs.org/docs/#api/textures/CompressedTexture',
|
|
|
- CubeTexture: 'https://threejs.org/docs/#api/textures/CubeTexture',
|
|
|
- DataTexture: 'https://threejs.org/docs/#api/textures/DataTexture',
|
|
|
- DepthTexture: 'https://threejs.org/docs/#api/textures/DepthTexture',
|
|
|
- Texture: 'https://threejs.org/docs/#api/textures/Texture',
|
|
|
- VideoTexture: 'https://threejs.org/docs/#api/textures/VideoTexture',
|
|
|
- CCDIKSolver: 'https://threejs.org/docs/#examples/animations/CCDIKSolver',
|
|
|
- MMDAnimationHelper: 'https://threejs.org/docs/#examples/animations/MMDAnimationHelper',
|
|
|
- MMDPhysics: 'https://threejs.org/docs/#examples/animations/MMDPhysics',
|
|
|
- OrbitControls: 'https://threejs.org/docs/#examples/controls/OrbitControls',
|
|
|
- ConvexGeometry: 'https://threejs.org/docs/#examples/geometries/ConvexGeometry',
|
|
|
- DecalGeometry: 'https://threejs.org/docs/#examples/geometries/DecalGeometry',
|
|
|
- BabylonLoader: 'https://threejs.org/docs/#examples/loaders/BabylonLoader',
|
|
|
- GLTFLoader: 'https://threejs.org/docs/#examples/loaders/GLTFLoader',
|
|
|
- MMDLoader: 'https://threejs.org/docs/#examples/loaders/MMDLoader',
|
|
|
- MTLLoader: 'https://threejs.org/docs/#examples/loaders/MTLLoader',
|
|
|
- OBJLoader: 'https://threejs.org/docs/#examples/loaders/OBJLoader',
|
|
|
- OBJLoader2: 'https://threejs.org/docs/#examples/loaders/OBJLoader2',
|
|
|
- LoaderSupport: 'https://threejs.org/docs/#examples/loaders/LoaderSupport',
|
|
|
- PCDLoader: 'https://threejs.org/docs/#examples/loaders/PCDLoader',
|
|
|
- PDBLoader: 'https://threejs.org/docs/#examples/loaders/PDBLoader',
|
|
|
- SVGLoader: 'https://threejs.org/docs/#examples/loaders/SVGLoader',
|
|
|
- TGALoader: 'https://threejs.org/docs/#examples/loaders/TGALoader',
|
|
|
- PRWMLoader: 'https://threejs.org/docs/#examples/loaders/PRWMLoader',
|
|
|
- Lensflare: 'https://threejs.org/docs/#examples/objects/Lensflare',
|
|
|
- GLTFExporter: 'https://threejs.org/docs/#examples/exporters/GLTFExporter',
|
|
|
- });
|
|
|
-
|
|
|
- function getKeywordLink(keyword) {
|
|
|
- const dotNdx = keyword.indexOf('.');
|
|
|
- if (dotNdx) {
|
|
|
- const before = keyword.substring(0, dotNdx);
|
|
|
- const link = codeKeywordLinks[before];
|
|
|
- if (link) {
|
|
|
- return `${link}.${keyword.substr(dotNdx + 1)}`;
|
|
|
- }
|
|
|
- }
|
|
|
- return keyword.startsWith('THREE.')
|
|
|
- ? codeKeywordLinks[keyword.substring(6)]
|
|
|
- : codeKeywordLinks[keyword];
|
|
|
- }
|
|
|
-
|
|
|
- $('code').filter(function() {
|
|
|
- return getKeywordLink(this.textContent) &&
|
|
|
- this.parentElement.nodeName !== 'A';
|
|
|
- }).wrap(function() {
|
|
|
- const a = document.createElement('a');
|
|
|
- a.href = getKeywordLink(this.textContent);
|
|
|
- return a;
|
|
|
- });
|
|
|
-
|
|
|
- const methodPropertyRE = /^(\w+)\.(\w+)$/;
|
|
|
- const classRE = /^(\w+)$/;
|
|
|
- $('a').each(function() {
|
|
|
- const href = this.getAttribute('href');
|
|
|
- if (!href) {
|
|
|
- return;
|
|
|
- }
|
|
|
- const m = methodPropertyRE.exec(href);
|
|
|
- if (m) {
|
|
|
- const codeKeywordLink = getKeywordLink(m[1]);
|
|
|
- if (codeKeywordLink) {
|
|
|
- this.setAttribute('href', `${codeKeywordLink}#${m[2]}`);
|
|
|
- }
|
|
|
- } else if (classRE.test(href)) {
|
|
|
- const codeKeywordLink = getKeywordLink(href);
|
|
|
- if (codeKeywordLink) {
|
|
|
- this.setAttribute('href', codeKeywordLink);
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- $('pre>code')
|
|
|
- .unwrap()
|
|
|
- .replaceWith(function() {
|
|
|
- return $(`<pre class="prettyprint showlinemods notranslate ${this.className || ''}" translate="no">${this.innerHTML}</pre>`);
|
|
|
- });
|
|
|
-
|
|
|
- return dom.serialize();
|
|
|
- }
|
|
|
-
|
|
|
- const buildSettings = {
|
|
|
- outDir: 'out',
|
|
|
- baseUrl: 'https://threejsfundamentals.org',
|
|
|
- rootFolder: 'threejs',
|
|
|
- lessonGrep: 'threejs*.md',
|
|
|
- siteName: 'ThreeJSFundamentals',
|
|
|
- siteThumbnail: 'threejsfundamentals.jpg', // in rootFolder/lessons/resources
|
|
|
- templatePath: 'build/templates',
|
|
|
- owner: 'gfxfundamentals',
|
|
|
- repo: 'threejsfundamentals',
|
|
|
- thumbnailOptions: {
|
|
|
- thumbnailBackground: 'threejsfundamentals-background.jpg',
|
|
|
- text: [
|
|
|
- {
|
|
|
- font: 'bold 100px lesson-font',
|
|
|
- verticalSpacing: 100,
|
|
|
- offset: [100, 120],
|
|
|
- textAlign: 'left',
|
|
|
- shadowOffset: [15, 15],
|
|
|
- strokeWidth: 15,
|
|
|
- textWrapWidth: 1000,
|
|
|
- },
|
|
|
- {
|
|
|
- font: 'bold 60px lesson-font',
|
|
|
- text: 'threejsfundamentals.org',
|
|
|
- verticalSpacing: 100,
|
|
|
- offset: [-100, -90],
|
|
|
- textAlign: 'right',
|
|
|
- shadowOffset: [8, 8],
|
|
|
- strokeWidth: 15,
|
|
|
- textWrapWidth: 1000,
|
|
|
- color: 'hsl(340, 100%, 70%)',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- postHTMLFn: fixThreeJSLinks,
|
|
|
- };
|
|
|
-
|
|
|
- // just the hackiest way to get this working.
|
|
|
- grunt.registerMultiTask('buildlesson', 'build a lesson', function() {
|
|
|
- const filenames = new Set();
|
|
|
- this.files.forEach((files) => {
|
|
|
- files.src.forEach((filename) => {
|
|
|
- filenames.add(filename);
|
|
|
- });
|
|
|
- });
|
|
|
- const buildStuff = require('@gfxfundamentals/lesson-builder');
|
|
|
- const settings = {...buildSettings, filenames};
|
|
|
- const finish = this.async();
|
|
|
- buildStuff(settings).finally(finish);
|
|
|
- });
|
|
|
-
|
|
|
- grunt.registerTask('buildlessons', function() {
|
|
|
- const buildStuff = require('@gfxfundamentals/lesson-builder');
|
|
|
- const finish = this.async();
|
|
|
- buildStuff(buildSettings).finally(finish);
|
|
|
- });
|
|
|
-
|
|
|
- grunt.task.registerMultiTask('fixthreepaths', 'fix three paths', function() {
|
|
|
- const options = this.options({});
|
|
|
- const oldVersionRE = new RegExp(`/${options.oldVersionStr}/`, 'g');
|
|
|
- const newVersionReplacement = `/${options.newVersionStr}/`;
|
|
|
- this.files.forEach((files) => {
|
|
|
- files.src.forEach((filename) => {
|
|
|
- const oldContent = fs.readFileSync(filename, {encoding: 'utf8'});
|
|
|
- const newContent = oldContent.replace(oldVersionRE, newVersionReplacement);
|
|
|
- if (oldContent !== newContent) {
|
|
|
- grunt.log.writeln(`updating ${filename} to ${options.newVersionStr}`);
|
|
|
- fs.writeFileSync(filename, newContent);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
- grunt.registerTask('bumpthree', function() {
|
|
|
- const lessonInfo = JSON.parse(fs.readFileSync('package.json', {encoding: 'utf8'}));
|
|
|
- const oldVersion = lessonInfo.threejsfundamentals.threeVersion;
|
|
|
- const oldVersionStr = `r${oldVersion}`;
|
|
|
- const threePath = '../three.js'; //path.dirname(path.dirname(require.resolve('three')));
|
|
|
- const threeInfo = JSON.parse(fs.readFileSync(path.join(threePath, 'package.json'), {encoding: 'utf8'}));
|
|
|
- const newVersion = semver.minor(threeInfo.version);
|
|
|
- const newVersionStr = `r${newVersion}`;
|
|
|
- const basePath = path.join('threejs', 'resources', 'threejs', newVersionStr);
|
|
|
- grunt.config.merge({
|
|
|
- copy: {
|
|
|
- threejs: {
|
|
|
- files: [
|
|
|
- { expand: true, cwd: `${threePath}/build/`, src: 'three.js', dest: `${basePath}/build/`, },
|
|
|
- { expand: true, cwd: `${threePath}/build/`, src: 'three.min.js', dest: `${basePath}/build/`, },
|
|
|
- { expand: true, cwd: `${threePath}/build/`, src: 'three.module.js', dest: `${basePath}/build/`, },
|
|
|
- { expand: true, cwd: `${threePath}/examples/js/`, src: '**', dest: `${basePath}/examples/js/`, },
|
|
|
- { expand: true, cwd: `${threePath}/examples/jsm/`, src: '**', dest: `${basePath}/examples/jsm/`, },
|
|
|
- ],
|
|
|
- },
|
|
|
- },
|
|
|
- fixthreepaths: {
|
|
|
- options: {
|
|
|
- oldVersionStr,
|
|
|
- newVersionStr,
|
|
|
- },
|
|
|
- src: [
|
|
|
- 'threejs/**/*.html',
|
|
|
- 'threejs/**/*.md',
|
|
|
- 'threejs/**/*.js',
|
|
|
- '!threejs/resources/threejs/**',
|
|
|
- ],
|
|
|
- },
|
|
|
- });
|
|
|
-
|
|
|
- lessonInfo.threejsfundamentals.threeVersion = newVersion;
|
|
|
- fs.writeFileSync('package.json', JSON.stringify(lessonInfo, null, 2));
|
|
|
- grunt.task.run(['copy:threejs', 'fixthreepaths']);
|
|
|
- });
|
|
|
-
|
|
|
- grunt.registerTask('build', ['clean', 'copy:main', 'buildlessons']);
|
|
|
- grunt.registerTask('buildwatch', ['build', 'watch']);
|
|
|
-
|
|
|
- grunt.registerTask('default', ['eslint', 'build']);
|
|
|
-};
|
|
|
-
|
Gregg Tavares
