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

File

projects/atft/src/lib/effect/compose/dot-screen.component.ts

Extends

AbstractComposeEffect

Metadata

selector atft-dot-screen

Index

Properties
Methods
Inputs

Constructor

constructor(rendererService: RendererService, composer: EffectComposerComponent)
Defined in projects/atft/src/lib/effect/compose/dot-screen.component.ts:14
Parameters :
Name Type Optional
rendererService RendererService No
composer EffectComposerComponent No

Inputs

scale
Type : number
Default value : 4
Defined in projects/atft/src/lib/effect/compose/dot-screen.component.ts:14

Methods

applyChanges
applyChanges(changes: SimpleChanges)
Inherited from AbstractComposeEffect
Defined in AbstractComposeEffect:28
Parameters :
Name Type Optional
changes SimpleChanges No
Returns : boolean
initPasses
initPasses()
Inherited from AbstractComposeEffect
Defined in AbstractComposeEffect:23
Returns : void
Protected disable
disable()
Inherited from AbstractComposeEffect
Defined in AbstractComposeEffect:29
Returns : void
Protected enable
enable()
Inherited from AbstractComposeEffect
Defined in AbstractComposeEffect:18
Returns : void
Public ngAfterViewInit
ngAfterViewInit()
Inherited from AbstractComposeEffect
Defined in AbstractComposeEffect:37
Returns : void
Public ngOnChanges
ngOnChanges(changes: SimpleChanges)
Inherited from AbstractComposeEffect
Defined in AbstractComposeEffect:45
Parameters :
Name Type Optional
changes SimpleChanges No
Returns : void
ngOnDestroy
ngOnDestroy()
Inherited from AbstractComposeEffect
Defined in AbstractComposeEffect:41
Returns : void

Properties

Protected pass
Type : T[]
Default value : []
Inherited from AbstractComposeEffect
Defined in AbstractComposeEffect:9 
import {Component, Input, Optional, SimpleChanges, SkipSelf} from '@angular/core';
import {RendererService} from '../../renderer/renderer.service';
import {EffectComposerComponent} from './effect-composer.component';
import {ShaderPass} from 'three/examples/jsm/postprocessing/ShaderPass';
import {DotScreenShader} from 'three/examples/jsm/shaders/DotScreenShader';
import {AbstractComposeEffect} from './abstract-compose-effect';

@Component({
  selector: 'atft-dot-screen',
  template: ''
})
export class DotScreenComponent extends AbstractComposeEffect<ShaderPass> {

  @Input() scale = 4;

  constructor(
    protected override rendererService: RendererService,
    @SkipSelf() @Optional() protected override composer: EffectComposerComponent
  ) {
    super(rendererService, composer);
  }

  initPasses() {
    this.pass.push(new ShaderPass(DotScreenShader));
  }

  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  applyChanges(changes: SimpleChanges): boolean {
    // TODO: Implement
    return false;
  }

}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""