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

Compare commits

base: nicolo:semantic
Branches Tags
nicolo:master nicolo:ontology nicolo:semantic nicolo:grouped-menu nicolo:stimulus nicolo:structure-updates
...
compare: nicolo:8ce7492f4e534421b2c1abe00403f8941e40e84b
Branches Tags
nicolo:master nicolo:ontology nicolo:semantic nicolo:grouped-menu nicolo:stimulus nicolo:structure-updates

6 Commits
semantic ... 8ce7492f4e

Author SHA1 Message Date
Nicolò P.
8ce7492f4e Minor changes 2026-05-21 13:03:32 +02:00
Nicolò P.
03b9b9157b Change pano again... 2026-05-21 12:28:23 +02:00
Nicolò P.
eb7efbf616 Style toolbar 2026-05-21 11:42:52 +02:00
Nicolò P.
b80504aec4 Reduce default lighting a bit 2026-05-21 11:23:40 +02:00
Nicolò P.
db2fc2d066 Change pano 2026-05-21 10:38:35 +02:00
Nicolò P.
491371e495 Change default env settings 2026-05-21 10:35:59 +02:00
5 changed files with 29 additions and 34 deletions
Expand all files Collapse all files

BIN
assets/pano/hemi-green.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

19
config.js
View File

@@ -16,16 +16,13 @@ const theater2Popup = `
export const config = { export const config = {
scene : { scene : {
initialExposure: 0.95, initialExposure: 1.2,
autoLP: false, autoLP: false,
shadows: false, shadows: false,
initLightDir: [0.2,-0.3,-0.7], initLightDir: [-0.3,-0.7,0.1],
initRotation: [0, 1.5, 0], initRotation: [0, 190, 0],
ambientOcclusion: false, ambientOcclusion: false,
}, },
menu : {
//audioBtn1
},
markers : [ markers : [
{ {
id : "salvador", id : "salvador",
@@ -49,12 +46,6 @@ export const config = {
nodes: { nodes: {
label: 'Teatro', label: 'Teatro',
children: [ children: [
/*
{
label: 'Struttura complessiva',
model: 'models/ssgp/Teatro_SSGP_Full_ConSottrazioni.glb',
},
*/
{ {
label: 'Involucro', label: 'Involucro',
model: 'models/ssgp/Teatro_SSGP_Layer_Struttura_parete_di_fondo.glb', model: 'models/ssgp/Teatro_SSGP_Layer_Struttura_parete_di_fondo.glb',
@@ -172,11 +163,11 @@ export const config = {
} }
] ]
}, },
pano: `pano/gradient.jpg`, pano: `pano/hemi-green.jpg`,
} }
], ],
map : { map : {
center: [45.30833, 12.240278], center: [45.42833, 12.340278],
initialZoom : 12, initialZoom : 12,
minZoom : 6, minZoom : 6,
maxZoom : 18 maxZoom : 18

10
js/controllers/modal_controller.js
View File

@@ -24,14 +24,16 @@ export default class extends Controller {
const content = document.createElement(contentType); const content = document.createElement(contentType);
if (contentType === 'img') { if (contentType === 'img') {
content.src = event.content?.imgSrc; content.src = event.content?.imgSrc;
content.alt = event.content?.description.trim();
content.classList.add('img-fluid'); content.classList.add('img-fluid');
} }
const description = document.createElement('p');
description.textContent = event.content?.description;
description.classList.add('py-3', 'my-2', 'fst-italic');
body.appendChild(content); body.appendChild(content);
const description = document.createElement('p');
description.textContent = event.content?.description.trim();
description.classList.add('py-3', 'my-0', 'fst-italic');
body.appendChild(description); body.appendChild(description);
bootstrap.Modal.getOrCreateInstance(modal).show(); bootstrap.Modal.getOrCreateInstance(modal).show();

6
js/scene.js
View File

@@ -132,10 +132,10 @@ function loadNodes(nodes) {
*/ */
function createSemanticNode(model, id) { function createSemanticNode(model, id) {
// Default/highlight materials for semantic node // Default/highlight materials for semantic node
let matSemDef = new THREE.MeshPhongMaterial({ let matSemDef = new THREE.MeshStandardMaterial({
color: '#ecee66', color: '#f7e6af',
transparent: true, transparent: true,
opacity: 0.3, opacity: 0.2,
}); });
let matSemHL = ATON.MatHub.materials.semanticShapeHL; let matSemHL = ATON.MatHub.materials.semanticShapeHL;

28
scenes/ssgp/index.html
View File

@@ -61,22 +61,24 @@
<body data-bs-theme="light" data-controller="menu modal" data-action="semantic-modal-show@document->modal#showSemanticModal"> <body data-bs-theme="light" data-controller="menu modal" data-action="semantic-modal-show@document->modal#showSemanticModal">
<div id="toolbar" class="aton-toolbar-top w-100" <div id="toolbar" class="aton-toolbar-top w-100"
data-controller="toolbar clipper" data-clipper-enabled-value="false"> data-controller="toolbar clipper" data-clipper-enabled-value="false">
<a class="btn aton-btn fs-5" href="/a/scaenae" id="back" title="Torna alla mappa"> <div class="bg-dark-subtle position-absolute opacity-50 mt-1 ms-1 rounded">
<i class="bi bi-map-fill"></i> <a class="btn aton-btn fs-5 p-1 text-white" href="/a/scaenae" id="back" title="Torna alla mappa">
</a> <i class="bi bi-map-fill"></i>
<a class="btn aton-btn fs-5" title="Impostazioni" data-toolbar-target="settings" </a>
data-action="toolbar#toggleSettings"> <a class="btn aton-btn fs-5 p-1 text-white" title="Impostazioni" data-toolbar-target="settings"
<i class="bi bi-gear-fill"></i> data-action="toolbar#toggleSettings">
</a> <i class="bi bi-gear-fill"></i>
<a class="btn aton-btn fs-5" title="Attiva / disattiva sezionamento" </a>
data-clipper-target="trigger" data-action="clipper#toggleClipper"> <a class="btn aton-btn fs-5 p-1 text-white" title="Attiva / disattiva sezionamento"
<i class="bi bi-scissors"></i> data-clipper-target="trigger" data-action="clipper#toggleClipper">
</a> <i class="bi bi-scissors"></i>
</a>
</div>
<div class="d-none w-25 <div class="d-none w-25
position-absolute position-absolute
top-0 start-50 top-0 start-50
translate-middle bg-light translate-middle bg-light
px-4 pt-2 pb-2 bg-opacity-50 px-4 pt-2 pb-2 bg-opacity-75
rounded-bottom-3 rounded-bottom-3
mt-4 text-dark text-center" mt-4 text-dark text-center"
id="clipper-bar" id="clipper-bar"
@@ -89,7 +91,7 @@
<button class="btn aton-btn d-inline px-4 py-4" id="clipZ" <button class="btn aton-btn d-inline px-4 py-4" id="clipZ"
data-clipper-target="axis" data-clipper-axis-param="z" data-action="clipper#clip" title="Sezione Z"></button> data-clipper-target="axis" data-clipper-axis-param="z" data-action="clipper#clip" title="Sezione Z"></button>
</div> </div>
<a class="btn aton-btn fs-5 float-end" id="menu" title="Menu" <a class="btn aton-btn fs-5 float-end p-1 mt-1 text-white" id="menu" title="Menu"
data-menu-target="trigger" data-action="menu#toggleMenu"> data-menu-target="trigger" data-action="menu#toggleMenu">
<i class="bi bi-list"></i> <i class="bi bi-list"></i>
</a> </a>