NgxCurveComponent

The Curve component.

See the ngx3js docs page for details. See the ngx curve page for a live curve demo.

An abstract base class for creating a [name] object that contains methods for interpolation. For an array of [name]s see CurvePath.

<ngx3js-curve
    [type]="'catmullrom'" [points]="curvePath" [closed]="true "
    [curveType]="'centripetal'"
></ngx3js-curve>

Hierarchy

NgxAbstractSubscribeComponent
- NgxCurveComponent

Implements

OnInit

Constructors

constructor

new NgxCurveComponent(): NgxCurveComponent

Overrides NgxAbstractSubscribeComponent.constructor
- Defined in lib/curve/curve.component.ts:166
Creates an instance of curve component.

Returns NgxCurveComponent

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

aClockwise

aClockwise: boolean = null

Whether the ellipse is drawn clockwise. Default is false.

aEndAngle

aEndAngle: number = null

The end angle of the curve in radians starting from the positive X axis. Default is 2 x Math.PI.

aRadius

aRadius: number = null

The aRadius of curve component

aRotation

aRotation: number = null

The rotation angle of the ellipse in radians, counterclockwise from the positive X axis (optional). Default is 0.

aStartAngle

aStartAngle: number = null

The start angle of the curve in radians starting from the positive X axis. Default is 0.

aX

aX: number = null

The X center of the ellipse. Default is 0.

aY

aY: number = null

The Y center of the ellipse. Default is 0.

closed

closed: boolean = null

Whether the curve is closed. Default is false.

curveType

curveType: string = null

Possible values are centripetal, chordal and catmullrom.

Notice - case insensitive.

debug

debug: boolean = false

Debug this Object

enabled

enabled: boolean = true

Enabled or Not

Protected id

id: string = ''

The Id of abstract subscribe component

onDestory

onDestory: EventEmitter<NgxCurveComponent> = ...

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

onLoad

onLoad: EventEmitter<NgxCurveComponent> = ...

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

points

points: INgxVector[] = null

array of Vector2s. Creates a Path from the points. The first point defines the offset, then successive points are added to the curves array as LineCurves. If no points are specified, an empty path is created and the LineCurve.currentPoint is set to the origin.

Protected selfAny

selfAny: any = ...

Protected subscribeType

subscribeType: string = null

Subscribe type of abstract subscribe component

tension

tension: number = null

When CatmullRomCurve3.curveType is catmullrom, defines catmullrom's tension.

tween

tween: {} = null

Tween animation params

Type declaration

[key: string]: any

type

type: string = 'spline'

The curve type

Three Type	Value String(case insensitive)
THREE.ArcCurve	ArcCurve, Arc
THREE.CatmullRomCurve3	CatmullRomCurve3, Spline3, Catmullrom
THREE.CubicBezierCurve	CubicBezierCurve, CubicBezier
THREE.CubicBezierCurve3	CubicBezierCurve3, CubicBezier3
THREE.EllipseCurve	EllipseCurve, Ellipse
THREE.LineCurve	LineCurve, Line
THREE.LineCurve3	LineCurve3, Line3
THREE.QuadraticBezierCurve	QuadraticBezierCurve, QuadraticBezier
THREE.QuadraticBezierCurve3	QuadraticBezierCurve3, QuadraticBezier3
THREE.SplineCurve	SplineCurve, Spline

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.

windowExport

windowExport: string = null

Export this Object to window global variables

xRadius

xRadius: number = null

The radius of the ellipse in the x direction. Default is 1.

yRadius

yRadius: number = null

The radius of the ellipse in the y direction. Default is 1.

Accessors

needUpdate

set needUpdate(value: boolean): void

Inherited from NgxAbstractSubscribeComponent.needUpdate
- Defined in lib/subscribe.abstract.ts:278
Sets need update

Parameters
- value: boolean
Returns void

Methods

addChanges

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

Inherited from NgxAbstractSubscribeComponent.addChanges
- Defined in lib/subscribe.abstract.ts:353
Adds changes

Parameters
- key: string | string[] | SimpleChanges
Returns void

applyChanges

applyChanges(changes: string[]): void

Overrides NgxAbstractSubscribeComponent.applyChanges
- Defined in lib/curve/curve.component.ts:217
Applys changes

Parameters
- changes: string[]
Returns void

Protected callOnLoad

callOnLoad(): void

Inherited from NgxAbstractSubscribeComponent.callOnLoad
- Defined in lib/subscribe.abstract.ts:266
Calls on load

Returns void

Protected checkChanges

checkChanges(changes: SimpleChanges): SimpleChanges

Inherited from NgxAbstractSubscribeComponent.checkChanges
- Defined in lib/subscribe.abstract.ts:299
Checks changes

Parameters
- changes: SimpleChanges
Returns SimpleChanges
changes

Protected clearChanges

clearChanges(): void

Inherited from NgxAbstractSubscribeComponent.clearChanges
- Defined in lib/subscribe.abstract.ts:406
Clears changes

Returns void

Protected consoleLog

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

Inherited from NgxAbstractSubscribeComponent.consoleLog
- Defined in lib/subscribe.abstract.ts:327
Consoles log

Parameters
- key: string
- object: any
- level: string = 'log'
Returns void

Protected consoleLogTime

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

Inherited from NgxAbstractSubscribeComponent.consoleLogTime
- Defined in lib/subscribe.abstract.ts:314
Consoles log time

Parameters
- key: string
- object: any
- repeat: number = 300
Returns void

Protected destroyLocalComponent

destroyLocalComponent(key: string): void

Inherited from NgxAbstractSubscribeComponent.destroyLocalComponent
- Defined in lib/subscribe.abstract.ts:664
Destroys local component

Parameters
- key: string
Returns void

dispose

dispose(): void

Inherited from NgxAbstractSubscribeComponent.dispose
- Defined in lib/subscribe.abstract.ts:240
Disposes abstract subscribe component

Returns void

Protected getChanges

getChanges(): string[]

Inherited from NgxAbstractSubscribeComponent.getChanges
- Defined in lib/subscribe.abstract.ts:388
Gets changes

Returns string[]
changes

getCurve

getCurve(): I3JS.Curve<Vector>

- Defined in lib/curve/curve.component.ts:244
Gets curve

Returns I3JS.Curve<Vector>
curve

getId

getId(): string

Inherited from NgxAbstractSubscribeComponent.getId
- Defined in lib/subscribe.abstract.ts:113
Gets id

Returns string
id

getObject

getObject<T>(): T

Inherited from NgxAbstractSubscribeComponent.getObject
- Defined in lib/subscribe.abstract.ts:451
Gets object

Type parameters
- T
Returns T
object

getSubscribe

getSubscribe(): Observable<string[]>

Inherited from NgxAbstractSubscribeComponent.getSubscribe
- Defined in lib/subscribe.abstract.ts:527
Gets subscribe

Returns Observable<string[]>
subscribe

Protected getTimeout

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

Inherited from NgxAbstractSubscribeComponent.getTimeout
- Defined in lib/subscribe.abstract.ts:819
Gets timeout 특정 시간후에 이벤트 발생시키기

Parameters
- timeDelay: number = 50
Returns Promise<void>
timeout

getUserData

getUserData(): {}

Inherited from NgxAbstractSubscribeComponent.getUserData
- Defined in lib/subscribe.abstract.ts:464
Gets user data

Returns {}
- [key: string]: any

Protected initLocalComponent

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

Inherited from NgxAbstractSubscribeComponent.initLocalComponent
- Defined in lib/subscribe.abstract.ts:678
Inits local component

Type parameters
- T: OnInit & OnDestroy
Parameters
- key: string
- component: T
Returns T
local component

Protected isIdEuals

isIdEuals(id: string): boolean

Inherited from NgxAbstractSubscribeComponent.isIdEuals
- Defined in lib/subscribe.abstract.ts:255
Determines whether id euals is

Parameters
- id: string
Returns boolean
true if id euals

ngAfterContentInit

ngAfterContentInit(): void

Overrides NgxAbstractSubscribeComponent.ngAfterContentInit
- Defined in lib/curve/curve.component.ts:203
A callback method that is invoked immediately after Angular has completed initialization of all of the directive's content. It is invoked only once when the directive is instantiated.

Returns void

ngOnChanges

ngOnChanges(changes: SimpleChanges): void

Overrides NgxAbstractSubscribeComponent.ngOnChanges
- Defined in lib/curve/curve.component.ts:192
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

Overrides NgxAbstractSubscribeComponent.ngOnDestroy
- Defined in lib/curve/curve.component.ts:181
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

Returns void

ngOnInit

ngOnInit(): void

Implementation of OnInit.ngOnInit
Overrides NgxAbstractSubscribeComponent.ngOnInit
- Defined in lib/curve/curve.component.ts:174
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

Inherited from NgxAbstractSubscribeComponent.resetTween
- Defined in lib/subscribe.abstract.ts:846
Resets tween

Returns void

runSubscribeNext

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

Inherited from NgxAbstractSubscribeComponent.runSubscribeNext
- Defined in lib/subscribe.abstract.ts:597
Runs subscribe next

Parameters
- key: string | string[]
Returns void

Protected setObject

setObject(obj: any): void

Inherited from NgxAbstractSubscribeComponent.setObject
- Defined in lib/subscribe.abstract.ts:485
Sets object

Parameters
- obj: any
Returns void

setParent

setParent(parent: any): boolean

Inherited from NgxAbstractSubscribeComponent.setParent
- Defined in lib/subscribe.abstract.ts:803
Sets parent

Parameters
- parent: any
Returns boolean
true if parent

setSubscribeNext

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

Inherited from NgxAbstractSubscribeComponent.setSubscribeNext
- Defined in lib/subscribe.abstract.ts:545
Sets subscribe next

Parameters
- key: string | string[]
Returns void

setSubscribeType

setSubscribeType(subscribeType: string): void

Inherited from NgxAbstractSubscribeComponent.setSubscribeType
- Defined in lib/subscribe.abstract.ts:246
Sets subscribe type

Parameters
- subscribeType: string
Returns void

setTween

setTween(tweenData: {}): void

Inherited from NgxAbstractSubscribeComponent.setTween
- Defined in lib/subscribe.abstract.ts:185
Sets tween

Parameters
- tweenData: {}
  - [key: string]: any
Returns void

setTweenTarget

setTweenTarget(tweenTarget: any): void

Inherited from NgxAbstractSubscribeComponent.setTweenTarget
- Defined in lib/subscribe.abstract.ts:831
Sets tween target

Parameters
- tweenTarget: any
Returns void

setUserData

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

Inherited from NgxAbstractSubscribeComponent.setUserData
- Defined in lib/subscribe.abstract.ts:473
Sets user data

Parameters
- key: string
- value: any
Returns void

Protected subscribeListQuery

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

Inherited from NgxAbstractSubscribeComponent.subscribeListQuery
- Defined in lib/subscribe.abstract.ts:775
Subscribes list query

Parameters
- queryList: QueryList<any>
- subscribeKey: string
- changeKey: string
Returns void

Protected subscribeListQueryChange

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

Inherited from NgxAbstractSubscribeComponent.subscribeListQueryChange
- Defined in lib/subscribe.abstract.ts:757
Subscribes list query change

Parameters
- queryList: QueryList<any>
- subscribeKey: string
- changeKey: string
Returns void

Protected subscribeRefer

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

Inherited from NgxAbstractSubscribeComponent.subscribeRefer
- Defined in lib/subscribe.abstract.ts:636
Subscribes refer

Parameters
- key: string
- subscription: Subscription
Returns void

Protected subscribeReferList

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

Inherited from NgxAbstractSubscribeComponent.subscribeReferList
- Defined in lib/subscribe.abstract.ts:742
Subscribes refer list

Parameters
- key: string
- subscription: Subscription
Returns void

Protected unSubscribeRefer

unSubscribeRefer(key: string): void

Inherited from NgxAbstractSubscribeComponent.unSubscribeRefer
- Defined in lib/subscribe.abstract.ts:624
subscribe refer

Parameters
- key: string
Returns void

Protected unSubscribeReferList

unSubscribeReferList(key: string): void

Inherited from NgxAbstractSubscribeComponent.unSubscribeReferList
- Defined in lib/subscribe.abstract.ts:728
subscribe refer list

Parameters
- key: string
Returns void

Protected unSubscription

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

Inherited from NgxAbstractSubscribeComponent.unSubscription
- Defined in lib/subscribe.abstract.ts:606
subscription

Parameters
- subscriptions: Subscription[]
Returns Subscription[]
subscription

updateInputParams

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

Inherited from NgxAbstractSubscribeComponent.updateInputParams
- Defined in lib/subscribe.abstract.ts:696
Updates input params

Parameters
- params: {}
  - [key: string]: any
- firstChange: boolean = true
- changes: SimpleChanges = {}
- type: string = null
Returns void

Hierarchy

Implements

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Returns NgxCurveComponent

Properties

Protected OBJECT_ATTR

Protected _changeList

Protected _needUpdate

aClockwise

aEndAngle

aRadius

aRotation

aStartAngle

aX

aY

closed

curveType

debug

enabled

Protected id

onDestory

onLoad

overrideParams

Type declaration

[key: string]: any

Protected parent

points

Protected selfAny

Protected subscribeType

tension

tween

Type declaration

[key: string]: any

type

userData

windowExport

xRadius

yRadius

Accessors

needUpdate

Parameters

value: boolean

Returns void

Methods

addChanges

Parameters

key: string | string[] | SimpleChanges

Returns void

applyChanges

Parameters

changes: string[]

Returns void

Protected callOnLoad

Returns void

Protected checkChanges

Parameters

changes: SimpleChanges

Returns SimpleChanges

Protected clearChanges

Returns void

Protected consoleLog

Parameters

key: string

object: any

level: string = 'log'

Returns void

Protected consoleLogTime

Parameters

key: string

object: any

repeat: number = 300

Returns void

Protected destroyLocalComponent

Parameters