Skip to content

Commit f486d2b

Browse files
nartcnartc
committed
docs: adjust
1 parent c76f4f7 commit f486d2b

File tree

45 files changed

+90
-107
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+90
-107
lines changed

‎apps/astro-docs/src/components/hud/hud.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import {
2121
import { NgtsText } from 'angular-three-soba/abstractions';
2222
import { NgtsOrthographicCamera, NgtsPerspectiveCamera } from 'angular-three-soba/cameras';
2323
import { NgtsOrbitControls } from 'angular-three-soba/controls';
24-
import { NgtsEnvironment, NgtsRenderTexture, NgtsRenderTextureContent } from 'angular-three-soba/staging';
24+
import { NgtsEnvironment, NgtsRenderTexture } from 'angular-three-soba/staging';
2525
import * as THREE from 'three';
2626
import { Matrix4, Mesh, Scene } from 'three';
2727

‎apps/docs/src/components/scenes/hud/scene-graph.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import {
2121
import { NgtsText } from 'angular-three-soba/abstractions';
2222
import { NgtsOrthographicCamera, NgtsPerspectiveCamera } from 'angular-three-soba/cameras';
2323
import { NgtsOrbitControls } from 'angular-three-soba/controls';
24-
import { NgtsEnvironment, NgtsRenderTexture, NgtsRenderTextureContent } from 'angular-three-soba/staging';
24+
import { NgtsEnvironment, NgtsRenderTexture } from 'angular-three-soba/staging';
2525
import * as THREE from 'three';
2626
import { Matrix4, Mesh, Scene } from 'three';
2727

‎apps/examples/src/app/cannon/basic/basic.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44
import { State } from './state';
55

@@ -14,7 +14,7 @@ import { State } from './state';
1414
<button (click)="state.changeGravity()">Change gravity: {{ state.gravity() }}</button>
1515
</div>
1616
`,
17-
imports: [NgtCanvas, SceneGraph, NgtCanvasContent],
17+
imports: [NgtCanvas, SceneGraph],
1818
changeDetection: ChangeDetectionStrategy.OnPush,
1919
host: { class: 'basic-cannon ' },
2020
providers: [State],

‎apps/examples/src/app/cannon/chain/chain.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -9,7 +9,7 @@ import { SceneGraph } from './scene';
99
</ngt-canvas>
1010
<div class="absolute bottom-4 right-4 font-mono text-white">* Click to reset</div>
1111
`,
12-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
12+
imports: [NgtCanvas, SceneGraph],
1313
changeDetection: ChangeDetectionStrategy.OnPush,
1414
host: { class: 'chain-cannon' },
1515
})

‎apps/examples/src/app/cannon/compound/compound.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -8,7 +8,7 @@ import { SceneGraph } from './scene';
88
<app-scene-graph *canvasContent />
99
</ngt-canvas>
1010
`,
11-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
11+
imports: [NgtCanvas, SceneGraph],
1212
changeDetection: ChangeDetectionStrategy.OnPush,
1313
host: { class: 'compound-cannon' },
1414
})

‎apps/examples/src/app/cannon/convexpolyhedron/convexpolyhedron.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -9,7 +9,7 @@ import { SceneGraph } from './scene';
99
</ngt-canvas>
1010
<div class="absolute top-4 left-4 font-mono">* Click to invert gravity</div>
1111
`,
12-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
12+
imports: [NgtCanvas, SceneGraph],
1313
changeDetection: ChangeDetectionStrategy.OnPush,
1414
host: { class: 'convex-cannon' },
1515
})

‎apps/examples/src/app/cannon/cube-heap/cube-heap.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44
import { shape } from './state';
55

@@ -9,7 +9,7 @@ import { shape } from './state';
99
<app-scene-graph *canvasContent />
1010
</ngt-canvas>
1111
`,
12-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
12+
imports: [NgtCanvas, SceneGraph],
1313
changeDetection: ChangeDetectionStrategy.OnPush,
1414
host: { class: 'cube-heap-cannon' },
1515
})

‎apps/examples/src/app/cannon/kinematic-cube/kinematic-cube.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -9,7 +9,7 @@ import { SceneGraph } from './scene';
99
</ngt-canvas>
1010
`,
1111
changeDetection: ChangeDetectionStrategy.OnPush,
12-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
12+
imports: [NgtCanvas, SceneGraph],
1313
host: { class: 'kinematic-cannon' },
1414
})
1515
export default class KinematicCube {}

‎apps/examples/src/app/cannon/monday-morning/monday-morning.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -8,7 +8,7 @@ import { SceneGraph } from './scene';
88
<app-scene-graph *canvasContent />
99
</ngt-canvas>
1010
`,
11-
imports: [NgtCanvas, SceneGraph, NgtCanvasContent],
11+
imports: [NgtCanvas, SceneGraph],
1212
changeDetection: ChangeDetectionStrategy.OnPush,
1313
host: { class: 'monday-morning-cannon cursor-none' },
1414
})

‎apps/examples/src/app/misc/basic/basic.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvasDeclarations } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { Scene } from './scene';
44

55
@Component({
@@ -8,7 +8,7 @@ import { Scene } from './scene';
88
<app-scene *canvasContent />
99
</ngt-canvas>
1010
`,
11-
imports: [NgtCanvasDeclarations, Scene],
11+
imports: [NgtCanvas, Scene],
1212
changeDetection: ChangeDetectionStrategy.OnPush,
1313
})
1414
export default class Basic {}

‎apps/examples/src/app/misc/basic/scene.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import {
99
signal,
1010
viewChild,
1111
} from '@angular/core';
12-
import { injectBeforeRender, injectStore, NgtArgs, NgtPortalDeclarations, NgtVector3 } from 'angular-three';
12+
import { injectBeforeRender, injectStore, NgtArgs, NgtPortal, NgtVector3 } from 'angular-three';
1313
import * as THREE from 'three';
1414

1515
@Component({
@@ -189,7 +189,7 @@ export class NestedBox {
189189
</ngt-group>
190190
</ngt-portal>
191191
`,
192-
imports: [NgtArgs, Box, ConditionBox, NgtPortalDeclarations, NestedBox],
192+
imports: [NgtArgs, Box, ConditionBox, NgtPortal, NestedBox],
193193
changeDetection: ChangeDetectionStrategy.OnPush,
194194
schemas: [CUSTOM_ELEMENTS_SCHEMA],
195195
host: {

‎apps/examples/src/app/misc/pointer-events/pointer-events.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -10,6 +10,6 @@ import { SceneGraph } from './scene';
1010
`,
1111
changeDetection: ChangeDetectionStrategy.OnPush,
1212
host: { class: 'pointer-events' },
13-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
13+
imports: [NgtCanvas, SceneGraph],
1414
})
1515
export default class PointerEvents {}

‎apps/examples/src/app/misc/svg-renderer/svg-renderer.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvasElement } from 'angular-three';
3-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtGLOptions } from 'angular-three';
3+
import { NgtCanvas } from 'angular-three/dom';
44
import { SVGRenderer } from 'three-stdlib';
55
import { SceneGraph } from './scene';
66

@@ -10,11 +10,11 @@ import { SceneGraph } from './scene';
1010
<app-scene-graph *canvasContent />
1111
</ngt-canvas>
1212
`,
13-
imports: [NgtCanvas, SceneGraph, NgtCanvasContent],
13+
imports: [NgtCanvas, SceneGraph],
1414
changeDetection: ChangeDetectionStrategy.OnPush,
1515
})
1616
export default class SVGRendererExample {
17-
svgRendererFactory = (canvas: NgtCanvasElement) => {
17+
svgRendererFactory: NgtGLOptions = ({ canvas }) => {
1818
const renderer = new SVGRenderer();
1919

2020
if (canvas instanceof HTMLCanvasElement) {

‎apps/examples/src/app/misc/webgpu-renderer/webgpu-renderer.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
22
import { NgtFrameloop, NgtGLOptions } from 'angular-three';
3-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
3+
import { NgtCanvas } from 'angular-three/dom';
44
import * as THREE from 'three/webgpu';
55
import { SceneGraph } from './scene';
66

@@ -11,7 +11,7 @@ import { SceneGraph } from './scene';
1111
</ngt-canvas>
1212
`,
1313
changeDetection: ChangeDetectionStrategy.OnPush,
14-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
14+
imports: [NgtCanvas, SceneGraph],
1515
host: { class: 'webgpu-renderer' },
1616
})
1717
export default class WebGPURenderer {

‎apps/examples/src/app/postprocessing/basic/basic.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -9,7 +9,7 @@ import { SceneGraph } from './scene';
99
</ngt-canvas>
1010
`,
1111
changeDetection: ChangeDetectionStrategy.OnPush,
12-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
12+
imports: [NgtCanvas, SceneGraph],
1313
host: { class: 'basic-postprocessing' },
1414
})
1515
export default class Basic {}

‎apps/examples/src/app/postprocessing/outline/outline.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -10,6 +10,6 @@ import { SceneGraph } from './scene';
1010
`,
1111
changeDetection: ChangeDetectionStrategy.OnPush,
1212
host: { class: 'postprocessing-outline' },
13-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
13+
imports: [NgtCanvas, SceneGraph],
1414
})
1515
export default class PostprocessingOutline {}

‎apps/examples/src/app/rapier/wrapper.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { ToggleButton } from '../toggle-button';
44
import { debug, interpolate, paused, RapierWrapperDefault } from './wrapper-default';
55

@@ -15,7 +15,7 @@ import { debug, interpolate, paused, RapierWrapperDefault } from './wrapper-defa
1515
</div>
1616
`,
1717
changeDetection: ChangeDetectionStrategy.OnPush,
18-
imports: [NgtCanvas, ToggleButton, NgtCanvasContent, RapierWrapperDefault],
18+
imports: [NgtCanvas, ToggleButton, RapierWrapperDefault],
1919
})
2020
export default class RapierWrapper {
2121
protected sceneGraph = RapierWrapperDefault;

‎apps/examples/src/app/routed-rocks/routed-rocks.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
22
import { extend, NgtRoutedScene } from 'angular-three';
3-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
3+
import { NgtCanvas } from 'angular-three/dom';
44
import * as THREE from 'three';
55
import { RockStore } from './store';
66

@@ -12,7 +12,7 @@ extend(THREE);
1212
<ngt-routed-scene *canvasContent />
1313
</ngt-canvas>
1414
`,
15-
imports: [NgtCanvas, NgtRoutedScene, NgtCanvasContent],
15+
imports: [NgtCanvas, NgtRoutedScene],
1616
providers: [RockStore],
1717
changeDetection: ChangeDetectionStrategy.OnPush,
1818
host: { class: 'routed-rocks block h-svh' },

‎apps/examples/src/app/routed/routed.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
22
import { RouterLink, RouterLinkActive } from '@angular/router';
33
import { extend, NgtRoutedScene } from 'angular-three';
4-
import { NgtCanvasDeclarations } from 'angular-three/dom';
4+
import { NgtCanvas } from 'angular-three/dom';
55
import * as THREE from 'three';
66

77
extend(THREE);
@@ -37,7 +37,7 @@ extend(THREE);
3737
</li>
3838
</ul>
3939
`,
40-
imports: [NgtRoutedScene, RouterLink, RouterLinkActive, NgtCanvasDeclarations],
40+
imports: [NgtRoutedScene, RouterLink, RouterLinkActive, NgtCanvas],
4141
changeDetection: ChangeDetectionStrategy.OnPush,
4242
host: { class: 'routed' },
4343
})

‎apps/examples/src/app/soba/aquarium/aquarium.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -10,6 +10,6 @@ import { SceneGraph } from './scene';
1010
`,
1111
changeDetection: ChangeDetectionStrategy.OnPush,
1212
host: { class: 'aquarium' },
13-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
13+
imports: [NgtCanvas, SceneGraph],
1414
})
1515
export default class Aquarium {}

‎apps/examples/src/app/soba/backdrop-cable/backdrop-cable.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -9,7 +9,7 @@ import { SceneGraph } from './scene';
99
</ngt-canvas>
1010
`,
1111
changeDetection: ChangeDetectionStrategy.OnPush,
12-
imports: [NgtCanvas, SceneGraph, NgtCanvasContent],
12+
imports: [NgtCanvas, SceneGraph],
1313
host: { class: 'Backdrop-cable' },
1414
})
1515
export default class BackdropCable {}

‎apps/examples/src/app/soba/baking-soft-shadows/baking-soft-shadows.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph } from './scene';
44

55
@Component({
@@ -9,7 +9,7 @@ import { SceneGraph } from './scene';
99
</ngt-canvas>
1010
`,
1111
changeDetection: ChangeDetectionStrategy.OnPush,
12-
imports: [NgtCanvas, NgtCanvasContent, SceneGraph],
12+
imports: [NgtCanvas, SceneGraph],
1313
host: { class: 'baking-soft-shadows' },
1414
})
1515
export default class BakingSoftShadows {}

‎apps/examples/src/app/soba/basic/basic.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { SceneGraph, bloom, glitch, selectedAction } from './scene';
44

55
@Component({
@@ -32,7 +32,7 @@ import { SceneGraph, bloom, glitch, selectedAction } from './scene';
3232
</div>
3333
`,
3434
changeDetection: ChangeDetectionStrategy.OnPush,
35-
imports: [NgtCanvas, SceneGraph, NgtCanvasContent],
35+
imports: [NgtCanvas, SceneGraph],
3636
host: { class: 'basic-soba' },
3737
})
3838
export default class Basic {

‎apps/examples/src/app/soba/bruno-simons-20k/bruno-simons-20k.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { ToggleButton } from '../../toggle-button';
44
import { debug, SceneGraph, withN8ao } from './scene';
55

@@ -21,7 +21,7 @@ import { debug, SceneGraph, withN8ao } from './scene';
2121
`,
2222
changeDetection: ChangeDetectionStrategy.OnPush,
2323
host: { class: 'bruno-simons-2k-soba' },
24-
imports: [NgtCanvas, NgtCanvasContent, ToggleButton, SceneGraph],
24+
imports: [NgtCanvas, ToggleButton, SceneGraph],
2525
})
2626
export default class BrunoSimons20k {
2727
protected debug = debug;

‎apps/examples/src/app/soba/camera-scroll/camera-scroll.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, InjectionToken } from '@angular/core';
2-
import { NgtCanvas, NgtCanvasContent } from 'angular-three/dom';
2+
import { NgtCanvas } from 'angular-three/dom';
33
import { Overlay } from './overlay';
44
import { SceneGraph } from './scene';
55

@@ -14,7 +14,7 @@ export const SCROLL = new InjectionToken('scroll', {
1414
</ngt-canvas>
1515
<app-overlay />
1616
`,
17-
imports: [NgtCanvas, NgtCanvasContent, Overlay, SceneGraph],
17+
imports: [NgtCanvas, Overlay, SceneGraph],
1818
changeDetection: ChangeDetectionStrategy.OnPush,
1919
host: { class: 'camera-scroll-soba' },
2020
styles: `

0 commit comments

Comments
 (0)