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

Add SSGP + dynamic state

Browse Source
This commit is contained in:
Nicolò P. 2025-12-15 12:19:54 +01:00
parent 378f5f5b24
commit bc703623e8
4 changed files with 30 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
config.js
View File

@ -5,6 +5,13 @@ const theater1Popup = `
</div> </div>
`; `;
const theater2Popup = `
<div class="text-center">
<h1 class="fs-4">Teatro Santi Giovanni e Paolo, Venezia</h1>
<button type="button" class="btn btn-dark" id="ssgp">Apri scena 3D</button>
</div>
`;
const audioBtn1 = ` const audioBtn1 = `
<button type="button" class="text-left btn aton-btn fs-6 mx-2" data-bs-toggle="modal" data-bs-target="#audio1"> <button type="button" class="text-left btn aton-btn fs-6 mx-2" data-bs-toggle="modal" data-bs-target="#audio1">
<i class="bi bi-play-btn me-2"></i> Esempio audio (<em>Che fiero costume</em>) <i class="bi bi-play-btn me-2"></i> Esempio audio (<em>Che fiero costume</em>)
@ -13,7 +20,7 @@ const audioBtn1 = `
export const config = { export const config = {
scene : { scene : {
initialExposure: 0.6, initialExposure: 0.7,
autoLP: true, autoLP: true,
clipping: { clipping: {
defaultPoint: [ defaultPoint: [
@ -34,12 +41,20 @@ export const config = {
coords: [45.4363, 12.3352], coords: [45.4363, 12.3352],
model: "teatro_san_salvador_20250926.gltf", model: "teatro_san_salvador_20250926.gltf",
pano: "pano/defsky-grass.jpg", pano: "pano/defsky-grass.jpg",
},
{
id : "ssgp",
label : "Teatro Santi Giovanni e Paolo, Venezia",
popup: theater2Popup,
coords: [45.4401, 12.3408],
model: "SSGP.glb",
pano: "pano/defsky-grass.jpg",
} }
], ],
map : { map : {
center: [43.570833, 12.140278], center: [43.570833, 12.140278],
initialZoom : 7, initialZoom : 8,
minZoom : 6, minZoom : 6,
maxZoom : 15 maxZoom : 16
} }
} }

2
index.html
View File

@ -133,7 +133,7 @@
L'aria "Che fiero costume" bla bla... L'aria "Che fiero costume" bla bla...
</p> </p>
<p> <p>
Un po' di elucubrazioni sull'opera lirica nel barocco ecc... Lorem ipsum dolor...
</p> </p>
<h2 class="fs-5 mt-4 text-center font-bold">Ascolta</h2> <h2 class="fs-5 mt-4 text-center font-bold">Ascolta</h2>
<audio class="w-100 p-2 mt-1" src="./assets/bt_TracciaAudio_ Che fiero costume.mp3" controls></audio> <audio class="w-100 p-2 mt-1" src="./assets/bt_TracciaAudio_ Che fiero costume.mp3" controls></audio>

12
js/map.js
View File

@ -23,7 +23,10 @@ Map.init = function(mapContainerId) {
baseMap.addTo(map); baseMap.addTo(map);
//const markerIcon = L.divIcon({className: 'bi bi-bank text-large'});
config.markers.forEach(marker => { config.markers.forEach(marker => {
debugger;
const popup = this.domParser.parseFromString(marker.popup, 'text/html') const popup = this.domParser.parseFromString(marker.popup, 'text/html')
.querySelector('div'); .querySelector('div');
popup.querySelector('button').onclick = () => { popup.querySelector('button').onclick = () => {
@ -31,9 +34,12 @@ Map.init = function(mapContainerId) {
map.getContainer().classList.toggle('d-none'); map.getContainer().classList.toggle('d-none');
}; };
L.marker(marker.coords).addTo(map) L.marker(marker.coords,).addTo(map)
.bindPopup(popup) .bindPopup(popup, {autoClose:false, /*closeOnClick:false*/})
.openPopup(); .togglePopup();
// Update state
AppState.scenes.push({id: marker.id, active: false});
}); });

7
js/state.js
View File

@ -1,12 +1,7 @@
export const AppState = { export const AppState = {
// The root scene object // The root scene object
root: null, root: null,
scenes : [ scenes : [],
{
id : "salvador",
active : false
}
],
ambientOcclusion : true, ambientOcclusion : true,
shadows : true, shadows : true,
lightProbe : false, lightProbe : false,