You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.9 KiB
HTML
69 lines
2.9 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/strict.dtd">
|
|
<html xmlns="http://www.w3.org/TR/xhtml1/strict" >
|
|
<head>
|
|
<title>Simulador de Aerogeneradores y Parques Eólicos (SAPE), CSC-CONICET</title>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"three": "https://cdn.jsdelivr.net/npm/three@0.136/build/three.module.js",
|
|
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.136/examples/jsm/"
|
|
}
|
|
}
|
|
</script>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Encode+Sans:wdth,wght@87.5,100..900&display=swap" rel="stylesheet">
|
|
<link href="style.css" rel="stylesheet">
|
|
<style>
|
|
|
|
</style>
|
|
<script type="module" src="js/main.js"></script>
|
|
<script>
|
|
function show(s) {
|
|
document.getElementById("text").innerHTML = s;
|
|
document.getElementById("popup").style.display = "block";
|
|
}
|
|
|
|
function hide() {
|
|
document.getElementById("popup").style.display = "none";
|
|
}
|
|
|
|
function help() {
|
|
show('<h4>Simulador de Aerogeneradores y Parques Eólicos (SAPE)</h4>' +
|
|
'<div class="l s"><p>Desarrollado por:</p><ul><li>Dimas Barile (CSC-CONICET)</li><li>José Alberto Martínez Trespalacios (Universidad Tecnológica de Bolívar)</li><li>Sebastián Santisi (CSC-CONICET)</li></ul></div>');
|
|
}
|
|
|
|
function up() { light.shadow.camera.top += 1; light.shadow.camera.updateProjectionMatrix(); helper.update()}
|
|
function down() { light.shadow.camera.bottom -= 1; light.shadow.camera.updateProjectionMatrix(); helper.update()}
|
|
function left() { light.shadow.camera.left -= 1; light.shadow.camera.updateProjectionMatrix(); helper.update()}
|
|
function right() { light.shadow.camera.right += 1; light.shadow.camera.updateProjectionMatrix(); helper.update()}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="popup">
|
|
<div id="close" onclick="hide();">✗</div>
|
|
<div id="text">
|
|
<img src="assets/logooscuro.png" style="width: 30vh;" /><br />
|
|
<p>Simulador de Aerogeneradores y Parques Eólicos (SAPE)</p>
|
|
<p>Centro de Simulación Computacional para Aplicaciones Tecnológicas - CONICET</p>
|
|
</div>
|
|
</div>
|
|
<div id="button" onclick="ws.simulate();">¡SIMULAR!</div>
|
|
<div id="help">
|
|
<ul>
|
|
<li onclick="ws.setRotation(0);">⬅</li>
|
|
<li onclick="ws.setRotation(315);">⬉</li>
|
|
<li onclick="ws.setRotation(270);">⬆</li>
|
|
<li onclick="ws.setRotation(225);">⬈</li>
|
|
<li onclick="help();" style="cursor: help">?</li>
|
|
</ul>
|
|
</div>
|
|
<div id="copyright">©2024 Centro de Simulación Computacional para Aplicaciones Tecnológicas (CSC) - CONICET</div>
|
|
<div id="rotate"><img src="assets/rotar_telefono.png" /><p>Rotá tu<br />dispositivo</p></div>
|
|
<div id="logo"><a href="http://www.csc.gob.ar"><img src="assets/logooscuro.png" /></a></div>
|
|
</div>
|
|
</body>
|
|
</html>
|