Options
All
  • Public
  • Public/Protected
  • All
Menu

Class NgxKeyframeComponent

The Keyframe component.

See the ngx3js docs page for details.

<ngx3js-clip [duration]="3" [name]="'default'">
    <ngx3js-keyframe
        [type]="'quaternion'"
        [times]="[0, 1, 2]"
        [quaternions]="[
            { x: 0, y: 0, z: 0 },
            { x: 180, y: 0, z: 0 },
            { x: 0, y: 0, z: 0 }
        ]"
    ></ngx3js-keyframe>
    <ngx3js-keyframe
        [type]="'position'"
        [times]="[0, 1, 2]"
        [vectors]="[0, 0, 0, 30, 0, 0, 0, 0, 0]"
    ></ngx3js-keyframe>
    <ngx3js-keyframe
        [type]="'scale'"
        [times]="[0, 1, 2]"
        [vectors]="[1, 1, 1, 2, 2, 2, 1, 1, 1]"
    ></ngx3js-keyframe>
    <ngx3js-keyframe
        [type]="'quaternion'"
        [times]="[0, 1, 2]"
        [quaternions]="[
            { x: 0, y: 0, z: 0 },
            { x: 180, y: 0, z: 0 },
            { x: 0, y: 0, z: 0 }
        ]"
    ></ngx3js-keyframe>
    <ngx3js-keyframe
        [type]="'color'"
        [times]="[0, 1, 2]"
        [colors]="['0xff0000', '0x00ff00', '0x0000ff']"
        [interpolation]="'InterpolateDiscrete'"
    ></ngx3js-keyframe>
    <ngx3js-keyframe
        [type]="'opacity'"
        [times]="[0, 1, 2]"
        [values]="[1, 0, 1]"
    ></ngx3js-keyframe>
</ngx3js-clip>
see

THREE.KeyframeTrack

Hierarchy

Implements

  • OnInit

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

Protected OBJECT_ATTR

OBJECT_ATTR: string[] = ...

Object attr of abstract subscribe component

Protected _changeList

_changeList: string[] = null

Change list of abstract subscribe component

Protected _needUpdate

_needUpdate: boolean = true

Need update of abstract subscribe component

booleans

booleans: number[] | boolean[] = []

values for the keyframes at the times specified.

colors

colors: string[] | number[] | { b: number; g: number; r: number }[] = []

values for the keyframes at the times specified.

debug

debug: boolean = false

Debug this Object

enabled

enabled: boolean = true

Enabled or Not

Protected id

id: string = ''

The Id of abstract subscribe component

interpolation

interpolation: string = ''

the type of interpolation to use. See

Three Type Value String(case insensitive)
THREE.InterpolateDiscrete InterpolateDiscrete, Discrete
THREE.InterpolateLinear InterpolateLinear, Linear
THREE.InterpolateSmooth InterpolateSmooth, Smooth

name

name: string = ''

identifier for the KeyframeTrack

material.opacity - The material opacity material.color - The material color

onDestory

onDestory: EventEmitter<NgxKeyframeComponent> = ...

Will be called when before destory. The argument will be the loaded self

onLoad

onLoad: EventEmitter<NgxKeyframeComponent> = ...

Will be called when load completes. The argument will be the loaded self

overrideParams

overrideParams: {} = null

The override params

Type declaration

  • [key: string]: any

Protected parent

parent: any = null

The Parent of abstract subscribe component

quaternions

quaternions: number[] | { w?: number; x: number; y: number; z: number }[] = []

values for the keyframes at the times specified.

Protected selfAny

selfAny: any = ...

Protected subscribeType

subscribeType: string = null

Subscribe type of abstract subscribe component

times

times: number[] = null

(required) array of keyframe times.

tween

tween: {} = null

Tween animation params

Type declaration

  • [key: string]: any

type

type: string = ''

identifier for the KeyframeTrack

Three Type Value String(case insensitive)
THREE.VectorKeyframeTrack position - The position of object3d
THREE.VectorKeyframeTrack scale - The scale of object3d
THREE.QuaternionKeyframeTrack quaternion - The quaternion of object3d
THREE.ColorKeyframeTrack color - The color of material
THREE.ColorKeyframeTrack specular - The specular of material
THREE.ColorKeyframeTrack emissive - The emissive of material
THREE.ColorKeyframeTrack sheen - The sheen of material
THREE.NumberKeyframeTrack shininess - The shininess of material
THREE.NumberKeyframeTrack opacity - The opacity of material
THREE.NumberKeyframeTrack reflectivity - The reflectivity of material
THREE.BooleanKeyframeTrack transparent - The transparent of material
THREE.BooleanKeyframeTrack wireframe - The wireframe of material
THREE.VectorKeyframeTrack Vector, VectorKeyframe, VectorKeyframeTrack - The Vector of object3d
THREE.QuaternionKeyframeTrack Quaternion, QuaternionKeyframe, QuaternionKeyframeTrack - The quaternion of object3d
THREE.ColorKeyframeTrack Color, ColorKeyframe, ColorKeyframeTrack - The Color of object3d
THREE.NumberKeyframeTrack Number, NumberKeyframe, NumberKeyframeTrack - The Number of object3d
THREE.BooleanKeyframeTrack Boolean, BooleanKeyframe, BooleanKeyframeTrack - The Boolean of object3d

userData

userData: any = null

An object that can be used to store custom data about the Object3D. It should not hold references to functions as these will not be cloned.

values

values: number[] = []

values for the keyframes at the times specified.

vectors

vectors: number[] | { x: number; y: number; z: number }[] = []

values for the keyframes at the times specified.

windowExport

windowExport: string = null

Export this Object to window global variables

Accessors

needUpdate

  • set needUpdate(value: boolean): void

  • Sets need update

    Parameters

    • value: boolean

    Returns void

Methods

addChanges

  • addChanges(key: string | string[] | SimpleChanges): void

applyChanges

  • applyChanges(changes: string[]): void

Protected callOnLoad

  • callOnLoad(): void

Protected checkChanges

  • checkChanges(changes: SimpleChanges): SimpleChanges

Protected clearChanges

  • clearChanges(): void

Protected consoleLog

  • consoleLog(key: string, object: any, level?: string): void

Protected consoleLogTime

  • consoleLogTime(key: string, object: any, repeat?: number): void

Protected destroyLocalComponent

  • destroyLocalComponent(key: string): void

dispose

  • dispose(): void

Protected getChanges

  • getChanges(): string[]

getId

  • getId(): string

getKeyframe

getObject

  • getObject<T>(): T

getSubscribe

  • getSubscribe(): Observable<string[]>

Protected getTimeout

  • getTimeout(timeDelay?: number): Promise<void>

getUserData

  • getUserData(): {}

Protected initLocalComponent

  • initLocalComponent<T>(key: string, component: T): T

Protected isIdEuals

  • isIdEuals(id: string): boolean

ngAfterContentInit

  • ngAfterContentInit(): void

ngOnChanges

  • ngOnChanges(changes: SimpleChanges): void

  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated. default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

    Parameters

    • changes: SimpleChanges

      The changed properties.

    Returns void

ngOnDestroy

  • ngOnDestroy(): void

ngOnInit

  • ngOnInit(): void

  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

    Returns void

resetTween

  • resetTween(): void

runSubscribeNext

  • runSubscribeNext(key: string | string[]): void

setClip

Protected setObject

  • setObject(obj: any): void

setParent

  • setParent(parent: any): boolean

setSubscribeNext

  • setSubscribeNext(key: string | string[]): void

setSubscribeType

  • setSubscribeType(subscribeType: string): void

setTween

  • setTween(tweenData: {}): void

setTweenTarget

  • setTweenTarget(tweenTarget: any): void

setUserData

  • setUserData(key: string, value: any): void

Protected subscribeListQuery

  • subscribeListQuery(queryList: QueryList<any>, subscribeKey: string, changeKey: string): void

Protected subscribeListQueryChange

  • subscribeListQueryChange(queryList: QueryList<any>, subscribeKey: string, changeKey: string): void

Protected subscribeRefer

  • subscribeRefer(key: string, subscription: Subscription): void

Protected subscribeReferList

  • subscribeReferList(key: string, subscription: Subscription): void

Protected unSubscribeRefer

  • unSubscribeRefer(key: string): void

Protected unSubscribeReferList

  • unSubscribeReferList(key: string): void

Protected unSubscription

  • unSubscription(subscriptions: Subscription[]): Subscription[]

updateInputParams

  • updateInputParams(params: {}, firstChange?: boolean, changes?: SimpleChanges, type?: string): void

Generated using TypeDoc