soonspacejs 2.3.16 → 2.3.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soonspacejs",
-  "version": "2.3.16",
+  "version": "2.3.17",
   "description": "soonspacejs 2.x",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -17,7 +17,9 @@
     "@robotlegsjs/signals": "1.1.0",
     "@soonspacejs/xml2json": "0.0.2",
     "@tweenjs/tween.js": "18.6.4",
-    "localforage": "1.9.0"
+    "@types/three": "^0.138.0",
+    "localforage": "1.9.0",
+    "three": "^0.138.3"
   },
-  "gitHead": "7e6e48de24930a7d95ddb459ab559d0804ad32a6"
+  "gitHead": "615a37b746fc1f12beab499a49807a4fdd667688"
 }

package/types/Interface/viewport.d.ts

@@ -24,7 +24,6 @@ interface InternalOptions {
     enableRenderCss2D: boolean;
     enableRenderCss2DHalf: boolean;
     enableRenderCss3D: boolean;
-    enableReflection: boolean;
 }
 interface SelectModelOptions<TOptions> {
     objects: Object3D[];
@@ -54,9 +53,6 @@ interface FogOptions {
     near?: number;
     far?: number;
 }
-export interface ReflectionOptions {
-    enable: boolean;
-}
 interface SkyOptions {
     enable?: boolean;
     position?: Position;
@@ -69,6 +65,7 @@ interface SkyOptions {
 }
 interface ViewportOptions {
     showInfo?: boolean;
+    showStats?: boolean;
     showGrid?: boolean | GridHelperOptions;
     background?: {
         color?: IColor | null;
@@ -91,4 +88,13 @@ interface ViewportState {
     useFreq: number;
     animationTotal: number;
 }
+export interface BloomOptions {
+    enable?: boolean;
+    strength?: number;
+    radius?: number;
+    threshold?: number;
+}
+export interface SobelOptions {
+    enable?: boolean;
+}
 export { CameraViewpointData, FlyToObjOptions, SurroundOptions, LabelOptions, InternalOptions, SelectModelOptions, EdgeSelectOptions, StrokeSelectOptions, OpacitySelectOptions, HighlightSelectOptions, EmissiveSelectOptions, FogOptions, SkyOptions, ViewportOptions, ViewportState, };

package/types/Viewport/Info.d.ts

@@ -1,6 +1,8 @@
 import { Scene } from 'three';
 import { SignalsState } from '../Interface';
 declare class Info {
+    readonly scene: Scene;
+    readonly signals: SignalsState;
     container: HTMLDivElement;
     state: {
         objects: number;
@@ -10,5 +12,6 @@ declare class Info {
         lodFrametime: number;
     };
     constructor(scene: Scene, signals: SignalsState);
+    addListeners(): void;
 }
 export default Info;

package/types/Viewport/RendererManager.d.ts

@@ -3,14 +3,15 @@ import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer
 import { Pass } from 'three/examples/jsm/postprocessing/Pass.js';
 import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js';
 import { OutlinePass } from 'three/examples/jsm/postprocessing/OutlinePass.js';
-import { SSRPass } from 'three/examples/jsm/postprocessing/SSRPass.js';
+import { UnrealBloomPass } from 'three/examples/jsm/postprocessing/UnrealBloomPass.js';
 import { ShaderPass } from 'three/examples/jsm/postprocessing/ShaderPass.js';
 import { CSS2DRenderer, CSS2DHalfRenderer, CSS3DRenderer } from '../Renderer';
 import { InternalOptions, ViewportOptions } from '../Interface';
 export interface PassObj {
     renderPass: RenderPass;
     outlinePass: OutlinePass;
-    ssrPass: SSRPass;
+    unrealBloomPass: UnrealBloomPass;
+    sobelPass: ShaderPass;
     gammaCorrectionPass: ShaderPass;
 }
 declare class RendererManager {
@@ -42,7 +43,8 @@ declare class RendererManager {
     _initInteractiveContainer(): HTMLElement;
     _initRenderPass(camera: Camera): RenderPass;
     _initOutlinePass(camera: Camera): OutlinePass;
-    _initSSRPass(camera: Camera): SSRPass;
+    _initUnrealBloomPass(): UnrealBloomPass;
+    _initSobelPass(): ShaderPass;
     _initGammaCorrectionPass(): ShaderPass;
 }
 export default RendererManager;

package/types/Viewport/index.d.ts

@@ -1,4 +1,5 @@
 import { Scene, PerspectiveCamera, WebGLRenderer, PMREMGenerator, Vector3, AnimationMixer, Intersection, Object3D, AnimationAction, AnimationClip } from 'three';
+import Stats from 'three/examples/jsm/libs/stats.module.js';
 import { Sky } from 'three/examples/jsm/objects/Sky.js';
 import Scener from './Scener';
 import { CSS2DRenderer, CSS2DHalfRenderer, CSS3DRenderer } from '../Renderer';
@@ -7,7 +8,7 @@ import RendererManager, { PassObj } from './RendererManager';
 import CameraManager from './CameraManager';
 import { FullFreeControls } from '../Controls';
 import { Model } from '../Library';
-import { ColorSpace, SkyOptions, IColor, OffsetPoint, SceneEventType, Position, ViewportOptions, ViewportState, ModelAnimationFindFunc, SignalsState, ReflectionOptions } from '../Interface';
+import { ColorSpace, SkyOptions, IColor, OffsetPoint, SceneEventType, Position, ViewportOptions, ViewportState, ModelAnimationFindFunc, SignalsState, BloomOptions, SobelOptions } from '../Interface';
 import Info from './Info';
 export declare const innerRenderState: Record<string, boolean>;
 declare class Viewport {
@@ -26,6 +27,7 @@ declare class Viewport {
     rendererCSS2DHalf: CSS2DHalfRenderer;
     pmremGenerator: PMREMGenerator;
     info: Info;
+    stats: Stats;
     cameraManager: CameraManager;
     camera: PerspectiveCamera;
     controls: FullFreeControls;
@@ -45,13 +47,12 @@ declare class Viewport {
     private _loop;
     constructor(options: ViewportOptions);
     initInfo(): void;
-    /**
-     ***************************** reflection ***************************
-     */
-    setReflection(options: ReflectionOptions): void;
+    initStats(): void;
+    setSobel(options?: SobelOptions): void;
     /**
      ***************************** renderer ***************************
      */
+    setBloom(options?: BloomOptions): void;
     setColorSpace(colorSpace: ColorSpace): void;
     /**
      ***************************** background ***************************

package/types/index.d.ts

@@ -8,6 +8,7 @@
 */
 import * as THREE from 'three';
 import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
+import { Lensflare, LensflareElement } from 'three/examples/jsm/objects/Lensflare.js';
 import { Object3D, Vector3, Euler, Box3, AnimationClip, AnimationAction, Light } from 'three';
 import * as shared from './Shared';
 import Animation from './Animation';
@@ -15,7 +16,7 @@ import * as library from './Library';
 import { BaseObject3D, BaseObject3DInfo, Sbm, SbmInfo, Model, ModelInfo, Poi, PoiInfo, PoiNode, PoiNodeInfo, Topology, TopologyInfo, Group, GroupInfo, Canvas3D, Canvas3DInfo, PluginObject, PluginObjectInfo } from './Library';
 import Viewport from './Viewport';
 import Manager from './Manager';
-import { ViewportOptions, SceneGlobalEvents, PluginsConstructor, IColor, Position, Rotation, OffsetPoint, AnimationOptions, ModelAnimationFindFunc, TopologyNodeInfo, CameraViewpointData, FlyToViewpoint, FlyToObjOptions, SurroundOptions, LabelOptions, EdgeSelectOptions, StrokeSelectOptions, OpacitySelectOptions, HighlightSelectOptions, EmissiveSelectOptions, FogOptions, UserDataPropertyFindFunc, AmbientLightOptions, DirectionalLightOptions, HemisphereLightOptions, SpotLightOptions, PointLightOptions, CloneSbmInfo, ModelLoadingProgressCallback, GroupProgressCallback, CloneModelInfo, ClonePoiInfo, ShortestPathInfo, ShortestPathByMultipleStartPoints, ShortestPathByMultipleEndPoints, TopologyInfoForGml, GridHelperOptions, AxesHelperOptions, BoxHelperOptions, PlaneHelperOptions, GroundHelperOptions, DirectionalLightHelperOptions, HemisphereLightHelperOptions, SpotLightHelperOptions, PointLightHelperOptions, SignalsState, ControlsOptions, RectAreaLightOptions, RectAreaLightHelperOptions, SkyOptions, ColorSpace } from './Interface';
+import { ViewportOptions, SceneGlobalEvents, PluginsConstructor, IColor, Position, Rotation, OffsetPoint, AnimationOptions, ModelAnimationFindFunc, TopologyNodeInfo, CameraViewpointData, FlyToViewpoint, FlyToObjOptions, SurroundOptions, LabelOptions, EdgeSelectOptions, StrokeSelectOptions, OpacitySelectOptions, HighlightSelectOptions, EmissiveSelectOptions, FogOptions, UserDataPropertyFindFunc, AmbientLightOptions, DirectionalLightOptions, HemisphereLightOptions, SpotLightOptions, PointLightOptions, CloneSbmInfo, ModelLoadingProgressCallback, GroupProgressCallback, CloneModelInfo, ClonePoiInfo, ShortestPathInfo, ShortestPathByMultipleStartPoints, ShortestPathByMultipleEndPoints, TopologyInfoForGml, GridHelperOptions, AxesHelperOptions, BoxHelperOptions, PlaneHelperOptions, GroundHelperOptions, DirectionalLightHelperOptions, HemisphereLightHelperOptions, SpotLightHelperOptions, PointLightHelperOptions, SignalsState, ControlsOptions, RectAreaLightOptions, RectAreaLightHelperOptions, SkyOptions, ColorSpace, BloomOptions, SobelOptions } from './Interface';
 export declare type InitOptions = ViewportOptions;
 export declare type InitEvents = SceneGlobalEvents;
 export interface SoonSpaceConstructor {
@@ -33,6 +34,10 @@ export default class SoonSpace {
     readonly THREE: typeof THREE;
     readonly THREE_PLUGINS: {
         TransformControls: typeof TransformControls;
+        Lensflare: {
+            Lensflare: typeof Lensflare;
+            LensflareElement: typeof LensflareElement;
+        };
     };
     readonly version: string;
     readonly options: InitOptions;
@@ -102,6 +107,16 @@ export default class SoonSpace {
     /******* Viewport methods */
     /******/
     /******/
+    /**
+     * 设置边缘检测
+     * @param options
+     */
+    setSobel(options: SobelOptions): void;
+    /**
+     * 设置泛光
+     * @param bloom
+     */
+    setBloom(bloom?: BloomOptions): void;
     /**
      * 设置场景的颜色空间
      * @param colorSpace