Experience results from numerical simulations by the CEREMA in 2 locations in France. Build on OpenStreetMap, IGN data and AFrame for WebXR support. https://bric-vr.com/cerema/portail/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
CEREMA/portail.html

48 lines
1.7 KiB

<html>
<img src="cerema_logo_horizontal.jpg" />
<h1>Les effets d'une crue de la Seine a Pont-Audemer</h1>
<h2>Experience par lieu</h2>
<center>
<table><tr>
<td><a target="_blank" class="experiencetdnks" href="https://fabien.benetou.fr/pub/home/CEREMA/?">
<img src="ruelle_osm.png" width="300px"/><br><br>
<center>Quai de la Ruelle</center></a></td>
<td><a target="_blank" class="experiencetdnks" href="https://fabien.benetou.fr/pub/home/CEREMA/?position=1">
<img src="baquet_osm.png" width="300px"/><br><br>
<center>Les Baquets</center></a></td>
</tr></table>
</center>
<h2>Options</h2>
<ul>
<li>Forcer l'affichage des performances
<ul>
<li onclick="forceStats(this)">true</li>
<li onclick="forceStats(this)">false</li>
</ul>
</li>
<li>Hauteur des batiments :
<ul>
<li onclick="adjustHeight(this)">10</li>
<li onclick="adjustHeight(this)">15</li>
<li onclick="adjustHeight(this)">20</li>
</ul>
</li>
</ul>
<h2>Documentation</h2>
Utiliser <a href="https://hmd.link">hmd.link</a> dans le navigateur Web du casque pour partager le lien genere ou <a href="https://fabien.benetou.fr/pub/home/CEREMA/portail.html">ce portail</a>.
<h2>Code</h2>
Disponible en open-source a <a href="https://git.benetou.fr/utopiah/CEREMA/">https://git.benetou.fr/utopiah/CEREMA/</a>
<br><br><hr><br><center>Conception immersive<br><img src="marelle.png" /></center>
<script>
var links = Array.from(document.querySelectorAll(".experiencelinks"))
function adjustHeight(param){
links.map( e => e.href += "&height="+param.textContent)
}
function forceStats(param){
links.map( e => e.href += "&forcestats="+param.textContent)
}
</script>
<html>