> For the complete documentation index, see [llms.txt](https://docs.dietrichs.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dietrichs.com/dietrichs-intelligent-documentation/docs-pol/projekt-3d-cad_cam/konstruktionsprogramm_projekt-3d-cad_cam/schnittstellen_interfejsy-import-eksport/model-html-prezentacja-pokaz-ukryj.md).

# Model HTML - prezentacja, pokaż/ukryj

Model Dietrich's 3D [wyeksportowany do przeglądarki internetowej](https://docs.dietrichs.com/dietrichs-intelligent-documentation/docs-pol/projekt-3d-cad_cam/konstruktionsprogramm_projekt-3d-cad_cam/schnittstellen_interfejsy-import-eksport/html-model-3d-w-przegladarce-internetowej/) może podlegać swobodnej edycji w zakresie prezentowanych elementów 3D. Możemy dowolnie ukrywać i pokazywać wybrane części modelu tak by zobaczyć właściwy detal. Do dyspozycji mamy dwa systemy zarządzania widocznością.

## Struktura modelu HTML

Po lewej stronie okna przeglądarki HTML znajduje się pasek struktury modelu.

Odzwierciedla on sposób usystematyzowania modelu z programu Dietrich’s. Ma ona układ drzewka, w której najwyższą grupą są struktury najbardziej ogólne takie jak dach czy kondygnacja. Najniższe struktury są konkretnymi elementami, usystematyzowanymi w warstwy danego zbioru. Pierwszy przycisk w pasku narzędzi przeglądarki modeli HTML włącza lub wyłącza widoczność paska.

<figure><img src="https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-de587d8f04e89ab2d1247743e8ae7f751221a36e%2Fpasek.png?alt=media" alt=""><figcaption></figcaption></figure>

### Pokaż/ukryj - wg struktury modelu

Boczny pasek struktury modelu daje możliwość kontroli wyświetlania i ukrywania elementów. Obok każdego poziomu w drzewku struktury znajduje się symbol oka. Oznacza on widoczność danego elementu lub grupy elementów.

Kliknięcie lewym przyciskiem myszy w symbol oka powoduje zmianę znaku na oko przekreślone. Oznacza ono ukrycie danego elementu lub grupy elementów. Ponowne kliknięcie przywraca widoczność.

<figure><img src="https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-1924da1a3efe17b1037d0ee0bbe97e7cdd76d1b7%2Fstr-ukryj.png?alt=media" alt="" width="375"><figcaption></figcaption></figure>

### Pokaż/ukryj - graficznie

Druga metoda wykorzystuje opcje z paska narzędzi “***prezentacja***”

![](https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-a5a4b5c72a19fcb36fa37863c73ee39922916a02%2Fpasek-prezentacja.png?alt=media)

| ![](https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-f61a1e880e4fadd59ca7c48fe69903a4d93a9969%2FHTML-ukryj-element.png?alt=media)      | ***ukryj - elemen***&#x74; - pozwala na schowanie wskazanego pojedynczego elementu poprzez kliknięcie na nim lewym przyciskiem myszy                                                                                                                     |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-af2c36a33d124c7aa2eb722a30f86a3e778fbe76%2FHTML-ukryj-grupe.png?alt=media)        | ***ukryj - grupę*** - pozwala na schowanie całej grupy elementów poprzez wskazanie jednego elementu należącego do tego zbioru. Elementami w takim zbiorze są wszystkie obiekty należące do warstwy o tym samym numerze, niezależnie od rodzaju przegrody |
| ![](https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-4eb54dd38d07fc037f959c835a5c714fcc35d12b%2FHTML-pokaz-wszystko.png?alt=media)     | ***pokaż wg struktury*** - przywraca widoczność elementów ukrytych dwoma powyższymi narzędziami. Nie przywraca widoczności obiektów ukrytych metodą “**wg struktury modelu**”                                                                            |
| ![](https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-d50900caf40c11c151ceee337ff91ed812868195%2FHTML-pokaz-wg-struktury.png?alt=media) | ***pokaż wszystko*** - przywraca widoczność wszystkich elementów, niezależnie od metody ukrycia.                                                                                                                                                         |

{% hint style="success" %}
**Wskazówka**

Pasek “***prezentacja***” pozwala na sterowanie prezentacją modelu w sposób zbliżony do trybu [OpenGL](https://docs.dietrichs.com/dietrichs-intelligent-documentation/docs-pol/projekt-3d-cad_cam/konstruktionsprogramm_projekt-3d-cad_cam/modellbereiche_model-3d/allgemeines_narzedzia/wizualizacja-opengl-parametry/) w programie Dietrich’s. Do dyspozycji mamy różne sposoby prezentacji tekstur i krawędzi oraz dwa tryby rzutowania:
{% endhint %}

| tryb perspektywy                                                                                                                                                                                                | tryb równoległy                                                                                                                                                                                                               |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-ae4b45eba467cd9cbddd183c3d0dd79245896e64%2FHTML-perspektywa.png?alt=media) | ![HTML równoległy](https://3407883257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMzEDBs19APCTuiyQZE1%2Fuploads%2Fgit-blob-ccac6cffb9bb61ea82584e8d4c03c806a5cdf01a%2FhTML-rownolegle.png?alt=media) |
