Commit 1050d59c authored by Jean Rabreau's avatar Jean Rabreau
Browse files

️remove iframe files

parent 9391b731
Pipeline #60641 passed with stages
in 4 minutes and 23 seconds
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta content="charset=UTF-8"/>
<title>3DHOP - 3D Heritage Online Presenter</title>
<!--STYLESHEET-->
<link type="text/css" rel="stylesheet" href="static/stylesheet/vendor/vcg.isti.cnr.it/3dhop.css"/>
<!--SPIDERGL-->
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/spidergl.js"></script>
<!--JQUERY-->
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/jquery.js"></script>
<!--PRESENTER-->
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/presenter.js"></script>
<!--3D MODELS LOADING AND RENDERING-->
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/nexus.js"></script>
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/ply.js"></script>
<!--TRACKBALLS-->
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/trackball_turntable.js"></script>
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/trackball_turntable_pan.js"></script>
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/trackball_pantilt.js"></script>
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/trackball_sphere.js"></script>
<!--UTILITY-->
<script type="text/javascript" src="static/js/vendor/vcg.isti.cnr.it/init.js"></script>
</head>
<body>
<div id="3dhop" class="tdhop" onmousedown="if (event.preventDefault) event.preventDefault()"><div id="tdhlg"></div>
<div id="toolbar">
<img id="home" title="Home" src="static/skins/dark/home.png"/><br/>
<!--ZOOM-->
<img id="zoomin" title="Zoom In" src="static/skins/dark/zoomin.png"/><br/>
<img id="zoomout" title="Zoom Out" src="static/skins/dark/zoomout.png"/><br/>
<!--ZOOM-->
<!--LIGHTING-->
<img id="lighting_off" title="Enable Lighting" src="static/skins/dark/lighting_off.png" style="position:absolute; visibility:hidden;"/>
<img id="lighting" title="Disable Lighting" src="static/skins/dark/lighting.png"/><br/>
<!--LIGHTING-->
<!--LIGHT-->
<img id="light_on" title="Disable Light Control" src="static/skins/dark/lightcontrol_on.png" style="position:absolute; visibility:hidden;"/>
<img id="light" title="Enable Light Control" src="static/skins/dark/lightcontrol.png"/><br/>
<!--LIGHT-->
<!--MEASURE-->
<img id="measure_on" title="Disable Measure Tool" src="static/skins/dark/measure_on.png" style="position:absolute; visibility:hidden;"/>
<img id="measure" title="Enable Measure Tool" src="static/skins/dark/measure.png"/><br/>
<!--MEASURE-->
<!--POINT PICKING-->
<img id="pick_on" title="Disable PickPoint Mode" src="static/skins/dark/pick_on.png" style="position:absolute; visibility:hidden;"/>
<img id="pick" title="Enable PickPoint Mode" src="static/skins/dark/pick.png"/><br/>
<!--POINT PICKING-->
<!--SECTIONS-->
<img id="sections_on" title="Disable Plane Sections" src="static/skins/dark/sections_on.png" style="position:absolute; visibility:hidden;"/>
<img id="sections" title="Enable Plane Sections" src="static/skins/dark/sections.png"/><br/>
<!--SECTIONS-->
<!--COLOR-->
<img id="color_on" title="Disable Solid Color" src="static/skins/dark/color_on.png" style="position:absolute; visibility:hidden;"/>
<img id="color" title="Enable Solid Color" src="static/skins/dark/color.png"/><br/>
<!--COLOR-->
<!--CAMERA-->
<img id="perspective" title="Perspective Camera" src="static/skins/dark/perspective.png" style="position:absolute; visibility:hidden;"/>
<img id="orthographic" title="Orthographic Camera" src="static/skins/dark/orthographic.png"/><br/>
<!--CAMERA-->
<!--SCREENSHOT-->
<img id="screenshot" title="Save Screenshot" src="static/skins/dark/screenshot.png"/><br/>
<!--SCREENSHOT-->
<!--FULLSCREEN-->
<img id="full_on" title="Exit Full Screen" src="static/skins/dark/full_on.png" style="position:absolute; visibility:hidden;"/>
<img id="full" title="Full Screen" src="static/skins/dark/full.png"/>
<!--FULLSCREEN-->
</div>
<!--MEASURE-->
<div id="measure-box" class="output-box">Measured length<hr/><span id="measure-output" class="output-text" onmousedown="event.stopPropagation()">0.0</span></div>
<!--MEASURE-->
<!--POINT PICKING-->
<div id="pickpoint-box" class="output-box">XYZ picked point<hr/><span id="pickpoint-output" class="output-text" onmousedown="event.stopPropagation()">[ 0 , 0 , 0 ]</span></div>
<!--POINT PICKING-->
<!--SECTIONS-->
<div id="sections-box" class="output-box">
<table class="output-table" onmousedown="event.stopPropagation()">
<tr><td>Plane</td><td>Position</td><td>Flip</td></tr>
<tr>
<td><img id="xplane_on" title="Disable X Axis Section" src="static/skins/icons/sectionX_on.png" onclick="sectionxSwitch()" style="position:absolute; visibility:hidden; border:1px inset;"/>
<img id="xplane" title="Enable X Axis Section" src="static/skins/icons/sectionX.png" onclick="sectionxSwitch()"/><br/></td>
<td><input id="xplaneSlider" class="output-input" type="range" title="Move X Axis Section Position"/></td>
<td><input id="xplaneFlip" class="output-input" type="checkbox" title="Flip X Axis Section Direction"/></td></tr>
<tr>
<td><img id="yplane_on" title="Disable Y Axis Section" src="static/skins/icons/sectionY_on.png" onclick="sectionySwitch()" style="position:absolute; visibility:hidden; border:1px inset;"/>
<img id="yplane" title="Enable Y Axis Section" src="static/skins/icons/sectionY.png" onclick="sectionySwitch()"/><br/></td>
<td><input id="yplaneSlider" class="output-input" type="range" title="Move Y Axis Section Position"/></td>
<td><input id="yplaneFlip" class="output-input" type="checkbox" title="Flip Y Axis Section Direction"/></td></tr>
<tr>
<td><img id="zplane_on" title="Disable Z Axis Section" src="static/skins/icons/sectionZ_on.png" onclick="sectionzSwitch()" style="position:absolute; visibility:hidden; border:1px inset;"/>
<img id="zplane" title="Enable Z Axis Section" src="static/skins/icons/sectionZ.png" onclick="sectionzSwitch()"/><br/></td>
<td><input id="zplaneSlider" class="output-input" type="range" title="Move Y Axis Section Position"/></td>
<td><input id="zplaneFlip" class="output-input" type="checkbox" title="Flip Z Axis Section Direction"/></td></tr></table>
<table class="output-table" onmousedown="event.stopPropagation()" style="text-align:right;">
<tr>
<td>Show planes<input id="showPlane" class="output-input" type="checkbox" title="Show Section Planes" style="bottom:-3px;"/></td>
<td>Show edges<input id="showBorder" class="output-input" type="checkbox" title="Show Section Edges" style="bottom:-3px;"/></td></tr></table>
</div>
<!--SECTIONS-->
<canvas id="draw-canvas" style="background-image: url(static/skins/backgrounds/light.jpg)"/>
</div>
</body>
<script type="text/javascript">
var presenter = null;
function setup3dhop(url) {
presenter = new Presenter("draw-canvas");
presenter.setScene({
meshes: {
"mesh_1" : { url } //: "models/gargo.nxz" }
},
modelInstances : {
"model_1" : {
mesh : "mesh_1",
// color : [0.8, 0.7, 0.75]
}
},
trackball: {
type: SphereTrackball,
trackOptions : {
startDistance : 2.5,
minMaxDist: [0, 3.0]
}
}
});
//--MEASURE--
presenter._onEndMeasurement = onEndMeasure;
//--MEASURE--
//--POINT PICKING--
presenter._onEndPickingPoint = onEndPick;
//--POINT PICKING--
//--SECTIONS--
sectiontoolInit();
//--SECTIONS--
}
function actionsToolbar(action) {
if(action=='home') presenter.resetTrackball();
//--FULLSCREEN--
else if(action=='full' || action=='full_on') fullscreenSwitch();
//--FULLSCREEN--
//--ZOOM--
else if(action=='zoomin') presenter.zoomIn();
else if(action=='zoomout') presenter.zoomOut();
//--ZOOM--
//--LIGHTING--
else if(action=='lighting' || action=='lighting_off') { presenter.enableSceneLighting(!presenter.isSceneLightingEnabled()); lightingSwitch(); }
//--LIGHTING--
//--LIGHT--
else if(action=='light' || action=='light_on') { presenter.enableLightTrackball(!presenter.isLightTrackballEnabled()); lightSwitch(); }
//--LIGHT--
//--CAMERA--
else if(action=='perspective' || action=='orthographic') { presenter.toggleCameraType(); cameraSwitch(); }
//--CAMERA--
//--COLOR--
else if(action=='color' || action=='color_on') { presenter.toggleInstanceSolidColor(HOP_ALL, true); colorSwitch(); }
//--COLOR--
//--MEASURE--
else if(action=='measure' || action=='measure_on') { presenter.enableMeasurementTool(!presenter.isMeasurementToolEnabled()); measureSwitch(); }
//--MEASURE--
//--POINT PICKING--
else if(action=='pick' || action=='pick_on') { presenter.enablePickpointMode(!presenter.isPickpointModeEnabled()); pickpointSwitch(); }
//--POINT PICKING--
//--SCREENSHOT--
else if(action=='screenshot') presenter.saveScreenshot();
//--SCREENSHOT--
//--SECTIONS--
else if(action=='sections' || action=='sections_on') { sectiontoolReset(); sectiontoolSwitch(); }
//--SECTIONS--
}
//--MEASURE--
function onEndMeasure(measure) {
// measure.toFixed(2) sets the number of decimals when displaying the measure
// depending on the model measure units, use "mm","m","km" or whatever you have
$('#measure-output').html(measure.toFixed(3) + "m");
}
//--MEASURE--
//--PICKPOINT--
function onEndPick(point) {
// .toFixed(2) sets the number of decimals when displaying the picked point
var x = point[0].toFixed(2);
var y = point[1].toFixed(2);
var z = point[2].toFixed(2);
$('#pickpoint-output').html("[ "+x+" , "+y+" , "+z+" ]");
}
//--PICKPOINT--
$(document).ready(function(){
init3dhop();
const url = window.parent.document.getElementById("frame").getAttribute('data-url')
setup3dhop(url)
});
</script>
</html>
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="static/stylesheet/vendor/vcg.isti.cnr.it/relight.css">
<style>
html, body { width:100%; height:100%; padding:0px; margin:0px; }
.relight { width:100%; height:100%; }
</style>
</head>
<body>
<div class="relight">
</div>
</body>
<script src="static/js/hammer.js"></script>
<script src="static/js/relight-core.js"></script>
<script src="static/js/relight-shaders.js"></script>
<script src="static/js/relight-canvas.js"></script>
<script src="static/js/relight-interface.js"></script>
<!-- <script src="static/js/relight-viewer.min.js"></script>-->
<script>
var url1 = '/test/bilinear18';
//var url2 = 'test/12563_front';
var relight = new RelightViewer('.relight',
{
layers: [
{
// position: [0, 0],
// rotation: 0,
// scale: 1,
url:url1,
layout:"image",
// visible: true,
// scale: 0,
}
/* ,{
position: [0, 3000],
rotation: 0,
url:url1,
layout:"deepzoom",
scale: 1,
opacity: 0.5,
visible: true
} */
],
fit: true,
bounded: false,
zbounded: true,
maxzoom: -4,
minzoom: 100,
pos: { x:0, y:0, z:0, a:0 },
rotation: 0,
// pagemap: { /*thumb: 'thumb.jpg', */size:200, autohide:1000 },
scale: 1.0,
background: [0.7, 0.7, 0.7, 1]
// fit: true,
// pos: { x:0, y:0, z:0, a:0 },
// rotation: 0,
// pagemap: { /*thumb: 'thumb.jpg', */size:200, autohide:1000 },
// scale: 1.0,
// background: [0.7, 0.7, 0.7, 1]
});
//relight.removeAction('fullscreen');
//relight.addAction('info', 'ski/info.svg', function());
</script>
<script>
</script>
</html>
<html lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="WebRTIViewer is a simple viewer for high resolution RTI images" />
<meta name="keywords" content="WebGL, Library, JavaScript, 3D, OpenGL, 2D, Graphics, Rendering, Realtime, Real-time, SpiderGL, VCG, RTI" />
<title>RTI-Viewer</title>
<link type="text/css" href="static/stylesheet/vendor/vcg.isti.cnr.it/ui-lightness/jquery-ui-1.10.3.custom.css" rel="Stylesheet">
<link type="text/css" href="static/stylesheet/vendor/vcg.isti.cnr.it/webrtiviewer.css" rel="Stylesheet">
<script type="text/javascript" src="static/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="static/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="static/js/pep.min.js"></script>
<script type="text/javascript" src="spidergl/spidergl.min.js"></script>
<script type="text/javascript" src="spidergl/multires.min.js"></script>
</head>
<body>
<div id="viewerCont">
<script type="text/javascript">
const url = window.parent.document.getElementById("frame").getAttribute('data-url')
$(document).ready(function() {
createRtiViewer("viewerCont", url, 900, 600);
})
</script>
</div>
</body>
</html>
/*************************************************************************/
/* */
/* WebMultiRes */
/* JavaScript 3D Graphics Library on top of SpiderGL for web */
/* visualization of high resolution RTI images */
/* */
/* Copyright (C) 2013-2015 */
/* Gianpaolo Palma */
/* Visual Computing Laboratory */
/* ISTI - Italian National Research Council (CNR) */
/* http://vcg.isti.cnr.it/rti/webviewer.php */
/* mailto: gianpaolo[DOT]palma[AT]isti[DOT]cnr[DOT]it */
/* */
/* */
/* This program is free software: you can redistribute it and/or modify */
/* it under the terms of the GNU General Public License as published by */
/* the Free Software Foundation, either version 3 of the License, or */
/* (at your option) any later version. */
/* */
/* This program is distributed in the hope that it will be useful, */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */
/* GNU General Public License for more details. */
/* */
/* You should have received a copy of the GNU General Public License */
/* along with this program. If not, see <http://www.gnu.org/licenses/> */
/*************************************************************************/
#ifdef GL_ES
precision highp float;
#endif
uniform vec3 u_color;
void main(void)
{
gl_FragData[0] = vec4(u_color, 1.0);
}
/*************************************************************************/
/* */
/* WebMultiRes */
/* JavaScript 3D Graphics Library on top of SpiderGL for web */
/* visualization of high resolution RTI images */
/* */
/* Copyright (C) 2013-2015 */
/* Gianpaolo Palma */
/* Visual Computing Laboratory */
/* ISTI - Italian National Research Council (CNR) */
/* http://vcg.isti.cnr.it/rti/webviewer.php */
/* mailto: gianpaolo[DOT]palma[AT]isti[DOT]cnr[DOT]it */
/* */
/* */
/* This program is free software: you can redistribute it and/or modify */
/* it under the terms of the GNU General Public License as published by */
/* the Free Software Foundation, either version 3 of the License, or */
/* (at your option) any later version. */
/* */
/* This program is distributed in the hope that it will be useful, */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */
/* GNU General Public License for more details. */
/* */
/* You should have received a copy of the GNU General Public License */
/* along with this program. If not, see <http://www.gnu.org/licenses/> */
/*************************************************************************/
#ifdef GL_ES
precision highp float;
#endif
uniform mat4 u_model_view_projection_matrix;
uniform vec3 u_world_box_min;
uniform vec3 u_world_box_max;
attribute vec3 a_position;
void main(void)
{
vec3 world_box_size = u_world_box_max - u_world_box_min;
vec3 vert = a_position.xyz + 0.5;
vec3 world_pos = vert * world_box_size + u_world_box_min;
gl_Position = u_model_view_projection_matrix * vec4(world_pos, 1.0);
}
/*************************************************************************/
/* */
/* WebMultiRes */
/* JavaScript 3D Graphics Library on top of SpiderGL for web */
/* visualization of high resolution RTI images */
/* */
/* Copyright (C) 2013-2015 */
/* Gianpaolo Palma */
/* Visual Computing Laboratory */
/* ISTI - Italian National Research Council (CNR) */
/* http://vcg.isti.cnr.it/rti/webviewer.php */
/* mailto: gianpaolo[DOT]palma[AT]isti[DOT]cnr[DOT]it */
/* */
/* */
/* This program is free software: you can redistribute it and/or modify */
/* it under the terms of the GNU General Public License as published by */
/* the Free Software Foundation, either version 3 of the License, or */
/* (at your option) any later version. */
/* */
/* This program is distributed in the hope that it will be useful, */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */
/* GNU General Public License for more details. */
/* */
/* You should have received a copy of the GNU General Public License */
/* along with this program. If not, see <http://www.gnu.org/licenses/> */
/*************************************************************************/
#ifdef GL_ES
precision highp float;
#endif
uniform int ordlen;
uniform sampler2D coeff0;
uniform sampler2D coeff1;
uniform sampler2D coeff2;
uniform sampler2D coeff3;
uniform sampler2D coeff4;
uniform sampler2D coeff5;
uniform sampler2D coeff6;
uniform sampler2D coeff7;
uniform sampler2D coeff8;
uniform float lweight0;
uniform float lweight1;
uniform float lweight2;
uniform float lweight3;
uniform float lweight4;
uniform float lweight5;
uniform float lweight6;
uniform float lweight7;
uniform float lweight8;
uniform float gmax0;
uniform float gmax1;
uniform float gmax2;
uniform float gmax3;
uniform float gmax4;
uniform float gmax5;
uniform float gmax6;
uniform float gmax7;
uniform float gmax8;
uniform float gmin0;
uniform float gmin1;
uniform float gmin2;
uniform float gmin3;
uniform float gmin4;
uniform float gmin5;
uniform float gmin6;
uniform float gmin7;
uniform float gmin8;
uniform float leftTex;
uniform float rightTex;
uniform float bottomTex;
uniform float topTex;
varying vec2 v_texcoord;
varying vec2 v_world_texcoord;
void main(void)
{
vec3 color = vec3(0.0);
if (v_world_texcoord.x <= leftTex || v_world_texcoord.x >= rightTex || v_world_texcoord.y <= bottomTex || v_world_texcoord.y >= topTex)
{
gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);
return;
}
vec3 rgbCoeff = texture2D(coeff0, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin0 + gmax0;
color += (rgbCoeff * lweight0);
rgbCoeff = texture2D(coeff1, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin1 + gmax1;
color += (rgbCoeff * lweight1);
rgbCoeff = texture2D(coeff2, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin2 + gmax2;
color += (rgbCoeff * lweight2);
rgbCoeff = texture2D(coeff3, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin3 + gmax3;
color += (rgbCoeff * lweight3);
if (ordlen > 4)
{
rgbCoeff = texture2D(coeff4, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin4 + gmax4;
color += (rgbCoeff * lweight4);
rgbCoeff = texture2D(coeff5, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin5 + gmax5;
color += (rgbCoeff * lweight5);
rgbCoeff = texture2D(coeff6, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin6 + gmax6;
color += (rgbCoeff * lweight6);
rgbCoeff = texture2D(coeff7, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin7 + gmax7;
color += (rgbCoeff * lweight7);
rgbCoeff = texture2D(coeff8, v_texcoord).xyz;
rgbCoeff = rgbCoeff * gmin8 + gmax8;
color += (rgbCoeff * lweight8);
}
gl_FragColor = vec4(color, 1.0);
}
/*************************************************************************/
/* */
/* WebMultiRes */
/* JavaScript 3D Graphics Library on top of SpiderGL for web */
/* visualization of high resolution RTI images */
/* */
/* Copyright (C) 2013-2015 */
/* Gianpaolo Palma */
/* Visual Computing Laboratory */
/* ISTI - Italian National Research Council (CNR) */
/* http://vcg.isti.cnr.it/rti/webviewer.php */
/* mailto: gianpaolo[DOT]palma[AT]isti[DOT]cnr[DOT]it */
/* */
/* */
/* This program is free software: you can redistribute it and/or modify */
/* it under the terms of the GNU General Public License as published by */
/* the Free Software Foundation, either version 3 of the License, or */
/* (at your option) any later version. */
/* */
/* This program is distributed in the hope that it will be useful, */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */
/* GNU General Public License for more details. */
/* */
/* You should have received a copy of the GNU General Public License */
/* along with this program. If not, see <http://www.gnu.org/licenses/> */
/*************************************************************************/
#ifdef GL_ES
precision highp float;
#endif
uniform sampler2D coeff0;
uniform float leftTex;
uniform float rightTex;
uniform float bottomTex;
uniform float topTex;
varying vec2 v_texcoord;
varying vec2 v_world_texcoord;
void main(void)
{
if (v_world_texcoord.x <= leftTex || v_world_texcoord.x >= rightTex || v_world_texcoord.y <= bottomTex || v_world_texcoord.y >= topTex)
{
gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);
return;
}
vec3 color = texture2D(coeff0, v_texcoord).xyz;
gl_FragColor = vec4(color, 1.0);