Compare commits
6 Commits
semantic
...
8ce7492f4e
| Author | SHA1 | Date | |
|---|---|---|---|
| 8ce7492f4e | |||
| 03b9b9157b | |||
| eb7efbf616 | |||
| b80504aec4 | |||
| db2fc2d066 | |||
| 491371e495 |
BIN
assets/pano/hemi-green.jpg
Normal file
BIN
assets/pano/hemi-green.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
19
config.js
19
config.js
@@ -16,16 +16,13 @@ const theater2Popup = `
|
||||
|
||||
export const config = {
|
||||
scene : {
|
||||
initialExposure: 0.95,
|
||||
initialExposure: 1.2,
|
||||
autoLP: false,
|
||||
shadows: false,
|
||||
initLightDir: [0.2,-0.3,-0.7],
|
||||
initRotation: [0, 1.5, 0],
|
||||
initLightDir: [-0.3,-0.7,0.1],
|
||||
initRotation: [0, 190, 0],
|
||||
ambientOcclusion: false,
|
||||
},
|
||||
menu : {
|
||||
//audioBtn1
|
||||
},
|
||||
markers : [
|
||||
{
|
||||
id : "salvador",
|
||||
@@ -49,12 +46,6 @@ export const config = {
|
||||
nodes: {
|
||||
label: 'Teatro',
|
||||
children: [
|
||||
/*
|
||||
{
|
||||
label: 'Struttura complessiva',
|
||||
model: 'models/ssgp/Teatro_SSGP_Full_ConSottrazioni.glb',
|
||||
},
|
||||
*/
|
||||
{
|
||||
label: 'Involucro',
|
||||
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 : {
|
||||
center: [45.30833, 12.240278],
|
||||
center: [45.42833, 12.340278],
|
||||
initialZoom : 12,
|
||||
minZoom : 6,
|
||||
maxZoom : 18
|
||||
|
||||
@@ -24,14 +24,16 @@ export default class extends Controller {
|
||||
const content = document.createElement(contentType);
|
||||
if (contentType === 'img') {
|
||||
content.src = event.content?.imgSrc;
|
||||
content.alt = event.content?.description.trim();
|
||||
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);
|
||||
|
||||
const description = document.createElement('p');
|
||||
description.textContent = event.content?.description.trim();
|
||||
description.classList.add('py-3', 'my-0', 'fst-italic');
|
||||
|
||||
body.appendChild(description);
|
||||
|
||||
bootstrap.Modal.getOrCreateInstance(modal).show();
|
||||
|
||||
@@ -132,10 +132,10 @@ function loadNodes(nodes) {
|
||||
*/
|
||||
function createSemanticNode(model, id) {
|
||||
// Default/highlight materials for semantic node
|
||||
let matSemDef = new THREE.MeshPhongMaterial({
|
||||
color: '#ecee66',
|
||||
let matSemDef = new THREE.MeshStandardMaterial({
|
||||
color: '#f7e6af',
|
||||
transparent: true,
|
||||
opacity: 0.3,
|
||||
opacity: 0.2,
|
||||
});
|
||||
let matSemHL = ATON.MatHub.materials.semanticShapeHL;
|
||||
|
||||
|
||||
@@ -61,22 +61,24 @@
|
||||
<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"
|
||||
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">
|
||||
<i class="bi bi-map-fill"></i>
|
||||
</a>
|
||||
<a class="btn aton-btn fs-5" title="Impostazioni" data-toolbar-target="settings"
|
||||
data-action="toolbar#toggleSettings">
|
||||
<i class="bi bi-gear-fill"></i>
|
||||
</a>
|
||||
<a class="btn aton-btn fs-5" title="Attiva / disattiva sezionamento"
|
||||
data-clipper-target="trigger" data-action="clipper#toggleClipper">
|
||||
<i class="bi bi-scissors"></i>
|
||||
</a>
|
||||
<div class="bg-dark-subtle position-absolute opacity-50 mt-1 ms-1 rounded">
|
||||
<a class="btn aton-btn fs-5 p-1 text-white" href="/a/scaenae" id="back" title="Torna alla mappa">
|
||||
<i class="bi bi-map-fill"></i>
|
||||
</a>
|
||||
<a class="btn aton-btn fs-5 p-1 text-white" title="Impostazioni" data-toolbar-target="settings"
|
||||
data-action="toolbar#toggleSettings">
|
||||
<i class="bi bi-gear-fill"></i>
|
||||
</a>
|
||||
<a class="btn aton-btn fs-5 p-1 text-white" title="Attiva / disattiva sezionamento"
|
||||
data-clipper-target="trigger" data-action="clipper#toggleClipper">
|
||||
<i class="bi bi-scissors"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="d-none w-25
|
||||
position-absolute
|
||||
top-0 start-50
|
||||
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
|
||||
mt-4 text-dark text-center"
|
||||
id="clipper-bar"
|
||||
@@ -89,7 +91,7 @@
|
||||
<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>
|
||||
</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">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
|
||||
Reference in New Issue
Block a user