@@ -4,9 +4,11 @@ import { NgtsRoundedBox } from 'angular-three-soba/abstractions';
4
4
import { NgtsOrbitControls , NgtsPivotControls } from 'angular-three-soba/controls' ;
5
5
import { NgtsBounds , NgtsEnvironment , NgtsFloat , NgtsMask } from 'angular-three-soba/staging' ;
6
6
import { ColorRepresentation } from 'three' ;
7
+ import { Angular } from './angular' ;
7
8
import { Nx } from './nx' ;
8
9
9
10
export const invert = signal ( false ) ;
11
+ export const logo = signal < 'angular' | 'nx' > ( 'angular' ) ;
10
12
11
13
@Component ( {
12
14
selector : 'app-frame' ,
@@ -90,8 +92,14 @@ export class Box {
90
92
<app-circular-mask />
91
93
<ngts-bounds [options]="{ fit: true, clip: true, observe: true }">
92
94
<ngts-float [options]="{ floatIntensity: 4, rotationIntensity: 0, speed: 4 }">
93
- <!-- <app-angular [invert]="invert()" [scale]="20" />-->
94
- <app-nx [invert]="invert()" [scale]="20" />
95
+ @switch (logo()) {
96
+ @case ('angular') {
97
+ <app-angular [invert]="invert()" [scale]="20" />
98
+ }
99
+ @case ('nx') {
100
+ <app-nx [invert]="invert()" [scale]="20" />
101
+ }
102
+ }
95
103
</ngts-float>
96
104
<app-box
97
105
color="#EAC435"
@@ -111,9 +119,10 @@ export class Box {
111
119
schemas : [ CUSTOM_ELEMENTS_SCHEMA ] ,
112
120
changeDetection : ChangeDetectionStrategy . OnPush ,
113
121
host : { class : 'inverted-stencil-buffer-soba-experience' } ,
114
- imports : [ CircularMask , NgtsBounds , NgtsFloat , Box , NgtsEnvironment , NgtsOrbitControls , NgtArgs , Nx ] ,
122
+ imports : [ CircularMask , NgtsBounds , NgtsFloat , Box , NgtsEnvironment , NgtsOrbitControls , NgtArgs , Nx , Angular ] ,
115
123
} )
116
124
export class Experience {
117
125
protected readonly Math = Math ;
118
126
protected invert = invert ;
127
+ protected logo = logo ;
119
128
}
0 commit comments