angular-template-for-threejs documentation
  1. Components
  2. LayerActorComponent

File

projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts

Extends

AbstractEmptyDirective

Metadata

providers provideParent(LayerActorComponent)
selector atft-layer-actor
template 
<atft-plane-mesh atft-raycaster-group [width]="width" [height]="height" [materialColor]="color" (mouseEnter)="onSelected()"
                 (mouseExit)="onDeselected()">
  <atft-text-mesh [centered]="true" [text]="label" [size]="5" [translateX]="translateLabelX" [rotateZ]="(90 | deg2rad)"
                  materialColor="#E0E0E0">
  </atft-text-mesh>
</atft-plane-mesh>

Index

Properties
Methods
Inputs
Outputs
Accessors

Inputs

height
Type : number
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:35
label
Type : string
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:20
width
Type : number
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:23
layer
Type : number
Default value : 0
Inherited from AbstractObject3D
Defined in AbstractObject3D:42
name
Type : string
Default value : uuidv4()
Inherited from AbstractObject3D
Defined in AbstractObject3D:40
rotateX
Type : number
Inherited from AbstractObject3D
Defined in AbstractObject3D:24

Rotation in Euler angles (radians) with order X, Y, Z.
rotateY
Type : number
Inherited from AbstractObject3D
Defined in AbstractObject3D:25
rotateZ
Type : number
Inherited from AbstractObject3D
Defined in AbstractObject3D:26
scaleX
Type : number
Default value : 1
Inherited from AbstractObject3D
Defined in AbstractObject3D:36
scaleY
Type : number
Default value : 1
Inherited from AbstractObject3D
Defined in AbstractObject3D:37
scaleZ
Type : number
Default value : 1
Inherited from AbstractObject3D
Defined in AbstractObject3D:38
translateX
Type : number
Inherited from AbstractObject3D
Defined in AbstractObject3D:31

Translate the geometry. This is typically done as a one time operation, and not during a loop.
translateY
Type : number
Inherited from AbstractObject3D
Defined in AbstractObject3D:32
translateZ
Type : number
Inherited from AbstractObject3D
Defined in AbstractObject3D:33

Outputs

deselected
Type : EventEmitter
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:39
render
Type : EventEmitter
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:37
selected
Type : EventEmitter
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:38
changed
Type : EventEmitter
Inherited from AbstractObject3D
Defined in AbstractObject3D:44

Methods

Public onClick
onClick()
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:53
Returns : void
Public onDeselected
onDeselected()
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:49
Returns : void
Public onSelected
onSelected()
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:45
Returns : void
Protected newObject3DInstance
newObject3DInstance()
Inherited from AbstractObject3D
Defined in AbstractObject3D:8
Returns : THREE.Object3D
Public addChild
addChild(object: AbstractObject3D<any>)
Inherited from AbstractObject3D
Defined in AbstractObject3D:143
Parameters :
Name Type Optional
object AbstractObject3D<any> No
Returns : void
Protected afterInit
afterInit()
Inherited from AbstractObject3D
Defined in AbstractObject3D:156
Returns : void
Public applyRotation
applyRotation()
Inherited from AbstractObject3D
Defined in AbstractObject3D:118
Returns : void
Public applyScale
applyScale()
Inherited from AbstractObject3D
Defined in AbstractObject3D:135
Returns : void
Public applyTranslation
applyTranslation()
Inherited from AbstractObject3D
Defined in AbstractObject3D:127
Returns : void
Public findByName
findByName(name: string)
Inherited from AbstractObject3D
Defined in AbstractObject3D:185
Parameters :
Name Type Optional
name string No
Returns : any
Public getChildren
getChildren()
Inherited from AbstractObject3D
Defined in AbstractObject3D:202
Returns : Array<AbstractObject3D<any>>
Public getObject
getObject()
Inherited from AbstractObject3D
Defined in AbstractObject3D:175
Returns : T
Public ngAfterViewInit
ngAfterViewInit()
Inherited from AbstractObject3D
Defined in AbstractObject3D:181
Returns : void
Public ngOnChanges
ngOnChanges(changes: SimpleChanges)
Inherited from AbstractObject3D
Defined in AbstractObject3D:57
Parameters :
Name Type Optional
changes SimpleChanges No
Returns : void
Public ngOnDestroy
ngOnDestroy()
Inherited from AbstractObject3D
Defined in AbstractObject3D:86
Returns : void
Public ngOnInit
ngOnInit()
Inherited from AbstractObject3D
Defined in AbstractObject3D:97
Returns : void
Protected recursionByName
recursionByName(currentNode: AbstractObject3D<any>, name: string)
Inherited from AbstractObject3D
Defined in AbstractObject3D:192
Parameters :
Name Type Optional
currentNode AbstractObject3D<any> No
name string No
Returns : any
Public removeChild
removeChild(object: AbstractObject3D<any>)
Inherited from AbstractObject3D
Defined in AbstractObject3D:160
Parameters :
Name Type Optional
object AbstractObject3D<any> No
Returns : void
Public removeChildByName
removeChildByName(name: string)
Inherited from AbstractObject3D
Defined in AbstractObject3D:206
Parameters :
Name Type Optional
name string No
Returns : void
Public updateParent
updateParent()
Inherited from AbstractObject3D
Defined in AbstractObject3D:111
Returns : void

Properties

Protected _width
Type : number
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:32
color
Type : string | number
Default value : '#A0A0A0'
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:41
translateLabelX
Type : number
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:43
Protected childlren
Type : Array<AbstractObject3D<any>>
Default value : []
Inherited from AbstractObject3D
Defined in AbstractObject3D:46
Protected object
Type : T
Inherited from AbstractObject3D
Defined in AbstractObject3D:48

Accessors

width
getwidth()
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:28
setwidth(width: number)
Defined in projects/atft/src/lib/actor/data-center/layer/layer-actor.component.ts:23
Parameters :
Name Type Optional
width number No
Returns : void 
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { AbstractEmptyDirective } from '../../../object';
import { provideParent } from '../../../util';


@Component({
  selector: 'atft-layer-actor',
  providers: [provideParent(LayerActorComponent)],
  template: `
    <atft-plane-mesh atft-raycaster-group [width]="width" [height]="height" [materialColor]="color" (mouseEnter)="onSelected()"
                     (mouseExit)="onDeselected()">
      <atft-text-mesh [centered]="true" [text]="label" [size]="5" [translateX]="translateLabelX" [rotateZ]="(90 | deg2rad)"
                      materialColor="#E0E0E0">
      </atft-text-mesh>
    </atft-plane-mesh>
  `
})
export class LayerActorComponent extends AbstractEmptyDirective {
  @Input()
  label!: string;

  @Input()
  set width(width: number) {
    this._width = width;
    this.translateLabelX = this._width / 2 - 10;
  }

  get width(): number {
    return this._width;
  }

  protected _width!: number;

  @Input()
  height!: number;

  @Output() render = new EventEmitter<void>();
  @Output() selected = new EventEmitter<void>();
  @Output() deselected = new EventEmitter<void>();

  color: string | number = '#A0A0A0';

  translateLabelX!: number;

  public onSelected() {
    this.color = '#A4A4A4';
  }

  public onDeselected() {
    this.color = '#A0A0A0';
  }

  public onClick() {
    this.color = '#A0A0A0';
  }

}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""