ng-cw-v12
Version:
Angular UI Component Library
62 lines (61 loc) • 2.6 kB
TypeScript
import { OnInit, OnDestroy, AfterViewInit, ElementRef, OnChanges, SimpleChanges, NgZone } from '@angular/core';
import * as i0 from "@angular/core";
export declare class ColorBendsBackgroundComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
private ngZone;
containerRef: ElementRef<HTMLDivElement>;
/** 容器背景颜色 */
ncBgColor: string;
/** 旋转角度（deg -180 - 180） */
ncRotation: number;
/** 动画速度（0-1）*/
ncSpeed: number;
/** 用于混合弯曲部分的颜色（十六进制字符串数组，最大支持8个颜色） */
ncColors: string[];
/** 是否开启透明背景 */
private _transparent;
set ncTransparent(val: boolean | string);
get ncTransparent(): boolean;
/** 自动旋转速度（deg/s -5-5） */
ncAutoRotate: number;
/** 缩放比例（0.2-5） */
ncScale: number;
/** 频率（0-5） */
ncFrequency: number;
/** 扭曲强度（0-1） */
ncWarpStrength: number;
/** 鼠标影响力的强度（0-2） */
ncMouseInfluence: number;
/** 视差效果强度，视差效果是指指针移动内容时产生的效果（0-2） */
ncParallax: number;
/** 噪点强度（0-1） */
ncNoise: number;
private scene;
private camera;
private renderer;
private material;
private clock;
private geometry;
private pointerTarget;
private pointerCurrent;
private pointerSmooth;
private resizeObserver;
private intersectionObserver;
private isVisible;
private rafId;
private resizeRafId;
constructor(ngZone: NgZone);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
ngOnChanges(changes: SimpleChanges): void;
private initScene;
private updateUniforms;
onPointerMove(e: PointerEvent): void;
private resize;
private setupResizeObserver;
private setupIntersectionObserver;
private loop;
private cleanup;
static ɵfac: i0.ɵɵFactoryDeclaration<ColorBendsBackgroundComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ColorBendsBackgroundComponent, "nc-color-bends-background", never, { "ncBgColor": "ncBgColor"; "ncRotation": "ncRotation"; "ncSpeed": "ncSpeed"; "ncColors": "ncColors"; "ncTransparent": "ncTransparent"; "ncAutoRotate": "ncAutoRotate"; "ncScale": "ncScale"; "ncFrequency": "ncFrequency"; "ncWarpStrength": "ncWarpStrength"; "ncMouseInfluence": "ncMouseInfluence"; "ncParallax": "ncParallax"; "ncNoise": "ncNoise"; }, {}, never, ["*"]>;
}