The Deadlock Wiki

User:Monster Domosed/common.js: Difference between revisions

Browse history interactively
← Older editNewer edit →

Monster Domosed (talk | contribs)

2 user groups
4,611 edits
No edit summary
No edit summary
Line 34: Line 34:
     }
     }


    function addQualityButton(container, viewer, lqUrl, hqUrl) {
function addQualityButton(container, viewer, lqUrl, hqUrl) {
    if (!hqUrl || lqUrl === hqUrl) {
    if (!hqUrl || lqUrl === hqUrl) {
        return;
        return;
Line 73: Line 73:
    container.appendChild(button);
    container.appendChild(button);
}
}
 
    function loadModel(preview) {
function loadModel(preview) {
        if (preview.dataset.loaded) {
    if (preview.dataset.loaded) {
            return;
        return;
        }
    }
 
        preview.dataset.loaded = '1';
    preview.dataset.loaded = '1';
 
        const fileName = preview.dataset.model;
    const fileName = preview.dataset.model;
        const size = getSize(preview);
    const size = getSize(preview);
 
        Promise.all([
    Promise.all([
            getFileUrl(fileName + '-compressed.glb'),
        getFileUrl(fileName + '-compressed.glb'),
            getFileUrl(fileName + '.glb')
        getFileUrl(fileName + '.glb')
        ])
    ])
        .then(function (urls) {
    .then(function (urls) {
            const lqUrl = urls[0] || urls[1];
        const lqUrl = urls[0] || urls[1];
            const hqUrl = urls[1];
        const hqUrl = urls[1];
 
            if (!lqUrl) {
        if (!lqUrl) {
                return;
            return;
            }
        }
 
            const container = document.createElement('div');
        const container = document.createElement('div');
            container.className = 'model-viewer-container';
        container.className = 'model-viewer-container';
 
            container.style.width = size + 'px';
        container.style.width = size + 'px';
            container.style.height = size + 'px';
        container.style.height = size + 'px';
 
            const viewer = document.createElement('model-viewer');
        const viewer = document.createElement('model-viewer');
 
            viewer.src = lqUrl;
        viewer.src = lqUrl;
            viewer.setAttribute('camera-controls', '');
        viewer.setAttribute('camera-controls', '');
            viewer.setAttribute('touch-action', 'pan-y');
        viewer.setAttribute('touch-action', 'pan-y');
 
            container.appendChild(viewer);
        container.appendChild(viewer);
 
            preview.replaceWith(container);
        preview.replaceWith(container);
 
            viewer.addEventListener('load', function () {
        addQualityButton(
                addQualityButton(
            container,
                    container,
            viewer,
                    viewer,
            lqUrl,
                    lqUrl,
            hqUrl
                    hqUrl
        );
                );
    });
            });
}
        });
    }
      
      
     function syncWrapperSize(viewer) {
     function syncWrapperSize(viewer) {
Retrieved from "https://deadlock.wiki/User:Monster_Domosed/common.js"