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.
67 lines
2.2 KiB
67 lines
2.2 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="experiencelinks" 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="experiencelinks" 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>Choisir une simulation
|
|
<ul>
|
|
<li onclick="forceSimsrc(this)">1</li>
|
|
<li onclick="forceSimsrc(this)">2</li>
|
|
<li onclick="forceSimsrc(this)">3</li>
|
|
<li onclick="forceSimsrc(this)">4</li>
|
|
</ul>
|
|
</li>
|
|
<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>
|
|
<li>Debug mode :
|
|
<ul>
|
|
<li onclick="debugMode(this)">true</li>
|
|
<li onclick="debugMode(this)">false</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)
|
|
}
|
|
function debugMode(param){
|
|
links.map( e => e.href += "&debugmode="+param.textContent)
|
|
}
|
|
function forceSimsrc(param){
|
|
links.map( e => e.href += "&simsrc=simulations/scenario"+param.textContent+"_crops/heure_sim_")
|
|
}
|
|
</script>
|
|
<html>
|
|
|