ng-cw-v12
Version:
Angular UI Component Library
75 lines (74 loc) • 3.62 kB
TypeScript
import { OnInit, OnDestroy, AfterViewInit, ElementRef, OnChanges, SimpleChanges, NgZone } from '@angular/core';
import * as i0 from "@angular/core";
export declare class GrainientBackgroundComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
private ngZone;
containerRef: ElementRef<HTMLDivElement>;
/** 渐变混合中使用的主色（十六进制字符串） */
ncColor1: string;
/** 渐变混合中使用的辅助强调色（十六进制字符串） */
ncColor2: string;
/** 渐变混合中使用了深色底色（十六进制字符串） */
ncColor3: string;
/** 渐变动画的速度倍增器（0-5） */
ncTimeSpeed: number;
/** 将色调平衡向深色或浅色方向调整（-1.0 到 1.0） */
ncColorBalance: number;
/** 波扭曲变形强度（0-4） */
ncWarpStrength: number;
/** 波的弯曲频率（0-12） */
ncWarpFrequency: number;
/** 弯曲动画的速度倍率（0-6）*/
ncWarpSpeed: number;
/** 扭曲变形的基准振幅（5-80） */
ncWarpAmplitude: number;
/** 颜色混合轴的旋转角度（deg -180-180） */
ncBlendAngle: number;
/** 柔化颜色图层之间的过渡边缘（0-0.4） */
ncBlendSoftness: number;
/** 旋转量受噪声驱动（0-1440） */
ncRotationAmount: number;
/** 调整驱动旋转的噪声频率（0-4） */
ncNoiseScale: number;
/** 颗粒感强度（0-0.4） */
ncGrainAmount: number;
/** 颗粒感尺度（0.2-8） */
ncGrainScale: number;
/** 让谷物随时间变化呈现动画效果 */
private _grainAnimated;
set ncGrainAnimated(val: boolean | string);
get ncGrainAnimated(): boolean;
/** 对最终颜色进行整体对比度调整（0-2.5） */
ncContrast: number;
/** 最终颜色的伽马校正（0.4-2.5） */
ncGamma: number;
/** 最终颜色的饱和度（0-2.5） */
ncSaturation: number;
/** 渐变中心的水平偏移量（-1-1） */
ncCenterX: number;
/** 渐变中心垂直偏移量（-1-1） */
ncCenterY: number;
/** 渐变场的缩放级别（0.3-3） */
ncZoom: number;
private renderer;
private scene;
private camera;
private mesh;
private material;
private time0;
private rafId;
private resizeObserver;
constructor(ngZone: NgZone);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
ngOnChanges(changes: SimpleChanges): void;
private initScene;
private updateUniforms;
private hexToRgb;
private setupResizeObserver;
private onResize;
private animate;
private render;
static ɵfac: i0.ɵɵFactoryDeclaration<GrainientBackgroundComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<GrainientBackgroundComponent, "nc-grainient-background", never, { "ncColor1": "ncColor1"; "ncColor2": "ncColor2"; "ncColor3": "ncColor3"; "ncTimeSpeed": "ncTimeSpeed"; "ncColorBalance": "ncColorBalance"; "ncWarpStrength": "ncWarpStrength"; "ncWarpFrequency": "ncWarpFrequency"; "ncWarpSpeed": "ncWarpSpeed"; "ncWarpAmplitude": "ncWarpAmplitude"; "ncBlendAngle": "ncBlendAngle"; "ncBlendSoftness": "ncBlendSoftness"; "ncRotationAmount": "ncRotationAmount"; "ncNoiseScale": "ncNoiseScale"; "ncGrainAmount": "ncGrainAmount"; "ncGrainScale": "ncGrainScale"; "ncGrainAnimated": "ncGrainAnimated"; "ncContrast": "ncContrast"; "ncGamma": "ncGamma"; "ncSaturation": "ncSaturation"; "ncCenterX": "ncCenterX"; "ncCenterY": "ncCenterY"; "ncZoom": "ncZoom"; }, {}, never, ["*"]>;
}