@fiddle-digital/string-tune 0.0.29 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,14 @@
1
+ import { StringObject } from '../../Objects/StringObject';
2
+ import { StringModule } from '../../StringModule';
3
+ import { StringData } from '../../Utils/StringData';
4
+ export declare class String3DModel extends StringModule {
5
+ private renderer;
6
+ private camera;
7
+ private scene;
8
+ private types;
9
+ constructor(visitor: any, settings?: any);
10
+ initObject(object: StringObject, el: any): void;
11
+ onStart(): void;
12
+ onConnect(object: StringObject): void;
13
+ onUpdate(data: StringData): void;
14
+ }
@@ -0,0 +1,37 @@
1
+ export declare class String3DCamera {
2
+ private camera;
3
+ private _x;
4
+ get x(): number;
5
+ set x(value: number);
6
+ private _y;
7
+ get y(): number;
8
+ set y(value: number);
9
+ private _z;
10
+ get z(): number;
11
+ set z(value: number);
12
+ private _width;
13
+ get width(): number;
14
+ set width(value: number);
15
+ private _height;
16
+ get height(): number;
17
+ set height(value: number);
18
+ private _fieldOfView;
19
+ get fieldOfView(): number;
20
+ set fieldOfView(value: number);
21
+ private _aspectRatio;
22
+ get aspectRatio(): number;
23
+ set aspectRatio(value: number);
24
+ private _near;
25
+ get near(): number;
26
+ set near(value: number);
27
+ private _far;
28
+ get far(): number;
29
+ set far(value: number);
30
+ private _visibleWidth;
31
+ get visibleWidth(): number;
32
+ private _visibleHeight;
33
+ get visibleHeight(): number;
34
+ constructor(types: any);
35
+ get(): any;
36
+ private init;
37
+ }
@@ -0,0 +1,17 @@
1
+ export declare class String3DObject {
2
+ private mesh;
3
+ private texture;
4
+ private material;
5
+ private geometry;
6
+ private uniforms;
7
+ getMesh(): any;
8
+ constructor(mesh: any);
9
+ SetRotate(rotate: any): void;
10
+ SetPosition(rotate: any): void;
11
+ SetScale(scale: any): void;
12
+ SetOpacity(value: number): void;
13
+ SetMetalness(value: number): void;
14
+ SetRoughness(value: number): void;
15
+ SetTexture(texture: any): void;
16
+ dispose(): void;
17
+ }
@@ -0,0 +1,18 @@
1
+ import { String3DCamera } from "./String3DCamera";
2
+ import { String3DScene } from "./String3DScene";
3
+ export declare class String3DRenderer {
4
+ private el;
5
+ private renderer;
6
+ private _width;
7
+ get width(): number;
8
+ set width(value: number);
9
+ private _height;
10
+ get height(): number;
11
+ set height(value: number);
12
+ private types;
13
+ constructor(el: any, types: any);
14
+ attach(): void;
15
+ render(scene: String3DScene, camera: String3DCamera): void;
16
+ get(): any;
17
+ resize(camera: String3DCamera): void;
18
+ }
@@ -0,0 +1,25 @@
1
+ import { String3DCamera } from "./String3DCamera";
2
+ import { String3DObject } from "./String3DObject";
3
+ export declare class String3DScene {
4
+ private scene;
5
+ private objects;
6
+ GetObjects(): Map<string, String3DObject>;
7
+ GetObject(id: string): String3DObject | undefined;
8
+ HasObject(id: string): boolean;
9
+ DeleteObject(id: string): boolean;
10
+ private types;
11
+ constructor(types: any);
12
+ AddCamera(camera: String3DCamera): void;
13
+ AddAmbientLight(id: string, color: any, intensity: number): void;
14
+ AddPointLight(id: string, color: any, intensity: number, distance: number, decay: number): void;
15
+ AddCube(id: string, position: any, size: any, material: any): String3DObject;
16
+ AddSphere(id: string, position: any, size: number, segments: {
17
+ width: number;
18
+ height: number;
19
+ }, material?: any): String3DObject;
20
+ AddModel(id: string, modelPath: string, material: any, onLoaded?: Function): void;
21
+ private AddedAllChildren;
22
+ GetBasicMaterial(color: any): any;
23
+ GetStandardMaterial(color: any): any;
24
+ get(): any;
25
+ }
@@ -8,12 +8,16 @@ export interface IStringModule {
8
8
  onResize(): void;
9
9
  onRebuild(): void;
10
10
  onScroll(data: StringData): void;
11
+ onScrollStop(): void;
12
+ onScrollStart(): void;
13
+ onChangeDirection(): void;
11
14
  onMouseMove(e: MouseEvent): void;
12
15
  onWheel(e: WheelEvent): void;
13
16
  onChangeDevice(): void;
14
17
  onChangeScrollDirection(): void;
15
18
  onMutationObserver(added: NodeList, removed: NodeList): void;
16
19
  onChangeScrollParams(): void;
20
+ initObject(object: StringObject, el: HTMLElement): void;
17
21
  tryConnect(object: StringObject): boolean;
18
22
  connect(object: StringObject): void;
19
23
  addObject(id: string, object: StringObject): void;
@@ -1,8 +1,11 @@
1
1
  import { StringObject } from '../../Objects/StringObject';
2
2
  import { StringModule } from '../../StringModule';
3
3
  export declare class StringLazy extends StringModule {
4
+ private isStartLoaded;
5
+ private imageLoadingCount;
4
6
  constructor(visitor: any);
5
7
  onStart(): void;
6
8
  onConnect(object: StringObject): void;
9
+ private load;
7
10
  private getImageSize;
8
11
  }
@@ -26,10 +26,13 @@ export declare class StringObject {
26
26
  magneticX: number;
27
27
  magneticY: number;
28
28
  lerp: number;
29
+ glide: number;
29
30
  strength: number;
31
+ weight: number;
30
32
  radius: number;
31
33
  parallaxPositionStart: number;
32
34
  parallaxPositionEnd: number;
35
+ progress: number;
33
36
  connects: Array<HTMLElement>;
34
37
  cursorTarget: any;
35
38
  key: string;
@@ -46,6 +49,15 @@ export declare class StringObject {
46
49
  onEnter: () => void;
47
50
  onLeave: () => void;
48
51
  private modules;
52
+ anchor: string;
53
+ intensity3D: number;
54
+ distance3D: number;
55
+ decay3D: number;
56
+ type3D: string;
57
+ material3D: string;
58
+ color3D: string;
59
+ model3D: string;
60
+ animations3D: Array<any>;
49
61
  constructor(element: HTMLElement);
50
62
  enter(): void;
51
63
  leave(): void;
@@ -0,0 +1,9 @@
1
+ import { StringObject } from '../../Objects/StringObject';
2
+ import { StringModule } from '../../StringModule';
3
+ export declare class StringAnchor extends StringModule {
4
+ oldLerp: number;
5
+ constructor(visitor: any);
6
+ initObject(object: StringObject, el: any): void;
7
+ onConnect(object: StringObject): void;
8
+ private parseOrig;
9
+ }
@@ -0,0 +1,30 @@
1
+ import { StringModule } from '../../StringModule';
2
+ import { StringData } from '../../Utils/StringData';
3
+ export declare class StringGlide extends StringModule {
4
+ private previousLerp;
5
+ private displacement;
6
+ private acceleration;
7
+ private velocityMultiplier;
8
+ private isInitialScroll;
9
+ private baseVelocityMultiplier;
10
+ private reducedVelocityMultiplier;
11
+ private negativeVelocityMultiplier;
12
+ private readonly ACCELERATION_STEP;
13
+ private readonly MIN_DISPLACEMENT;
14
+ private readonly MAX_DISPLACEMENT;
15
+ private readonly MIN_VELOCITY;
16
+ private readonly MAX_VELOCITY;
17
+ private maxDisplacementValue;
18
+ private setupItem;
19
+ private onUpdateDesktopEvent;
20
+ private onUpdateMobileEvent;
21
+ private onUpdateEvent;
22
+ constructor(visitor: any, settings?: any);
23
+ private calcExpanderFactor;
24
+ onStart(): void;
25
+ onResize(): void;
26
+ private resetState;
27
+ onScrollStart(): void;
28
+ onScrollStop(): void;
29
+ onUpdate(data: StringData): void;
30
+ }
@@ -0,0 +1,8 @@
1
+ import { StringModule } from '../../StringModule';
2
+ import { StringData } from '../../Utils/StringData';
3
+ export declare class StringLerp extends StringModule {
4
+ oldLerp: number;
5
+ constructor(visitor: any);
6
+ onScrollStop(): void;
7
+ onScroll(data: StringData): void;
8
+ }
@@ -2,8 +2,10 @@ import { StringObject } from '../../Objects/StringObject';
2
2
  import { StringModule } from '../../StringModule';
3
3
  import { StringData } from '../../Utils/StringData';
4
4
  export declare class StringProgress extends StringModule {
5
+ private oldLerp;
5
6
  constructor(visitor: any);
6
7
  onScroll(data: StringData): void;
7
8
  onConnect(object: StringObject): void;
8
9
  private setUpObject;
10
+ private applyProgress;
9
11
  }
@@ -9,6 +9,9 @@ export declare class StringScroll {
9
9
  v: number;
10
10
  protected vT: number;
11
11
  protected d: any;
12
+ onScrollStart: () => void;
13
+ onScrollStop: () => void;
14
+ onChangeDirection: () => void;
12
15
  scrollContainer: any;
13
16
  constructor(document: any, settings: StringTypeSettings, data: StringData);
14
17
  onCalcUpdate: any;
@@ -2,8 +2,8 @@ import { StringData } from "../../Utils/StringData";
2
2
  import { StringScroll } from "./StringScroll";
3
3
  import { StringTypeSettings } from "./StringTypeSettings";
4
4
  export declare class StringScrollDefault extends StringScroll {
5
- private animateC;
6
5
  constructor(document: any, settings: StringTypeSettings, data: StringData);
7
6
  onUpdate(): void;
8
7
  onScroll(e: any): void;
8
+ onWheel(e: any): void;
9
9
  }
@@ -2,11 +2,16 @@ import { StringData } from '../../Utils/StringData';
2
2
  import { StringScroll } from './StringScroll';
3
3
  import { StringTypeSettings } from './StringTypeSettings';
4
4
  export declare class StringScrollSmooth extends StringScroll {
5
- name: string;
6
- private isScroll;
5
+ readonly name: string;
7
6
  private isScrollbarManipulation;
7
+ private isBottomScrollDirection;
8
+ private readonly velocityThreshold;
9
+ private previousCurrent;
8
10
  constructor(document: any, settings: StringTypeSettings, data: StringData);
11
+ private updateScrollDirection;
12
+ private clamp;
13
+ stopScroll(): void;
9
14
  onUpdate(): void;
10
15
  onWheel(e: any): void;
11
- onScroll(e: any): void;
16
+ onScroll(e: Event): void;
12
17
  }
@@ -1,11 +1,8 @@
1
1
  export declare class StringTypeSettings {
2
2
  private sC;
3
3
  private sA;
4
- private sD;
5
4
  get speed(): number;
6
5
  get speedAccelerate(): number;
7
- get speedDecelerate(): number;
8
6
  set speedAccelerate(speed: number);
9
- set speedDecelerate(speed: number);
10
- private updateScrollParams;
7
+ set speed(speed: number);
11
8
  }
@@ -1,10 +1,11 @@
1
1
  export declare class StringFPS {
2
2
  private isAnimationStarted;
3
3
  private fpsInterval;
4
- private now;
4
+ private _now;
5
5
  private then;
6
6
  private elapsed;
7
7
  private requestAnimationId;
8
+ get now(): any;
8
9
  onFrame: () => void;
9
10
  start(fps: number): void;
10
11
  stop(): void;
@@ -1,20 +1,22 @@
1
1
  import { IStringModule } from './IStringModule';
2
2
  import { StringVirtualCursor } from './Mouse/StringVirtualCursor';
3
3
  import { StringObject } from './Objects/StringObject';
4
+ import { StringFPS } from './StringFPS';
4
5
  import { StringAttribute } from './Utils/StringAttribute';
5
6
  import { StringBoundingClientRect } from './Utils/StringBoundingClientRect';
6
7
  import { StringData } from './Utils/StringData';
7
8
  import { StringEvent } from './Utils/StringEvent';
8
- import { StringLerp } from './Utils/StringLerp';
9
+ import { StringLerpCalc } from './Utils/StringLerpCalc';
9
10
  import { StringPosition } from './Utils/StringPosition';
10
11
  export declare class StringModule implements IStringModule {
11
- lerp: StringLerp;
12
+ lerp: StringLerpCalc;
12
13
  attribute: StringAttribute;
13
14
  boundingClientRect: StringBoundingClientRect;
14
15
  position: StringPosition;
15
16
  events: StringEvent;
16
17
  data: StringData;
17
18
  virtualCursor: StringVirtualCursor;
19
+ loop: StringFPS;
18
20
  settings: any;
19
21
  protected objectsMap: Map<string, StringObject>;
20
22
  protected objects: Array<StringObject>;
@@ -22,6 +24,10 @@ export declare class StringModule implements IStringModule {
22
24
  protected _type: number;
23
25
  get type(): number;
24
26
  constructor(visitor: any, settings?: any);
27
+ initObject(object: StringObject, el: HTMLElement): void;
28
+ onScrollStart(): void;
29
+ onScrollStop(): void;
30
+ onChangeDirection(): void;
25
31
  destructor(): void;
26
32
  onChangeScrollParams(): void;
27
33
  tryConnect(object: StringObject): boolean;
@@ -0,0 +1,16 @@
1
+ import { StringModule } from '../StringModule';
2
+ import { StringData } from '../Utils/StringData';
3
+ export declare class StringDelayLerpTracker extends StringModule {
4
+ private canvas;
5
+ private context;
6
+ private positionHistory;
7
+ private maxHistory;
8
+ private currentPosition;
9
+ private targetPosition;
10
+ private canvasHeight;
11
+ constructor(visitor: any);
12
+ onStart(): void;
13
+ onScroll(data: StringData): void;
14
+ drawGraph(): void;
15
+ setTargetPosition(position: number): void;
16
+ }
@@ -0,0 +1,15 @@
1
+ import { StringModule } from '../StringModule';
2
+ import { StringData } from '../Utils/StringData';
3
+ export declare class StringLerpTracker extends StringModule {
4
+ private canvas;
5
+ private context;
6
+ private positionHistory;
7
+ private maxHistory;
8
+ private currentPosition;
9
+ private targetPosition;
10
+ constructor(visitor: any);
11
+ onStart(): void;
12
+ onScroll(data: StringData): void;
13
+ drawGraph(): void;
14
+ setTargetPosition(position: number): void;
15
+ }
@@ -1,8 +1,11 @@
1
1
  export declare class StringData {
2
+ three: any;
2
3
  t: number;
3
4
  c: number;
4
5
  d: number;
5
6
  v: number;
7
+ dV: number;
8
+ sDB: boolean;
6
9
  bS: number;
7
10
  cF: number;
8
11
  wS: number;
@@ -0,0 +1,3 @@
1
+ export declare class StringLerpCalc {
2
+ process(start: number, end: number, amt: number): number;
3
+ }
@@ -0,0 +1,7 @@
1
+ import { String3DCamera } from "../3D/String3DCamera";
2
+ import { String3DObject } from "../3D/String3DObject";
3
+ export declare function StringToCanvas(types: any, camera: String3DCamera, htmlElement: HTMLElement, object: String3DObject): {
4
+ position: any;
5
+ scale: any;
6
+ scaleAbsolute: any;
7
+ };
package/dist/index.d.ts CHANGED
@@ -6,12 +6,16 @@ import { StringMagnetic } from './Mouse/Modules/StringMagnetic';
6
6
  import { StringObject } from './Objects/StringObject';
7
7
  import { StringResponsive } from './Screen/StringResponsive';
8
8
  import { StringScrollbar } from './Scroll/Modules/Scrollbar/StringScrollbar';
9
- import { StringDisplacement } from './Scroll/Modules/StringDisplacement';
9
+ import { StringAnchor } from './Scroll/Modules/StringAnchor';
10
+ import { StringGlide } from './Scroll/Modules/StringGlide';
11
+ import { StringLerp } from './Scroll/Modules/StringLerp';
10
12
  import { StringParallax } from './Scroll/Modules/StringParallax';
11
13
  import { StringProgress } from './Scroll/Modules/StringProgress';
12
14
  import { StringSplit } from './Split/Modules/StringSplit';
13
15
  import { StringModule } from './StringModule';
16
+ import { StringDelayLerpTracker } from './Tracker/StringDelayLerpTracker';
14
17
  import { StringFPSTracker } from './Tracker/StringFPSTracker';
18
+ import { StringLerpTracker } from './Tracker/StringLerpTracker';
15
19
  import { StringPositionTracker } from './Tracker/StringPositionTracker';
16
20
  declare class StringTune {
17
21
  private static i;
@@ -46,8 +50,8 @@ declare class StringTune {
46
50
  set scrollDirection(scrollDirection: 'vertical' | 'horizontal');
47
51
  get speedAccelerate(): number;
48
52
  set speedAccelerate(speed: number);
49
- get speedDecelerate(): number;
50
- set speedDecelerate(speed: number);
53
+ get speed(): number;
54
+ set speed(speed: number);
51
55
  get scrollPosition(): number;
52
56
  set scrollPosition(scrollPosition: number);
53
57
  set scrollContainer(container: any);
@@ -64,8 +68,8 @@ declare class StringTune {
64
68
  private onChangeScrollParams;
65
69
  private initObjects;
66
70
  destroy(): void;
67
- on(key: 'scroll' | 'progress' | 'intersection' | 'lerp' | 'inview' | 'cursor', event: any, id?: string): void;
68
- off(key: 'scroll' | 'progress' | 'intersection' | 'lerp' | 'inview' | 'cursor', event: any, id?: string): void;
71
+ on(key: 'scroll' | 'progress' | 'intersection' | 'lerp' | 'inview' | 'cursor' | 'lazy-loaded' | 'update', event: any, id?: string): void;
72
+ off(key: 'scroll' | 'progress' | 'intersection' | 'lerp' | 'inview' | 'cursor' | 'lazy-loaded' | 'update', event: any, id?: string): void;
69
73
  private defaultSettings;
70
74
  setupSettings(settings: any): void;
71
75
  protected setupObject(el: HTMLElement, object: StringObject): void;
@@ -73,10 +77,13 @@ declare class StringTune {
73
77
  removeObject(id: string): void;
74
78
  private onMouseMoveEvent;
75
79
  private onWheelEvent;
80
+ private onScrollStart;
81
+ private onScrollStop;
82
+ private onChangeDirection;
76
83
  private onScrollEvent;
77
84
  private onUpdateEvent;
78
85
  private onResizeEvent;
79
86
  private initMutationObserver;
80
87
  private rebuild;
81
88
  }
82
- export { StringTune as default, StringCursor, StringDisplacement, StringFPSTracker, StringLazy, StringLoading, StringMagnetic, StringParallax, StringPositionTracker, StringProgress, StringResponsive, StringScrollbar, StringSplit, StringTune as StringTune, StringVideoAutoplay };
89
+ export { StringTune as default, StringCursor, StringDelayLerpTracker, StringFPSTracker, StringGlide, StringLazy, StringLerp, StringLerpTracker, StringLoading, StringMagnetic, StringParallax, StringPositionTracker, StringProgress, StringResponsive, StringScrollbar, StringSplit, StringAnchor, StringTune as StringTune, StringVideoAutoplay };