nicolo/scaenae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP clipping icons

Browse Source
This commit is contained in:
Nicolò P 2025-10-27 10:34:29 +01:00
parent 7412dd08bd
commit db28e66c28
5 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/icons/section_x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

0
assets/defsky-grass.jpg → assets/pano/defsky-grass.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 129 KiB

0
assets/hemi-grey.jpg → assets/pano/hemi-grey.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

2
config.js
View File

@ -33,7 +33,7 @@ export const config = {
popup: theater1Popup,
coords: [45.4363, 12.3352],
model: "teatro_san_salvador_20250926.gltf",
pano: "hemi-grey.jpg",
pano: "pano/hemi-grey.jpg",
}
],
map : {

24
index.html
View File

@ -62,6 +62,20 @@
input[type="checkbox"] {
cursor: pointer;
}
#clipper-bar .btn {
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
}
#clipX {
background-image: url('assets/icons/section_x.png');
}
#clipY {
background-image: url('assets/icons/section_x.png');
}
#clipZ {
background-image: url('assets/icons/section_x.png');
}
</style>
</head>
@ -78,7 +92,7 @@
<a class="btn aton-btn fs-5" id="clipper" title="Attiva / disattiva sezionamento">
<i class="bi bi-scissors"></i>
</a>
<div class="d-none
<div class="d-none w-25
position-absolute
top-0 start-50
translate-middle bg-light
@ -86,10 +100,10 @@
rounded-bottom-3
mt-4 text-dark text-center"
id="clipper-bar">
<span class="pt-4 pb-1 d-block fw-bold">Sezionamento</span>
<button class="btn aton-btn d-inline" id="clipX" title="Sezione X">X</button>
<button class="btn aton-btn d-inline" id="clipY" title="Sezione Y">Y</button>
<button class="btn aton-btn d-inline" id="clipZ" title="Sezione Z">Z</button>
<span class="pt-5 pb-2 d-block fw-bold">Sezionamento</span>
<button class="btn aton-btn d-inline px-4 py-4 me-5" id="clipX" title="Sezione X"></button>
<button class="btn aton-btn d-inline px-4 py-4 me-5" id="clipY" title="Sezione Y"></button>
<button class="btn aton-btn d-inline px-4 py-4" id="clipZ" title="Sezione Z"></button>
</div>
<a class="btn aton-btn fs-5 float-end" id="menu" title="Menu">
<i class="bi bi-list"></i>