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

File

projects/atft/src/lib/object/light/point-light.component.ts

Extends

AbstractObject3D

Implements

OnInit AfterViewInit

Metadata

providers provideParent(PointLightComponent)
selector atft-point-light
template 
<ng-content></ng-content>

Index

Properties
Methods
Inputs
Outputs

Constructor

constructor(rendererService: RendererService, parent: AbstractObject3D<any>)
Defined in projects/atft/src/lib/object/light/point-light.component.ts:17
Parameters :
Name Type Optional
rendererService RendererService No
parent AbstractObject3D<any> No

Inputs

castShadow
Type : boolean
Default value : false
Defined in projects/atft/src/lib/object/light/point-light.component.ts:17
color
Type : string | number
Default value : '#FFFFFF'
Defined in projects/atft/src/lib/object/light/point-light.component.ts:14
distance
Type : number
Default value : 500
Defined in projects/atft/src/lib/object/light/point-light.component.ts:16
intensity
Type : number
Default value : 1
Defined in projects/atft/src/lib/object/light/point-light.component.ts:15
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

changed
Type : EventEmitter
Inherited from AbstractObject3D
Defined in AbstractObject3D:44

Methods

Protected newObject3DInstance
newObject3DInstance()
Inherited from AbstractObject3D
Defined in AbstractObject3D:26
Returns : any
Public ngAfterViewInit
ngAfterViewInit()
Inherited from AbstractObject3D
Defined in AbstractObject3D:50
Returns : void
Public ngOnInit
ngOnInit()
Inherited from AbstractObject3D
Defined in AbstractObject3D:45
Returns : void
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 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
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 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 {AfterViewInit, Component, Input, OnInit, Optional, SkipSelf} from '@angular/core';
import * as THREE from 'three';
import { RendererService } from '../../renderer/renderer.service';
import { provideParent } from '../../util';
import { AbstractObject3D } from '../abstract-object-3d';

@Component({
  selector: 'atft-point-light',
  providers: [provideParent(PointLightComponent)],
  template: '<ng-content></ng-content>'
})
export class PointLightComponent extends AbstractObject3D<THREE.PointLight> implements OnInit, AfterViewInit {

  @Input() color: string | number = '#FFFFFF';
  @Input() intensity = 1;
  @Input() distance = 500;
  @Input() castShadow = false;

  constructor(
    protected override rendererService: RendererService,
    @SkipSelf() @Optional() protected override parent: AbstractObject3D<any>
  ) {
    super(rendererService, parent);
  }

  protected newObject3DInstance() {
    const light = new THREE.PointLight(this.color, this.intensity, this.distance);

    // light.power = 1600 ;
    // console.info("PointLightComponent.newObject3DInstance", this)
    if (this.castShadow === true) {
      light.castShadow = this.castShadow;
      // TODO: props
      light.shadow.mapSize.width = 1024;
      light.shadow.mapSize.height = 1024;
      light.shadow.camera.near = 0.5;
      light.shadow.camera.far = 500;
      light.shadow.bias = -0.001;
      light.shadow.radius = 1;
    }

    return light;
  }

  public override ngOnInit(): void {
    // console.info("PointLightComponent.ngOnInit", this)
    super.ngOnInit();
  }

  public override ngAfterViewInit(): void {
    // console.info("PointLightComponent.ngAfterViewInit", this)
    super.ngAfterViewInit();
  }
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""