Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 | 1x 12x 1x 12x 12x 12x 1x 1x 1x 12x 1x 1x 1x 1x 12x 1x 6x 1x 1x 6x 1x 1x 6x 1x 1x 6x 6x 1x 1x 12x 12x 12x 1x 12x 12x 12x 1x 1x 12x 12x | <app-panel-header
class="content__header"
elementTitle="Point Cloud Visualization"
elementId="pointCloud-livePreview"
[(data)]="livePreview"
(onChange)="livePreviewChanged()"
[disabled]="!livePreviewEnabled"
>
<p [ngStyle]="{ visibility: numFramesReceived > 0 ? 'visible' : 'collapse' }">
Frames: {{ numFramesReceived }}
</p>
</app-panel-header>
<div class="visualization__view" id="point-cloud__container">
<input
type="checkbox"
class="fullscreen__checkbox"
id="visualization-toggle"
[(ngModel)]="fullScreen"
(ngModelChange)="updateSize()"
title="Toggle PointCloud fullscreen"
/>
<label for="visualization-toggle" class="fullscreen__button">
<span class="fullscreen__icon"> </span>
</label>
<div #pointCloudRenderContainer class="visualization__render"></div>
@if (livePreview) {
<app-settings-group
class="point-cloud__settings"
toggleId="point-cloud-settings-toggle"
elementTitle="Display Settings"
>
<!-- Toggle Grid -->
<app-option-checkbox
class="settings__item-narrow"
elementTitle="Show Grid"
elementId="pointCloud-showGrid"
[(data)]="showGrid"
(onChange)="updateGridVisibility()"
>
</app-option-checkbox>
<!-- Toggle Bounding Box -->
<app-option-checkbox
class="settings__item-narrow"
elementTitle="Show Bounding Box"
elementId="pointCloud-showBoundingBox"
[(data)]="showBoundingBox"
>
</app-option-checkbox>
<!-- Toggle Distance Planes -->
<app-option-checkbox
class="settings__item-narrow"
elementTitle="Show Distance Planes"
elementId="pointCloud-showDistancePlanes"
[(data)]="showDistancePlanes"
(onChange)="updatePlanesVisibility()"
>
</app-option-checkbox>
<app-value-slider
class="settings__item-narrow"
elementTitle="Point Size"
elementId="pointCloud-pointSize"
[min]="1"
[max]="10"
[(data)]="pointSize"
unit="px"
>
</app-value-slider>
</app-settings-group>
}
<div class="point-cloud__debug">
<div
class="point-cloud__debug--mouse"
[ngStyle]="{ visibility: isMouseOver ? 'visible' : 'collapse' }"
>
<p>
<span>Mouse: [ </span>{{ mouseXnormalized.toFixed(2) }}<span> | </span
>{{ mouseYnormalized.toFixed(2) }}<span> ]</span>
</p>
</div>
<div
class="point-cloud__debug--point"
[ngStyle]="{
visibility:
hoverP === null || hoverP === undefined ? 'collapse' : 'visible'
}"
>
<p>
<span>Coordinates: [ </span>{{ hoverP?.x?.toFixed(2) }}<span> | </span
>{{ hoverP?.y?.toFixed(2) }}<span> | </span>{{ hoverP?.z?.toFixed(2)
}}<span> ] </span>
</p>
</div>
<div
class="point-cloud__debug--point"
[ngStyle]="{
visibility:
hoverP === null || hoverP === undefined ? 'collapse' : 'visible'
}"
>
<p><span>Point Index: </span>{{ intersectedIdx }}</p>
</div>
</div>
</div>
|