ng-cw-v12
Version:
Angular UI Component Library
72 lines (71 loc) • 3.49 kB
TypeScript
import { OnInit, OnDestroy, AfterViewInit, ElementRef, OnChanges, SimpleChanges, NgZone } from '@angular/core';
import * as i0 from "@angular/core";
export declare class GalaxyBackgroundComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
private ngZone;
containerRef: ElementRef<HTMLDivElement>;
/** 将星系效应的焦点设置为 [x, y] 坐标(0-1) */
ncFocal: [number, number];
/** 控制星系的旋转矩阵,其旋转值为[x, y] */
ncRotation: [number, number];
/** 控制星星的移动速度和动画效果(0.1-2) */
ncStarSpeed: number;
/** 控制星星的密度(0.1-3) */
ncDensity: number;
/** 将所有星星的色调按指定的角度(0-360度)进行调整(在ncSaturation不为0时生效)*/
ncHueShift: number;
/** 为真时,停止所有基于时间的动画 */
private _disableAnimation;
set ncDisableAnimation(val: boolean | string);
get ncDisableAnimation(): boolean;
/** 所有动画的全局速度倍率(0.1-3) */
ncSpeed: number;
/** 是否启用鼠标交互 */
private _mouseInteraction;
set ncMouseInteraction(val: boolean | string);
get ncMouseInteraction(): boolean;
/** 控制星光效果的强度(0-1) */
ncGlowIntensity: number;
/** 控制星星的颜色饱和度(0-1,0:灰度 1:全彩) */
ncSaturation: number;
/** 是否启用鼠标排斥效果 */
private _mouseRepulsion;
set ncMouseRepulsion(val: boolean | string);
get ncMouseRepulsion(): boolean;
/** 鼠标排斥力度(0-10) */
ncRepulsionStrength: number;
/** 控制星星闪烁的程度(0-1,0:不闪烁 1:最大闪烁) */
ncTwinkleIntensity: number;
/** 星系自动旋转的速度(0-0.5) */
ncRotationSpeed: number;
/** 自动向中心排斥的强度(0-20,如果大于0则不使用鼠标位置) */
ncAutoCenterRepulsion: number;
private renderer;
private scene;
private camera;
private material;
private resizeObserver;
private animationId;
private uniforms;
private targetMousePos;
private smoothMousePos;
private targetMouseActive;
private smoothMouseActive;
constructor(ngZone: NgZone);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
ngOnChanges(changes: SimpleChanges): void;
private initWebGL;
private updateUniforms;
private resize;
private animate;
onMouseMove(e: MouseEvent): void;
onMouseLeave(): void;
onTouchMove(e: TouchEvent): void;
onTouchEnd(): void;
private updateMousePos;
private handleMouseLeave;
private cleanup;
static ɵfac: i0.ɵɵFactoryDeclaration<GalaxyBackgroundComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<GalaxyBackgroundComponent, "nc-galaxy-background", never, { "ncFocal": "ncFocal"; "ncRotation": "ncRotation"; "ncStarSpeed": "ncStarSpeed"; "ncDensity": "ncDensity"; "ncHueShift": "ncHueShift"; "ncDisableAnimation": "ncDisableAnimation"; "ncSpeed": "ncSpeed"; "ncMouseInteraction": "ncMouseInteraction"; "ncGlowIntensity": "ncGlowIntensity"; "ncSaturation": "ncSaturation"; "ncMouseRepulsion": "ncMouseRepulsion"; "ncRepulsionStrength": "ncRepulsionStrength"; "ncTwinkleIntensity": "ncTwinkleIntensity"; "ncRotationSpeed": "ncRotationSpeed"; "ncAutoCenterRepulsion": "ncAutoCenterRepulsion"; }, {}, never, ["*"]>;
}