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

File

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

Extends

AbstractServerActor

Metadata

providers provideParent(WorkstationActorComponent)
selector atft-workstation-actor
template 
<atft-empty name="server-box">

  <!-- TODO: template? -->
  <atft-empty atft-raycaster-group (mouseEnter)="onSelected()" (mouseExit)="onDeselected()" (click)="onClick()">
    <atft-box-mesh [height]="10" [width]="10" [depth]="0.5" material="phong" [materialColor]="color" [translateZ]="0.5">
    </atft-box-mesh>
    <atft-box-mesh [height]="12.25" [width]="21" [depth]="1" [materialColor]="color" material="phong"
                   [rotateX]="(80 | deg2rad)" [translateZ]="7">

      <atft-video-mesh *ngIf="videoSrc" [height]="11.25" [width]="20" [translateZ]="0.6" [videoSrc]="videoSrc">
      </atft-video-mesh>
      <atft-box-mesh *ngIf="!videoSrc" [height]="11.25" [width]="20" [depth]="0" [translateZ]="0.6" materialColor="#ffffff"
                     [depthWrite]="false">
      </atft-box-mesh>

    </atft-box-mesh>
  </atft-empty>

  <atft-text-mesh [text]="label" [size]="2" [bevelEnabled]="false" [height]="0" [centered]="true"
                  material="basic" materialColor="#DADADA" [translateY]="-11" [translateZ]="0.2">
  </atft-text-mesh>
  <atft-frame-mesh *ngIf="showFrame" [thickness]="1" [sizeX]="15" [sizeY]="15" [translateZ]="0.1" material="basic"
                   [materialColor]="color">
  </atft-frame-mesh>
</atft-empty>

Index

Properties
Methods
Inputs
Outputs

Inputs

videoSrc
Type : string
Default value : 'https://raw.githubusercontent.com/makimenko/files/master/angular-template-for-threejs/videos/ui/retro_futuristic_ui_360p.mp4'
Defined in projects/atft/src/lib/actor/data-center/server/workstation-actor.component.ts:39
icon
Type : string
Inherited from AbstractServerActor
Defined in AbstractServerActor:23
label
Type : string
Inherited from AbstractServerActor
Defined in AbstractServerActor:8
showFrame
Type : boolean
Default value : true
Inherited from AbstractServerActor
Defined in AbstractServerActor:28
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

actorClick
Type : EventEmitter
Inherited from AbstractServerActor
Defined in AbstractServerActor:20
deselected
Type : EventEmitter
Inherited from AbstractServerActor
Defined in AbstractServerActor:17
render
Type : EventEmitter
Inherited from AbstractServerActor
Defined in AbstractServerActor:11
selected
Type : EventEmitter
Inherited from AbstractServerActor
Defined in AbstractServerActor:14
changed
Type : EventEmitter
Inherited from AbstractObject3D
Defined in AbstractObject3D:44

Methods

Public onClick
onClick()
Inherited from AbstractServerActor
Defined in AbstractServerActor:40
Returns : void
Public onDeselected
onDeselected()
Inherited from AbstractServerActor
Defined in AbstractServerActor:35
Returns : void
Public onSelected
onSelected()
Inherited from AbstractServerActor
Defined in AbstractServerActor:30
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

color
Type : string | number
Default value : '#ffffff'
Inherited from AbstractServerActor
Defined in AbstractServerActor:25
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 
import {Component, Input} from '@angular/core';
import {provideParent} from '../../../util';
import {AbstractServerActor} from './abstract-server-actor';

@Component({
  selector: 'atft-workstation-actor',
  providers: [provideParent(WorkstationActorComponent)],
  template: `
    <atft-empty name="server-box">

      <!-- TODO: template? -->
      <atft-empty atft-raycaster-group (mouseEnter)="onSelected()" (mouseExit)="onDeselected()" (click)="onClick()">
        <atft-box-mesh [height]="10" [width]="10" [depth]="0.5" material="phong" [materialColor]="color" [translateZ]="0.5">
        </atft-box-mesh>
        <atft-box-mesh [height]="12.25" [width]="21" [depth]="1" [materialColor]="color" material="phong"
                       [rotateX]="(80 | deg2rad)" [translateZ]="7">

          <atft-video-mesh *ngIf="videoSrc" [height]="11.25" [width]="20" [translateZ]="0.6" [videoSrc]="videoSrc">
          </atft-video-mesh>
          <atft-box-mesh *ngIf="!videoSrc" [height]="11.25" [width]="20" [depth]="0" [translateZ]="0.6" materialColor="#ffffff"
                         [depthWrite]="false">
          </atft-box-mesh>

        </atft-box-mesh>
      </atft-empty>

      <atft-text-mesh [text]="label" [size]="2" [bevelEnabled]="false" [height]="0" [centered]="true"
                      material="basic" materialColor="#DADADA" [translateY]="-11" [translateZ]="0.2">
      </atft-text-mesh>
      <atft-frame-mesh *ngIf="showFrame" [thickness]="1" [sizeX]="15" [sizeY]="15" [translateZ]="0.1" material="basic"
                       [materialColor]="color">
      </atft-frame-mesh>
    </atft-empty>
  `
})
export class WorkstationActorComponent extends AbstractServerActor {

  @Input()
  videoSrc = 'https://raw.githubusercontent.com/makimenko/files/master/angular-template-for-threejs/videos/ui/retro_futuristic_ui_360p.mp4';

}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""